.card.svelte-wudtxq{perspective:1000px;aspect-ratio:.585;width:100%}.hero.svelte-wudtxq{max-width:360px}.inner.svelte-wudtxq{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));border-radius:var(--radius);transition:transform .25s;position:relative}.active.svelte-wudtxq .inner:where(.svelte-wudtxq){transition:transform 50ms linear}.flipped.svelte-wudtxq .inner:where(.svelte-wudtxq){transform:rotateY(180deg)}.face.svelte-wudtxq{backface-visibility:hidden;border-radius:var(--radius);box-shadow:var(--glow-moon);position:absolute;inset:0;overflow:hidden}.front.svelte-wudtxq img:where(.svelte-wudtxq){object-fit:cover;width:100%;height:100%;display:block}.foil.svelte-wudtxq{mix-blend-mode:color-dodge;opacity:0;background:radial-gradient(circle at var(--gx) var(--gy), var(--foil-warm), var(--foil-cool) 40%, transparent 70%);transition:opacity .2s;position:absolute;inset:0}.active.svelte-wudtxq .foil:where(.svelte-wudtxq){opacity:.9}.edge.svelte-wudtxq{border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--edge-line);position:absolute;inset:0}.back.svelte-wudtxq{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.inner.svelte-wudtxq,.active.svelte-wudtxq .inner:where(.svelte-wudtxq){transition:none;transform:none}.flipped.svelte-wudtxq .inner:where(.svelte-wudtxq){transform:rotateY(180deg)}.foil.svelte-wudtxq{display:none}}