.frame.svelte-1nwymv9{container-type:size;position:relative;aspect-ratio:var(--frame);overflow:hidden;--tone: var(--plate-l) var(--plate-c) var(--plate-h);--tone-hi: calc(var(--plate-l) + .018) calc(var(--plate-c) * .94) var(--plate-h);--tone-lo: calc(var(--plate-l) - .03) calc(var(--plate-c) * 1.06) var(--plate-h);--shade: calc(var(--plate-l) - .46) calc(var(--plate-c) * 1.5) var(--plate-h);background:linear-gradient(178deg,oklch(var(--tone-hi)),oklch(var(--tone-lo)));box-shadow:inset 0 0 0 1px oklch(var(--shade) / .12);transition:box-shadow .15s ease-out}.dark .frame.svelte-1nwymv9{--plate-l: var(--plate-l-dark)}.card.svelte-1nwymv9:hover .frame:where(.svelte-1nwymv9),.card.svelte-1nwymv9:focus-visible .frame:where(.svelte-1nwymv9){box-shadow:inset 0 0 0 1px oklch(var(--shade) / .16),4px 4px 0 0 var(--color-foreground)}.card.svelte-1nwymv9:focus-visible .frame:where(.svelte-1nwymv9){outline:2px solid var(--color-ring);outline-offset:2px}.stage.svelte-1nwymv9{position:absolute;inset:0}.object.svelte-1nwymv9{position:absolute;left:50%;top:50%;width:var(--bw);height:var(--bh);transform:translate(-50%,-53%);background:oklch(var(--tone-lo));--u: .62cqw;box-shadow:var(--rest-shadow);transition:transform .45s cubic-bezier(.22,.7,.2,1),box-shadow .45s cubic-bezier(.22,.7,.2,1)}.object.svelte-1nwymv9{--rest-shadow: 0 0 0 1px oklch(var(--shade) / .3), calc(var(--u) * .5) var(--u) var(--u) oklch(var(--shade) / .34), var(--u) calc(var(--u) * 2) calc(var(--u) * 2) oklch(var(--shade) / .26), calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 4) oklch(var(--shade) / .2), calc(var(--u) * 4) calc(var(--u) * 8) calc(var(--u) * 8) oklch(var(--shade) / .14), calc(var(--u) * 8) calc(var(--u) * 16) calc(var(--u) * 16) oklch(var(--shade) / .07), 0 0 calc(var(--u) * 14) oklch(var(--shade) / .09);--lift-shadow: 0 0 0 1px oklch(var(--shade) / .3), calc(var(--u) * .75) calc(var(--u) * 1.5) calc(var(--u) * 2.5) oklch(var(--shade) / .24), calc(var(--u) * 1.5) calc(var(--u) * 3) calc(var(--u) * 5) oklch(var(--shade) / .21), calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * 10) oklch(var(--shade) / .17), calc(var(--u) * 6) calc(var(--u) * 12) calc(var(--u) * 20) oklch(var(--shade) / .12), calc(var(--u) * 12) calc(var(--u) * 24) calc(var(--u) * 36) oklch(var(--shade) / .06), 0 0 calc(var(--u) * 22) oklch(var(--shade) / .1)}.card.svelte-1nwymv9:hover .object:where(.svelte-1nwymv9),.card.svelte-1nwymv9:focus-visible .object:where(.svelte-1nwymv9){transform:translate(-50%,-55.5%);box-shadow:var(--lift-shadow)}.grain.svelte-1nwymv9{position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){.frame.svelte-1nwymv9,.object.svelte-1nwymv9{transition:none}.card.svelte-1nwymv9:hover .object:where(.svelte-1nwymv9),.card.svelte-1nwymv9:focus-visible .object:where(.svelte-1nwymv9){transform:translate(-50%,-53%)}}