popup-quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-header, 100) + 100);display:none;align-items:stretch;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility 0s linear .4s}popup-quiz[open]{display:flex;opacity:1;visibility:visible;transition:opacity .4s ease-out,visibility 0s linear}.popup-quiz__wrapper{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;background:#fff;color:#000;overflow:hidden;transform:scale(.96);transition:transform .4s ease-out}popup-quiz[open] .popup-quiz__wrapper{transform:scale(1)}.popup-quiz__media{position:relative;overflow:hidden;background:#f4f4f4}.popup-quiz__media img,.popup-quiz__media .image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.popup-quiz__wrapper:has(>:only-child.popup-quiz__content){grid-template-columns:1fr}.popup-quiz__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 5rem;background:#fff;overflow-y:auto}.popup-quiz__inner{width:100%;max-width:480px;text-align:center}.popup-quiz__close{position:absolute;top:2rem;right:2rem;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background:transparent;border:0;color:#000;cursor:pointer;transition:opacity .2s ease;z-index:2}.popup-quiz__close:hover{opacity:.6}.popup-quiz__pill{display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#000;background:transparent;padding:.6rem 1.2rem;border:1px solid #000;margin-bottom:2rem}.popup-quiz__heading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#000;margin:0 0 1.5rem;text-align:center}.popup-quiz__success-heading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#000;margin:0 0 1.5rem}.popup-quiz__subheading{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.02em;line-height:1.5;color:#0009;margin:0 0 3rem}.popup-quiz__screen{width:100%;animation:popupQuizFadeIn .4s ease-out}.popup-quiz__screen[hidden]{display:none}@keyframes popupQuizFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.popup-quiz__options{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.popup-quiz__option{display:flex;align-items:center;justify-content:center;width:100%;min-height:5.6rem;padding:1.6rem 2rem;background:#fff;color:#000;border:1px solid #000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .15s ease;-webkit-appearance:none;appearance:none}.popup-quiz__option:hover,.popup-quiz__option:focus-visible{background:#000;color:#fff;outline:none}.popup-quiz__option:active{transform:scale(.98)}.popup-quiz__skip{display:inline-block;background:transparent;border:0;padding:0;margin-top:1.5rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:-.02em;color:#00000080;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s ease}.popup-quiz__skip:hover{color:#000}.popup-quiz__form{display:flex;flex-direction:column;gap:1.5rem}.popup-quiz__email-row{display:flex;flex-direction:column;gap:1rem}.popup-quiz__email-input{width:100%;height:5.2rem;padding:0 1.6rem;background:#fafafa;border:1px solid rgba(0,0,0,.15);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:-.02em;color:#000;text-align:center;-webkit-appearance:none;appearance:none;border-radius:0;transition:border-color .2s ease}.popup-quiz__email-input::placeholder{color:#00000059}.popup-quiz__email-input:focus{outline:none;border-color:#000}.popup-quiz__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:5.2rem;padding:1.6rem 2rem;background:#000;color:#fff;border:1px solid #000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .25s ease,color .25s ease;-webkit-appearance:none;appearance:none}.popup-quiz__submit:hover,.popup-quiz__submit:focus-visible{background:#fff;color:#000;outline:none}.popup-quiz__submit[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.popup-quiz__legal{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;font-weight:400;letter-spacing:-.01em;line-height:1.5;color:#00000073;margin:0;text-align:center}.popup-quiz__legal a{color:#000000a6;text-decoration:underline;text-underline-offset:2px}.popup-quiz__legal a:hover{color:#000}.popup-quiz .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:749px){.popup-quiz__wrapper{grid-template-columns:1fr;grid-template-rows:35vh 1fr;height:100%}.popup-quiz__media{height:100%;min-height:0}.popup-quiz__content{padding:3rem 2.5rem 2.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-quiz__close{top:1.5rem;right:1.5rem;background:#ffffffd9;border-radius:50%}.popup-quiz__pill{margin-bottom:1.5rem}.popup-quiz__heading{margin-bottom:1rem}.popup-quiz__subheading{margin-bottom:2rem;font-size:14px}.popup-quiz__option{min-height:5.2rem;padding:1.4rem 1.6rem;font-size:12px}.popup-quiz__skip{margin-top:1rem}}@media(max-width:380px){.popup-quiz__content{padding:2.5rem 1.8rem 2rem}.popup-quiz__heading{font-size:24px}.popup-quiz__option{min-height:4.8rem;padding:1.2rem 1.4rem}}@media(prefers-reduced-motion:reduce){popup-quiz,.popup-quiz__wrapper,.popup-quiz__option,.popup-quiz__submit,.popup-quiz__screen{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/popup-quiz-1of100.css.map */