.sh-3d{--sh3d-len:420svh;position:relative;height:var(--sh3d-len);background:radial-gradient(120% 75% at 50% 42%,#ffffff 0,var(--sh-porcelain) 52%,#e6e3dd 100%)}.sh-3d__sticky{position:sticky;top:0;height:100svh;overflow:hidden}.sh-3d__stage{position:absolute;top:0;right:0;bottom:0;left:0}.sh-3d__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s var(--sh-ease)}.sh-3d.is-3d .sh-3d__canvas{opacity:1}.sh-3d__fallback{position:absolute;top:12%;right:8%;bottom:30%;left:8%;transition:opacity .6s var(--sh-ease)}.sh-3d__fallback img{object-fit:contain;mix-blend-mode:multiply}.sh-3d.is-3d .sh-3d__fallback{opacity:0;visibility:hidden}.sh-3d__caps{list-style:none;margin:0;padding:0}.sh-3d__cap{position:absolute;max-width:min(30rem,40vw);opacity:0;visibility:hidden;will-change:opacity,transform}.sh-3d__cap .sh-h2{font-size:clamp(1.9rem,3.6vw,3.3rem)}.sh-3d__cap .sh-lede{margin-top:16px}.sh-3d__cap .sh-lede p{margin:0}.sh-3d__cap .sh-actions{margin-top:26px}.sh-3d__cap--left{left:var(--sh-gutter);top:50%;margin-top:-6rem}.sh-3d__cap--right{right:var(--sh-gutter);top:50%;margin-top:-6rem}.sh-3d__cap--bottom{left:50%;bottom:9svh;max-width:min(40rem,86vw);transform:none;text-align:center;translate:-50% 0}.sh-3d__cap--bottom .sh-lede{margin-inline:auto}.sh-3d__cap--bottom .sh-actions{justify-content:center}.sh-3d__progress{position:absolute;left:var(--sh-gutter);right:var(--sh-gutter);bottom:28px;height:2px;background:var(--sh-line);border-radius:2px;overflow:hidden}.sh-3d__progress span{display:block;height:100%;background:var(--sh-ink);transform-origin:0 50%;transform:scaleX(0)}@media(max-width:989px){.sh-3d{--sh3d-len:360svh}.sh-3d__cap,.sh-3d__cap--left,.sh-3d__cap--right,.sh-3d__cap--bottom{left:var(--sh-gutter);right:var(--sh-gutter);top:auto;bottom:calc(9svh + 10px);margin:0;max-width:none;translate:none;text-align:left}.sh-3d__cap .sh-h2{font-size:clamp(1.65rem,7vw,2.3rem)}.sh-3d__cap .sh-lede{font-size:.98rem;margin-top:10px}.sh-3d__cap .sh-actions{margin-top:18px;justify-content:flex-start}.sh-3d__cap .sh-actions .sh-btn{width:100%}.sh-3d__fallback{top:10%;right:6%;bottom:46%;left:6%}}.sh-3d--static{height:auto}.sh-3d--static .sh-3d__sticky{position:relative;height:auto;overflow:visible;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(64px,8vw,120px) var(--sh-gutter);max-width:var(--sh-max);margin-inline:auto}.sh-3d--static .sh-3d__stage{position:relative;aspect-ratio:4/3}.sh-3d--static .sh-3d__fallback{top:0;right:0;bottom:0;left:0}.sh-3d--static .sh-3d__caps{display:grid;gap:40px}.sh-3d--static .sh-3d__cap{position:static;opacity:1;visibility:visible;max-width:none;margin:0;translate:none;transform:none;text-align:left}.sh-3d--static .sh-3d__cap .sh-actions{justify-content:flex-start}.sh-3d--static .sh-3d__progress{display:none}@media(max-width:989px){.sh-3d--static .sh-3d__sticky{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shwra-3d.css.map */