.envelope-wrapper.svelte-xn0c4y{--color-env: var(--env-color, #0077b2);--color-env2: var(--env-color-darker, #006394);--color-flap: var(--env-color-darkest, #004d73);--color-bg: var(--env-color-lightest, #f0f8ff);--color-heart: #d00000;--env-border-radius: 6px;--env-width: var(--env-width, 280px);--env-height: var(--env-height, 180px);--heart-width: 50px}.envelope.svelte-xn0c4y{position:relative;width:var(--env-width);height:var(--env-height);border-bottom-left-radius:var(--env-border-radius);border-bottom-right-radius:var(--env-border-radius);margin-left:auto;margin-right:auto;top:150px;background-color:var(--color-flap);box-shadow:0 4px 20px #0003}.front.svelte-xn0c4y{position:absolute;width:0;height:0;z-index:3}.flap.svelte-xn0c4y{border-left:calc(var(--env-width) / 2) solid transparent;border-right:calc(var(--env-width) / 2) solid transparent;border-bottom:calc((var(--env-height) / 2) - 8px) solid transparent;border-top:calc((var(--env-height) / 2) + 8px) solid var(--color-flap);transform-origin:top;pointer-events:none}.pocket.svelte-xn0c4y{border-left:calc(var(--env-width) / 2) solid var(--color-env);border-right:calc(var(--env-width) / 2) solid var(--color-env);border-bottom:calc(var(--env-height) / 2) solid var(--color-env2);border-top:calc(var(--env-height) / 2) solid transparent;border-bottom-left-radius:var(--env-border-radius);border-bottom-right-radius:var(--env-border-radius)}.letter.svelte-xn0c4y{position:relative;background-color:#fff;width:90%;margin-left:auto;margin-right:auto;height:90%;top:5%;border-radius:var(--env-border-radius);box-shadow:0 2px 26px #0000001f}.letter.svelte-xn0c4y:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(180deg,#fff0 25%,#d7e3efb3 55%,#d7e3ef)}.words.svelte-xn0c4y{position:absolute;left:10%;width:80%;height:14%;background-color:#eeeff0}.words.line1.svelte-xn0c4y{top:15%;width:20%;height:7%}.words.line2.svelte-xn0c4y{top:30%}.words.line3.svelte-xn0c4y{top:50%}.words.line4.svelte-xn0c4y{top:70%}.open.svelte-xn0c4y .flap:where(.svelte-xn0c4y){transform:rotateX(180deg);transition:transform .4s ease,z-index .6s;z-index:1}.close.svelte-xn0c4y .flap:where(.svelte-xn0c4y){transform:rotateX(0);transition:transform .4s .6s ease,z-index 1s;z-index:5}.close.svelte-xn0c4y .letter:where(.svelte-xn0c4y){transform:translateY(0);transition:transform .4s ease,z-index 1s;z-index:1}.open.svelte-xn0c4y .letter:where(.svelte-xn0c4y){transform:translateY(calc(var(--env-height) / -3));transition:transform .4s .6s ease,z-index .6s;z-index:2}.hearts.svelte-xn0c4y{position:absolute;top:calc(var(--env-height) / 2);left:0;right:0;z-index:2}.heart.svelte-xn0c4y{position:absolute;bottom:0;right:10%;pointer-events:none}.heart.svelte-xn0c4y:before,.heart.svelte-xn0c4y:after{position:absolute;content:"";left:var(--heart-width);top:0;width:var(--heart-width);height:calc(var(--heart-width) * 1.6);background:var(--color-heart);border-radius:var(--heart-width) var(--heart-width) 0 0;transform:rotate(-45deg);transform-origin:0 100%;pointer-events:none}.heart.svelte-xn0c4y:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.close.svelte-xn0c4y .heart:where(.svelte-xn0c4y){opacity:0;animation:none}.a1.svelte-xn0c4y{left:20%;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:1;-webkit-animation:svelte-xn0c4y-slideUp 4s linear 1,svelte-xn0c4y-sideSway 2s ease-in-out 4 alternate;-moz-animation:svelte-xn0c4y-slideUp 4s linear 1,svelte-xn0c4y-sideSway 2s ease-in-out 4 alternate;animation-fill-mode:forwards;animation-delay:.7s}.a2.svelte-xn0c4y{left:55%;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1;-webkit-animation:svelte-xn0c4y-slideUp 5s linear 1,svelte-xn0c4y-sideSway 4s ease-in-out 2 alternate;-moz-animation:svelte-xn0c4y-slideUp 5s linear 1,svelte-xn0c4y-sideSway 4s ease-in-out 2 alternate;animation-fill-mode:forwards;animation-delay:.7s}.a3.svelte-xn0c4y{left:10%;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-animation:svelte-xn0c4y-slideUp 7s linear 1,svelte-xn0c4y-sideSway 2s ease-in-out 6 alternate;-moz-animation:svelte-xn0c4y-slideUp 7s linear 1,svelte-xn0c4y-sideSway 2s ease-in-out 6 alternate;animation-fill-mode:forwards;animation-delay:.7s}@-webkit-keyframes svelte-xn0c4y-slideUp{0%{top:0}to{top:-600px}}@keyframes svelte-xn0c4y-slideUp{0%{top:0}to{top:-600px}}@-webkit-keyframes svelte-xn0c4y-sideSway{0%{margin-left:0}to{margin-left:50px}}@keyframes svelte-xn0c4y-sideSway{0%{margin-left:0}to{margin-left:50px}}.envlope-wrapper.svelte-xn0c4y{height:calc(var(--env-height) + 200px)}.reset.svelte-xn0c4y{text-align:center}.reset.svelte-xn0c4y button:where(.svelte-xn0c4y){font-weight:800;font-style:normal;transition:all .1s linear;-webkit-appearance:none;background-color:transparent;border:solid 2px var(--color-env);border-radius:4px;color:var(--color-env);display:inline-block;font-size:14px;text-transform:uppercase;margin:5px;padding:10px;line-height:1em;text-decoration:none;min-width:120px}.reset.svelte-xn0c4y button:where(.svelte-xn0c4y):hover{background-color:var(--color-env);color:#fff}