.onyx-availability-ticker {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.onyx-availability-ticker__text {
    display: inline-block;
    padding-inline-start: 100%;
    animation: onyx-availability-ticker-scroll 32s linear infinite;
    will-change: transform;
}

@keyframes onyx-availability-ticker-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@media (prefers-reduced-motion: reduce) {
    .onyx-availability-ticker__text {
        padding-inline-start: 0;
        animation: none;
        white-space: normal;
    }
}