@layer components{.letter-face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.letter-paper-inside{background-color:#fbf8f1;background-image:radial-gradient(130% 110% at 50% 45%,#0000 60%,#785a3c14 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.letter-paper-outside{background-color:#eee6d8;background-image:linear-gradient(160deg,#fff6,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px #785a3c24}.letter-crease-top:before,.letter-crease-bottom:before{content:"";pointer-events:none;height:26px;position:absolute;inset-inline:0}.letter-crease-top:before{background:linear-gradient(#5a3c1e14,#0000);border-top:1px solid #5a3c1e24;top:0}.letter-crease-bottom:before{background:linear-gradient(#0000,#5a3c1e14);border-bottom:1px solid #fffc;bottom:0}.letter-shadow{border-radius:3px;box-shadow:0 40px 70px -30px #000c,0 12px 24px -10px #0006}.letter-packet{filter:drop-shadow(0 16px 20px #00000073)}.letter-label{letter-spacing:.18em;text-transform:uppercase;color:#1f1f1f99;font-size:.75rem;font-weight:600}.letter-field{width:100%;font:inherit;color:#1f1f1f;background:0 0;border:0;border-bottom:2px solid #1f1f1f2e;border-radius:0;outline:none;padding:.35rem 0 .5rem;font-size:1.05rem;transition:border-color .25s}.letter-field::placeholder{color:#1f1f1f59}.letter-field:focus{border-color:var(--color-brand)}.letter-field:user-invalid{border-color:#c42a17}.letter-lines{background-image:repeating-linear-gradient(#0000 0 calc(2rem - 1px),#1f1f1f1f calc(2rem - 1px) 2rem);background-attachment:local;padding-top:0;line-height:2rem}}