.scrolling-text--item span{transition:all .25s cubic-bezier(.104,.204,.492,1)}@media(max-width:550px){.template-index .scrolling-text--inner{padding:0}}.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;padding:20px 0;line-height:1;display:flex;flex-direction:column}.scrolling-text.has_border{border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb}.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;overflow:hidden;position:relative;z-index:10}.scrolling-text-press-label{text-align:center;font-size:12px;color:#8a939b;margin-bottom:14px}.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--item{display:inline-flex;align-items:center;padding-inline:var(--item_padding_horizontal)}.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:calc(3vw + 40px);margin-right:calc(10px + 1vw)}.scrolling-text--image--medium{height:100px}.scrolling-text--image--large{height:200px}@media screen and (min-width:768px){.scrolling-text--image--small{height:58px}.scrolling-text--item{padding-inline:var(--item_padding_horizontal_m)}}@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/156/assets/scrolling-text.css.map */