.lw-shipping-ticker {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    min-height: 44px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.4;
}

.lw-shipping-ticker__message {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0.5rem 0.75rem;
    text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
    .lw-shipping-ticker__message,
    .lw-shipping-ticker__pause[hidden] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .lw-shipping-ticker__pause[hidden] {
        display: block !important;
    }

    .lw-shipping-ticker__viewport[hidden] {
        display: block !important;
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
        overflow: hidden;
    }

    .lw-shipping-ticker__track {
        display: flex;
        width: max-content;
        animation: lw-shipping-scroll 34s linear infinite;
    }

    /* Keep the requested ticker running without changing the theme's other motion settings. */
    body.larawell-motion-reduce .lw-shipping-ticker__track {
        animation-duration: 34s !important;
        animation-iteration-count: infinite !important;
    }

    .lw-shipping-ticker__group {
        display: flex;
        flex: none;
        justify-content: space-around;
        min-width: 100vw;
    }

    .lw-shipping-ticker__group > span {
        padding-inline: 1.5rem;
        white-space: nowrap;
    }

    .lw-shipping-ticker__control[hidden] {
        display: grid !important;
        grid-column: 2;
        grid-row: 1;
        place-items: center;
        width: 44px;
        height: 44px;
        margin: 0;
        border-inline-start: 1px solid #ffffff40;
        cursor: pointer;
        font-size: 1rem;
    }

    .lw-shipping-ticker__pause:focus-visible + .lw-shipping-ticker__control {
        outline: 2px solid currentColor;
        outline-offset: -4px;
    }

    .lw-shipping-ticker__pause:checked ~ .lw-shipping-ticker__viewport .lw-shipping-ticker__track {
        animation-play-state: paused;
    }

    .lw-shipping-ticker__pause:not(:checked) + .lw-shipping-ticker__control .lw-shipping-ticker__play,
    .lw-shipping-ticker__pause:checked + .lw-shipping-ticker__control .lw-shipping-ticker__stop {
        display: none;
    }

    @keyframes lw-shipping-scroll {
        to {
            transform: translateX(-50%);
        }
    }
}