.card.svelte-1l2kf7n{width:112px;height:176px}.card.middle.svelte-1l2kf7n{width:128px;height:204px}.card-inner.svelte-1l2kf7n{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card.revealed.svelte-1l2kf7n .card-inner.animated:where(.svelte-1l2kf7n){animation:svelte-1l2kf7n-flip-right .6s forwards}.card.revealed.flip-left.svelte-1l2kf7n .card-inner.animated:where(.svelte-1l2kf7n){animation:svelte-1l2kf7n-flip-left .6s forwards}.card.revealed.svelte-1l2kf7n .card-inner.animated.instant:where(.svelte-1l2kf7n){animation-duration:.3s}.card.revealed.svelte-1l2kf7n .card-inner:where(.svelte-1l2kf7n){transform:rotateY(180deg) scale(1)}.card.revealed.flip-left.svelte-1l2kf7n .card-inner:where(.svelte-1l2kf7n){transform:rotateY(-180deg) scale(1)}@keyframes svelte-1l2kf7n-flip-left{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(-90deg) scale(1.2)}to{transform:rotateY(-180deg) scale(1)}}@keyframes svelte-1l2kf7n-flip-right{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.2)}to{transform:rotateY(180deg) scale(1)}}.face.svelte-1l2kf7n,.back.svelte-1l2kf7n{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--ds-radius-md)}.face.svelte-1l2kf7n{transform:rotateY(180deg);background-size:cover;background-position:center;background-repeat:no-repeat}.face.revealed.svelte-1l2kf7n{transform:rotateY(180deg)}.back.svelte-1l2kf7n{transform:rotateY(0);background-size:cover;background-position:center;background-repeat:no-repeat}.back.face-down.svelte-1l2kf7n{transform:rotateY(0)}