:root{--ease-out:cubic-bezier(.2,.7,.2,1);--ease-spring:cubic-bezier(.34,1.45,.64,1)}@media(prefers-reduced-motion:no-preference){.button{position:relative;isolation:isolate;transition:transform .18s var(--ease-out)}.button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--brand) 55%,transparent);opacity:0;transition:opacity .18s var(--ease-out)}@media(hover:hover){.button:not(:disabled):hover{transform:translateY(-2px)}.button:not(:disabled):hover:before{opacity:1}}.button:not(:disabled):active{transform:translateY(0) scale(.98);transition-duration:80ms}.product-submit:not(:disabled):after,.purchase .button:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 2px var(--brand);opacity:0;pointer-events:none;animation:gx-pulse 2.2s var(--ease-out) 1.6s 3}@keyframes gx-pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(1.08,1.28);opacity:0}}.product-submit[aria-busy=true]:after{animation:none}.product-submit[aria-busy=true] svg{animation:gx-bob .6s var(--ease-out) infinite alternate}@keyframes gx-bob{to{transform:translateY(-3px)}}@supports (animation-timeline:view()){.gx-fade,.trust-list li,.loop-copy{animation:gx-fade-up linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}@keyframes gx-fade-up{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}.gx-thumb{transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.gx-thumb:active{transform:scale(.94)}.gx-arrow{transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.gx-arrow:hover{transform:scale(1.06)}@media(hover:hover)and (pointer:fine){.gx-has-zoom .gx-zoom img{transition:transform .26s var(--ease-out)}.gx-has-zoom .gx-zoom:hover img{transform:scale(1.8)}.gx-zoom-hint{transition:opacity .18s var(--ease-out)}.gx-zoom:hover .gx-zoom-hint{opacity:0}}dialog.gx-lightbox[open]{animation:gx-fade-in .2s var(--ease-out)}.gx-stage img{transition:opacity .16s var(--ease-out)}@keyframes gx-fade-in{0%{opacity:0}to{opacity:1}}.pack-grid label,.qty button,.gx-lb-btn,.gx-loop-toggle{transition:transform .14s var(--ease-spring)}.pack-grid label:active,.qty button:active,.gx-lb-btn:active,.gx-loop-toggle:active{transform:scale(.95)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/gtfg-motion.css.map */