.container-IYFL_WKe {
    margin: 0 -8px
}

@media screen and (min-width:768px) {
    .container-IYFL_WKe {
        grid-template-areas: "logo titleContainer quotesContainer" "logo tickerBoxContainer quotesContainer";
        grid-template-columns: 36px 1fr auto;
        margin: 0 -12px
    }
}

.container-IYFL_WKe .quotes-IYFL_WKe {
    align-items: flex-end;
    flex-direction: column;
    height: 100%
}

.container-IYFL_WKe .growing-IYFL_WKe,
.container-IYFL_WKe .up-IYFL_WKe {
    color: #089981
}

.container-IYFL_WKe .down-IYFL_WKe,
.container-IYFL_WKe .falling-IYFL_WKe {
    color: #f23645
}

@media screen and (min-width:768px) {
    .containerNoData-IYFL_WKe {
        grid-template-areas: "logo titleContainer noData" "logo tickerBoxContainer noData"
    }
}

.tickerBoxContainer-IYFL_WKe {
    position: relative
}

@media screen and (min-width:768px) {
    .tickerBoxContainer-IYFL_WKe {
        display: inline-flex
    }
}

.quotesContainer-IYFL_WKe {
    margin-left: 4px
}

.container-IYFL_WKe .growing-IYFL_WKe,
.container-IYFL_WKe .up-IYFL_WKe,
.containerLarge-IYFL_WKe .growing-IYFL_WKe,
.containerLarge-IYFL_WKe .up-IYFL_WKe {
    color: #089981
}

.container-IYFL_WKe .down-IYFL_WKe,
.container-IYFL_WKe .falling-IYFL_WKe,
.containerLarge-IYFL_WKe .down-IYFL_WKe,
.containerLarge-IYFL_WKe .falling-IYFL_WKe {
    color: #f23645
}

@media screen and (min-width:768px) {
    .container-IYFL_WKe .logoMedium-IYFL_WKe,
    .containerLarge-IYFL_WKe .logoMedium-IYFL_WKe {
        display: flex
    }
    .containerWithoutLogo-IYFL_WKe {
        grid-template-areas: "titleContainer quotesContainer" "tickerBoxContainer quotesContainer";
        grid-template-columns: auto 1fr
    }
}

.containerLarge-IYFL_WKe {
    margin: 0 -8px
}

@media screen and (min-width:768px) {
    .containerLarge-IYFL_WKe {
        grid-template-areas: "logo titleContainer quotesContainer" "logo tickerBoxContainer quotesContainer";
        grid-template-columns: 36px auto minmax(220px, -webkit-min-content);
        grid-template-columns: 36px auto minmax(220px, min-content);
        margin: 0 -16px;
        padding: 8px 16px
    }
    .containerLarge-IYFL_WKe .quotes-IYFL_WKe {
        align-items: center;
        column-gap: 64px;
        display: flex;
        flex-direction: row;
        height: 100%
    }
    .containerLarge-IYFL_WKe .change-IYFL_WKe {
        border-radius: 8px;
        padding: 4px 14px
    }
    .containerLarge-IYFL_WKe .down-IYFL_WKe,
    .containerLarge-IYFL_WKe .up-IYFL_WKe {
        color: #fff
    }
    .containerLarge-IYFL_WKe .up-IYFL_WKe {
        background-color: #089981
    }
    .containerLarge-IYFL_WKe .growing-IYFL_WKe {
        color: #089981
    }
    .containerLarge-IYFL_WKe .down-IYFL_WKe {
        background-color: #f23645
    }
    .containerLarge-IYFL_WKe .falling-IYFL_WKe {
        color: #f23645
    }
}

@media screen and (min-width:1280px) {
    .containerLarge-IYFL_WKe,
    body.is-widgetbar-expanded .containerLarge-IYFL_WKe {
        grid-template-columns: 36px auto minmax(220px, -webkit-min-content);
        grid-template-columns: 36px auto minmax(220px, min-content)
    }
}

@media screen and (min-width:1920px) {
    body.is-widgetbar-expanded .containerLarge-IYFL_WKe {
        grid-template-columns: 36px auto minmax(220px, -webkit-min-content);
        grid-template-columns: 36px auto minmax(220px, min-content)
    }
}

.containerLargeWithoutLogo-IYFL_WKe {
    grid-template-areas: "titleContainer quotesContainer" "tickerBoxContainer quotesContainer"
}

@media screen and (min-width:768px) {
    .containerLargeNoData-IYFL_WKe {
        grid-template-areas: "logo titleContainer noData" "logo tickerBoxContainer noData";
        grid-template-columns: 36px 1fr auto
    }
}

@media screen and (min-width:1280px) {
    .containerLargeNoData-IYFL_WKe,
    body.is-widgetbar-expanded .containerLargeNoData-IYFL_WKe {
        grid-template-columns: 36px 1fr auto
    }
}

@media screen and (min-width:1920px) {
    body.is-widgetbar-expanded .containerLargeNoData-IYFL_WKe {
        grid-template-columns: 36px 1fr auto
    }
}

.containerLargeNoData-IYFL_WKe .noData-IYFL_WKe {
    justify-content: flex-end
}