:root{--envelope-height: 400px;--envelope-width: 600px;--accent-letter-main: #ff98b2;--accent-letter-second: #f1899b;--accent-letter-third: #e7899c;--letter-lift-height: -300px}@font-face{font-family:PrayerFont;src:url(MilkTeaRecipeSerif.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}.lid,.envelope,.heart-stamp,.launch-streaks,.launch-burst{display:block!important}.prayer-requests-section{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fbe0e2}.wrapper{height:var(--envelope-height);width:var(--envelope-width);background-color:var(--accent-letter-main);position:relative;display:flex;justify-content:center;z-index:0}.lid{position:absolute;height:100%;width:100%;top:0;left:0;border-right:calc(var(--envelope-width) / 2) solid transparent;border-bottom:calc(var(--envelope-height) / 2) solid transparent;border-left:calc(var(--envelope-width) / 2) solid transparent;transform-origin:top;transition:transform .25s linear}.lid.one{border-top:calc(var(--envelope-height) / 2 + 4px) solid var(--accent-letter-main);transform:rotateX(0);z-index:3;transition-delay:.75s}.lid.two{border-top:calc(var(--envelope-height) / 2 + 4px) solid var(--accent-letter-main);transform:rotateX(90deg);z-index:1;transition-delay:.5s}.envelope{position:absolute;height:100%;width:100%;top:0;left:0;border-top:calc(var(--envelope-height) / 2) solid transparent;border-right:calc(var(--envelope-width) / 2) solid var(--accent-letter-second);border-bottom:calc(var(--envelope-height) / 2) solid var(--accent-letter-second);border-left:calc(var(--envelope-width) / 2) solid var(--accent-letter-third);z-index:3}.letter{--line-height: 28px;position:absolute;top:-30px;width:80%;height:120%;background-color:#fff;border-radius:5px;z-index:4;outline:none;border:none;resize:none;padding:5px;font-size:25px;line-height:var(--line-height);background-image:linear-gradient(to bottom,transparent calc(var(--line-height) - 1px),#ccc calc(var(--line-height) - 1px),#ccc var(--line-height));background-size:100% var(--line-height);background-repeat:repeat-y;background-attachment:local;overflow-y:auto;font-family:PrayerFont,Quicksand,sans-serif}.letter:focus-visible{outline:none!important;box-shadow:none!important}.letter p{text-align:center;font-size:30px;margin-top:30px;color:#3b4049}@keyframes letterInEnvelope{50%{transform:translateY(var(--letter-lift-height));height:80%}to{transform:translateY(0);z-index:2;height:80%;top:0}}.letter-in-envelope{animation:letterInEnvelope 2s forwards}.letter-form{width:100vw;height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#send-button{border:none;width:200px;font-size:1em;margin-top:70px;padding:15px 30px;background:#f77e94;background:linear-gradient(90deg,#f77e94,#fc7486);transition:all .5s ease;text-decoration:none;font-size:1.3em;color:#fbe0e2;border-radius:15px;border:solid 2px #fbe0e2;box-shadow:0 0 7px -2px #00000059;-webkit-box-shadow:0px 0px 7px -2px rgba(0,0,0,.35);-moz-box-shadow:0px 0px 7px -2px rgba(0,0,0,.35);font-family:Quicksand,sans-serif}#send-button.hidden{opacity:0;visibility:hidden;pointer-events:none}#send-button:hover{cursor:pointer;filter:brightness(1.3)!important}.wrapper,.envelope,.lid{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#send-button:disabled{cursor:default;filter:grayscale(.25);opacity:.7}.heart-stamp{position:absolute;left:50%;bottom:40%;width:100px;height:100px;display:flex!important;align-items:center;justify-content:center;background-color:#c9182b;color:#ffd6dd;border:4px solid #a40f20;border-radius:50%;z-index:6;pointer-events:none;opacity:0;transform:translate(-50%,-180px) scale(1.8) rotate(-15deg)}.heart-stamp.stamped{animation:stampHeart .6s ease-out forwards}@keyframes stampHeart{0%{opacity:0;transform:translate(-50%,-180px) scale(1.8) rotate(-15deg)}55%{opacity:1;transform:translate(-50%,8px) scale(.85) rotate(4deg)}75%{transform:translate(-50%,-5px) scale(1.1) rotate(-2deg)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}.letter-form{position:relative;overflow:hidden}.launch-streaks{position:absolute;left:50%;bottom:-100px;width:var(--envelope-width);height:70vh;transform:translate(-50%);pointer-events:none;z-index:1;opacity:0}.launch-streaks.active{opacity:1}.launch-streak{position:absolute;bottom:0;width:5px;height:var(--streak-height);border-radius:999px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.35),rgba(255,255,255,.95));filter:blur(1px);opacity:0;animation:streakLaunch var(--streak-duration) ease-in forwards;animation-delay:var(--streak-delay)}@keyframes streakLaunch{0%{opacity:0;transform:translateY(-150px) scaleY(.3)}20%{opacity:1}to{opacity:0;transform:translateY(700px) scaleY(1.8)}}.wrapper.launch-ready{animation:launchShake .45s ease-in-out}@keyframes launchShake{0%,to{transform:translateY(100px) rotate(0)}20%{transform:translate(-5px,102px) rotate(-1deg)}40%{transform:translate(6px,98px) rotate(1deg)}60%{transform:translate(-4px,101px) rotate(-.75deg)}80%{transform:translate(4px,99px) rotate(.75deg)}}.launch-burst{position:absolute;left:50%;bottom:110px;width:100px;height:100px;border:5px solid rgba(255,255,255,.85);border-radius:50%;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;z-index:1}.launch-burst.active{animation:launchBurst .7s ease-out forwards}@keyframes launchBurst{0%{opacity:.9;transform:translate(-50%) scale(.2)}to{opacity:0;transform:translate(-50%) scale(4)}}#thank-you-message{display:None;font-size:2em;font-family:Quicksand,sans-serif;text-align:center;padding:20px;color:#f1899b;text-shadow:0px 0px 11px rgba(241,137,155,.5);animation:thankYouMessageAppearance .7s ease-in forwards}@keyframes thankYouMessageAppearance{0%{opacity:0}to{opacity:1}}.speech-box{position:absolute;left:20px;top:15%;width:375px;padding:14px 18px;background:#fff;border-radius:14px;font-size:16px;color:#555;box-shadow:0 4px 12px #0000001f;border:#f1899b 2px solid;font-family:Quicksand,Helvetica,sans-serif;transition:opacity .5s ease}.speech-box:after{content:"";position:absolute;left:-12px;bottom:10%;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid white}.prayer-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#502d374d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease}.prayer-modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.prayer-modal{position:relative;width:90%;max-width:450px;padding:30px;background:snow;border:2px solid #f4bdc6;border-radius:20px;box-shadow:0 15px 40px #461e2833;font-family:Quicksand,sans-serif;color:#704f59}.prayer-modal h2{margin-bottom:20px;text-align:center}.prayer-modal p{margin-top:20px;margin-bottom:10px;font-weight:600}.prayer-modal label{display:block;margin-bottom:10px;padding:10px 12px;background:#fff;border:2px solid #f3d4d9;border-radius:10px;cursor:pointer}.prayer-modal label:hover{border-color:#f19aac;background:#fff3f5}.prayer-modal input[type=radio]{margin-right:8px}#name-field-wrapper{margin-bottom:10px}#prayer-name{width:100%;padding:12px 14px;border:2px solid #f3d4d9;border-radius:10px;outline:none;font-family:Quicksand,sans-serif;font-size:15px}#prayer-name:focus{border-color:#f77e94}.modal-close{position:absolute;top:10px;right:14px;border:none;background:none;font-size:24px;color:#9b737d;cursor:pointer}#modal-send-button{width:100%;margin-top:20px;padding:13px;border:none;border-radius:12px;background:linear-gradient(90deg,#f77e94,#fc7486);color:#fff;font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;cursor:pointer}#modal-send-button:hover{filter:brightness(1.08)}@media screen and (max-width:480px){:root{--envelope-height: 30vh;--envelope-width: 90vw;--letter-lift-height: -210px}.launch-streaks{width:var(--envelope-width);height:60vh}.launch-streak{width:3px}@keyframes streakLaunch{0%{opacity:0;transform:translateY(-75px) scaleY(.3)}20%{opacity:1}to{opacity:0;transform:translateY(450px) scaleY(1.5)}}.letter-form{height:100vh;justify-content:center;overflow:hidden;padding-top:200px}.speech-box{width:350px}#send-button{position:absolute;bottom:50px}.heart-stamp{width:75px;height:75px}.letter{transition:all .25s ease}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/prayer-request.css.map */