/*!
 * scrolling-text.css
 * Standalone stylesheet for the "Scrolling text" section.
 * Wrapped in :where(...) where possible so destination-theme
 * values win when the same variable or class is already defined.
 */:where(:root){--color-foreground: 30 30 30;--color-background: 255 255 255;--color-base-background: 255 255 255;--color-highlight: 30 30 30;--color-border: var(--color-foreground)/ .1;--sp-5: 1.25rem;--sp-10: 2.5rem;--rounded-full: 9999px;--border-radius: clamp(1rem, 1.578vw, 1.875rem);--animation-smooth: .7s cubic-bezier(.7, 0, .3, 1);--transform-logical: 1;--transform-origin-start: left;--transform-origin-end: right}:where(.flex){display:flex}:where(.block){display:block}:where(.inline-block){display:inline-block}:where(.items-center){align-items:center}:where(.shrink-0){flex-shrink:0}:where(.whitespace-nowrap){white-space:nowrap}:where(.relative){position:relative}:where(.z-1){z-index:1}:where(.uppercase){text-transform:uppercase}:where(.not-italic){font-style:normal}:where(.leading-none){line-height:1}:where(.tracking-widest){letter-spacing:.1em}:where(.tracking-heading){letter-spacing:-.04em}:where(.heading){font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 700);letter-spacing:var(--font-heading-letter-spacing, -.02em);line-height:var(--font-heading-line-height, 1.1)}:where(.body){font-family:var(--font-body-family, inherit);font-weight:var(--font-body-weight, 400)}:where(.subtitle){font-family:var(--font-body-family, inherit)}.section{position:relative;color:rgb(var(--color-foreground));background:var(--gradient-background);background-color:rgb(var(--color-background))}.section:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--gradient-background);background-color:rgb(var(--color-background))}.section--padding{padding-block-start:calc(var(--section-padding-top) * .75);padding-block-end:calc(var(--section-padding-bottom) * .75)}@media screen and (min-width:768px){.section--padding{padding-block-start:var(--section-padding-top);padding-block-end:var(--section-padding-bottom)}}.section--rounded{border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.section--rounded:before{height:calc(100% + var(--border-radius));border-start-end-radius:var(--border-radius);border-start-start-radius:var(--border-radius)}.section--divider:after{content:"";inset-block-start:0;inset-inline-start:0;position:absolute;width:100%;border-block-start:1px solid rgb(var(--color-border))}.section--plain{background-image:none;background-color:rgb(var(--color-base-background))}.section--plain:before{background-image:none;background-color:rgb(var(--color-base-background))}.media--transparent:not(.loading){background-color:transparent}.media>img{backface-visibility:hidden;object-fit:cover;object-position:center center}@keyframes scrolling-left{0%{transform:translate3d(calc(-100% * var(--transform-logical)),0,0);visibility:visible}to{transform:translate3d(calc(-200% * var(--transform-logical)),0,0)}}@keyframes scrolling-right{0%{transform:translate3d(calc(-200% * var(--transform-logical)),0,0);visibility:visible}to{transform:translate3d(calc(-100% * var(--transform-logical)),0,0)}}.marquee.animated{animation-name:scrolling-left;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content}.no-js .scrolling-text{justify-content:center}.scrolling-text{--grid-gap: calc(var(--section-grid-gap)/ 2)}.scrolling-text .marquee{padding-inline:calc(var(--grid-gap)/ 2)}.scrolling-text .marquee,.scrolling-text__item{gap:var(--grid-gap)}.scrolling-text--right .marquee.animated{animation-name:scrolling-right}.marquee.with-dot .scrolling-text__item:first-child:before,.scrolling-text__item.with-text+.scrolling-text__item.with-text:before{content:"";display:block;width:var(--sp-5);height:var(--sp-5);border:1px solid currentColor;border-radius:var(--rounded-full)}.scrolling-text__item.with-text{font-size:max(12px,calc(var(--font-size) * .6))}.scrolling-text__item.with-media>:is(img,svg){max-width:100%;width:auto;height:calc(var(--image-height) * .75)}@media screen and (pointer:fine){.scrolling-wrapper:hover .marquee,.scrolling-text:hover .marquee{animation-play-state:paused}}.scrolling-text.paused .marquee{animation-play-state:paused}@media screen and (min-width:1024px){.scrolling-text{--grid-gap: var(--section-grid-gap)}.scrolling-text__item.with-text{font-size:calc(var(--font-size) * .75)}.scrolling-text__item.with-media>:is(img,svg){height:var(--image-height)}}@media screen and (min-width:1280px){.scrolling-text__item.with-text{font-size:var(--font-size)}}.scrolling-wrapper{--logical: -1;padding-block-start:calc(var(--section-padding-top) * .75);padding-block-end:calc(var(--section-padding-bottom) * .75);transform:rotate(calc(357deg * var(--logical) * var(--transform-logical)))}.scrolling-wrapper.with-right{--logical: 1}.scrolling-wrapper:before{content:"";z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:-5%;width:110%;height:100%;background:var(--gradient-background);background-color:rgb(var(--color-background))}.scrolling-wrapper+.scrolling-wrapper{margin-block-start:-1%;transform:rotate(calc(3deg * var(--logical) * var(--transform-logical)));filter:grayscale(1);opacity:.25}.scrolling-text-section{overflow:hidden}@media screen and (min-width:768px){.scrolling-text-section{overflow:unset}.scrolling-wrapper{padding-block-start:var(--section-padding-top);padding-block-end:var(--section-padding-bottom)}}@supports (overflow: clip){.scrolling-text-section{overflow-x:clip;overflow-y:visible}}@keyframes strokeAnimation{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0}}.highlighted-text .icon{z-index:-1;position:absolute;inset-block-start:0;inset-inline-start:0;stroke:rgb(var(--color-highlight));transform:scaleX(var(--transform-logical))}.highlighted-text .icon-circle{width:min(120%,calc(100% + var(--sp-10)));height:140%;inset-block-start:-20%;inset-inline-start:calc(min(10%,var(--sp-5))*-1)}.highlighted-text .icon-basic-underline{width:100%;height:30%;inset-block-start:auto;inset-block-end:-20%}.highlighted-text .icon-sketch-underline{width:100%;height:60%;inset-block-start:auto;inset-block-end:-20%}.highlighted-text .icon-squiggle-underline{width:100%;height:50%;inset-block-start:auto;inset-block-end:-30%}.highlighted-text .icon-squiggle-underline-2{width:100%;height:50%;inset-block-start:auto;inset-block-end:-35%}.highlighted-text .icon path{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.highlighted-text.animated .icon path{opacity:1;animation:strokeAnimation 1.3s cubic-bezier(.65,0,.35,1) forwards}.highlighted-text[data-style=text]{transition:color var(--animation-smooth)}.highlighted-text.animated[data-style=text]{color:rgb(var(--color-highlight))}.highlighted-text:is([data-style=full_text],[data-style=half_text],[data-style=underline]){background-repeat:no-repeat;background-image:linear-gradient(to var(--transform-origin-end),rgb(var(--color-highlight)) 0,rgb(var(--color-background)) 100%),linear-gradient(to var(--transform-origin-end),rgb(var(--color-highlight)) 0,rgb(var(--color-background)) 100%);transition:background-size var(--animation-smooth)}.highlighted-text.with-gradient:is([data-style=full_text],[data-style=half_text],[data-style=underline]){background-image:var(--gradient-highlight)}.highlighted-text[data-style=full_text]{background-position:var(--transform-origin-start) 70%;background-size:0 80%}.highlighted-text.animated[data-style=full_text]{background-size:100% 80%}.highlighted-text[data-style=half_text]{background-position:var(--transform-origin-start) 90%;background-size:0 28%}.highlighted-text.animated[data-style=half_text]{background-size:100% 28%}.highlighted-text[data-style=underline]{background-size:0 3px,0% 80%;background-position:var(--transform-origin-start) 90%,var(--transform-origin-start) 50%}.highlighted-text.animated[data-style=underline]{background-size:100% 3px,0% 80%}.highlighted-text[data-style=marker]:before{content:"";position:absolute;z-index:-1;inset-block:-2px;inset-inline:-4px;background-repeat:no-repeat;background-image:linear-gradient(to var(--transform-origin-end),rgb(var(--color-highlight)) 0,rgb(var(--color-highlight)) 100%),linear-gradient(to var(--transform-origin-end),rgb(var(--color-highlight)) 0,rgb(var(--color-highlight)) 100%);transition:background-size var(--animation-smooth);background-position:var(--transform-origin-start) 70%;background-size:0 80%;transform:rotate(3deg)}.highlighted-text.with-gradient[data-style=marker]:before{background-image:var(--gradient-highlight)}.highlighted-text.animated[data-style=marker]:before{background-size:100% 80%}.highlighted-text[data-style=stencil]{-webkit-text-stroke:var(--stencil-stroke-width, .02em) currentColor;-webkit-text-fill-color:transparent}@media screen and (-webkit-min-device-pixel-ratio:0){.highlighted-text.with-gradient[data-style=text]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-image:var(--gradient-highlight);background-position:var(--transform-origin-start) 100%;background-size:0 100%;transition:background-size var(--animation-smooth)}.highlighted-text.with-gradient.animated[data-style=text]{background-size:100% 100%}}@media(prefers-reduced-motion:reduce){.marquee.animated,.scrolling-text--right .marquee.animated{animation:none}.highlighted-text .icon path{opacity:1;animation:strokeAnimation forwards}.highlighted-text[data-style=text]{color:rgb(var(--color-highlight))}.highlighted-text[data-style=full_text]{background-size:100% 80%}.highlighted-text[data-style=half_text]{background-size:100% 28%}.highlighted-text[data-style=underline]{background-size:100% 3px,0% 80%}@media screen and (-webkit-min-device-pixel-ratio:0){.highlighted-text.with-gradient[data-style=text]{background-size:100% 100%}}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/scrolling-text.css.map */