.container-jh7LFL7V {
    border: 1px solid #e0e3eb;
    padding-right: 16px
}

html.theme-dark .container-jh7LFL7V {
    border-color: #434651
}

@media screen and (min-width:768px) {
    .container-jh7LFL7V {
        border-radius: 64px;
        border-width: 0;
        grid-template-areas: "logo titleContainer" "logo quotesContainer"
    }
    @media (any-hover:hover) {
        .container-jh7LFL7V:not(.containerSelected-jh7LFL7V):hover {
            background-color: #f8f9fd
        }
        html.theme-dark .container-jh7LFL7V:not(.containerSelected-jh7LFL7V):hover {
            background-color: #1e222d
        }
    }
}

.container-jh7LFL7V.containerHidden-jh7LFL7V {
    display: none
}

.container-jh7LFL7V .quotesContainer-jh7LFL7V {
    margin-bottom: 4px;
    margin-left: 0;
    margin-top: unset
}

@media screen and (min-width:768px) {
    .container-jh7LFL7V .quotesContainer-jh7LFL7V {
        margin-bottom: 0
    }
}

.container-jh7LFL7V .quotes-jh7LFL7V {
    column-gap: 12px;
    height: 42px
}

@media screen and (min-width:768px) {
    .container-jh7LFL7V .quotes-jh7LFL7V {
        flex-direction: row;
        height: 24px
    }
    .containerWithoutLogo-jh7LFL7V {
        grid-template-areas: "titleContainer" "quotesContainer";
        grid-template-columns: 1fr;
        padding: 8px 20px
    }
}

.containerNoData-jh7LFL7V {
    grid-template-areas: "logo titleContainer" "noData noData";
    grid-template-rows: 24px 1fr;
    row-gap: 12px
}

.containerNoData-jh7LFL7V .noData-jh7LFL7V {
    height: 88px
}

@media screen and (min-width:768px) {
    .containerNoData-jh7LFL7V {
        grid-template-areas: "logo titleContainer" "logo noData";
        row-gap: 4px
    }
    .containerNoData-jh7LFL7V .noData-jh7LFL7V {
        align-items: center;
        height: 24px
    }
}

.titleContainer-jh7LFL7V {
    position: unset;
    z-index: 2
}

@media screen and (min-width:768px) {
    .titleContainer-jh7LFL7V {
        position: relative
    }
    .containerSelected-jh7LFL7V {
        background-color: #f0f3fa
    }
    html.theme-dark .containerSelected-jh7LFL7V {
        background-color: #2a2e39
    }
}

.container-jh7LFL7V:not(.containerHidden-jh7LFL7V) {
    margin-left: 0 !important
}

.container-jh7LFL7V:not(.containerHidden-jh7LFL7V)~.container-jh7LFL7V {
    margin-left: var(--filmstrip-gap) !important
}

.control-jh7LFL7V {
    background: #0000;
    border: none;
    cursor: default;
    display: none;
    grid-area: 1/1;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative
}

.control-jh7LFL7V:focus {
    outline: none
}

.control-jh7LFL7V:focus-visible {
    outline: none
}

.control-jh7LFL7V:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: 1
}

.control-jh7LFL7V:focus:after {
    display: block
}

.control-jh7LFL7V:focus-visible:after {
    display: block
}

.control-jh7LFL7V:focus:not(:focus-visible):after {
    display: none
}

.control-jh7LFL7V:after {
    border-color: #2962ffcc;
    border-radius: 68px
}

@media screen and (min-width:768px) {
    .control-jh7LFL7V {
        display: block;
        position: unset
    }
    .control-jh7LFL7V:before {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }
}

.chart-jh7LFL7V {
    height: 46px;
    margin-left: -12px;
    margin-right: -5px
}

@media screen and (min-width:768px) {
    .chart-jh7LFL7V {
        display: none
    }
}

.last-jh7LFL7V {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.priceAndCurrency-jh7LFL7V {
    width: 100%
}

@media screen and (min-width:768px) {
    .priceAndCurrency-jh7LFL7V {
        width: auto
    }
}

.container-ZQXCYS2e {
    --filmstrip-item-min-width: 152px;
    --filmstrip-visible-items: 3;
    --filmstrip-gap: 12px;
    --filmstrip-container-horizontal-offset: 0px
}

@media screen and (min-width:768px) {
    .container-ZQXCYS2e {
        --filmstrip-item-min-width: 272px;
        --filmstrip-visible-items: 2;
        --filmstrip-gap: 32px
    }
}

@media screen and (min-width:1024px) {
    .container-ZQXCYS2e {
        --filmstrip-visible-items: 3
    }
}

@media screen and (min-width:1280px) {
    .container-ZQXCYS2e {
        --filmstrip-item-min-width: 280px
    }
    body.is-widgetbar-expanded .container-ZQXCYS2e {
        --filmstrip-item-min-width: 272px
    }
}

@media screen and (min-width:1440px) {
    .container-ZQXCYS2e {
        --filmstrip-visible-items: 4
    }
}

@media screen and (min-width:1920px) {
    .container-ZQXCYS2e {
        --filmstrip-visible-items: 6;
        --filmstrip-gap: 32px
    }
}

@media screen and (min-width:2560px) {
    .container-ZQXCYS2e {
        --filmstrip-gap: 64px
    }
}

.filmstripItems-ZQXCYS2e {
    margin: -8px calc(var(--adaptive-mf-container-padding)*-1);
    padding: 8px var(--adaptive-mf-container-padding)
}

@media screen and (min-width:768px) {
    .filmstripItems-ZQXCYS2e {
        margin: -24px 0 -24px -24px;
        padding: 24px 0 24px 24px
    }
}

.seeAllCard-ZQXCYS2e {
    padding: 0
}

@media screen and (min-width:768px) {
    .seeAllCard-ZQXCYS2e:after {
        border-radius: 68px
    }
    @media (any-hover:hover) {
        .seeAllCard-ZQXCYS2e:hover {
            border-radius: 64px
        }
    }
}

.seeAllContent-ZQXCYS2e {
    border-radius: 16px
}

@media screen and (min-width:768px) {
    .seeAllContent-ZQXCYS2e {
        border-radius: 64px
    }
}

.container-jDMZqyge {
    position: relative;
    z-index: 0
}

.chartContainer-jDMZqyge {
    display: none;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:768px) {
    .chartContainer-jDMZqyge {
        display: block;
        height: 320px;
        margin: 40px 0 24px;
        width: 100%
    }
}

.chart-jDMZqyge {
    display: block;
    height: 320px;
    width: 100%
}

.hideBlock-jDMZqyge {
    visibility: hidden
}

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

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

.controls-jDMZqyge {
    align-items: center;
    display: none;
    flex-wrap: nowrap;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .controls-jDMZqyge {
        display: flex
    }
}

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