#quiz-wrapper{--primary-color: #0029ff;--text-color: #000;--bg-color: #fff;--option-bg: #ece9e6;--button-radius: 8px;font-family:var(--main-font),sans-serif;color:var(--text-color);margin:0 auto;padding:var(--quiz-pt-desktop, 40px) 60px var(--quiz-pb-desktop, 40px);position:relative;background-image:var(--question-bg-desktop, none);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}#quiz-wrapper[data-current-step=intro]{background-image:none}#quiz-wrapper[data-current-step=email]{background-color:#0b16d4;background-image:var(--email-bg-desktop, radial-gradient(120% 90% at 50% 102%, rgba(247, 200, 166, .95) 0%, rgba(247, 200, 166, 0) 55%), linear-gradient(180deg, #0b16d4 0%, #0b16d4 26%, #5b4fb0 68%, #edbda0 100%));justify-content:flex-end}#quiz-wrapper[data-current-step=result]{background-color:#0b16d4;background-image:var(--result-bg-desktop, radial-gradient(120% 90% at 50% 102%, rgba(247, 200, 166, .95) 0%, rgba(247, 200, 166, 0) 55%), linear-gradient(180deg, #0b16d4 0%, #0b16d4 26%, #5b4fb0 68%, #edbda0 100%))}.quiz-step{display:flex;flex-direction:column;animation:quizFadeIn .4s ease-in-out;text-align:center}.quiz-step[data-question-id]{flex:1;justify-content:center}.hidden{display:none!important}.quiz-step h2{text-align:center;font-family:var(--secondary-font, serif);color:var(--primary-color);margin:0 0 32px;font-size:36px;font-weight:500;line-height:42px;letter-spacing:-.72px}.quiz-step[data-step=intro]{padding:0;margin-bottom:0}.quiz-intro{position:relative;min-height:80vh;border-radius:16px;overflow:hidden;display:flex;background-color:#1c1c1c;background-image:var(--intro-bg-desktop, url(/cdn/shop/files/DSC03894.jpg?v=1665621679));background-size:cover;background-position:center;background-repeat:no-repeat}.quiz-intro__inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:20px;color:#fff;background:linear-gradient(180deg,#00000073,#0000000d 35% 65%,#0000008c)}.quiz-close{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#fff;text-decoration:none}.quiz-close__icon{display:block;width:18px;height:auto}.quiz-intro__top,.quiz-intro__bottom{display:flex;flex-direction:column;align-items:center}.quiz-intro .quiz-intro__heading{color:#fff;margin:30px 0 4px;font-size:48px;line-height:42px;letter-spacing:-.72px;text-transform:capitalize}.quiz-intro__subheading{margin:0;font-size:18px;font-weight:400;line-height:18px}.quiz-intro__description{margin:20px 0 0;font-size:16px;font-weight:400;line-height:18px}.quiz-intro__badge{display:inline-block;padding:0 12px;min-height:39px;color:#0029ff;font-size:18px;font-weight:600;line-height:38.4px;border-radius:12px;background:#ffc6ae;margin-top:20px;font-family:Inter;letter-spacing:-.64px}.quiz-intro__privacy{display:inline-flex;align-items:center;gap:8px;font-size:16px;letter-spacing:normal;margin-top:8px;font-weight:400;line-height:18px}.quiz-intro__privacy-icon{width:auto;height:20px;flex-shrink:0}.quiz-intro__privacy svg *{fill:transparent!important}#quiz-progress{margin:8px 0 0}#quiz-progress .quiz-progress__steps{display:flex;gap:8px;padding:20px 0}#quiz-progress .quiz-progress__step{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}#quiz-progress .quiz-progress__track{height:8px;border-radius:4px;background:#c4c4f6;transition:background .3s ease}#quiz-progress .quiz-progress__step.is-complete .quiz-progress__track,#quiz-progress .quiz-progress__step.is-active .quiz-progress__track{background:var(--primary-color)}#quiz-progress .quiz-progress__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c4c4f6;text-align:center;font-size:13px;letter-spacing:normal;font-weight:400;line-height:16px;text-transform:uppercase}#quiz-progress .quiz-progress__step.is-complete .quiz-progress__label,#quiz-progress .quiz-progress__step.is-active .quiz-progress__label{color:#0000de}#quiz-back{background:none;border:none;cursor:pointer;margin-top:35px;padding:0;width:fit-content;align-self:flex-start;display:inline-flex;align-items:center;gap:4px;color:#0000de;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.8px;text-transform:uppercase}#quiz-back svg{display:block;width:20px;height:20px;flex-shrink:0}#quiz-back.hidden{display:none!important}.quiz-question__subheading{color:#3339;font-size:16px;letter-spacing:normal;font-weight:400;line-height:20px;margin:4px auto 32px}.quiz-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:790px;margin:0 auto}.quiz-option{all:unset;display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box;width:100%;padding:12px 40px;border-radius:8px;background:#efe9e7;cursor:pointer;text-align:center;transition:background .2s ease,transform .2s ease;min-height:74px;justify-content:center}.quiz-option:hover{background:#e3dfda;transform:scale(1.01)}.quiz-option.selected{background:#d3d2f5}.quiz-option__title{color:#0000de;text-align:center;font-size:18px;letter-spacing:normal;font-weight:600;line-height:18px}.quiz-option__icon{margin-right:6px}.quiz-option__icon img{display:inline-block;vertical-align:middle;width:auto;height:16px}.quiz-option__subtitle{color:#0000de99;text-align:center;font-size:16px;letter-spacing:normal;font-weight:400;line-height:24px}.quiz-start-button{padding:0 30px;border-radius:12px;background:#0000de;min-height:64px;font-size:16px;font-weight:700;line-height:16px;letter-spacing:.8px;text-transform:uppercase;min-width:285px;margin-bottom:12px;color:#fff;cursor:pointer;transition:transform .2s ease,filter .2s ease}.quiz-start-button:hover{transform:scale(1.02);filter:brightness(1.08)}input#quiz-email{padding:16px;width:100%;max-width:420px;margin:12px auto 1em;display:block;border:1px solid #ccc;border-radius:var(--button-radius);text-align:center}.quiz-submit{align-self:center}.quiz-skip{background:none;border:none;color:var(--primary-color);font-size:15px;cursor:pointer;text-decoration:underline;margin-top:12px;padding:8px;text-align:center}.quiz-skip:hover{color:#001ed1}.quiz-step[data-step=email]{padding:0;margin-bottom:0;flex:1}.quiz-email{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding:24px;color:#fff;background:transparent}.quiz-email__inner{flex:1;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}h2.quiz-email__heading{margin:0;color:#fff;text-transform:capitalize;font-size:48px;font-weight:500;line-height:52px;letter-spacing:-.72px}.quiz-email__subheading{margin:12px 0 0;max-width:450px;color:#fff;font-size:18px;font-weight:400;line-height:120%}.quiz-email__cards{display:flex;gap:18px;width:100%;max-width:510px;margin:44px 0;justify-content:center}.quiz-email__card{flex:1;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#0000de;color:#fff;font-size:46.289px;letter-spacing:normal;font-weight:400;line-height:100%}.quiz-email__form{width:100%;max-width:400px;display:flex;flex-direction:column}.quiz-email__form input#quiz-email{width:100%;max-width:none;margin:0;border:none;text-align:left;padding:12.5px 25px;border-radius:12px;border:1px solid rgba(218,202,181,0);background:#fff;color:#888;font-size:16px;font-weight:400;line-height:140%;font-family:var(--main-font),sans-serif;text-transform:none;min-height:50px}.quiz-email__form input#quiz-email.error{border-color:#7e2513;color:#7e2513;animation:quizShake .4s ease}.quiz-email__form input#quiz-email.error::placeholder{color:#7e2513}@keyframes quizShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.quiz-email__form input#quiz-email::placeholder{font-family:var(--main-font),sans-serif;color:#888;font-size:16px;font-weight:400;line-height:140%;text-transform:none}.quiz-email__form .quiz-start-button{width:100%;min-width:0;min-height:51px;padding:16px 25px;margin-top:16px;font-size:16px;font-weight:600;line-height:120%;letter-spacing:.48px;text-transform:uppercase}.quiz-start-button{margin-bottom:0}.quiz-email .quiz-skip{color:#0000de;font-size:14px;font-weight:400;line-height:140%;letter-spacing:.42px;text-transform:uppercase;padding:0;margin-top:12px}.quiz-email .quiz-skip:hover{opacity:.7;color:#0000de}.quiz-email__footer{margin:0;padding:0 20px;color:#6d665a;font-size:12px;font-weight:400;letter-spacing:normal;line-height:140%}@media screen and (max-width:749px){#quiz-wrapper[data-current-step=email]{background-image:var(--email-bg-mobile, var(--email-bg-desktop, radial-gradient(120% 90% at 50% 102%, rgba(247, 200, 166, .95) 0%, rgba(247, 200, 166, 0) 55%), linear-gradient(180deg, #0b16d4 0%, #0b16d4 26%, #5b4fb0 68%, #edbda0 100%)))}#quiz-wrapper[data-current-step=result]{background-image:var(--result-bg-mobile, var(--result-bg-desktop, radial-gradient(120% 90% at 50% 102%, rgba(247, 200, 166, .95) 0%, rgba(247, 200, 166, 0) 55%), linear-gradient(180deg, #0b16d4 0%, #0b16d4 26%, #5b4fb0 68%, #edbda0 100%)))}}.quiz-step[data-step=result]{flex:1;padding:0;margin-bottom:0}.quiz-result{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;color:#fff}.quiz-result__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:32px}.quiz-result__badge{display:flex;align-items:center;justify-content:center;width:fit-content;text-transform:uppercase;color:#0000de;font-size:12px;letter-spacing:normal;font-weight:400;line-height:16px;padding:0 12px;height:20px;border-radius:4px;background:#c4c4f6}h2.quiz-result__heading{margin:0;font-family:var(--secondary-font, serif);color:#fff;font-size:48px;font-weight:500;line-height:52px;letter-spacing:-.72px;text-transform:capitalize}.quiz-result__subheading{margin:0;color:#fff;font-size:18px;letter-spacing:normal;font-weight:400;line-height:120%}#quiz-result-text{width:100%}.result-message{display:flex;flex-direction:column;gap:16px;width:100%}.recommendation-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:950px;margin:0 auto}.product-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box;border-radius:16px;background:#fbf9f8;color:#1a1a2e}.product-card__badge{display:none;position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:6px;background:#ffc6ae;color:#00006f;font-size:11px;font-weight:400;line-height:12px;letter-spacing:.48px;letter-spacing:.06em;text-transform:uppercase}.product-card.is-top .product-card__badge{display:inline-block}.product-card__no-reviews{margin:0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#9a9a9a}.product-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.product-card__swatches{position:absolute;top:14px;right:14px;z-index:2;display:flex;gap:6px}.product-card__swatch{box-sizing:border-box;width:18px;height:18px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:var(--swatch-color, #cccccc);cursor:pointer;appearance:none;-webkit-appearance:none;transition:box-shadow .15s ease}.product-card__swatch.is-active{box-shadow:0 0 0 1px #fff,0 0 0 2px #00006f}.product-card__image{width:100%;height:auto;aspect-ratio:1.2 / 1;object-fit:contain;margin:0 0 16px;border-radius:12px 12px 0 0}.email-code-msg{display:none!important}.product-card__box{padding:0 14px 18px;width:100%}.product-card__title{margin:0;font-size:20px;font-weight:400;line-height:24px;font-family:var(--main-font);color:#000;letter-spacing:-.2px}.product-card__tagline{margin:8px 0 12px;font-size:14px;color:#010101;font-weight:300;line-height:100%}.product-card__form-wrapper,.product-card__form{display:block;width:100%}.product-card__form-wrapper{position:relative;z-index:2}.product-card__atc{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;cursor:pointer;transition:filter .2s ease,transform .2s ease;padding:14px 16px;min-height:42px;border-radius:12px;background:#0000de;color:#fff;font-size:15.5px;font-weight:700;line-height:16px;letter-spacing:.55px;text-transform:uppercase}.product-card__atc:hover{filter:brightness(1.08);transform:scale(1.01)}.oke-stars svg{height:12px}.oke-sr-count{font-size:12px;letter-spacing:normal;font-family:var(--secondary-font, serif);font-weight:400;line-height:12px;text-transform:uppercase}.product-card__rating{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#0000de}.product-card__rating-stars{color:#0000de;letter-spacing:1px}.product-card__rating-count{color:#6b6b78;text-transform:uppercase;letter-spacing:.04em}.product-card__features{display:flex;justify-content:space-between;gap:6px;width:100%;padding:8px 20px;border-radius:12px;background:#efe9e7;margin-top:3px}.product-card__feature{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#00006f;font-size:12px;font-weight:600;line-height:14px;letter-spacing:-.096px}.product-card__feature *{font-size:12px;font-weight:600;line-height:14px;letter-spacing:-.096px;margin:0}.product-card__feature img,.product-card__feature svg{width:auto;height:19px;object-fit:contain}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){#quiz-wrapper{padding:var(--quiz-pt-mobile, 20px) 16px var(--quiz-pb-mobile, 20px);background-image:var(--question-bg-mobile, var(--question-bg-desktop, none))}.quiz-intro{background-image:var(--intro-bg-mobile, var(--intro-bg-desktop, url(/cdn/shop/files/DSC03894.jpg?v=1665621679)))}.quiz-intro__inner{padding:90px 20px}.quiz-intro .quiz-intro__heading{margin:0 0 4px;font-size:36px}.quiz-intro__subheading{font-size:16px;line-height:18px}.quiz-intro__description{font-size:14px;line-height:18px}.quiz-close__icon{width:20px}.quiz-intro__badge{font-size:16px}.quiz-intro__privacy{font-size:14px}.quiz-intro{min-height:85vh}#quiz-progress .quiz-progress__steps{gap:4px;padding:8px 0}#quiz-progress .quiz-progress__label{font-size:11px}#quiz-back{margin-top:20px;font-size:11px;font-weight:400;letter-spacing:normal}#quiz-progress{margin:0}.quiz-step h2{font-size:22px;line-height:28px}.quiz-question__subheading{font-size:14px;line-height:18px;min-height:36px}.quiz-options{gap:8px;max-width:100%}.quiz-option{padding:12px 20px}.quiz-option__title{font-size:16px}.quiz-option__icon{margin-right:4px}.quiz-option__subtitle{font-size:14px;line-height:18px}.quiz-email{padding:0 6px}h2.quiz-email__heading{font-size:36px;line-height:42px}.quiz-email__subheading{margin-top:8px;font-size:16px}.quiz-email__cards{margin:32px auto;max-width:295px;width:100%}.quiz-email__card{font-size:26px}.recommendation-list{display:flex;grid-template-columns:none;flex-wrap:nowrap;width:100vw;max-width:none;margin-left:calc(50% - 50vw);gap:12px;padding-inline:10vw;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.recommendation-list::-webkit-scrollbar{display:none}.recommendation-list .product-card{flex:0 0 80vw;scroll-snap-align:center}h2.quiz-result__heading{font-size:36px;line-height:42px}.quiz-result__subheading{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/704/assets/section-quiz-page.css.map */