.scrolling-container {
    position: relative;
    overflow: hidden
}

.scrolling-container.full-width-row-full {
    width: 100%
}

.scrolling-container:before {
    background: #fff;
    background: linear-gradient(90deg, #fff, #fff0);
    width: 30%;
    height: 100%;
    content: " ";
    z-index: 2;
    top: 0;
    left: 0;
    position: absolute
}

.scrolling-container:after {
    background: #fff;
    background: linear-gradient(270deg, #fff, #fff0);
    width: 30%;
    height: 100%;
    content: " ";
    z-index: 2;
    top: 0;
    right: 0;
    position: absolute
}

.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 {
    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;
    -webkit-animation: marquee-left var(--marquee-speed) linear infinite
}

.scrolling-text--inner.direction-right>div {
    animation: marquee-right var(--marquee-speed) linear infinite;
    -webkit-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)
    }
}

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

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

.scrolling-text .scrolling-text--item {
    padding: 0 50px
}

@media (max-width: 1024px) {
    .scrolling-text .scrolling-text--item {
        padding: 0 16px
    }
}

.scrolling-text--item span {
    font-weight: var(--header-font-weight) !important;
    line-height: 120%
}

.scrolling-text--image--small {
    height: 50px;
    margin-top: 3px;
    width: unset !important
}

.scrolling-text--item.button {
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600 !important;
    padding: 12px 32px
}

@media screen and (max-width: 768px) {
    .scrolling-text--item:not(.button) span {
        font-size: 28px
    }
    .scrolling-text--item:first-child img {
        height: 38px;
        margin-bottom: 8px;
        margin-top: 0
    }
    .scrolling-text--item img {
        margin-top: 0;
        margin-right: 0
    }
    .scrolling-text--item.button {
        margin-top: 16px;
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 600 !important;
        padding: 12px 32px
    }
}

.scrolling-text--item.button .scrolling-text--link {
    color: #fff !important
}

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