.quotesContainer-TDNFtRKH {
    display: none
}

.quotesContainerPreMarket-TDNFtRKH {
    contain: content;
    grid-area: quotesContainerPreMarket
}

.containerOutOfSession-TDNFtRKH {
    grid-template-areas: "logo titleContainer quotesContainerPreMarket" "logo tickerBoxContainer quotesContainerPreMarket"
}

@media screen and (min-width:768px) {
    .containerOutOfSession-TDNFtRKH {
        grid-template-areas: "logo titleContainer quotesContainerPreMarket" "logo tickerBoxContainer quotesContainerPreMarket"
    }
    .container-TDNFtRKH {
        grid-template-columns: 36px auto minmax(220px, -webkit-min-content);
        grid-template-columns: 36px auto minmax(220px, min-content)
    }
}

.volumeLeaders-lhWg3ihJ {
    -webkit-mask-image: url(plant-pot.e3e9e54902b5a60a601c.svg);
    mask-image: url(plant-pot.e3e9e54902b5a60a601c.svg)
}

.unusualVolume-lhWg3ihJ {
    -webkit-mask-image: url(landscape.25994e5ecc2c6a5337bf.svg);
    mask-image: url(landscape.25994e5ecc2c6a5337bf.svg)
}

.gainers-lhWg3ihJ {
    -webkit-mask-image: url(loser.6f0f921f94e5eb78e68b.svg);
    mask-image: url(loser.6f0f921f94e5eb78e68b.svg)
}

.losers-lhWg3ihJ {
    -webkit-mask-image: url(victory.78bd7860e6f458602323.svg);
    mask-image: url(victory.78bd7860e6f458602323.svg)
}

.preMarketIcon-lhWg3ihJ {
    -webkit-mask-image: url(bird.5adb4803c05cdcc2ec49.svg);
    mask-image: url(bird.5adb4803c05cdcc2ec49.svg)
}

.postMarketIcon-lhWg3ihJ {
    -webkit-mask-image: url(giraffe.21598b1803279552e90b.svg);
    mask-image: url(giraffe.21598b1803279552e90b.svg)
}

.column-QIrO_bW8 {
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr
}

.columnWithTab-QIrO_bW8 {
    grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
    grid-template-rows: min-content min-content 1fr;
    height: 558px
}

@media screen and (min-width:768px) {
    .columnWithTab-QIrO_bW8 {
        height: 559px
    }
}

.volumeLeaders-QIrO_bW8 {
    grid-area: volume_leaders
}

@media screen and (min-width:1280px) {
    body.is-widgetbar-expanded .volumeLeaders-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1440px) {
    body.is-widgetbar-expanded .volumeLeaders-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:2560px) {
    body.is-widgetbar-expanded .volumeLeaders-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(2, 1fr)
    }
}

.unusualVolume-QIrO_bW8 {
    grid-area: unusual_volume
}

@media screen and (min-width:1280px) {
    body.is-widgetbar-expanded .unusualVolume-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1440px) {
    body.is-widgetbar-expanded .unusualVolume-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:2560px) {
    body.is-widgetbar-expanded .unusualVolume-QIrO_bW8 {
        --hotlist-cards-grid-template-columns: repeat(2, 1fr)
    }
}

.gainers-QIrO_bW8 {
    grid-area: gainers
}

.losers-QIrO_bW8 {
    grid-area: losers
}

.container-DtsgCHdE {
    display: grid;
    grid-template-areas: "volume_leaders" "unusual_volume" "gainers" "losers";
    grid-template-columns: none;
    row-gap: var(--v-rhythm-spacing-4)
}

@media screen and (min-width:1280px) {
    .container-DtsgCHdE {
        grid-template-areas: "volume_leaders volume_leaders" "unusual_volume unusual_volume" "gainers losers";
        grid-template-columns: 1fr 1fr
    }
    body.is-widgetbar-expanded .container-DtsgCHdE {
        grid-template-areas: "volume_leaders" "unusual_volume" "gainers" "losers";
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:1440px) {
    .container-DtsgCHdE {
        column-gap: 64px;
        grid-template-areas: "volume_leaders unusual_volume" "gainers losers";
        grid-template-columns: 1fr 1fr
    }
    body.is-widgetbar-expanded .container-DtsgCHdE {
        grid-template-areas: "volume_leaders" "unusual_volume" "gainers" "losers";
        grid-template-columns: 1fr
    }
}

@media screen and (min-width:1920px) {
    body.is-widgetbar-expanded .container-DtsgCHdE {
        grid-template-areas: "volume_leaders volume_leaders" "unusual_volume unusual_volume" "gainers losers";
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (min-width:2560px) {
    .container-DtsgCHdE,
    body.is-widgetbar-expanded .container-DtsgCHdE {
        grid-template-areas: "volume_leaders unusual_volume" "gainers losers"
    }
}