.p3d-scene{--p3d-bg: #080b12;--p3d-glow-clr: rgba(59, 130, 246, .35);--p3d-particle: rgba(59, 130, 246, .4);--p3d-shadow: rgba(59, 130, 246, .25)}.p3d-scene{position:relative;width:100%;max-width:460px;aspect-ratio:1;background:var(--p3d-bg);border-radius:24px;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;-webkit-user-select:none}.p3d-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--p3d-glow-clr),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:.5;transition:opacity .4s}.p3d-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.p3d-particle{position:absolute;border-radius:50%;pointer-events:none;background:var(--p3d-particle)}@keyframes p3dParticle{0%,to{transform:translateY(0) scale(1);opacity:var(--p3d-p-min, .2)}50%{transform:translateY(var(--p3d-p-travel, -15px)) scale(1.4);opacity:var(--p3d-p-max, .6)}}.p3d-float-wrap{position:relative;z-index:3;animation:p3dFloat 3s ease-in-out infinite}@keyframes p3dFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.p3d-frame{position:relative;width:280px;height:280px;transform-style:preserve-3d;will-change:transform;cursor:default}.p3d-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;border-radius:12px;filter:drop-shadow(0 20px 40px var(--p3d-shadow))}.p3d-img--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:#3b82f60d;border-radius:16px}.p3d-specular{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;opacity:0;z-index:5;transition:opacity .35s;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.18) 0%,transparent 55%)}@media(max-width:768px){.p3d-scene{max-width:320px}.p3d-frame{width:200px;height:200px}.p3d-glow{width:220px;height:220px}.p3d-particles{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/product-3d.css.map */