.scrolling-text--item span {
    transition: all .25s cubic-bezier(.104, .204, .492, 1)
}

.scrolling-text--full-width-false {
    isolation: isolate;
    border-radius: var(--block-border-radius, 16px)
}

.scrolling-text {
    background-color: var(--color-bg, rgba(var(--color-body-rgb), .03));
    color: var(--color-text, var(--color-accent));
    position: relative;
    background-size: cover;
    display: flex;
    align-items: center;
    transform: skewY(var(--rotation, 0deg));
    overflow: hidden
}

.scrolling-text:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    pointer-events: none;
    background: rgba(var(--overlay-color-rgb), var(--overlay-opacity))
}

.scrolling-text-uppercase--true {
    text-transform: uppercase
}

.scrolling-text--inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 30px 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
    transform: skew(calc(-1 * var(--rotation, 0deg)))
}

.scrolling-text--inner.direction-left>div {
    animation: marquee-left var(--marquee-speed) linear infinite
}

.scrolling-text--inner.direction-right>div {
    animation: marquee-right var(--marquee-speed) linear infinite
}

.scrolling-text--inner>div {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.scrolling-text.body-font .scrolling-text--inner {
    font-weight: 500
}

.scrolling-text--item {
    display: inline-flex;
    align-items: center;
    padding: 0 30px
}

[dir=rtl] .scrolling-text--item {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 30px
}

.scrolling-text--item.outline-text--true * {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--color-text, var(--color-accent))
}

.scrolling-text--link {
    display: inline-flex;
    align-items: center;
    color: var(--color-text, var(--color-accent))
}

.scrolling-text--link span {
    transform-origin: left bottom
}

.scrolling-text--link:hover {
    color: var(--color-text, var(--color-accent))
}

.scrolling-text--link:hover span {
    transform: skew(-10deg)
}

.scrolling-text--image {
    margin-right: 40px;
    object-fit: cover;
    width: auto
}

[dir=rtl] .scrolling-text--image {
    margin-left: 40px;
    margin-right: 0;
    object-fit: cover;
    width: auto
}

.scrolling-text--image--small {
    height: 60px
}

.scrolling-text--image--medium {
    height: 80px
}

.scrolling-text--image--large {
    height: 120px
}

@keyframes marquee-left {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes marquee-right {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(0)
    }
}

/*# sourceMappingURL=/cdn/shop/t/14/assets/scrolling-text.css.map?v=6501410372911592351709040298 */