.tablet-controls{display:inline-flex;gap:4px;margin-top:32px;padding:5px;border:1px solid #b995a04d;border-radius:100px;background:#30131e40}.tablet-controls button{min-height:44px;padding:10px 19px;border:0;border-radius:100px;background:transparent;color:#e7d4d8;font-size:12px;font-weight:600;transition:background .25s,color .25s}.tablet-controls button[aria-pressed=true]{background:var(--cream);color:var(--deep);box-shadow:0 3px 14px #1c0c1b25}.tablet-controls button:hover:not([aria-pressed=true]){background:#ffffff0d}.tablet-hint{margin-top:13px!important;font-size:11px!important;line-height:1.5!important;color:#c6aab3!important}.tablet-stage.photo-stage{height:455px;isolation:isolate;perspective:900px}.photo-stage:after{content:"";position:absolute;z-index:-1;bottom:42px;left:24%;width:52%;height:26px;border-radius:50%;background:#180b13;filter:blur(20px);opacity:.42;transition:width 1.2s,opacity 1.2s,left 1.2s}.photo-stage.is-split:after{width:68%;left:16%;opacity:.3}.photo-stage .orbit{width:min(100%,440px);height:auto;aspect-ratio:1;border-color:#e6b39318}.photo-stage .orbit-two{width:min(127%,550px);border-color:#e6b3930b}.photo-stage .annotation-top{top:0;right:50%;transform:translate(50%);white-space:nowrap;font-size:8px;letter-spacing:.17em;color:#dec1b4}.photo-stage .annotation-bottom{bottom:0;font-size:7px;letter-spacing:.12em;color:#b597a1}.photo-tablet{position:relative;width:min(390px,85%);aspect-ratio:1000/931;transform:translateY(-6px) rotate(-12deg);transform-origin:49.1% 47.26%;filter:drop-shadow(10px 23px 15px #180a1559);transition:transform 1.2s cubic-bezier(.22,.75,.2,1);pointer-events:none}.photo-tablet .tablet-piece{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0;background:none;box-shadow:none;transform-origin:49.1% 47.26%;transform:translate(0) rotate(0);filter:drop-shadow(0 0 0 #180a1500);transition:transform 1.2s cubic-bezier(.22,.75,.2,1),filter 1.2s;will-change:transform}.photo-tablet .tablet-piece:after{content:none}.photo-tablet .tablet-piece img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo-tablet .piece-one img{clip-path:polygon(0 0,49.1% 0,49.1% 47.26%,0 47.26%)}.photo-tablet .piece-two img{clip-path:polygon(49.1% 0,100% 0,100% 47.26%,49.1% 47.26%)}.photo-tablet .piece-three img{clip-path:polygon(0 47.26%,49.1% 47.26%,49.1% 100%,0 100%)}.photo-tablet .piece-four img{clip-path:polygon(49.1% 47.26%,100% 47.26%,100% 100%,49.1% 100%)}.photo-tablet.split{transform:translateY(-6px) rotate(-4deg)}.photo-tablet.split .tablet-piece{filter:drop-shadow(5px 10px 6px #1608105c)}.photo-tablet.split .piece-one{transform:translate(-11%,-11%) rotate(-4deg);transition-delay:0ms}.photo-tablet.split .piece-two{transform:translate(11%,-11%) rotate(4deg);transition-delay:45ms}.photo-tablet.split .piece-three{transform:translate(-11%,11%) rotate(3deg);transition-delay:90ms}.photo-tablet.split .piece-four{transform:translate(11%,11%) rotate(-3deg);transition-delay:135ms}.photo-stage .tablet-tick{bottom:38px;right:0;opacity:0;transform:translateY(7px);transition:opacity .6s .5s,transform .6s .5s}.photo-stage.is-split .tablet-tick{opacity:1;transform:translateY(0)}.photo-stage .tablet-tick span{width:42px;transform:rotate(-35deg);background:#b48770}.photo-stage .tablet-tick small{font-size:8px;letter-spacing:.1em;color:#dfbca4}@media(max-width:1100px){.photo-tablet{width:min(350px,85%)}.tablet-stage.photo-stage{height:420px}}@media(max-width:800px){.tablet-stage.photo-stage{height:430px;max-width:520px}.photo-tablet{width:min(370px,85%)}.photo-stage .annotation-top{top:5px}.photo-stage .tablet-tick{right:10px;bottom:35px}}@media(max-width:430px){.tablet-stage.photo-stage{height:340px}.photo-tablet{width:85%}.tablet-controls{margin-top:26px}.tablet-controls button{padding:10px 16px}.photo-stage .tablet-tick{bottom:27px;right:0}.photo-stage .tablet-tick span{width:30px}.photo-stage .tablet-tick small,.photo-stage .annotation-top{font-size:7px}.photo-stage:after{bottom:45px}}@media(prefers-reduced-motion:reduce){.photo-tablet,.photo-tablet .tablet-piece,.photo-stage:after,.photo-stage .tablet-tick{transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tablet.css.map */