.scrolling-text--item span {
    transition: all 0.25s cubic-bezier(0.104, 0.204, 0.492, 1);
}
.scrolling-text--full-width-false {
    isolation: isolate;
    border-radius: var(--block-border-radius, 16px);
}
.scrolling-text {
    background-color: var(--color-bg);
    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;
}
.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;
}
.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/11/assets/scrolling-text.css.map?v=137210806024823604621705425655 */