.letter-envelope.svelte-17uonlm{perspective:5rem;width:2.15rem;height:1.55rem;display:inline-block;position:relative}.envelope-paper.svelte-17uonlm{border:1px solid var(--color-ember-500);background:var(--color-parchment-50);border-radius:.2rem;position:absolute;inset:0;box-shadow:0 3px 8px #0d0e1614}.envelope-fold.svelte-17uonlm{background:linear-gradient(145deg, transparent 49%, var(--color-ember-500) 50%, transparent 52%), linear-gradient(215deg, transparent 49%, var(--color-ember-500) 50%, transparent 52%);opacity:.62;position:absolute;inset:0}.envelope-flap.svelte-17uonlm{clip-path:polygon(0 0,100% 0,50% 100%);background:var(--color-parchment-100);border-top:1px solid var(--color-ember-500);transform-origin:50% 0;transition:transform .2s cubic-bezier(.22,.9,.3,1);position:absolute;inset:0 0 42%}.letter-envelope.opened.svelte-17uonlm .envelope-flap:where(.svelte-17uonlm){transform:rotateX(165deg)}.envelope-wax.svelte-17uonlm{background:var(--color-ember-500);width:.48rem;height:.48rem;box-shadow:0 0 0 1px var(--color-ember-600), 0 2px 5px #6b3a1640;border-radius:999px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}@media (hover:hover){.letter-link.svelte-17uonlm:hover .letter-envelope.unread:where(.svelte-17uonlm) .envelope-flap:where(.svelte-17uonlm){transform:rotateX(165deg)}}@media (prefers-reduced-motion:reduce){.envelope-flap.svelte-17uonlm{transition:none}}