/* Mobile refinements for the live market ticker. */
.market-ticker-inner,
.market-ticker-viewport,
.market-ticker-track {
    min-width: 0;
}

.market-ticker-item {
    min-height: 44px;
    touch-action: pan-x;
}

.market-ticker-item:focus-visible {
    outline-offset: -3px;
}

@media (max-width: 560px) {
    .market-ticker-inner {
        gap: 6px;
    }

    .market-ticker-label {
        min-width: 58px;
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
    }

    .market-ticker-label strong {
        line-height: 1.4;
    }

    .market-ticker-viewport {
        mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    }

    .market-ticker-item {
        min-height: 46px;
        gap: 4px;
        padding-inline: 9px;
    }

    .market-ticker-title {
        max-width: 76px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .market-ticker-pause {
        width: 32px;
        height: 32px;
        flex: 0 0 32px;
    }
}
