@property --turn{syntax:"<angle>";inherits:true;initial-value:0deg}.room.svelte-6x7r3l{--tilt:38deg;--depth:calc(var(--slab-w) * .0673 * sin(var(--tilt)));--corner:calc(var(--slab-w) * .075);--spin:calc(-24deg + var(--turn));--pose:rotateX(var(--tilt)) rotateZ(var(--spin));--outline:calc((sin(24deg) + cos(24deg)) * cos(var(--tilt)));height:calc(var(--slab-w) * var(--outline) + var(--depth));place-items:center;transition:--turn .42s cubic-bezier(.3,.6,.2,1);display:grid;position:relative}.slab.svelte-6x7r3l{width:var(--slab-w);height:var(--slab-w);margin-block:calc(var(--slab-w) * (var(--outline) - 1) / 2) calc(var(--depth) + var(--slab-w) * (var(--outline) - 1) / 2);transition:translate .3s cubic-bezier(.2,.7,.2,1);position:relative}.slice.svelte-6x7r3l,.face.svelte-6x7r3l{border-radius:var(--corner);position:absolute;inset:0}.slice.svelte-6x7r3l{background:color-mix(in srgb, #c4d9d4 calc(var(--at) * 100%), #e8f0ee);transform:translateY(calc(var(--at) * var(--depth))) var(--pose)}.slice.svelte-6x7r3l:first-child{box-shadow:0 28px 60px -14px #280a466b}.face.svelte-6x7r3l{transform:var(--pose);background:#f4faf9;overflow:hidden}.face.svelte-6x7r3l img:where(.svelte-6x7r3l){pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}a:hover>.room.svelte-6x7r3l .slab:where(.svelte-6x7r3l),a:focus-visible>.room.svelte-6x7r3l .slab:where(.svelte-6x7r3l){translate:0 -6px}@media (prefers-reduced-motion:reduce){.room.svelte-6x7r3l,.slab.svelte-6x7r3l{transition:none}}