.oc-b3{--L:min(64vw,420px);--W:calc(var(--L) * .81);--H:calc(var(--L) * .4);position:relative;width:100%;height:calc(var(--L) * 1.02);display:grid;place-items:center;perspective:1500px;perspective-origin:50% 35%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.oc-b3.is-drag{cursor:grabbing}.oc-b3__box{position:relative;width:var(--L);height:var(--H);transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-32deg);will-change:transform}.oc-b3__f{position:absolute;left:50%;top:50%;overflow:hidden;background:#d69e1a;backface-visibility:hidden;-webkit-backface-visibility:hidden}.oc-b3__f img{display:block;width:100%!important;height:100%!important;object-fit:cover;pointer-events:none}.oc-b3__f:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#ffffff1f,#fff0 40%,rgba(0,0,0,var(--sh,0)))}.oc-b3__f--front,.oc-b3__f--back{width:var(--L);height:var(--H);margin:calc(var(--H) / -2) 0 0 calc(var(--L) / -2)}.oc-b3__f--front{transform:translateZ(calc(var(--W) / 2));--sh:.06}.oc-b3__f--back{transform:rotateY(180deg) translateZ(calc(var(--W) / 2));--sh:.06}.oc-b3__f--top,.oc-b3__f--bottom{width:var(--L);height:var(--W);margin:calc(var(--W) / -2) 0 0 calc(var(--L) / -2)}.oc-b3__f--top{transform:rotateX(90deg) translateZ(calc(var(--H) / 2));--sh:0}.oc-b3__f--bottom{transform:rotateX(-90deg) translateZ(calc(var(--H) / 2));background:#edeae3;--sh:.2}.oc-b3__f--left,.oc-b3__f--right{width:var(--W);height:var(--H);margin:calc(var(--H) / -2) 0 0 calc(var(--W) / -2);--sh:.14}.oc-b3__f--left{transform:rotateY(-90deg) translateZ(calc(var(--L) / 2))}.oc-b3__f--right{transform:rotateY(90deg) translateZ(calc(var(--L) / 2))}.oc-b3__shadow{position:absolute;left:50%;bottom:9%;width:calc(var(--L) * 1.15);height:46px;transform:translate(-50%);background:radial-gradient(ellipse at center,#000000b3,#0000 70%);filter:blur(8px);z-index:-1}.oc-b3__hint{display:inline-flex;align-items:center;gap:8px;margin-top:-8px!important;font-size:13px;color:var(--oc-paper-soft)}@media(max-width:900px){.oc-b3{--L:min(72vw,340px)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/oc-box3d.css.map */