.container.svelte-1s2e2tk{display:flex;justify-content:space-between;gap:20px}.card.svelte-1s2e2tk{width:200px;height:300px;perspective:1000px}.card-inner.svelte-1s2e2tk{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.card.svelte-1s2e2tk:hover .card-inner:where(.svelte-1s2e2tk){transform:rotateY(-180deg)}.card-front.svelte-1s2e2tk,.card-back.svelte-1s2e2tk{position:absolute;top:0;left:0;right:0;bottom:0;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;padding:20px;font-size:20px;color:#fff;border-radius:8px}.card-front.svelte-1s2e2tk{flex-direction:column;justify-content:flex-end}.card-back.svelte-1s2e2tk{transform:rotateY(-180deg);flex-direction:column;justify-content:flex;background:radial-gradient(circle,#ff0000 30%,transparent 30%),radial-gradient(circle,#ff6600 30%,transparent 30%),radial-gradient(circle,#ffff00 30%,transparent 30%),radial-gradient(circle,#00ff00 30%,transparent 30%),radial-gradient(circle,#0000ff 30%,transparent 30%),radial-gradient(circle,#6600ff 30%,transparent 30%);background-position:center,30px 30px,-30px 30px,30px -30px,-30px -30px,60px 60px;background-repeat:no-repeat;background-size:50% 50%;height:100vh;display:flex;justify-content:center;align-items:center;margin:0}.card.svelte-1s2e2tk button:where(.svelte-1s2e2tk){padding:10px 20px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.card.svelte-1s2e2tk button:where(.svelte-1s2e2tk):hover{background-color:#ecf0f1}.card-left.svelte-1s2e2tk .card-front:where(.svelte-1s2e2tk){text-align:right;background:linear-gradient(to bottom,#4305f3,#a5d7d8,#f9e32b,#c21c0b,#000)}.card-right.svelte-1s2e2tk .card-front:where(.svelte-1s2e2tk){text-align:left;background:radial-gradient(circle at right,#000,#c21c0b,#f9e32b,#a5d7d8,#4305f3)}section.svelte-3tmc82{padding:100px;display:flex;flex-direction:column;align-items:center}