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