#welcome-popup{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}#welcome-popup .welcome-popup__overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}#welcome-popup .wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;width:calc(100% - 3.2rem);max-width:34rem;aspect-ratio:1 / 1;height:auto;background:#efeee6;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#787769;gap:2.4rem}#welcome-popup svg{width:7rem;height:auto;aspect-ratio:1 / 1}#welcome-popup .text_wrapper{display:flex;flex-direction:column;gap:.8rem}#welcome-popup #breathing-state{gap:6rem}#welcome-popup span,#welcome-popup p{color:#787769;font-family:var(--text-font-family)}#welcome-popup .title{font-size:2rem;text-align:center}#welcome-popup .subtitle{font-size:16px}#skip-popup{position:absolute;bottom:2rem;right:2.4rem;color:#787769;font-size:12px;cursor:pointer;transition:color .5s ease;background:none;border:none}#welcome-popup.breathing-active #skip-popup{left:50%;right:auto;transform:translate(-50%)}#close-icon{font-size:1.5rem}#welcome-popup .fade-words{position:relative;font-size:2rem}#welcome-popup .inhale,#welcome-popup .exhale{opacity:0;white-space:nowrap;margin:0}#welcome-popup .exhale{position:absolute;top:0;width:100%}#welcome-popup .fadein{animation:fadein 1s linear both}#welcome-popup .fadeout{animation:fadeout 1s linear both}#welcome-popup .stamp-wrapper{position:relative;display:flex;align-items:center;justify-content:center}#welcome-popup .stamp-wrapper svg{position:relative;z-index:1}#welcome-popup .stamp-wrapper svg path{transition:fill .5s ease}#welcome-popup #welcome-state{position:absolute;top:0;right:0;bottom:0;left:0;display:none;opacity:0;padding:3.2rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}#welcome-popup #welcome-state.active{display:flex;opacity:1}#welcome-popup #welcome-state .subtitle{position:absolute;bottom:2rem;left:3.2rem;text-align:left;margin:0;max-width:none}#welcome-popup.exhale-active #breathing-state span,#welcome-popup.exhale-active #breathing-state p,#welcome-popup.exhale-active #skip-popup{color:#787769}#welcome-popup.exhale-active .stamp-wrapper svg path{fill:#787769}#welcome-popup .email_wrapper{display:none;flex-direction:column;align-items:flex-start;text-align:left;gap:4rem;opacity:0;padding:50px}#welcome-popup .email_wrapper.active{display:flex;opacity:1}#welcome-popup .email_wrapper .subtitle{font-size:16px;color:#787769;max-width:none;margin:0;text-align:center}#welcome-popup .email_wrapper .benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem;font-size:1.3rem;font-family:var(--text-font-family);color:#787769}#welcome-popup .email_wrapper form{display:flex;flex-direction:column;gap:1.2rem;width:100%;max-width:none}#welcome-popup #popup-name-input,#welcome-popup #popup-email-input{padding:1rem;border:1px solid #787769;border-radius:0;background:transparent;font-family:var(--text-font-family);text-transform:lowercase;font-size:14px;color:#787769;text-align:left;outline:none;-webkit-appearance:none;appearance:none;transition:background .2s ease}#welcome-popup #popup-name-input::placeholder,#welcome-popup #popup-email-input::placeholder{color:#787769;opacity:.6}#welcome-popup #popup-name-input:focus,#welcome-popup #popup-email-input:focus,#welcome-popup #popup-name-input:focus-visible,#welcome-popup #popup-email-input:focus-visible{outline:none!important;box-shadow:none!important;background:#efeee6}#welcome-popup #popup-email-submit{padding:1rem;border:none;background:#787769;font-family:var(--text-font-family);font-size:1.4rem;color:#efeee6;cursor:pointer;align-self:flex-start;width:fit-content;font-size:16px}#welcome-popup #popup-email-submit:disabled{opacity:.6;cursor:default}#welcome-popup .email_wrapper .legal{font-size:12px;font-family:var(--text-font-family);font-weight:200;color:#787769;opacity:.7}#welcome-popup #success-state{gap:1rem}#welcome-popup #success-state .subtitle{display:flex;flex-direction:column;gap:.4rem;text-align:left}#welcome-popup #success-state .subtitle p{margin:0}#welcome-popup #skip-email-state{color:#787769;font-size:16px;cursor:pointer;background:none;border:none}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.email-titles{display:flex;flex-direction:column;gap:8px}@media screen and (max-width:989px){#welcome-popup .wrapper{aspect-ratio:unset;height:min(85vh,29rem)}#welcome-popup #breathing-state,#welcome-popup .email_wrapper{padding:1.8rem;gap:4.2rem;overflow-y:auto}#welcome-popup #welcome-state{padding:1.8rem}#welcome-popup .title,#welcome-popup .fade-words{font-size:22px;font-family:var(--text-font-family)}#welcome-popup svg{width:6rem}#welcome-popup #welcome-state .subtitle{bottom:1.2rem;left:1.8rem}#skip-popup{bottom:1.2rem;right:1.8rem}#welcome-popup .email_wrapper .subtitle{font-size:14px;font-family:var(--text-font-family)}#welcome-popup #popup-name-input,#welcome-popup #popup-email-input{font-size:12px;font-family:var(--text-font-family)}#welcome-popup .subtitle{font-size:14px;font-family:var(--text-font-family)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/_custom-popup.css.map */