/* =========================================================================================================================== */
/*                                            🧩 COMPONENT – CHARTS                                                            */
/*                                            📍 static/css/components/charts.css                                              */
/* =========================================================================================================================== */




/* =========================================================================================================================== */
/*                             📍 Used in: metrics (difficulty, tx_volume, tx_fees, hashrate, tx_amount)                       */
/*                             📍 Used in: markets (btc_price, btc_fiat, btc_gold, btc_silver)                                 */
/* =========================================================================================================================== */

/* CHART WRAPPER (GLOBAL COMPONENT) */
.chart-wrapper {
    position: relative;
    width: 100%;
    height: 50rem;

    background: rgba(15, 15, 15, 0.85);
    border-radius: 1.25rem;
    padding: 1rem;

    overflow: hidden;
}

/* CANVAS */
.chart-wrapper canvas {
    width: 100% !important;
    height: 100% !important;
    display: block;
}