.inna-quiz-popup,.inna-quiz-popup *,.inna-quiz-popup *:before,.inna-quiz-popup *:after{box-sizing:border-box}.inna-quiz-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;padding:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:"Source Sans 3",sans-serif;color:#1e293b}.inna-quiz-popup.is-open{display:flex}.inna-quiz-popup__card{position:relative;display:flex;flex-direction:column;overflow:hidden;width:90vw;height:85vh;max-height:85vh;background:#fffdf7;border:1px solid #eae6df;border-radius:16px;box-shadow:0 25px 50px -12px #0006}@media screen and (min-width:768px){.inna-quiz-popup__card{flex-direction:row;width:85vw;max-width:1000px;height:80vh;max-height:80vh}}.inna-quiz-popup__close{position:absolute;top:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:999px;background:#1e293b;color:#fff;cursor:pointer;box-shadow:0 10px 15px -3px #0000004d;transition:background-color .15s ease}.inna-quiz-popup__close:hover{background:#000}.inna-quiz-popup__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.inna-quiz-popup__media{position:relative;flex-shrink:0;width:100%;height:224px;background:#bfcbde;overflow:hidden}@media screen and (min-width:768px){.inna-quiz-popup__media{width:41.6667%;height:100%}}.inna-quiz-popup__media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity .5s ease-in-out}@media screen and (min-width:768px){.inna-quiz-popup__media-img{object-position:center 20%}}.inna-quiz-popup__media-img.is-visible{opacity:1}.inna-quiz-popup__content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px;overflow-y:auto}@media screen and (min-width:640px){.inna-quiz-popup__content{padding:40px}}@media screen and (min-width:768px){.inna-quiz-popup__content{padding:56px}}.inna-quiz-popup__step{display:none;flex-direction:column;justify-content:center;gap:24px;height:100%}.inna-quiz-popup__step.is-active{display:flex}.inna-quiz-popup__step--intro{gap:32px}.inna-quiz-popup__step--success{text-align:center}.inna-quiz-popup__heading{font-family:Corben,Georgia,Times New Roman,serif;font-size:22px;line-height:1.25;color:#1e293b}@media screen and (min-width:640px){.inna-quiz-popup__heading{font-size:26px}}@media screen and (min-width:768px){.inna-quiz-popup__heading{font-size:30px}}.inna-quiz-popup__options{display:flex;flex-direction:column;gap:12px}.inna-quiz-popup__option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;border:1px solid rgba(30,41,59,.2);border-radius:999px;background:#fff;color:#1e293b;font-family:inherit;font-weight:600;font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}@media screen and (min-width:640px){.inna-quiz-popup__option-btn{font-size:16px}}.inna-quiz-popup__option-btn:hover{background:#1e293b;color:#fffdf7;border-color:#1e293b}.inna-quiz-popup__option-btn .inna-quiz-popup__arrow-icon{flex-shrink:0;width:12px;height:12px;opacity:.4;transition:opacity .15s ease,transform .15s ease}.inna-quiz-popup__option-btn:hover .inna-quiz-popup__arrow-icon{opacity:1;transform:translate(2px)}.inna-quiz-popup__footnote{font-size:11px;color:#384e70b3;text-align:center}.inna-quiz-popup__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;border:none;background:none;padding:0;color:#384e70b3;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:color .15s ease}.inna-quiz-popup__back:hover{color:#1e293b}.inna-quiz-popup__back .inna-quiz-popup__arrow-icon{width:10px;height:10px}.inna-quiz-popup__intro-copy{font-size:16px;line-height:1.6;color:#1e293b}@media screen and (min-width:640px){.inna-quiz-popup__intro-copy{font-size:18px}}.inna-quiz-popup__form{display:flex;flex-direction:column;gap:12px}.inna-quiz-popup__input{width:100%;padding:14px 20px;border:1px solid rgba(30,41,59,.2);border-radius:999px;font-family:inherit;font-size:14px;color:#1e293b;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.inna-quiz-popup__input::placeholder{color:#1e293b80}.inna-quiz-popup__input:focus{outline:none;border-color:#2ca58d;box-shadow:0 0 0 1px #2ca58d}.inna-quiz-popup__submit{width:100%;padding:14px 16px;border:none;border-radius:999px;background:#f46197;color:#fff;font-family:inherit;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:opacity .15s ease}.inna-quiz-popup__submit:hover{opacity:.9}.inna-quiz-popup__submit:disabled{opacity:.6;cursor:not-allowed}.inna-quiz-popup__consent{font-size:12px;color:#384e7099;text-align:center}.inna-quiz-popup__success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 12px;border-radius:999px;background:#2ca58d1a;color:#2ca58d}.inna-quiz-popup__success-icon svg{width:18px;height:18px}.inna-quiz-popup__success-heading{font-family:Corben,Georgia,Times New Roman,serif;font-size:20px;letter-spacing:-.01em;color:#1e293b}@media screen and (min-width:640px){.inna-quiz-popup__success-heading{font-size:24px}}.inna-quiz-popup__success-subtext{margin-top:4px;font-size:12px;color:#1e293b99}.inna-quiz-popup__code-box{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border:1px solid rgba(30,41,59,.15);border-radius:12px}.inna-quiz-popup__code{padding-left:12px;font-weight:700;font-size:16px;letter-spacing:.08em;color:#1e293b}.inna-quiz-popup__copy-btn{padding:6px 12px;border:none;border-radius:999px;background:#1e293b;color:#fff;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;transition:background-color .15s ease}.inna-quiz-popup__copy-btn:hover{background:#000}.inna-quiz-popup__actions{display:flex;flex-direction:column;gap:8px}.inna-quiz-popup__cta{display:block;width:100%;padding:14px 16px;border-radius:999px;background:#1e293b;color:#fffdf7;font-family:inherit;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;text-align:center;text-decoration:none;box-shadow:0 1px 2px #0000000d;transition:background-color .15s ease}.inna-quiz-popup__cta:hover{background:#000;color:#fffdf7}.inna-quiz-popup__keep-browsing{width:100%;padding:6px 0;border:none;background:none;color:#1e293b99;font-family:inherit;font-weight:600;font-size:12px;cursor:pointer;transition:color .15s ease}.inna-quiz-popup__keep-browsing:hover{color:#1e293b}.inna-quiz-popup__toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:10000;padding:10px 16px;border-radius:999px;background:#1e293b;color:#fff;font-size:12px;font-weight:500;box-shadow:0 10px 15px -3px #0000004d;opacity:0;pointer-events:none;transition:opacity .2s ease}.inna-quiz-popup__toast.is-visible{opacity:1}.inna-quiz-popup__success-icon{display:none!important}.inna-quiz-popup__arrow-icon{width:24px!important;height:24px!important;display:inline-block!important;flex-shrink:0;stroke:var(--prussianblue-70, #1E293B)!important;vertical-align:middle}
/*# sourceMappingURL=/cdn/shop/t/40/assets/inna-quiz-popup.css.map */