:root{--anim-ease: cubic-bezier(.22, 1, .36, 1);--anim-dur: 1.7s;--anim-dist: 32px;--anim-stagger: .16s;--anim-line-stagger: .18s;--anim-zoom: 1.06}html[data-anim-intensity=subtle]{--anim-dur: 1.35s;--anim-dist: 20px;--anim-zoom: 1.04}@media(max-width:767px){:root,html[data-anim-intensity=subtle]{--anim-dur: .9s;--anim-dist: 0px;--anim-zoom: 1}html .anim-line-inner{transform:none;opacity:0;transition:opacity var(--anim-dur) var(--anim-ease);transition-delay:var(--anim-delay, 0ms)}html [data-anim-heading].anim-in .anim-line-inner{opacity:1}}html,body{overflow-x:clip}html.anim-js main#main-content>*:not(:first-child):not(.anim-in),html.anim-js body>footer:not(.anim-in),html.anim-js [data-anim=reveal]:not(.anim-in){opacity:0;transform:translate3d(0,var(--anim-dist),0)}html.anim-js main#main-content>*,html.anim-js body>footer,html.anim-js [data-anim=reveal]{transition:opacity var(--anim-dur) var(--anim-ease),transform var(--anim-dur) var(--anim-ease);transition-delay:var(--anim-delay, 0ms)}html.anim-js main#main-content :is(h1,h2):not([data-anim-heading]){opacity:0}.anim-line{display:block;overflow:clip;padding-block-end:.12em;margin-block-end:-.12em}.anim-line-inner{display:block;transform:translate3d(0,105%,0);transition:transform var(--anim-dur) var(--anim-ease);transition-delay:var(--anim-delay, 0ms)}[data-anim-heading].anim-in .anim-line-inner{transform:none}html.anim-js [data-slide] [data-anim-item]{opacity:0;transform:translate3d(0,var(--anim-dist),0);transition:opacity var(--anim-dur) var(--anim-ease),transform var(--anim-dur) var(--anim-ease);transition-delay:var(--anim-delay, 0ms)}html.anim-js [data-slide] [data-anim-item=accent]{opacity:1;transform:scaleX(0);transform-origin:left center}html.anim-js [dir=rtl] [data-slide] [data-anim-item=accent],html[dir=rtl].anim-js [data-slide] [data-anim-item=accent]{transform-origin:right center}html.anim-js [data-slide].anim-slide-in [data-anim-item]{opacity:1;transform:none}html.anim-js [data-slide].anim-slide-reset [data-anim-item],html.anim-js [data-slide].anim-slide-reset .anim-line-inner{transition:none}html.anim-js [data-slide]:not([data-anim-slide]) :is(h1,h2,p,.button-primary,.button-outline){opacity:0}html.anim-js [data-anim=card]:not(.anim-in){opacity:0;transform:translate3d(0,var(--anim-dist),0)}html.anim-js [data-anim=card]{transition:opacity var(--anim-dur) var(--anim-ease),transform var(--anim-dur) var(--anim-ease);transition-delay:var(--anim-delay, 0ms)}html.anim-js img[data-anim=zoom]:not(.anim-in){scale:var(--anim-zoom)}html.anim-js img[data-anim=zoom]{transition:scale calc(var(--anim-dur) * 1.6) var(--anim-ease),transform 1.3s var(--anim-ease)}html.anim-js [data-anim-clip]{overflow:hidden}@media(hover:hover)and (pointer:fine){html.anim-hover [data-anim=card] img[data-anim-card-img]{transition:scale calc(var(--anim-dur) * 1.6) var(--anim-ease),transform 1.3s var(--anim-ease)}html.anim-hover [data-anim=card]:hover img[data-anim-card-img]{transform:scale(1.04)}html.anim-hover :is(.button-primary,.button-outline){position:relative;isolation:isolate;overflow:hidden}html.anim-hover :is(.button-primary,.button-outline):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform 1.1s var(--anim-ease);pointer-events:none}html[dir=rtl].anim-hover :is(.button-primary,.button-outline):before{transform-origin:right center}html.anim-hover :is(.button-primary,.button-outline):hover:before{transform:scaleX(1)}html.anim-hover .button-primary:hover{background:var(--color-button-primary)}html.anim-hover .button-primary:before{background:color-mix(in oklab,var(--color-button-primary) 85%,black)}html.anim-hover .button-outline:before{background:#fff}html.anim-hover .button-outline:hover{background-color:transparent;color:#000}}[data-anim-marquee].anim-marquee{overflow:hidden;flex:1 1 auto;min-width:0;white-space:nowrap;text-align:start}.anim-marquee-track{display:flex;width:max-content;animation:anim-marquee var(--anim-marquee-dur, 30s) linear infinite}.anim-marquee-group{display:flex;flex-shrink:0}.anim-marquee-item{flex-shrink:0;padding-inline-end:4rem}@media(hover:hover){[data-anim-marquee].anim-marquee:hover .anim-marquee-track{animation-play-state:paused}}@keyframes anim-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}html[dir=rtl] .anim-marquee-track{animation-direction:reverse}html.anim-js [data-anim-header]{position:sticky;top:0;z-index:40;transition:transform 1.1s var(--anim-ease)}html.anim-js [data-anim-header]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#000;opacity:0;transition:opacity .8s var(--anim-ease);pointer-events:none}html.anim-js [data-anim-header].anim-header-scrolled{transform:translate3d(0,calc(var(--anim-bar-h, 0px) * -1),0)}html.anim-js [data-anim-header].anim-header-scrolled:before{opacity:1}html.anim-js [data-anim-header] [data-anim-header-logo]{transform-origin:left center;transition:transform 1.1s var(--anim-ease)}html.anim-js [data-anim-header].anim-header-scrolled [data-anim-header-logo]{transform:scale(.88)}html.anim-js [data-anim-header].anim-header-hidden{transform:translate3d(0,-100%,0)}@media(prefers-reduced-motion:reduce){html.anim-js *,html.anim-js *:before{transition:none!important}.anim-marquee-track{animation:none!important}html.anim-js main#main-content>*,html.anim-js body>footer,html.anim-js [data-anim],html.anim-js [data-anim-item],html.anim-js :is(h1,h2),html.anim-js .anim-line-inner,html.anim-js [data-slide] :is(h1,h2,p,.button-primary,.button-outline){opacity:1!important;transform:none!important;scale:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/animations.css.map */
