.envelope.svelte-czju5q{aspect-ratio:3/2;perspective:600px;background:#ddcfb4;border-radius:4px;position:relative;box-shadow:0 2px 6px #1b1b191f}.letter.svelte-czju5q{z-index:10;opacity:0;background:repeating-linear-gradient(#fbf8f1 0 9px,#e3ddd0 9px 10px);border-radius:2px;transition:transform .6s .35s,opacity .2s .3s;position:absolute;inset:10% 8% 8%}.pocket.svelte-czju5q{z-index:20;clip-path:polygon(0 28%,50% 62%,100% 28%,100% 100%,0 100%);background:#efe6d6;border-radius:4px;position:absolute;inset:0}.flap.svelte-czju5q{z-index:30;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:#e6dac3;height:40%;transition:transform .6s,z-index 0s linear .3s;position:absolute;inset:0 0 auto}.seal.svelte-czju5q{z-index:40;background:radial-gradient(circle,#a8322b 0 30%,#7d1a15 31% 38%,#a8322b 39% 68%,#6e1511 69%);border-radius:9999px;width:30px;height:30px;margin:-15px 0 0 -15px;transition:transform .5s,opacity .5s;position:absolute;top:40%;left:50%}.seal-left.svelte-czju5q{clip-path:polygon(0 0,55% 0,42% 35%,58% 62%,45% 100%,0 100%)}.seal-right.svelte-czju5q{clip-path:polygon(55% 0,100% 0,100% 100%,45% 100%,58% 62%,42% 35%)}.envelope.svelte-czju5q:not(.open) .seal:where(.svelte-czju5q){box-shadow:0 1px 3px #1b1b194d}button.svelte-czju5q:hover .envelope:where(.svelte-czju5q):not(.open) .seal:where(.svelte-czju5q){transform:scale(1.08)}.open.svelte-czju5q .seal-left:where(.svelte-czju5q){opacity:0;transform:translate(-16px,12px)rotate(-35deg)}.open.svelte-czju5q .seal-right:where(.svelte-czju5q){opacity:0;transform:translate(16px,12px)rotate(35deg)}.open.svelte-czju5q .flap:where(.svelte-czju5q){z-index:5;transform:rotateX(180deg)}.open.svelte-czju5q .letter:where(.svelte-czju5q){opacity:1;transform:translateY(-38%)}.paper.svelte-czju5q{background:#fbf8f1}@media (prefers-reduced-motion:reduce){.letter.svelte-czju5q,.flap.svelte-czju5q,.seal.svelte-czju5q{transition:none}}