:root{--motion-fast: .65s;--motion-medium: .95s;--motion-slow: 1.4s;--reveal-duration: 1.7s;--reveal-duration-side: 4s;--motion-ease: cubic-bezier(.16, 1, .3, 1);--reveal-distance: 100px;--reveal-blur: 3px}html:not(.anim-ready) body{opacity:0}html.anim-ready body{opacity:1;transition:opacity var(--motion-medium) linear}body.page-enter main{animation:pageEnter var(--motion-slow) var(--motion-ease) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 0;transform:scaleX(0);z-index:999999;pointer-events:none;background:#e10600}[data-reveal]{opacity:0;filter:blur(var(--reveal-blur));transform:translate3d(0,var(--reveal-distance),0) scale(.99);will-change:opacity,transform,filter;transition:opacity var(--reveal-duration) var(--motion-ease),transform var(--reveal-duration) var(--motion-ease),filter var(--reveal-duration) var(--motion-ease)!important}a[data-reveal],button[data-reveal],.button[data-reveal],.button-secondary[data-reveal]{transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease),filter var(--motion-slow) var(--motion-ease)!important}[data-reveal].is-in{opacity:1;filter:blur(0);transform:translateZ(0) scale(1)}[data-reveal=up]{transform:translate3d(0,var(--reveal-distance),0) scale(.99)}[data-reveal=down]{transform:translate3d(0,calc(var(--reveal-distance) * -1),0) scale(.99)}[data-reveal=left]{transform:translate3d(calc(var(--reveal-distance) * -1),0,0) scale(.99)}[data-reveal=right]{transform:translate3d(var(--reveal-distance),0,0) scale(.99)}[data-reveal=fade]{transform:none;filter:none}[data-reveal=zoom]{transform:scale(.95);filter:blur(3px)}[data-reveal=lift]{transform:translate3d(0,calc(var(--reveal-distance) + 10px),0) scale(.995)}[data-reveal=left],[data-reveal=right]{transition:opacity var(--reveal-duration-side) var(--motion-ease),transform var(--reveal-duration-side) var(--motion-ease),filter var(--reveal-duration-side) var(--motion-ease)}[data-reveal-delay]{transition-delay:var(--reveal-delay, 0ms)}header-component{transition:transform .56s var(--motion-ease),backdrop-filter .56s var(--motion-ease);will-change:transform}body.header-hidden header-component{transform:translateY(-110%)}body.has-scrolled header-component[transparent]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-top{position:fixed;right:18px;bottom:18px;z-index:999998;padding:10px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#ffffffd9;color:#111;cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .52s var(--motion-ease),transform .82s var(--motion-ease),filter .52s var(--motion-ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-top.is-visible{opacity:1;transform:translateY(0)}.back-to-top:hover{filter:brightness(.98)}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .52s ease;background:radial-gradient(180px 180px at var(--sx, 50%) var(--sy, 50%),rgba(0,0,0,.05),transparent 60%);mix-blend-mode:multiply}body.spotlight-on .spotlight{opacity:1}a,button,.button,.button-secondary{transition:transform .42s var(--motion-ease),box-shadow .42s var(--motion-ease),filter .42s var(--motion-ease)}a:hover,button:hover,.button:hover,.button-secondary:hover{transform:translateY(-1px);filter:brightness(.99)}@media (prefers-reduced-motion: reduce){html:not(.anim-ready) body{opacity:1}body.page-enter main{animation:none}[data-reveal]{transition:none;opacity:1;transform:none;filter:none}body.header-hidden header-component{transform:none}.scroll-progress,.spotlight{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cool-animations.css.map */