body{overflow-x:clip}.sp-hero{perspective:1000px}.sp-hero__mark{position:relative;isolation:isolate}.sp-hero__mark:before{content:"SUR+";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;color:#3a3d40;-webkit-text-fill-color:#3a3d40;background:none;text-shadow:0 1px 0 #34373a,0 2px 0 #2e3033,0 3px 0 #292b2e,0 4px 0 #242628,0 5px 0 #1f2022,0 6px 0 #1a1b1d,0 7px 0 #151618,0 22px 30px rgba(0,0,0,.6);pointer-events:none;opacity:0;animation:sp-extrude 1.1s var(--sp-out) 1.3s forwards}@keyframes sp-extrude{to{opacity:1}}.sp-floor{position:absolute;left:-50%;right:-50%;bottom:0;height:44%;perspective:340px;perspective-origin:50% 0;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 40%);mask-image:linear-gradient(180deg,transparent 0%,#000 40%)}.sp-floor:before{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,232,234,.9),transparent);box-shadow:0 0 34px 8px #b9bdc147}.sp-floor i{position:absolute;left:0;right:0;top:-64px;height:360px;transform-origin:50% 64px;transform:rotateX(76deg);background-image:linear-gradient(rgba(196,200,204,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(196,200,204,.26) 1px,transparent 1px);background-size:64px 64px;background-position:50% 0;animation:sp-hfloor 2.4s linear infinite;will-change:transform}@keyframes sp-hfloor{to{transform:rotateX(76deg) translate3d(0,64px,0)}}.sp-floor.is-cv{left:0;right:0;perspective:none;-webkit-mask-image:none;mask-image:none}.sp-floor.is-cv:before{display:none}.sp-floor__cv{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;pointer-events:none}html.sp-par .sp-hero__in{transform:translate3d(0,var(--sp-y,0px),0) rotateX(calc(var(--gy,0) * -7deg)) rotateY(calc(var(--gx,0) * 9deg))}.sp-grade__seal{animation:sp-coin 9s ease-in-out infinite}@keyframes sp-coin{0%,to{transform:perspective(900px) rotateY(-24deg)}50%{transform:perspective(900px) rotateY(24deg)}}.sp-seal{position:relative;aspect-ratio:1/1}.sp-seal__spin,.sp-seal__core{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.sp-seal__spin{animation:sp-spin 30s linear infinite;will-change:transform}.sp-seal__spin svg{display:block;width:100%;height:100%;overflow:visible}@media(prefers-reduced-motion:no-preference){html.sp-js [data-sp]{transform:perspective(1100px) translate3d(0,46px,-60px) rotateX(14deg);transform-origin:50% 100%}html.sp-js [data-sp].in{transform:none}html.sp-js .sp-tile[data-sp]{transform:perspective(1100px) translate3d(40px,24px,-90px) rotateY(-26deg);transform-origin:0 50%}html.sp-js .sp-tile[data-sp].in{transform:none}html.sp-gyro .sp-tile.sp-tilt.in{transform:perspective(900px) rotateX(calc(var(--gy,0) * -4deg)) rotateY(calc(var(--gx,0) * 5deg))}@keyframes sp-page{0%{opacity:0;transform:perspective(1400px) translate3d(0,26px,-70px) rotateX(4deg)}}html.sp-leave main#MainContent{transform:perspective(1400px) translate3d(0,-14px,-90px) rotateX(-3deg);transition:opacity .26s ease,transform .3s ease}}.sp-pv__stage{background:radial-gradient(100% 75% at 50% 26%,#fff,#f4f5f6 58%,#e6e8ea);perspective:1100px}.sp-pv__stage:after{content:"";position:absolute;left:24%;right:24%;bottom:4.5%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(10,10,10,.24),rgba(10,10,10,.08) 60%,transparent);pointer-events:none;opacity:0;transition:opacity .6s}.sp-pv.is-cut .sp-pv__stage:after{opacity:1}.sp-pv__hook{position:absolute;left:50%;top:3%;width:30px;height:40px;margin-left:-15px;opacity:0;transition:opacity .5s;pointer-events:none}.sp-pv__hook svg{display:block;width:100%;height:100%;fill:none;stroke:#4a4e52;stroke-width:3.4;stroke-linecap:round}.sp-pv.is-cut .sp-pv__hook{opacity:1}.sp-pv__img{position:relative;transition:transform .45s var(--sp-out,ease),opacity .45s}.sp-pv.is-cutting .sp-pv__img{opacity:0}.sp-pv.is-cut .sp-pv__img{padding:9% 11% 11%;box-sizing:border-box;filter:drop-shadow(0 30px 26px rgba(0,0,0,.18)) drop-shadow(0 4px 4px rgba(0,0,0,.08));transform-origin:50% 6%;animation:sp-pv-hang 7s ease-in-out infinite}.sp-pv.is-cut .sp-pv__stage.is-lens .sp-pv__img{animation:none}@keyframes sp-pv-hang{0%,to{rotate:-.8deg}50%{rotate:.8deg}}@keyframes sp-turn-r{0%{transform:rotateY(-72deg) scale(.94);opacity:.2}to{transform:none;opacity:1}}@keyframes sp-turn-l{0%{transform:rotateY(72deg) scale(.94);opacity:.2}to{transform:none;opacity:1}}.card-gallery.sp-g{background:radial-gradient(110% 80% at 50% 22%,#fff,#f4f5f6 58%,#e8eaec)}.card-gallery.sp-g:after{content:"";position:absolute;left:24%;right:24%;bottom:5%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgba(10,10,10,.2),rgba(10,10,10,.06) 60%,transparent);pointer-events:none;z-index:0;transition:transform .7s var(--sp-out),opacity .7s}.card-gallery.sp-g .sp-cut>img{object-fit:contain!important;padding:8% 10% 12%;box-sizing:border-box;filter:drop-shadow(0 16px 14px rgba(0,0,0,.14));position:relative;z-index:1;transition:transform .8s var(--sp-out),opacity .6s var(--sp-out)!important}@media(hover:hover)and (pointer:fine){.product-grid>*:hover .card-gallery.sp-g .sp-cut>img,.card-gallery.sp-g:hover .sp-cut>img{transform:translate3d(0,-12px,0) scale(1.05)!important}.product-grid>*:hover .card-gallery.sp-g:after,.card-gallery.sp-g:hover:after{transform:scaleX(.78);opacity:.55}}@media(hover:none),(pointer:coarse){.card-gallery.sp-g .sp-cut>img{animation:sp-bob 6s ease-in-out infinite}.product-grid>:nth-child(2n) .card-gallery.sp-g .sp-cut>img{animation-delay:-3s}.card-gallery.sp-g:active .sp-cut>img{transform:scale(.96)!important}}@keyframes sp-bob{0%,to{translate:0 0}50%{translate:0 -5px}}fly-to-cart{display:none!important}.sp-fly{position:fixed;z-index:2147483000;margin:0;object-fit:contain;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 18px 16px rgba(0,0,0,.25))}.sp-toast{position:fixed;right:16px;top:calc(var(--header-height,64px) + 14px);z-index:2147482999;padding:12px 18px;border-radius:999px;background:#0a0a0a;color:#fff;font-size:11px;letter-spacing:.18em;text-transform:uppercase;box-shadow:0 14px 30px #00000040;opacity:0;transform:translate3d(0,-12px,0);transition:opacity .35s,transform .5s var(--sp-out);pointer-events:none}.sp-toast.in{opacity:1;transform:none}.sp-eta{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:13px;line-height:1.45;letter-spacing:.01em;color:#3a3d40}.sp-eta[hidden]{display:none}.sp-eta svg{flex:none;width:24px;height:24px;fill:none;stroke:#0a0a0a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:sp-truck 1.1s var(--sp-out) .3s backwards}.sp-eta b{font-weight:500;color:#0a0a0a}.sp-look__eta{justify-content:center;margin:4px 0 0;font-size:12px;text-align:left}@keyframes sp-truck{0%{transform:translate3d(-18px,0,0);opacity:0}}@media(max-width:749px){.sp-floor{height:46%}.sp-hero:after{display:block;background:linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px) calc(50% + 32px) 0/64px 100% repeat-x}.sp-hero__mark:before{text-shadow:0 1px 0 #34373a,0 2px 0 #2e3033,0 3px 0 #292b2e,0 4px 0 #242628,0 5px 0 #1a1b1d,0 14px 22px rgba(0,0,0,.6)}}@media(prefers-reduced-motion:reduce){.sp-floor i,.sp-grade__seal,.sp-seal__spin,.sp-pv.is-cut .sp-pv__img,.card-gallery.sp-g .sp-cut>img,.sp-eta svg{animation:none}.sp-hero__mark:before{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/surplus-3d.css.map */
