.cube-scene.svelte-1jsessb{width:100%;margin:0 auto;padding:20px 35px 40px 5px;box-sizing:border-box;height:100%;display:flex;flex-direction:column}@media(min-width:640px){.cube-scene.svelte-1jsessb{padding:20px 80px 80px 20px}}.cube.svelte-1jsessb{--d: 8vw;--b: 3px;--depth-clamped: clamp(30px, var(--d), 40px);--front: #f6f0d9;--stroke: #000;width:100%;min-height:450px;display:flex;flex-direction:column;flex-grow:1;position:relative;background:var(--front);border:var(--b) solid var(--stroke);border-right:none;border-bottom:0px solid var(--stroke);z-index:2;box-sizing:border-box;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1))}.cube.svelte-1jsessb:before,.cube.svelte-1jsessb:after{content:"";position:absolute;background:var(--side);border:var(--b) solid var(--stroke);z-index:-1;border-radius:.2px}.cube.svelte-1jsessb:before{border-top:var(--b) solid var(--stroke);top:100%;left:calc(var(--depth-clamped) * -.12);width:calc(100% + var(--b));height:var(--depth-clamped);transform-origin:top left;transform:skew(45deg);border-radius:.2px}@media(max-width:640px){.cube.svelte-1jsessb:before{left:calc(var(--depth-clamped) * -.11);border-radius:0 0 .6px}}.cube.svelte-1jsessb:after{border-left:var(--b) solid var(--stroke);left:100%;top:calc(var(--b) * -1);width:var(--depth-clamped);height:calc(100% + 1px + var(--b));transform-origin:top left;transform:skewY(45deg);border-radius:.2px 0 2px}
