.sofa3d{--k: 1.7;--yaw: -28deg;--lift: 0deg;position:relative;width:100%;aspect-ratio:16 / 10;perspective:1400px;perspective-origin:50% 20%;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.sofa3d.is-dragging{cursor:grabbing}.sofa3d__scene{position:absolute;left:50%;top:calc(58% - var(--rise, 0%));width:0;height:0;transform-style:preserve-3d;transform:scale3d(var(--scale, 1),var(--scale, 1),var(--scale, 1)) rotateX(calc(-16deg + var(--lift))) rotateY(var(--yaw));transition:transform .08s linear}.sofa3d__floor{position:absolute;left:calc(-130px * var(--k));top:calc(-110px * var(--k));width:calc(260px * var(--k));height:calc(260px * var(--k));transform:rotateX(90deg) translateZ(calc(-30px * var(--k) * -1));background:radial-gradient(closest-side,#12183152,#12183100 72%);pointer-events:none}.s3-rig,.s3-box,.s3-hinge,.s3-hinge-rot{position:absolute;left:0;top:0;transform-style:preserve-3d}.s3-hinge-rot{transition:transform .05s linear}.s3-face{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;border-radius:calc(5px * var(--k));background-color:var(--fab);background-image:repeating-linear-gradient(90deg,#0000 0 calc(2.2px * var(--k)),#0000001c calc(2.2px * var(--k)) calc(3.2px * var(--k)))}.s3-top{background-color:var(--fab-top)}.s3-front{background-color:var(--fab-front)}.s3-back{background-color:var(--fab-back)}.s3-bottom{background-color:var(--fab-top)}.s3-left{background-color:var(--fab-left)}.s3-right{background-color:var(--fab-right)}.s3-front,.s3-left,.s3-right,.s3-back{box-shadow:inset 0 calc(3px * var(--k)) calc(4px * var(--k)) #ffffff1f,inset 0 calc(-4px * var(--k)) calc(6px * var(--k)) #00000024}.s3-top{box-shadow:inset 0 0 calc(8px * var(--k)) #0000001f}.s3-pillowL .s3-face,.s3-pillowR .s3-face{border-radius:calc(9px * var(--k))}@media(max-width:749px){.sofa3d{--k: 1.05;aspect-ratio:5 / 4}}@media(min-width:1300px){.sofa3d{--k: 2}}@media(prefers-reduced-motion:reduce){.sofa3d__scene,.s3-hinge-rot{transition:none}}.s3-face{transition:background-color .45s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.s3-face{transition:none}}.sofa3d__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none}.sofa3d.is-gl .sofa3d__scene{display:none}
/*# sourceMappingURL=/cdn/shop/t/20/assets/sofa3d.css.map */