.modal-sign-up{position:fixed;margin:0;padding:0;width:100dvw;height:100dvh;max-width:none;max-height:none;overflow:hidden;border:none;background:transparent;color:var(--color-bg);flex-direction:column;justify-content:center;opacity:0;transition:opacity .9s}.modal-sign-up[open]{display:flex;opacity:1}@starting-style{.modal-sign-up[open]{opacity:0}}.modal-sign-up::backdrop{background:transparent;transition:background .9s}.modal-sign-up[open]::backdrop{background:#000}@starting-style{.modal-sign-up[open]::backdrop{background:transparent}}.modal-sign-up.closing,.modal-sign-up.closing::backdrop{transition-duration:.45s}.modal-sign-up.closing{opacity:0}.modal-sign-up.closing::backdrop{background:transparent}body:has(.modal-sign-up[open]){overflow:hidden}@media screen and (min-width:644px){.modal-sign-up{height:100%;width:400px;margin:auto}}.modal-sign-up>[data-step]{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none}.modal-sign-up>[data-step][hidden]{display:none}.modal-sign-up[data-active-step=quiz]{padding:12px}.modal-sign-up .content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:330px;margin:0 auto}.modal-sign-up img{width:100%;height:100%;object-fit:cover}.modal-sign-up .image.logo{height:30px;width:120px}.modal-sign-up .image.logo img.logo{object-fit:contain}.modal-sign-up h2.invitation{font-size:32px;text-transform:uppercase;font-family:var(--font-heading);margin:48px 0 0}.modal-sign-up [data-error]{padding:12px;color:#e08a8a}.modal-sign-up .quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding:16px}.modal-sign-up .quiz-grid>button{all:unset;display:block;cursor:pointer}.modal-sign-up .quiz-grid img{border:2px solid #ccccccaa;border-radius:12px}.modal-sign-up .quiz-grid>button:hover img,.modal-sign-up .quiz-grid>button:focus-visible img{filter:brightness(1.2)}.modal-sign-up form input{border:none;border-bottom:3px solid #838383;background:transparent;text-align:center}.modal-sign-up form input::placeholder{text-align:left}.modal-sign-up button.cta{border:none;width:100%;margin:16px auto;padding:16px;font-size:var(--font-size-button);text-transform:uppercase;font-family:var(--font-body);font-weight:400;background:var(--signup-accent, #755b08);color:var(--signup-accent-text, #fff)}.modal-sign-up button.cta:hover,.modal-sign-up button.cta:active{background:var(--signup-accent-hover, #5c4706);color:var(--signup-accent-text, #fff)}.modal-sign-up button.cta[disabled],.modal-sign-up button.cta[disabled]:hover{background:var(--signup-accent, #755b08);opacity:.6;cursor:wait}.modal-sign-up button.no-cta{margin:4px 0;background:0;color:#ccca;padding:9px;text-decoration:underline;border:none;width:100%;font-family:var(--font-body);font-weight:400;font-size:14px}.modal-sign-up button.no-cta:hover,.modal-sign-up button.no-cta:active{background:0;color:#fff}.modal-sign-up button:focus{outline:none}.modal-sign-up button:focus-visible{outline:2px solid #ccccccaa;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/299/assets/modal-signup.css.map */