.chartContainer-rWi8TPrc {
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.chart-rWi8TPrc,
.chartContainer-rWi8TPrc {
    display: block;
    height: 320px;
    width: 100%
}

.hideBlock-rWi8TPrc {
    visibility: hidden
}

.chartBanner-rWi8TPrc {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.timeframeTab-rWi8TPrc {
    padding: 8px 16px
}

.controls-rWi8TPrc {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    min-height: 48px
}

.buttonsControlsWrapper-rWi8TPrc {
    column-gap: 12px;
    display: flex;
    flex-wrap: nowrap
}

.timeframe-rWi8TPrc {
    display: flex;
    overflow: scroll;
    overscroll-behavior-x: contain;
    --adaptive-mf-container-padding: 20px
}

@supports (-moz-appearance:none) {
    .timeframe-rWi8TPrc {
        scrollbar-width: none
    }
}

.timeframe-rWi8TPrc.sb-scrollbar-wrap {
    display: none
}

.timeframe-rWi8TPrc::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.timeframe-rWi8TPrc::-webkit-scrollbar-thumb,
.timeframe-rWi8TPrc::-webkit-scrollbar-track {
    display: none
}

.timeframe-rWi8TPrc::-webkit-scrollbar-corner {
    display: none
}

@media (min-width:768px) {
    .timeframe-rWi8TPrc {
        --adaptive-mf-container-padding: 0
    }
}

.timeframe-rWi8TPrc.timeframe-rWi8TPrc {
    margin: -4px calc(var(--adaptive-mf-container-padding, 0px)*-1);
    padding: 4px var(--adaptive-mf-container-padding, 0)
}

.wrapper-rWi8TPrc {
    grid-column: span 2;
    grid-template-rows: 1fr auto;
    min-width: 0
}

@media (min-width:1280px) {
    .wrapper-rWi8TPrc {
        grid-column: unset
    }
    body.is-widgetbar-expanded .wrapper-rWi8TPrc {
        grid-column: span 2
    }
}

@media (min-width:1920px) {
    .wrapper-rWi8TPrc,
    body.is-widgetbar-expanded .wrapper-rWi8TPrc {
        grid-column: unset
    }
}