.scene.svelte-6jslu{width:var(--size);height:var(--size);perspective:calc(var(--size) * 4)}.cube.svelte-6jslu{width:var(--size);height:var(--size);transform-style:preserve-3d;position:relative}.face.svelte-6jslu{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.face.front.svelte-6jslu{transform:translateZ(calc(var(--size) / 2));background:var(--c-front)}.face.back.svelte-6jslu{transform:rotateY(180deg) translateZ(calc(var(--size) / 2));background:var(--c-back)}.face.left.svelte-6jslu{transform:rotateY(-90deg) translateZ(calc(var(--size) / 2));background:var(--c-left)}.face.right.svelte-6jslu{transform:rotateY(90deg) translateZ(calc(var(--size) / 2));background:var(--c-right)}.face.top.svelte-6jslu{transform:rotateX(90deg) translateZ(calc(var(--size) / 2));background:var(--c-top)}.face.bottom.svelte-6jslu{transform:rotateX(-90deg) translateZ(calc(var(--size) / 2));background:var(--c-bottom)}.face-text.svelte-6jslu{font-family:var(--font-display,"Arial Black", sans-serif);letter-spacing:-.03em;text-transform:uppercase;text-align:center;color:#fff;opacity:0;margin:0;padding:16px;font-size:clamp(20px,8vmin,88px);font-weight:700;line-height:1;transition:opacity .45s,transform .45s;transform:translateY(16px)}.face.active.svelte-6jslu .face-text:where(.svelte-6jslu),.face.top.svelte-6jslu .face-text:where(.svelte-6jslu),.face.bottom.svelte-6jslu .face-text:where(.svelte-6jslu){opacity:1;transform:translateY(0)}