.container-gFu2m6yn {
    background: var(--color-background-primary-inverse);
    border-radius: 16px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 1px;
    position: relative;
    width: 100%
}

html.theme-light .container-gFu2m6yn.featured-gFu2m6yn {
    background: linear-gradient(311deg, #f3ccff -6.47%, #b8e8ff99 20.71%, #fff0 47.87%, #fff0 66.81%, #d9d6ff8c 86.9%, #f3ccffb3 104.04%);
    background: linear-gradient(311deg, oklch(.8943 .0801 318.16) -6.47%, oklch(.905 .0586 228.74/60%) 20.71%, oklch(1 0 0/0) 47.87%, oklch(1 0 0/0) 66.81%, oklch(.8915 .05605 288.5605/55%) 86.9%, oklch(.8943 .0801 318.16/70%) 104.04%)
}

html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn {
    background: linear-gradient(311deg, #d93c98d9 -6.47%, #2c239199 20.71%, #3d1f6000 47.87%, rgba(61, 31, 96, .275) 67.38%, #400bff8c 86.9%, #d93c98b3 104.04%);
    background: linear-gradient(311deg, oklch(.6151 .2106 349.16/.85) -6.47%, oklch(.3526 .171 276.67/.6) 20.71%, oklch(.3168 .1111 301.57/0) 47.87%, oklch(.3168 .1111 301.57/.275) 67.38%, oklch(.477 .2983 273.76/.55) 86.9%, oklch(.6151 .2106 349.16/.7) 104.04%)
}

.container-gFu2m6yn:active {
    background-color: var(--color-container-fill-primary-neutral-extra-light)
}

@media (any-hover:hover) {
    .container-gFu2m6yn:hover {
        background-color: var(--color-container-fill-primary-neutral-extra-light)
    }
}

html.theme-light .container-gFu2m6yn.featured-gFu2m6yn:active {
    background: linear-gradient(311deg, #e38bff -6.47%, #5ed3ff99 20.71%, #fff0 47.87%, #a3daee47 66.81%, #b6a8ff8c 86.9%, #e38bffb3 104.04%);
    background: linear-gradient(311deg, oklch(.7703 .182 317.62) -6.47%, oklch(.8168 .1214 226.04/60%) 20.71%, oklch(1 0 0/0) 47.87%, oklch(.8572 .0628 222.34/28%) 66.81%, oklch(.7764 .1229 290.62/55%) 86.9%, oklch(.7703 .182 317.62/70%) 104.04%)
}

@media (any-hover:hover) {
    html.theme-light .container-gFu2m6yn.featured-gFu2m6yn:hover {
        background: linear-gradient(311deg, #e38bff -6.47%, #5ed3ff99 20.71%, #fff0 47.87%, #a3daee47 66.81%, #b6a8ff8c 86.9%, #e38bffb3 104.04%);
        background: linear-gradient(311deg, oklch(.7703 .182 317.62) -6.47%, oklch(.8168 .1214 226.04/60%) 20.71%, oklch(1 0 0/0) 47.87%, oklch(.8572 .0628 222.34/28%) 66.81%, oklch(.7764 .1229 290.62/55%) 86.9%, oklch(.7703 .182 317.62/70%) 104.04%)
    }
}

html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn:active {
    background: linear-gradient(311deg, #eb0380d9 -9.43%, #5d17cf80 25.23%, rgba(52, 13, 114, .299) 44.8%, #0000000d 49.28%, rgba(32, 0, 80, .248) 51.2%, #4a01b780 69.82%, #eb0380b3 101.38%);
    background: linear-gradient(311deg, oklch(.6105 .2471 358.98/85%) -9.43%, oklch(.4518 .2423 289.27/50%) 25.23%, oklch(.3008 .1528 291.47/29.88%) 44.8%, oklch(0 0 0/5%) 49.28%, oklch(.224 .1263 290.54/24.82%) 51.2%, oklch(.3962 .2283 286.71/50%) 69.82%, oklch(.6105 .2471 358.98/70%) 101.38%)
}

@media (any-hover:hover) {
    html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn:hover {
        background: linear-gradient(311deg, #eb0380d9 -9.43%, #5d17cf80 25.23%, rgba(52, 13, 114, .299) 44.8%, #0000000d 49.28%, rgba(32, 0, 80, .248) 51.2%, #4a01b780 69.82%, #eb0380b3 101.38%);
        background: linear-gradient(311deg, oklch(.6105 .2471 358.98/85%) -9.43%, oklch(.4518 .2423 289.27/50%) 25.23%, oklch(.3008 .1528 291.47/29.88%) 44.8%, oklch(0 0 0/5%) 49.28%, oklch(.224 .1263 290.54/24.82%) 51.2%, oklch(.3962 .2283 286.71/50%) 69.82%, oklch(.6105 .2471 358.98/70%) 101.38%)
    }
}

.container-gFu2m6yn:before {
    background: var(--color-border-primary-neutral-light);
    border-radius: 16px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: exclude;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute
}

html.theme-light .container-gFu2m6yn.featured-gFu2m6yn:before {
    background: linear-gradient(160deg, #f3ccff -1.28%, #fff 47.78%, #d9d6ff 96.84%)
}

html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn:before {
    background: linear-gradient(160deg, #bd33ce -1.28%, #1b1b1b00 47.78%, #bd33ce 96.84%)
}

html.theme-light .container-gFu2m6yn.featured-gFu2m6yn:active:before {
    background: linear-gradient(160deg, #e38bff -1.28%, #fff 47.78%, #b6a8ff 96.84%)
}

@media (any-hover:hover) {
    html.theme-light .container-gFu2m6yn.featured-gFu2m6yn:hover:before {
        background: linear-gradient(160deg, #e38bff -1.28%, #fff 47.78%, #b6a8ff 96.84%)
    }
}

html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn:active:before {
    background: linear-gradient(160deg, #eb0380 -1.28%, #1b1b1b00 47.78%, #eb0380 96.84%)
}

@media (any-hover:hover) {
    html.theme-dark .container-gFu2m6yn.featured-gFu2m6yn:hover:before {
        background: linear-gradient(160deg, #eb0380 -1.28%, #1b1b1b00 47.78%, #eb0380 96.84%)
    }
}

.cardLink-gFu2m6yn {
    color: inherit;
    cursor: pointer;
    display: block;
    height: 100%;
    text-decoration: none
}

.contentWrapper-gFu2m6yn {
    box-sizing: border-box;
    display: grid;
    grid-auto-columns: auto 1fr;
    grid-auto-rows: min-content min-content 1fr;
    grid-template-areas: "image brokerInfo" "content content";
    height: 100%;
    overflow: hidden;
    padding: 24px 16px;
    row-gap: 12px
}

@media (min-width:768px) {
    .contentWrapper-gFu2m6yn {
        padding: 24px;
        row-gap: 24px
    }
}

.contentWrapper-gFu2m6yn .imageWrapper-gFu2m6yn {
    align-items: center;
    display: flex;
    grid-area: image;
    justify-content: center;
    margin-inline-end: 8px
}

.contentWrapper-gFu2m6yn .imageWrapper-gFu2m6yn .image-gFu2m6yn {
    height: 80px;
    margin-left: 0;
    width: 85.5814px
}

.contentWrapper-gFu2m6yn .brokerInfoContainer-gFu2m6yn {
    align-items: flex-start;
    direction: ltr;
    display: flex;
    flex-direction: column;
    grid-area: brokerInfo;
    justify-content: center;
    min-height: 80px;
    row-gap: 4px
}

.contentWrapper-gFu2m6yn .brokerInfoContainer-gFu2m6yn .brokerNameWithBadgeContainer-gFu2m6yn {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.contentWrapper-gFu2m6yn .brokerInfoContainer-gFu2m6yn .brokerNameWithBadgeContainer-gFu2m6yn .brokerName-gFu2m6yn {
    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: 20px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 600;
    --ui-lib-typography-line-height: 24px;
    color: var(--color-focus-outline-color-black);
    line-height: var(--ui-lib-typography-line-height)
}

.contentWrapper-gFu2m6yn .brokerInfoContainer-gFu2m6yn .brokerAssets-gFu2m6yn {
    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: 14px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 400;
    --ui-lib-typography-line-height: 18px;
    display: -webkit-box;
    line-height: var(--ui-lib-typography-line-height);
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-cold-gray-200);
    line-height: 18px;
    max-height: 36px;
    min-width: 0
}

html.theme-light .contentWrapper-gFu2m6yn .brokerInfoContainer-gFu2m6yn .brokerAssets-gFu2m6yn {
    color: var(--color-cold-gray-700)
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn {
    direction: ltr;
    display: flex;
    flex-direction: column;
    grid-area: content;
    justify-content: flex-start;
    row-gap: 20px;
    width: 100%
}

@media (min-width:768px) {
    .contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn {
        align-items: center;
        column-gap: 16px;
        flex-direction: row;
        justify-content: space-between
    }
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn {
    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;
    align-items: center;
    color: var(--color-focus-outline-color-black);
    column-gap: 4px;
    display: flex;
    line-height: var(--ui-lib-typography-line-height);
    row-gap: 2px;
    white-space: nowrap
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .starIcon-gFu2m6yn {
    height: 18px;
    width: 18px
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .ratingBlock-gFu2m6yn {
    align-items: center;
    display: flex
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .ratingBlock-gFu2m6yn .ratingTitle-gFu2m6yn {
    display: inline-block
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .ratingBlock-gFu2m6yn .ratingTitle-gFu2m6yn:before {
    content: "•";
    margin: 0 4px
}

.contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .genuineRatingButton-gFu2m6yn {
    color: var(--color-focus-outline-color-black)
}

@media (any-hover:hover) {
    .contentWrapper-gFu2m6yn .ratingActionContainer-gFu2m6yn .ratingContainer-gFu2m6yn .genuineRatingButton-gFu2m6yn:hover {
        color: var(--color-container-fill-primary-neutral-extra-bold)
    }
}

.contentWrapper-gFu2m6yn .actionButton-gFu2m6yn {
    --ui-lib-squareButton-background: var(--color-focus-outline-color-black);
    --ui-lib-squareButton-border-color: var(--color-focus-outline-color-black);
    --ui-lib-squareButton-content-color: var(--color-content-secondary-inverse)
}

@media (any-hover:hover) {
    .contentWrapper-gFu2m6yn .actionButton-gFu2m6yn:hover {
        --ui-lib-squareButton-background: var(--color-container-fill-primary-neutral-extra-bold);
        --ui-lib-squareButton-border-color: var(--color-container-fill-primary-neutral-extra-bold);
        --ui-lib-squareButton-content-color: var(--color-content-secondary-inverse)
    }
}

.featuredBadge-gFu2m6yn {
    display: flex;
    inset-inline-start: 16px;
    position: absolute;
    top: -8px
}

.container-GiUNqrR4 {
    --filmstrip-container-horizontal-offset: 0px;
    --filmstrip-item-min-width: 280px;
    --filmstrip-visible-items: 2;
    --filmstrip-gap: 16px;
    --filmstrip-scroll-btn-z-index: 5
}

@media (min-width:568px) {
    .container-GiUNqrR4 {
        --filmstrip-visible-items: min(2, var(--count-brokers-list, 2))
    }
}

@media (min-width:768px) {
    .container-GiUNqrR4 {
        --filmstrip-item-min-width: 364px
    }
}

@media (min-width:1024px) {
    .container-GiUNqrR4 {
        --filmstrip-visible-items: min(2, var(--count-brokers-list, 2))
    }
}

@media (min-width:1280px) {
    .container-GiUNqrR4 {
        --filmstrip-gap: 32px;
        --filmstrip-visible-items: min(3, var(--count-brokers-list, 3))
    }
    body.is-widgetbar-expanded .container-GiUNqrR4 {
        --filmstrip-visible-items: min(2, var(--count-brokers-list, 2));
        --filmstrip-item-min-width: auto
    }
}

@media (min-width:1440px) {
    .container-GiUNqrR4 {
        --filmstrip-visible-items: min(3, var(--count-brokers-list, 3))
    }
}

@media (min-width:1920px) {
    .container-GiUNqrR4 {
        --filmstrip-visible-items: min(4, var(--count-brokers-list, 4))
    }
    body.is-widgetbar-expanded .container-GiUNqrR4 {
        --filmstrip-visible-items: min(3, var(--count-brokers-list, 3))
    }
}

@media (min-width:2560px) {
    .container-GiUNqrR4 {
        --filmstrip-visible-items: min(5, var(--count-brokers-list, 5))
    }
    body.is-widgetbar-expanded .container-GiUNqrR4 {
        --filmstrip-visible-items: min(4, var(--count-brokers-list, 4))
    }
}

.singleCard-GiUNqrR4 {
    max-width: 280px
}

@media (min-width:768px) {
    .singleCard-GiUNqrR4 {
        max-width: 454px
    }
}

.seeAllCard-GiUNqrR4 {
    margin-top: 8px;
    padding: 0
}

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

.wrapper-DCoH6_Dy {
    display: grid;
    gap: 24px
}

.container-DCoH6_Dy {
    display: grid;
    grid-template-columns: 24px max-content 1fr max-content;
    width: 100%
}

.block-DCoH6_Dy,
.tickerCard-DCoH6_Dy {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid
}

.block-DCoH6_Dy {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    gap: 12px;
    text-align: end;
    width: 100%;
    --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)
}

.logo-DCoH6_Dy {
    min-width: 24px
}

.shortName-DCoH6_Dy {
    grid-area: initial
}

.timeframes-DCoH6_Dy {
    margin: -4px calc(var(--adaptive-mf-container-padding, 0px)*-1);
    overflow-x: scroll;
    padding: 4px var(--adaptive-mf-container-padding, 0)
}

@supports (-moz-appearance:none) {
    .timeframes-DCoH6_Dy {
        scrollbar-width: none
    }
}

.timeframes-DCoH6_Dy.sb-scrollbar-wrap {
    display: none
}

.timeframes-DCoH6_Dy::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.timeframes-DCoH6_Dy::-webkit-scrollbar-thumb,
.timeframes-DCoH6_Dy::-webkit-scrollbar-track {
    display: none
}

.timeframes-DCoH6_Dy::-webkit-scrollbar-corner {
    display: none
}

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

.dashboardContainer-_oAbobiD {
    display: grid;
    gap: 24px;
    grid-template-areas: "primaryChartContainer" "indicesContainer" "cryptoContainer" "futuresContainer" "economyContainer"
}

@media (min-width:768px) {
    .dashboardContainer-_oAbobiD {
        grid-template-areas: "primaryChartContainer primaryChartContainer" "indicesContainer cryptoContainer" "futuresContainer economyContainer";
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1280px) {
    body:not(.is-widgetbar-expanded) .dashboardContainer-_oAbobiD {
        grid-template-areas: "primaryChartContainer primaryChartContainer indicesContainer" "cryptoContainer futuresContainer economyContainer";
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1920px) {
    .dashboardContainer-_oAbobiD {
        grid-template-areas: "primaryChartContainer primaryChartContainer indicesContainer" "cryptoContainer futuresContainer economyContainer";
        grid-template-columns: 1fr 1fr 1fr
    }
}

.primaryChartContainer-_oAbobiD {
    border: 1px solid var(--color-border-primary-neutral-light);
    border-radius: 16px;
    grid-area: primaryChartContainer;
    min-width: 0;
    overflow: hidden;
    padding: 16px
}

@media (min-width:1280px) {
    body:not(.is-widgetbar-expanded) .primaryChartContainer-_oAbobiD .symbolOverviewChart-_oAbobiD {
        padding: 0
    }
}

@media (min-width:1920px) {
    .primaryChartContainer-_oAbobiD .symbolOverviewChart-_oAbobiD {
        padding: 0
    }
}

.indicesContainer-_oAbobiD {
    border: 1px solid var(--color-border-primary-neutral-light);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    grid-area: indicesContainer;
    min-width: 0;
    overflow: hidden;
    padding: 16px
}

.indicesContainer-_oAbobiD .indicesHeader-_oAbobiD {
    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: 18px;
    font-size: var(--ui-lib-typography-font-size);
    font-weight: 600;
    --ui-lib-typography-line-height: 24px;
    color: var(--color-content-primary-neutral-bold);
    line-height: var(--ui-lib-typography-line-height)
}

@media (min-width:768px) {
    .indicesContainer-_oAbobiD .indicesList-_oAbobiD {
        --ticker-card-list-item-margin-top: 8px;
        --ticker-card-list-item-padding-top: 8px
    }
}

@media (min-width:1280px) {
    body:not(.is-widgetbar-expanded) .indicesContainer-_oAbobiD .indicesList-_oAbobiD {
        --ticker-card-list-item-margin-top: 4px;
        --ticker-card-list-item-padding-top: 4px
    }
}

@media (min-width:1920px) {
    .indicesContainer-_oAbobiD .indicesList-_oAbobiD {
        --ticker-card-list-item-margin-top: 4px;
        --ticker-card-list-item-padding-top: 4px
    }
}

.cryptoContainer-_oAbobiD {
    border: 1px solid var(--color-border-primary-neutral-light);
    border-radius: 16px;
    grid-area: cryptoContainer;
    min-width: 0;
    overflow: hidden;
    padding: 16px
}

.cryptoContainer-_oAbobiD .flexContainer-_oAbobiD {
    height: 100%;
    justify-content: space-between
}

.futuresContainer-_oAbobiD {
    grid-area: futuresContainer
}

.economyContainer-_oAbobiD,
.futuresContainer-_oAbobiD {
    border: 1px solid var(--color-border-primary-neutral-light);
    border-radius: 16px;
    min-width: 0;
    overflow: hidden;
    padding: 16px
}

.economyContainer-_oAbobiD {
    grid-area: economyContainer
}

.economyContainer-_oAbobiD .flexContainer-_oAbobiD {
    height: 100%;
    justify-content: space-between
}

.economyContainer-_oAbobiD .title-_oAbobiD {
    color: var(--color-content-primary-neutral-bold);
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-style: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --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)
}

.flexContainer-_oAbobiD {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.prettyHistogramChartContainer-_oAbobiD {
    margin-right: -12px
}

.tickerCardWithChartContainer-_oAbobiD {
    margin: -12px;
    padding-bottom: 12px
}

.link-_oAbobiD {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: -12px;
    padding: 12px
}

.link-_oAbobiD:active {
    background-color: var(--color-bg-primary-hover)
}

@media (any-hover:hover) {
    .link-_oAbobiD:hover {
        background-color: var(--color-bg-primary-hover)
    }
}

.link-_oAbobiD {
    outline: none;
    overflow: visible;
    position: relative
}

.link-_oAbobiD:focus {
    outline: none
}

.link-_oAbobiD:focus-visible {
    outline: none
}

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

.link-_oAbobiD:focus:after {
    display: block
}

.link-_oAbobiD:focus-visible:after {
    display: block
}

.link-_oAbobiD:focus:not(:focus-visible):after {
    display: none
}

.link-_oAbobiD:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: 12px
}

.block-_oAbobiD {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: -12px;
    padding: 12px
}

.noTransform-_oAbobiD {
    text-transform: none
}