.flip-card.svelte-yf6snn{aspect-ratio:450/300;perspective:1000px;background-color:#0000}.inner.svelte-yf6snn{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--extra)));font-size:2.3rem;transition:transform .8s;position:relative}.flip-card.svelte-yf6snn:hover .inner:where(.svelte-yf6snn){transform:rotateY(calc(var(--extra) + 180deg))}.front.svelte-yf6snn,.back.svelte-yf6snn{text-align:center;background:var(--card-background);width:100%;height:100%;color:var(--card-foreground);box-shadow:0px 0px 10px 1px var(--shadow);backface-visibility:hidden;border-radius:10px;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute}.back.svelte-yf6snn{transform:rotateY(180deg)}