.akr-sliding-text {
    --akr-slide-bg: #17231f;
    --akr-slide-color: #ffffff;
    --akr-slide-hover: var(--akr-slide-color);
    --akr-slide-separator: currentColor;
    --akr-slide-duration: 24s;
    --akr-slide-gap: 36px;
    --akr-slide-padding: 14px 0;
    --akr-slide-item-padding: 0;
    --akr-slide-radius: 0;
    --akr-slide-item-bg: transparent;
    --akr-slide-item-hover-bg: var(--akr-slide-item-bg);
    background: var(--akr-slide-bg);
    overflow: hidden;
    padding: var(--akr-slide-padding);
    position: relative;
    width: 100%;
}

.akr-sliding-text__track {
    align-items: center;
    animation: akr-sliding-text-scroll var(--akr-slide-duration) linear infinite;
    display: flex;
    width: max-content;
    will-change: transform;
}

.akr-sliding-text--reverse .akr-sliding-text__track {
    animation-direction: reverse;
}

.akr-sliding-text--pause:hover .akr-sliding-text__track {
    animation-play-state: paused;
}

.akr-sliding-text__group {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: var(--akr-slide-gap);
    padding-right: var(--akr-slide-gap);
}

.akr-sliding-text__item {
    align-items: center;
    background: var(--akr-slide-item-bg);
    border-radius: var(--akr-slide-radius);
    color: var(--akr-slide-color) !important;
    display: inline-flex;
    flex: 0 0 auto;
    line-height: 1.2;
    padding: var(--akr-slide-item-padding);
    text-decoration: none !important;
    text-transform: var(--akr-slide-transform, uppercase);
    transition: background-color 180ms ease, color 180ms ease;
    white-space: nowrap;
}

.akr-sliding-text__item:hover,
.akr-sliding-text__item:focus {
    background: var(--akr-slide-item-hover-bg);
    color: var(--akr-slide-hover) !important;
    outline: none;
}

.akr-sliding-text__separator {
    color: var(--akr-slide-separator);
    flex: 0 0 auto;
    line-height: 1;
    opacity: 0.6;
    white-space: nowrap;
}

@keyframes akr-sliding-text-scroll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .akr-sliding-text__track {
        animation: none;
    }
}