.prod,.txc{--mx:50%;--my:50%}.prod-img img{position:relative;z-index:1}.prod-img:before,.txc__img:before{content:"";position:absolute;left:20%;right:20%;bottom:7%;height:10%;border-radius:50%;background:radial-gradient(closest-side,#0f3a4052,#0f3a4000);z-index:0;pointer-events:none;transition:transform .55s cubic-bezier(.3,1.6,.5,1),opacity .55s}.prod:hover .prod-img:before,.txc:hover .txc__img:before{transform:scale(.62);opacity:.55}.prod:hover .prod-img img,.txc:hover .txc__img img{translate:calc((var(--mx) - 50%) * -.16) calc((var(--my) - 50%) * -.16 - 7%)}.txc{transform-style:preserve-3d}.txc.p3-tilt{transition:translate .45s cubic-bezier(.3,1.6,.5,1),border-color .3s,box-shadow .3s,transform .12s linear}.txc__img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.55),transparent 55%)}.txc.p3-tilt .txc__img:after{opacity:1}.pd-img.p3d{perspective:1100px;touch-action:pan-y;cursor:grab}.pd-img.p3d.is-drag{cursor:grabbing}.pd-img.p3d>img{position:relative;z-index:2;will-change:rotate,translate}.p3d-floor{position:absolute;left:18%;right:18%;bottom:6%;height:14%;z-index:1;pointer-events:none}.p3d-floor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(closest-side,#0f3a4057,#0f3a4000);transform:scale(var(--sh,1))}.p3d-ring{position:absolute;left:10%;right:10%;bottom:4%;aspect-ratio:1;z-index:1;pointer-events:none;transform:scaleY(.22);transform-origin:50% 100%}.p3d-ring i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed rgba(15,58,64,.25);animation:p3dSpin 18s linear infinite}.p3d-ring i:nth-child(2){top:12%;right:12%;bottom:12%;left:12%;border-style:solid;border-color:#ffffffb3;border-width:3px;animation-duration:26s;animation-direction:reverse}@keyframes p3dSpin{to{transform:rotate(360deg)}}.p3d-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}.p3d-shine:before{content:"";position:absolute;top:-20%;bottom:-20%;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-14deg);animation:p3dShine 5.5s ease-in-out infinite 1.2s}@keyframes p3dShine{0%,70%{left:-40%}to{left:130%}}.p3d-badge{position:absolute;top:14px;inset-inline-end:14px;z-index:4;display:inline-flex;align-items:center;gap:6px;background:#ffffffeb;color:var(--ink);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:700;box-shadow:0 6px 16px -8px #0000004d;pointer-events:none;transition:opacity .4s}.p3d-badge b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:var(--brand-ink);font-size:13px;animation:p3dSpin 3s linear infinite}.pd-img.p3d.was-dragged .p3d-badge{opacity:0}.pd-img.p3d.pro-zoom>img{rotate:none!important}.p3d-model{position:relative;aspect-ratio:1;border-radius:40px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff,var(--t-sky))}.p3d-model model-viewer{width:100%;height:100%;--poster-color:transparent}.p3d-toggle{margin-top:12px;gap:8px}.p3d-toggle.is-on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}@media(prefers-reduced-motion:reduce){.p3d-ring i,.p3d-shine:before,.p3d-badge b{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/pro3d.css.map */