.up-f2IaWQdo {
    color: var(--color-symbol-change-positive) !important
}

.down-f2IaWQdo {
    color: var(--color-symbol-change-negative) !important
}

@media (min-width:768px) {
    .quoteTickerAdapterBoxChange.down-f2IaWQdo {
        background-color: var(--color-symbol-change-negative) !important;
        color: var(--color-content-text-promo-primary) !important
    }
    .quoteTickerAdapterBoxChange.up-f2IaWQdo {
        background-color: var(--color-symbol-change-positive) !important;
        color: var(--color-content-text-promo-primary) !important
    }
}

.growing-f2IaWQdo {
    color: var(--color-symbol-change-positive)
}

.falling-f2IaWQdo {
    color: var(--color-symbol-change-negative)
}

.noData-jKtqfZDb {
    color: var(--color-content-primary-neutral);
    display: flex;
    grid-area: noData;
    height: 100%;
    justify-content: var(--no-data-container-justify-content, flex-end);
    min-width: 90px;
    z-index: 1
}

html[lang=ru] .noData-jKtqfZDb {
    min-width: 0
}

.noDataIcon-jKtqfZDb {
    display: inline-flex;
    margin-inline-end: 4px;
    position: var(--no-data-icon-position, relative);
    top: 4px
}

.noDataText-jKtqfZDb {
    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;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: var(--no-data-text-display, -webkit-box);
    line-height: var(--ui-lib-typography-line-height);
    max-height: calc(var(--ui-lib-typography-line-height)*3);
    text-align: var(--no-data-text-align, end);
    text-wrap: balance
}