:root{--loyal-motion-stagger-step: 60ms;--loyal-motion-stagger-step-fast: 34ms;--loyal-motion-stagger-step-slow: 90ms;--loyal-motion-stagger-cap: 12;--loyal-motion-travel-x: 32px;--loyal-motion-scale-from: .94;--loyal-motion-depth-near: 40px;--loyal-motion-depth-mid: 24px;--loyal-motion-depth-far: 12px;--loyal-motion-depth-scale: 1.14;--loyal-motion-lift: 6px;--loyal-motion-press: .985;--loyal-motion-magnet-strength: .28;--loyal-motion-magnet-max: 10px;--loyal-motion-magnet-x: 0px;--loyal-motion-magnet-y: 0px;--loyal-motion-pointer-x: 50%;--loyal-motion-pointer-y: 50%;--loyal-motion-spotlight-size: 420px;--loyal-motion-velocity: 0;--loyal-motion-velocity-drift: 44px;--loyal-motion-progress: 0;--loyal-motion-dur-scrub: 1s}[data-loyal-stagger]>.loyal-reveal[data-loyal-reveal=in]{transition-delay:calc(var(--loyal-motion-stagger-index, 0) * var(--loyal-motion-stagger-step))}[data-loyal-stagger=fast]>.loyal-reveal[data-loyal-reveal=in]{transition-delay:calc(var(--loyal-motion-stagger-index, 0) * var(--loyal-motion-stagger-step-fast))}[data-loyal-stagger=slow]>.loyal-reveal[data-loyal-reveal=in]{transition-delay:calc(var(--loyal-motion-stagger-index, 0) * var(--loyal-motion-stagger-step-slow))}[data-loyal-stagger]>*:nth-child(1){--loyal-motion-stagger-index: 0}[data-loyal-stagger]>*:nth-child(2){--loyal-motion-stagger-index: 1}[data-loyal-stagger]>*:nth-child(3){--loyal-motion-stagger-index: 2}[data-loyal-stagger]>*:nth-child(4){--loyal-motion-stagger-index: 3}[data-loyal-stagger]>*:nth-child(5){--loyal-motion-stagger-index: 4}[data-loyal-stagger]>*:nth-child(6){--loyal-motion-stagger-index: 5}[data-loyal-stagger]>*:nth-child(7){--loyal-motion-stagger-index: 6}[data-loyal-stagger]>*:nth-child(8){--loyal-motion-stagger-index: 7}[data-loyal-stagger]>*:nth-child(9){--loyal-motion-stagger-index: 8}[data-loyal-stagger]>*:nth-child(10){--loyal-motion-stagger-index: 9}[data-loyal-stagger]>*:nth-child(11){--loyal-motion-stagger-index: 10}[data-loyal-stagger]>*:nth-child(12){--loyal-motion-stagger-index: 11}[data-loyal-stagger]>*:nth-child(n+13){--loyal-motion-stagger-index: var(--loyal-motion-stagger-cap)}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=side-left]{transform:translate3d(calc(var(--loyal-motion-travel-x) * -1),var(--loyal-reveal-distance),0)}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=side-right]{transform:translate3d(var(--loyal-motion-travel-x),var(--loyal-reveal-distance),0)}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=scale]{transform:scale(var(--loyal-motion-scale-from))}.loyal-reveal[data-loyal-reveal=in][data-loyal-from=scale]{transform:scale(1)}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=wipe]{opacity:1;transform:none;clip-path:inset(0 100% 0 0)}.loyal-reveal[data-loyal-reveal=in][data-loyal-from=wipe]{opacity:1;transform:none;clip-path:inset(0 0 0 0);transition:clip-path var(--loyal-dur-slow) var(--loyal-ease-arrival);transition-delay:calc(var(--loyal-motion-stagger-index, 0) * var(--loyal-motion-stagger-step))}.loyal-mask{display:block;overflow:clip}.loyal-mask__line{display:block;will-change:transform}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=mask]{opacity:1;transform:none}.loyal-reveal[data-loyal-reveal=pending][data-loyal-from=mask] .loyal-mask__line{transform:translate3d(0,100%,0)}.loyal-reveal[data-loyal-reveal=in][data-loyal-from=mask]{opacity:1;transform:none}.loyal-reveal[data-loyal-reveal=in][data-loyal-from=mask] .loyal-mask__line{transform:translateZ(0);transition:transform var(--loyal-dur-slow) var(--loyal-ease-arrival);transition-delay:calc(var(--loyal-motion-stagger-index, 0) * var(--loyal-motion-stagger-step))}@keyframes loyal-motion-hero-rise{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes loyal-motion-hero-follow{0%{opacity:0;transform:translate3d(0,var(--loyal-reveal-distance),0)}to{opacity:1;transform:translateZ(0)}}.loyal-hero-mask{display:block;overflow:clip}.loyal-hero-mask__line{display:block}@media(prefers-reduced-motion:no-preference){.loyal-hero-mask__line{animation:loyal-motion-hero-rise var(--loyal-dur-slow) var(--loyal-ease-arrival) both;will-change:transform}[data-loyal-hero-follow]{animation:loyal-motion-hero-follow var(--loyal-dur-arrival) var(--loyal-ease-arrival) both;animation-delay:calc(var(--loyal-motion-hero-order, 1) * var(--loyal-motion-stagger-step-slow) + var(--loyal-dur-arrival))}}@keyframes loyal-motion-parallax{0%{transform:translate3d(0,calc(var(--loyal-motion-depth, 24px) * -1),0) scale(var(--loyal-motion-depth-scale))}to{transform:translate3d(0,var(--loyal-motion-depth, 24px),0) scale(var(--loyal-motion-depth-scale))}}@keyframes loyal-motion-exit{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,calc(var(--loyal-reveal-distance) * -1.5),0)}}@keyframes loyal-motion-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loyal-motion-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}[data-loyal-draw=down]{transform-origin:50% 0}[data-loyal-draw=up]{transform-origin:50% 100%}[data-loyal-parallax=near]{--loyal-motion-depth: var(--loyal-motion-depth-near)}[data-loyal-parallax=mid]{--loyal-motion-depth: var(--loyal-motion-depth-mid)}[data-loyal-parallax=far]{--loyal-motion-depth: var(--loyal-motion-depth-far)}[data-loyal-parallax=free]{--loyal-motion-depth: var(--loyal-motion-depth-far);--loyal-motion-depth-scale: 1}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){[data-loyal-parallax]{animation:loyal-motion-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%;will-change:transform}[data-loyal-exit]{animation:loyal-motion-exit linear both;animation-timeline:view();animation-range:exit 10% exit 85%;will-change:transform,opacity}[data-loyal-draw]{animation:loyal-motion-draw linear both;animation-timeline:view();animation-range:entry 20% cover 35%;will-change:transform}}@supports (animation-timeline: scroll()){[data-loyal-progress]{animation:loyal-motion-progress linear both;animation-timeline:scroll(root block);will-change:transform}}}[data-loyal-progress]{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--loyal-z-header);block-size:var(--loyal-rule-width-thick);inline-size:100%;background:var(--loyal-accent);transform:scaleX(var(--loyal-motion-progress, 0));transform-origin:0 50%;pointer-events:none}@media(hover:hover)and (pointer:fine){.loyal-lift{transition:transform var(--loyal-dur-arrival) var(--loyal-ease-arrival),box-shadow var(--loyal-dur-arrival) var(--loyal-ease-arrival);will-change:transform}.loyal-lift:hover{transform:translate3d(0,calc(var(--loyal-motion-lift) * -1),0);box-shadow:var(--loyal-shadow-lift)}[data-loyal-magnetic]{transform:translate3d(var(--loyal-motion-magnet-x),var(--loyal-motion-magnet-y),0);transition:transform var(--loyal-dur-instant) var(--loyal-ease-state)}[data-loyal-magnetic][data-loyal-magnet=live]{transition:none}[data-loyal-spotlight]{position:relative;isolation:isolate}[data-loyal-spotlight]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--loyal-z-below);pointer-events:none;opacity:0;transition:opacity var(--loyal-dur-arrival) var(--loyal-ease-arrival);background:radial-gradient(var(--loyal-motion-spotlight-size) circle at var(--loyal-motion-pointer-x) var(--loyal-motion-pointer-y),color-mix(in srgb,var(--loyal-canvas-cream) 9%,transparent),transparent 62%)}[data-loyal-spotlight]:hover:after,[data-loyal-spotlight]:focus-within:after{opacity:1}}.loyal-lift:active{transform:scale(var(--loyal-motion-press));transition:transform var(--loyal-dur-instant) var(--loyal-ease-arrival)}.loyal-marquee__drift{position:absolute;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:no-preference){[data-loyal-velocity]{transform:translate3d(calc(var(--loyal-motion-velocity) * var(--loyal-motion-velocity-drift)),0,0);transition:transform var(--loyal-dur-instant) var(--loyal-ease-state);will-change:transform}}@media(prefers-reduced-motion:reduce){.loyal-reveal[data-loyal-reveal=pending],.loyal-reveal[data-loyal-reveal=in]{clip-path:none!important;transition-delay:0ms!important}.loyal-mask__line{transform:none!important}[data-loyal-parallax],[data-loyal-exit],[data-loyal-draw],[data-loyal-velocity],[data-loyal-magnetic]{animation:none!important;transform:none!important;opacity:1!important}[data-loyal-spotlight]:after{content:none}}@media(prefers-contrast:more){[data-loyal-spotlight]:after{content:none}}@media print{[data-loyal-progress]{display:none}.loyal-reveal[data-loyal-reveal=pending],.loyal-reveal[data-loyal-reveal=in]{clip-path:none!important;opacity:1!important;transform:none!important}.loyal-mask{overflow:visible}.loyal-mask__line{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/loyal-motion.css.map */