@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}#root{width:100vw;height:100vh;background-color:#972239;background-image:linear-gradient(315deg,#3d3d3d,#1f1f1f 74%);text-align:center;color:#fff;overflow-y:auto}main{display:flex;height:100%}h1{margin:0;font-family:Mountains of Christmas,cursive;font-weight:400;line-height:16px}.margin-bottom{margin-bottom:1em}.underline-a,.underline-b,.underline-title{display:inline-block;position:relative;z-index:2}.underline-a:after{content:"";display:block;position:absolute;z-index:-1;bottom:0;left:0;height:8px;width:100%;background-image:url(/assets/underline-a-BRarXzuj.svg);background-repeat:no-repeat;background-size:fill}.underline-b:after{content:"";display:block;position:absolute;z-index:-1;bottom:0;left:0;height:8px;width:100%;background-image:url(/assets/underline-b-h4hdBhoq.svg);background-repeat:no-repeat;background-size:fill}.underline-title:after{content:"";display:block;position:absolute;z-index:-1;bottom:0;left:0;height:8px;width:100%;background-image:url(/assets/underline-a-BRarXzuj.svg);background-repeat:no-repeat;background-size:fill}p{margin:0;font-family:Galdeano,serif;font-weight:400;opacity:.9}.splash-wrapper{margin:0 auto}.splash-wrapper,.modal-content,.letter-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:44px}.splash-wrapper,.modal-content{justify-content:center}.splash-wrapper{padding:44px 0;gap:60px;text-align:center}.modal-content{text-align:center;background-image:url(/assets/letter-bg-DTemRknj.png);background-size:cover;background-repeat:no-repeat;background-position:center center;transform:translateY(100vh);transition:transform .3s ease-in-out}.modal-content-visible{transform:translateY(0)}.title-wrapper{display:flex;flex-direction:column;gap:32px}.button-start:hover{transform:scale(1.05)}.button-close:hover{transform:scale(1.1)}.color-light{color:#fff}.color-dark{color:#190d06}.modal-wrapper-letter{display:flex;width:100%;height:100%;overflow:hidden}.modal-wrapper{position:fixed!important;inset:0!important;background-color:#00000080;overflow:hidden auto;width:100%;height:100%}.button-letter:hover{transform:translate(-50%) scale(1.1)}@media only screen and (min-width:320px){.modal-content{width:100%;margin:auto;padding-top:68px;padding-bottom:40px;gap:24px}h1.title-modal{font-size:36px;line-height:12px}p.help-copy{font-size:16px;line-height:24px}.modal-wrapper{display:flex;align-items:flex-start}.splash-wrapper{justify-content:flex-start;padding:44px 16px;gap:24px;text-align:center}h1.title-splash{font-size:68px;line-height:36px}p.splash-copy{margin-top:24px;font-size:20px;line-height:32px}.sound-reminder{display:inline-block;padding-top:24px;font-size:15px;line-height:24px;opacity:.7}.hide-mobile{display:none}.button-close,.button-start{height:auto;cursor:pointer;transition:all .2s ease-in-out}.button-close{width:86px}.button-letter{position:absolute;z-index:5;bottom:50px;left:50%;transform:translate(-50%);width:30%;height:auto;cursor:pointer;transition:all .2s ease-in-out}.button-start{width:260px}.letter-content:after{content:"";display:block;position:absolute;bottom:-15%;left:50%;transform:translate(-50%);width:140%;height:100%;background-image:url(/assets/envelope-front-Le1VCkpV.png);background-size:contain;background-repeat:no-repeat;background-position:bottom center}.letter-content:before{content:"";display:block;position:absolute;z-index:-1;bottom:-15%;left:50%;transform:translate(-50%);width:140%;height:100%;background-image:url(/assets/envelope-back-DfmSkERe.png);background-size:contain;background-repeat:no-repeat;background-position:bottom center}.letter-content{margin-top:auto;padding:108px 20px 51%;width:100%;text-align:center;background-image:url(/assets/letter-bg-DTemRknj.png);background-size:cover;background-repeat:no-repeat;background-position:top center;overflow:visible}h1.title-letter{font-size:48px;line-height:24px}}@media only screen and (min-width:375px){.modal-content{padding-top:80px}}@media only screen and (min-width:520px){.letter-content{max-width:500px;margin:0 auto;padding-bottom:200px}.letter-content:before,.letter-content:after{max-width:530px}.button-letter{width:25%;bottom:20px}}@media only screen and (min-width:767px){.modal-content{background-size:contain}.hide-mobile{display:inline-block}}@media only screen and (min-width:1023px){.modal-content{width:60%;padding-top:120px;padding-bottom:60px}.modal-wrapper{justify-content:center;align-items:center}.splash-wrapper{padding:44px 0;gap:60px}h1.title-splash{font-size:92px;line-height:60px}h1.title-letter{font-size:58px;line-height:40px}p.splash-copy{margin-top:32px;font-size:24px;line-height:36px}.sound-reminder{padding-top:24px;font-size:18px;line-height:24px}.button-close{width:86px}.button-letter{width:140px;bottom:120px}.button-start{width:362px}.modal-wrapper-letter{align-items:flex-start}.letter-content:after,.letter-content:before{bottom:-60px;max-width:680px}.letter-content{padding-top:80px;max-width:600px;padding-bottom:280px}}@media only screen and (min-width:1439px){.modal-content{width:45%;padding-bottom:80px;gap:40px}h1.title-modal,h1.letter-signature{font-size:46px;line-height:16px}h1.title-letter{font-size:64px;line-height:44px}p.help-copy{font-size:20px;line-height:28px}}.modal-wrapper{position:fixed;inset:0;background:#00000080}.modal-wrapper-letter{position:relative;inset:0;transform:translateY(100%);transition:transform .35s ease-in-out;will-change:transform}.modal-wrapper-letter.is-open{transform:translateY(0)}