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

.control-UiGskuH2:focus {
    outline: none
}

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

.control-UiGskuH2: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-UiGskuH2:focus:after {
    display: block
}

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

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

.control-UiGskuH2:after,
html.theme-dark .control-UiGskuH2:after {
    border-color: #2962ff
}

.control-UiGskuH2:after {
    border-radius: 68px
}

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

.container-UiGskuH2 {
    align-items: flex-start;
    display: grid;
    gap: 4px;
    grid-template-areas: "logo titleContainer" "logo titleContainer" "valueAndChange valueAndChange" "chart chart";
    grid-template-columns: 24px 1fr;
    min-height: 132px;
    padding: 12px
}

@media (min-width:768px) {
    .container-UiGskuH2 {
        align-items: center;
        gap: 2px 8px;
        grid-template-areas: "logo titleContainer" "logo valueAndChange";
        grid-template-columns: 36px 1fr;
        min-height: auto;
        padding: 8px 16px 8px 12px
    }
}

.containerWithoutLogo-UiGskuH2 {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .containerWithoutLogo-UiGskuH2 {
        align-items: self-start;
        display: grid;
        grid-template-areas: "titleContainer" "valueAndChange";
        grid-template-columns: 100%;
        padding: 8px 20px
    }
}

.containerNoData-UiGskuH2 {
    gap: 12px 4px;
    grid-template: fit-content(100%) 1fr /24px 1fr;
    grid-template-areas: "logo titleContainer" "noData noData"
}

@media (min-width:768px) {
    .containerNoData-UiGskuH2 {
        gap: 2px 8px;
        grid-template: auto/36px 1fr;
        grid-template-areas: "logo titleContainer" "logo noData"
    }
}

.containerWithoutLogo-UiGskuH2.containerNoData-UiGskuH2 {
    gap: 12px;
    grid-template-areas: "titleContainer" "noData";
    grid-template-columns: auto
}

@media (min-width:768px) {
    .containerWithoutLogo-UiGskuH2.containerNoData-UiGskuH2 {
        gap: 4px;
        grid-template-areas: "titleContainer" "noData";
        grid-template-columns: auto
    }
}

.valueAndChangeContainer-UiGskuH2 {
    display: flex;
    flex-direction: column;
    grid-area: valueAndChange
}

@media (min-width:768px) {
    .valueAndChangeContainer-UiGskuH2 {
        flex-direction: row;
        gap: 12px;
        justify-content: flex-start
    }
}

.change-UiGskuH2 {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    grid-area: change;
    min-height: 18px;
    text-align: left;
    --ui-lib-typography-font-size: 14px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 500;
    --ui-lib-typography-line-height: 18px;
    line-height: var(--ui-lib-typography-line-height)
}

@media (min-width:768px) {
    .change-UiGskuH2 {
        display: inline-block;
        font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
        font-feature-settings: "tnum" on, "lnum" on;
        font-style: normal;
        --ui-lib-typography-font-size: 16px;
        font-size: var(--ui-lib-typography-font-size);
        font-weight: 500;
        --ui-lib-typography-line-height: 24px;
        line-height: var(--ui-lib-typography-line-height)
    }
}

.chart-UiGskuH2 {
    grid-area: chart;
    height: 46px;
    margin-bottom: 8px;
    margin-left: -12px;
    margin-top: 4px;
    width: 100%
}

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

.timeFrame-UiGskuH2 {
    bottom: 4px;
    color: #707070;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    left: 0;
    overflow: hidden;
    padding: 0 12px;
    position: absolute;
    right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    --ui-lib-typography-font-size: 12px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 400;
    --ui-lib-typography-line-height: 16px;
    line-height: var(--ui-lib-typography-line-height)
}

html.theme-dark .timeFrame-UiGskuH2 {
    color: #8c8c8c
}

@media (min-width:768px) {
    .timeFrame-UiGskuH2 {
        display: none
    }
}

.showMobile-UiGskuH2 {
    display: flex
}

@media (min-width:768px) {
    .showMobile-UiGskuH2 {
        display: none
    }
}

.showDesktop-UiGskuH2 {
    display: none
}

@media (min-width:768px) {
    .showDesktop-UiGskuH2 {
        display: flex
    }
}

.logo-UiGskuH2 {
    grid-area: logo
}

.title-UiGskuH2 {
    grid-area: titleContainer
}

.wrapper-UiGskuH2 {
    --base-ticker-card-container-border-radius: 16px;
    --base-ticker-card-container-border-width: 1px;
    --base-ticker-card-container-border-color: #ebebeb;
    --ticker-card-link-position: unset;
    --no-data-text-display: flex;
    --no-data-icon-position: static;
    --no-data-text-align: left;
    --no-data-container-justify-content: flex-start
}

html.theme-dark .wrapper-UiGskuH2 {
    --base-ticker-card-container-border-color: #4a4a4a
}

@media (min-width:768px) {
    .wrapper-UiGskuH2 {
        --base-ticker-card-container-border-radius: 64px;
        --base-ticker-card-container-border-width: 1px;
        --base-ticker-card-container-border-color: #fff;
        --base-ticker-card-container-hover-border-color: #fff;
        --base-ticker-card-container-active-border-color: #fff;
        --ticker-card-link-position: relative
    }
    html.theme-dark .wrapper-UiGskuH2 {
        --base-ticker-card-container-active-border-color: #000;
        --base-ticker-card-container-hover-border-color: #000;
        --base-ticker-card-container-border-color: #000
    }
}

.container-ZQXCYS2e {
    --filmstrip-item-min-width: 240px;
    --filmstrip-visible-items: 2;
    --filmstrip-gap: 16px;
    --filmstrip-container-horizontal-offset: 0px
}

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

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

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

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

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

@media (min-width:1920px) {
    .container-ZQXCYS2e {
        --filmstrip-item-min-width: auto;
        --filmstrip-visible-items: 5;
        --filmstrip-gap: 32px
    }
}

@media (min-width:2560px) {
    .container-ZQXCYS2e {
        --filmstrip-visible-items: 6;
        --filmstrip-gap: 64px
    }
}

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

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

.seeAllCard-ZQXCYS2e {
    padding: 0
}

@media (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 (min-width:768px) {
    .seeAllContent-ZQXCYS2e {
        border-radius: 64px
    }
}

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

.chart-jDMZqyge {
    display: none
}

@media (min-width:768px) {
    .chart-jDMZqyge {
        display: block;
        margin-top: 40px
    }
}