.card-container.svelte-hdwvne{perspective:800px;aspect-ratio:5 / 6;width:100%}.card-inner.svelte-hdwvne{position:relative;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}.card-container.svelte-hdwvne:hover .card-inner:where(.svelte-hdwvne){transform:rotateY(180deg)}.card-face.svelte-hdwvne{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front.svelte-hdwvne{background-color:#ffce6c}.card-back.svelte-hdwvne{background-color:#ffedc8;transform:rotateY(180deg)}