.snagd-grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:snagd-grain 7s steps(9) infinite}@keyframes snagd-grain{0%,to{transform:translate(0)}12%{transform:translate(-3%,2%)}25%{transform:translate(2%,-3%)}38%{transform:translate(-2%,-2%)}50%{transform:translate(3%,2%)}62%{transform:translate(-3%,1%)}75%{transform:translate(2%,3%)}88%{transform:translate(-1%,-3%)}}[data-reveal]{opacity:0;transform:translateY(26px);filter:blur(7px);transition:opacity .7s cubic-bezier(.22,.8,.3,1),transform .7s cubic-bezier(.22,.8,.3,1),filter .7s ease;transition-delay:var(--d,0ms);will-change:opacity,transform,filter}[data-reveal].is-in{opacity:1;transform:none;filter:none}@media(pointer:fine){.snagd-ctile__card{position:relative;transform-style:preserve-3d}.snagd-ctile__card.is-tilting{transform:perspective(720px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);transition:none}.snagd-ctile__card:not(.is-tilting){transition:transform .4s cubic-bezier(.22,.8,.3,1)}.snagd-ctile__card:after{content:"";position:absolute;top:6px;right:8px;bottom:12px;left:8px;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(300px 300px at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.3),rgba(255,255,255,.05) 42%,transparent 68%),conic-gradient(from 90deg at var(--gx,50%) var(--gy,50%),rgba(255,0,104,.15),rgba(67,231,255,.15),rgba(255,211,90,.13),rgba(255,0,104,.15));mix-blend-mode:screen;-webkit-mask-image:var(--holo-mask,none);mask-image:var(--holo-mask,none);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:opacity .3s ease,transform .24s cubic-bezier(.3,.7,0,1)}.snagd-ctile__card:hover:after{transform:translateY(-7px)}.snagd-ctile__card.is-tilting.has-holo:after{opacity:1}}.snagd-hero2{position:relative}.snagd-hero2__fan{transform:translate3d(calc(var(--px,0)*14px),calc(var(--py,0)*10px),0);transition:transform .25s ease-out}.snagd-marquee{overflow:hidden;border-top:1px solid var(--snagd-line);border-bottom:1px solid var(--snagd-line);background:linear-gradient(180deg,#0a0d15,#080b11);padding:13px 0;position:relative}.snagd-marquee__track{display:flex;gap:0;width:max-content;animation:snagd-marquee var(--speed,30s) linear infinite}.snagd-marquee:hover .snagd-marquee__track{animation-play-state:paused}.snagd-marquee__seq{display:flex;align-items:center;white-space:nowrap}.snagd-marquee__item{font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--snagd-mut);padding:0 18px}.snagd-marquee__seq .snagd-marquee__item:nth-child(4n+1){color:var(--snagd-ink)}.snagd-marquee__bolt{color:var(--snagd-accent);font-size:13px;text-shadow:0 0 12px rgba(255,0,104,.6)}.snagd-marquee__seq .snagd-marquee__bolt:nth-child(4n+2){color:var(--snagd-gold);text-shadow:0 0 12px rgba(255,211,90,.5)}.snagd-marquee__seq .snagd-marquee__bolt:nth-child(4n){color:var(--snagd-cyan);text-shadow:0 0 12px rgba(67,231,255,.5)}@keyframes snagd-marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.snagd-marquee__track{animation:none}}.snagd-hero2__btn,.snagd-button,.snagd-saved__add,.snagd-banner__cta{position:relative;overflow:hidden}.snagd-hero2__btn:after,.snagd-button:after,.snagd-saved__add:after,.snagd-banner__cta:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-70%;width:36%;transform:skew(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:0;pointer-events:none}.snagd-hero2__btn:hover:after,.snagd-button:hover:after,.snagd-saved__add:hover:after,.snagd-banner__cta:hover:after{opacity:1;animation:snagd-shine .7s ease}@keyframes snagd-shine{0%{left:-70%}to{left:140%}}.snagd-banner{position:relative;overflow:hidden}.snagd-banner:after{content:"";position:absolute;top:-60%;bottom:-60%;left:-30%;width:24%;transform:skew(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none;animation:snagd-sheen 7.5s ease-in-out infinite}@keyframes snagd-sheen{0%,55%,to{left:-30%}25%{left:130%}}.snagd-cart-count.pop{animation:snagd-pop .45s cubic-bezier(.3,1.6,.4,1)}@keyframes snagd-pop{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1)}}.snagd-cat{min-height:340px}.snagd-cat__media{position:relative;height:180px;margin:4px 0 14px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .35s cubic-bezier(.22,.8,.3,1)}.snagd-cat:hover .snagd-cat__media{transform:translateY(-3px)}.snagd-cat__media--img img{max-height:176px;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.snagd-cat__cards{position:relative;width:100%;height:100%}.snagd-cat__cards img{position:absolute;left:50%;top:50%;width:118px;border-radius:7px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.55));transition:transform .45s cubic-bezier(.22,.8,.3,1)}.snagd-cat__cards img:nth-child(1){transform:translate(-78%,-50%) rotate(-9deg)}.snagd-cat__cards img:nth-child(2){transform:translate(-24%,-48%) rotate(8deg);z-index:2}.snagd-cat:hover .snagd-cat__cards img:nth-child(1){transform:translate(-92%,-52%) rotate(-14deg)}.snagd-cat:hover .snagd-cat__cards img:nth-child(2){transform:translate(-10%,-46%) rotate(13deg)}.snagd-bpack{position:relative;width:132px;height:176px;border-radius:7px;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 24%,rgba(255,255,255,.05) 38%,transparent 52%,rgba(255,255,255,.1) 70%,transparent 88%),linear-gradient(160deg,#232b42,#141a2b 34%,#2a3350 52%,#10151f 78%,#1c2438);box-shadow:0 22px 34px #0009,inset 0 0 0 1px #ffffff17;display:flex;align-items:center;justify-content:center;animation:snagd-packfloat 5.5s ease-in-out infinite}.snagd-bpack:before,.snagd-bpack:after{content:"";position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 3px,transparent 3px 6px),linear-gradient(180deg,#2c3552,#171d2e);box-shadow:inset 0 -1px #ffffff14}.snagd-bpack:before{top:0;border-radius:7px 7px 2px 2px}.snagd-bpack:after{bottom:0;border-radius:2px 2px 7px 7px;box-shadow:inset 0 1px #ffffff14}.snagd-bpack__shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;overflow:hidden;pointer-events:none}.snagd-bpack__shine:before{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:42%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(120,220,255,.16) 35%,rgba(255,120,190,.16) 65%,transparent);animation:snagd-packshine 4.6s ease-in-out infinite}.snagd-bpack__logo{max-width:82%;max-height:64px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 4px 10px rgba(0,0,0,.7))}.snagd-bpack__tag{position:absolute;bottom:20px;left:0;right:0;text-align:center;z-index:2;font-family:Space Mono,ui-monospace,monospace;font-size:8px;letter-spacing:.3em;color:#eef1f780}@keyframes snagd-packshine{0%,58%,to{left:-60%}30%{left:120%}}@keyframes snagd-packfloat{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}.snagd-cat:hover .snagd-bpack{animation-play-state:paused;transform:rotate(0) scale(1.05);transition:transform .4s cubic-bezier(.22,.8,.3,1)}.snagd-cat__slab{max-height:176px;max-width:78%;object-fit:contain;border-radius:6px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.6));animation:snagd-slabfloat 6s ease-in-out infinite}@keyframes snagd-slabfloat{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-9px) rotate(3deg)}}.snagd-cat:hover .snagd-cat__slab{animation-play-state:paused;transform:rotate(0) scale(1.04);transition:transform .4s cubic-bezier(.22,.8,.3,1)}@media(prefers-reduced-motion:reduce){.snagd-grain,.snagd-banner:after{animation:none}.snagd-bpack,.snagd-cat__slab,.snagd-bpack__shine:before{animation:none}}@media(max-width:760px){.snagd-cat{min-height:0}.snagd-cat__media{height:150px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/snagd-motion.css.map */