@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9940be41d763cd40-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d0204c37d9a66afa-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/424a6f0e872a6c22-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/870840a80857d4d7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/be955174636e5369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Pacifico Fallback;src:local("Arial");ascent-override:137.32%;descent-override:47.74%;line-gap-override:0.00%;size-adjust:94.89%}.__className_a5c4ba{font-family:Pacifico,Pacifico Fallback;font-weight:400;font-style:normal}.__variable_a5c4ba{--font-babes-neue:"Pacifico","Pacifico Fallback"}:root{--background:#fff;--foreground:#171717;--env-open-duration:0.5s;--env-slide-delay:0.2s}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:Pacifico,serif}body{color:var(--foreground);background:var(--background);overflow:hidden}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#ffedd5;padding:2rem}.envelope{background-color:#faae9d;width:100%;max-width:600px;aspect-ratio:16/9;position:relative;line-height:1.5}.envelope.open{animation:slide-down var(--env-open-duration) ease-out forwards;animation-delay:var(--env-slide-delay)}.flip{background-color:#ffa895;width:100%;height:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 10%,50% 60%,0 10%);clip-path:polygon(0 0,100% 0,100% 10%,50% 60%,0 10%);transform-style:preserve-3d;perspective:1000;transform-origin:top center;position:relative;z-index:1}.flip.open{animation:fold-up var(--env-open-duration) ease-out forwards}.front{width:100%;height:100%;position:absolute;inset:0;background-color:#ffb6a3;z-index:1;-webkit-clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);display:flex;justify-content:space-between;align-items:flex-end;padding:1rem}.stamp{height:20%;aspect-ratio:1/1}.stamp>img{width:100%;height:100%}.letter{background-color:#ffb6c1;width:95%;height:95%;position:absolute;inset:0;margin:auto;font-size:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-wrap:balance;text-align:center;font-weight:700;font-family:Courier New,Courier,monospace}.buttons{visibility:hidden;display:flex;gap:1rem}button{padding:8px;border:none;border-radius:4px;background-color:tomato;color:#fff;font-size:1.2rem;cursor:pointer}.buttons.show{visibility:visible}@media screen and (max-width:720px){.letter{font-size:2rem}button{padding:4px 8px}}.letter.open{animation:letter-slide-up 3s ease-in-out forwards;animation-delay:var(--env-open-duration)}.recipient{text-align:right}@keyframes slide-down{to{translate:0 100px}}@keyframes fold-up{to{transform:rotateX(180deg);z-index:0}}@keyframes letter-slide-up{0%{translate:0 0;z-index:0}49%{translate:0 -100%;z-index:0}50%{translate:0 -100%;z-index:3}to{translate:0 0;z-index:3}}