.envelope-container.svelte-u0rghi{position:relative;width:320px;height:220px;perspective:1200px;transition:transform 1s cubic-bezier(.55,.055,.675,.19)}.envelope-3d.svelte-u0rghi{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.4,0,.2,1)}.envelope-container[data-state=sealed].svelte-u0rghi .envelope-3d:where(.svelte-u0rghi),.envelope-container[data-state=stamped].svelte-u0rghi .envelope-3d:where(.svelte-u0rghi),.envelope-container[data-state=sent].svelte-u0rghi .envelope-3d:where(.svelte-u0rghi){transform:rotateY(180deg)}.face.svelte-u0rghi{position:absolute;inset:0;backface-visibility:hidden;border-radius:4px;box-shadow:0 4px 10px #0003}.face.front.svelte-u0rghi{background:#fdf6e3;transform:rotateY(0);z-index:2}.pocket-bg.svelte-u0rghi{position:absolute;inset:0;background:#eaddc5;border-radius:4px}.pocket-front.svelte-u0rghi{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#fdf6e3;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);z-index:10}.flap.top.svelte-u0rghi{position:absolute;top:0;left:0;width:100%;height:60%;background:#fdf6e3;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:20;transform:rotateX(180deg)}.envelope-container[data-state=idle].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=open].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=folding].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=enveloping].svelte-u0rghi .flap.top:where(.svelte-u0rghi){transform:rotateX(180deg);z-index:5}.envelope-container[data-state=sealing].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=sealed].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=stamped].svelte-u0rghi .flap.top:where(.svelte-u0rghi),.envelope-container[data-state=sent].svelte-u0rghi .flap.top:where(.svelte-u0rghi){transform:rotateX(0);z-index:30}.face.back.svelte-u0rghi{background:#fdf6e3;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,.05)}.paper-texture.svelte-u0rghi{position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}.address-block.svelte-u0rghi{margin-left:120px;margin-top:40px;text-align:left;color:#1d1d1b;font-family:Courier New,monospace;position:relative;z-index:5}.recipient.svelte-u0rghi{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:1px}.lines.svelte-u0rghi{font-size:9px;line-height:1.5;font-weight:600;text-transform:uppercase;opacity:.8}.postage-stamp.svelte-u0rghi{position:absolute;top:15px;right:5px;width:55px;height:65px;padding:4px;display:flex;align-items:center;justify-content:center;z-index:5}.postage-stamp.svelte-u0rghi img:where(.svelte-u0rghi){width:100%;height:auto;display:block}.placeholder-stamp.svelte-u0rghi{font-weight:700;color:#ddd}.logo-bottom-left.svelte-u0rghi{position:absolute;bottom:25px;left:25px;width:45px;height:45px;background:#e65c00;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1px;z-index:5;box-shadow:1px 1px 3px #0003}.ink-stamp.svelte-u0rghi{position:absolute;top:15px;right:36px;width:75px;height:75px;border:3px double #b91c1c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b91c1c;font-weight:700;opacity:0;transform:scale(2) rotate(-15deg);z-index:50;mix-blend-mode:multiply;pointer-events:none}.ink-stamp-inner.svelte-u0rghi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b91c1c;border-radius:50%;margin:2px}.stamp-company.svelte-u0rghi{font-size:9px;letter-spacing:1px}.stamp-date.svelte-u0rghi{font-size:6px;font-family:monospace;margin:3px 0;border-top:1px solid #b91c1c;border-bottom:1px solid #b91c1c;width:75%;text-align:center}.stamp-location.svelte-u0rghi{font-size:10px}.envelope-container[data-state=stamped].svelte-u0rghi .ink-stamp:where(.svelte-u0rghi),.envelope-container[data-state=sent].svelte-u0rghi .ink-stamp:where(.svelte-u0rghi){opacity:.9;transform:scale(1) rotate(-10deg);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.envelope-container[data-state=sent].svelte-u0rghi{transform:translate(100vw) rotate(5deg)}