body.sq-active #shopify-section-header,body.sq-active #shopify-section-footer,body.sq-active .site-i-header,body.sq-active .head-wrap,body.sq-active .mini-nav,body.sq-active footer:not(.sq-footer){display:none!important}body.sq-active{background:#fff!important;overflow-x:clip}body.sq-active main,body.sq-active .main-content,body.sq-active #MainContent{padding:0!important;margin:0!important}.sq{--quiz-font-body: "Outfit", "Segoe UI", sans-serif;--quiz-font-heading: "Outfit", "Segoe UI", sans-serif;display:flex;flex-direction:column;min-height:100svh;position:relative;background:var(--quiz-bg);font-family:var(--quiz-font-body)}.sq-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;background:#fff;z-index:10;height:56px;border-bottom:1px solid #efefef;box-shadow:0 1px #efefef}.sq-header__back,.sq-header__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:var(--quiz-body-text);padding:0;border-radius:50%;text-decoration:none}.sq-header__back:focus-visible,.sq-header__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sq-header__title{font-family:var(--quiz-font-heading);font-size:18px;font-weight:600;color:var(--quiz-body-text)}.sq-header__logo-link{display:inline-flex;align-items:center;line-height:0;text-decoration:none;color:inherit}.sq-header__logo{display:block;max-width:75px;width:auto;height:auto;max-height:30px;object-fit:contain}@media(max-width:749px){.sq-header__logo,.sq-header__title{margin-right:auto}}.sq-progress{height:10px;background:var(--quiz-progress-bg, #e3f4f5);border-radius:4px;position:sticky;top:56px;z-index:6}.sq-progress__bar{height:100%;background:var(--quiz-primary);transition:width .4s ease;min-width:4px}.sq-announcement{background:var(--quiz-progress-bg, #e3f4f5);color:var(--quiz-body-text, #282c2f);text-align:center;padding:0 16px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.2;font-weight:600;position:sticky;top:0;z-index:11}.sq-announcement+.sq-header,.sq-announcement+.scr-header{top:36px}.sq-announcement~.sq-progress{top:92px}.sq-slides{padding:32px 24px 130px;max-width:550px;width:100%;margin:0 auto;box-sizing:border-box}.sq-slides--no-footer{padding-bottom:75px}.sq-slide{animation:sq-fadeIn .3s ease}@keyframes sq-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sq-slide__title{font-family:var(--quiz-font-heading);font-size:24px;font-weight:500;line-height:1.4;margin-bottom:8px;color:var(--quiz-body-text);text-align:left}.sq-slide__subtitle{font-size:15px;color:var(--quiz-muted, #707274);margin-bottom:24px;line-height:1.2;text-align:left}.sq-slide--interstitial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.sq-interstitial{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:100svh;padding:160px 24px 24px;text-align:left;background:var(--quiz-progress-bg, #e3f4f5)}.sq-interstitial__content{width:100%;max-width:550px;text-align:left}.sq-interstitial .sq-slide__title{font-size:22px;font-weight:600;line-height:1.3;color:#0f3c3e;margin:0 0 10px;text-align:left}.sq-interstitial .sq-slide__subtitle,.sq-interstitial__line{font-size:14px;color:#3d4a4b;margin:0 0 12px;line-height:1.5;text-align:left}.sq-interstitial__image{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1 / 1;margin:0 0 20px;border-radius:12px;object-fit:cover}@media(min-width:750px){.sq-interstitial .sq-slide__title{font-size:26px}}.sq-interstitial:not(:has(.sq-interstitial__image)){align-items:center;padding:24px}.sq-interstitial:not(:has(.sq-interstitial__image)) .sq-interstitial__content{text-align:left}.sq-interstitial:not(:has(.sq-interstitial__image)) .sq-slide__title{font-size:28px;font-weight:500;color:#0f3c3e;text-align:left;margin:0 0 20px}.sq-interstitial:not(:has(.sq-interstitial__image)) .sq-slide__subtitle,.sq-interstitial:not(:has(.sq-interstitial__image)) .sq-interstitial__line{font-size:28px;font-weight:500;color:#0f3c3e;text-align:left;margin:0}.sq-question{margin-bottom:28px}.sq-question__title{font-family:var(--quiz-font-heading);font-size:24px;font-weight:500;line-height:1.4;margin-bottom:6px;color:var(--quiz-body-text);text-align:left}.sq-slide:has(.sq-slide__title) .sq-question__title{font-size:18px;font-weight:500;line-height:1.3}.sq-question__subtitle{font-size:15px;color:var(--quiz-muted, #707274);line-height:1.2;margin-bottom:20px;text-align:left}.sq-question__divider{border:none;border-top:1px solid var(--quiz-border);margin:24px 0}.sq-question__error{color:#f57f0f;font-size:13px;margin-top:8px;min-height:0}.sq-question__image{display:block;width:100%;max-width:260px;height:auto;margin:8px auto 20px;object-fit:contain}.sq-question__helper{font-size:14px;color:var(--quiz-muted, #707274);line-height:1.2;margin-top:12px;text-align:center}.sq-input{width:100%;padding:12px 18px;border:2px solid #e3e4e4;border-radius:12px;font-size:20px;line-height:1.2;font-family:var(--quiz-font-body);color:var(--quiz-body-text);background:#fff;outline:none;transition:border-color .2s ease-in-out;height:48px;display:block}.sq-input:focus{border-color:var(--quiz-primary);box-shadow:0 0 0 3px #0f3c3e14}.sq-input::placeholder{color:#898585}.sq-input--textarea{height:200px;min-height:200px;padding:8px 15px;line-height:1.5;resize:vertical;font-family:inherit;font-size:16px;border:1px solid #e3e3e3;border-radius:8px}.sq-phone{display:flex;align-items:center;border:1px solid var(--quiz-border);border-radius:12px;overflow:hidden;background:#fff}.sq-question[data-input-type=phone]{margin-top:16px}.sq:has(.sq-slide[style*=block] .sq-question[data-input-type=phone]) .sq-footer__inner .sq-btn--primary{max-width:300px;height:44px;margin-left:auto;margin-right:auto}.sq-phone__code{position:relative;padding:0 14px 0 18px;font-size:16px;font-weight:400;background:transparent;white-space:nowrap;height:48px;display:flex;align-items:center;color:#000}.sq-phone__code:after{content:"";position:absolute;right:0;top:30%;bottom:30%;width:1px;background:#000}.sq-phone .sq-input--phone{border:none;border-radius:0}.sq-phone .sq-input--phone:focus{border:none;box-shadow:none}.sq-phone:focus-within{border-color:var(--quiz-primary);box-shadow:0 0 0 3px #0f3c3e14}.sq-options{display:grid;grid-template-columns:repeat(var(--cols-mobile, 1),1fr);gap:16px}@media(min-width:768px){.sq-options{grid-template-columns:repeat(var(--cols-desktop, 1),1fr);gap:10px}}.sq-options:has(.sq-option__chip){display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.sq-options:has(.sq-option__chip)>.sq-option{flex:0 1 auto;min-width:calc(50% - 3px)}.sq-options:has(.sq-option__chip)>.sq-option .sq-option__chip{width:100%}.sq-slide:has(.sq-slide__title) .sq-options:has(.sq-option__chip){display:grid;grid-template-columns:repeat(2,1fr);gap:16px;justify-content:initial}.sq-slide:has(.sq-slide__title) .sq-options:has(.sq-option__chip)>.sq-option{flex:unset;min-width:unset;display:flex}.sq-slide:has(.sq-slide__title) .sq-options:has(.sq-option__chip)>.sq-option .sq-option__chip{width:100%;height:100%}.sq-options--wrap{display:flex;flex-wrap:wrap;gap:8px}.sq-options--wrap .sq-option{flex:0 0 auto;width:auto}.sq-option{cursor:pointer;display:block}.sq-option__input{position:absolute;opacity:0;pointer-events:none}.sq-option{position:relative}.sq-option__badge{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:10px 6px;background:var(--quiz-cta-bg, #282c2f);color:var(--quiz-cta-text, #fff);font-family:Outfit,Segoe UI,sans-serif;font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.04em;text-transform:none;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #0c23402e}.sq-option__badge-text{margin:0;padding:0;color:inherit;line-height:inherit;font-weight:400;font-size:10px;line-height:130%;letter-spacing:0}.sq-option__badge--right{top:0;bottom:0;right:0;border-radius:0 12px 12px 0}.sq-option__badge--left{top:0;bottom:0;left:0;border-radius:12px 0 0 12px;writing-mode:vertical-lr}.sq-option__badge--top-right{top:8px;right:8px;border-radius:4px}.sq-option__badge--top-left{top:8px;left:8px;border-radius:4px}.sq-option--has-badge .sq-option__card--image .sq-option__text,.sq-option--has-badge .sq-option__card--image-large .sq-option__text,.sq-option--has-badge .sq-option__card--badge .sq-option__text{padding-right:44px}.sq-option__card--image{display:flex;align-items:stretch;gap:0;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;min-height:100px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background .2s ease-in-out;background:#fff}.sq-option__card--image:hover{border-color:#c1f0e5;box-shadow:#0000001a 0 2px 4px}.sq-option__input:checked~.sq-option__card--image{border-color:var(--quiz-accent, #61c8b3);background:#61c8b31a}.sq-option__card--image .sq-option__image{flex-shrink:0;width:100px;align-self:stretch;border-radius:0;overflow:hidden;background:#f5f5f5}.sq-option__card--image .sq-option__image img{width:100%;height:100%;object-fit:cover;display:block}.sq-option__card--image .sq-option__text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 18px}@media(max-width:768px){[data-question-key=colorAndFragrance] .sq-option__card--image{min-height:80px}[data-question-key=colorAndFragrance] .sq-option__card--image .sq-option__image{width:80px;align-self:stretch;flex-shrink:0;padding:5px;box-sizing:border-box}[data-question-key=colorAndFragrance] .sq-option__card--image .sq-option__text{padding:10px 24px 10px 8px;gap:8px}}[data-question-key=colorAndFragrance] .sq-option__title{color:#282c2f;font-weight:500;font-size:15px;line-height:130%;letter-spacing:normal}[data-question-key=colorAndFragrance] .sq-option__subtitle{color:#707274;font-weight:400;font-size:11px;line-height:130%;letter-spacing:normal}.sq-option__card--image-large{display:flex;flex-direction:column;border:1px solid #e3e3e3;border-radius:12px;overflow:hidden;transition:border-color .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;background:#fff;height:100%}.sq-option__card--image-large:hover{border-color:#c1f0e5;box-shadow:#0000001a 0 2px 4px}.sq-option__input:checked~.sq-option__card--image-large{border-color:#61c8b3;background:#61c8b31a}.sq-option__input:checked~.sq-option__card--image-large .sq-option__title{color:#282c2f;font-weight:500}.sq-option__card--image-large .sq-option__image{width:100%;aspect-ratio:6 / 5;overflow:hidden;background:#f5f5f5}.sq-option__card--image-large .sq-option__image img{width:100%;height:100%;object-fit:cover}.sq-option__card--image-large .sq-option__text{padding:8px 16px;display:flex;flex-direction:column;gap:2px}@media(max-width:768px){.sq-option__card--image-large .sq-option__text{padding:8px 12px}}.sq-option__card--image-large .sq-option__title{font-size:14px;font-weight:700;color:#282c2f}.sq-option__card--image-large .sq-option__subtitle{font-size:12px;color:var(--quiz-muted, #707274)}.sq-option__title{font-size:18px;font-weight:500;line-height:1.3;color:var(--quiz-body-text)}.sq-option__subtitle{font-size:14px;color:var(--quiz-muted, #707274);line-height:1.3}.sq-option__check{display:none}.sq-option__check-dot{opacity:0}.sq-option:focus-within .sq-option__card--image{outline:none}.sq-option__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--quiz-body-text, #282c2f);border-radius:8px;text-align:center;transition:border-color .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;min-height:43px;background:#fff}.sq-option__chip:hover{border-color:#c1f0e5;box-shadow:#0000001a 0 2px 4px}.sq-option__chip .sq-option__title{font-size:16px;font-weight:400}.sq-option__input:checked~.sq-option__chip{border-color:var(--quiz-accent, #61c8b3);background:#61c8b31a}.sq-option__input:checked~.sq-option__chip .sq-option__title{color:var(--quiz-body-text);font-weight:500}.sq-option__input:checked~.sq-option__chip .sq-option__subtitle{color:var(--quiz-muted, #707274)}.sq-option:focus-within .sq-option__chip{outline:none}.sq-option--disabled{cursor:not-allowed;pointer-events:none}.sq-option--disabled .sq-option__chip{background-color:#f0f0f0;color:#aaa;border-color:#ddd}.sq-option--disabled .sq-option__chip .sq-option__title,.sq-option--disabled .sq-option__chip .sq-option__subtitle{color:#aaa}.sq-option--disabled .sq-option__card--image,.sq-option--disabled .sq-option__card--badge,.sq-option--disabled .sq-option__card--image-large{opacity:.4}.sq-option__card--badge{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--quiz-body-text) 15%,transparent);border-radius:8px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background .2s ease-in-out;background:#fff;position:relative;overflow:hidden}.sq-option__card--badge:hover{border-color:#c1f0e5;box-shadow:0 2px 4px #0000001a}.sq-option__input:checked~.sq-option__card--badge{border-color:var(--quiz-accent, #61c8b3);background:#61c8b31a}.sq-option__card--badge .sq-option__image{flex-shrink:0;width:56px;height:56px;border-radius:8px;overflow:hidden}.sq-option__card--badge .sq-option__image img{width:100%;height:100%;object-fit:cover}.sq-option__card--badge .sq-option__text{flex:1;display:flex;flex-direction:column;gap:2px}.sq-option:focus-within .sq-option__card--badge{outline:none}.sq-option:focus-within .sq-option__card--image-large{outline:none}.sq-details{margin-top:32px;padding:16px 12px;border:1px solid var(--quiz-border);border-radius:12px;background:#fff;animation:sq-fadeIn .2s ease}.sq-details__title{font-weight:500;font-size:14px;line-height:130%;letter-spacing:normal;margin-block-end:2px;color:var(--quiz-body-text)}.sq-details__description{font-weight:400;font-size:13px;line-height:130%;letter-spacing:normal;color:var(--quiz-muted, #707274);margin-block-end:16px}.sq-details__key-info-label{font-weight:500;font-size:14px;line-height:130%;letter-spacing:normal;color:var(--quiz-body-text);margin-block-end:2px}.sq-details__key-info{font-weight:400;font-size:13px;line-height:130%;letter-spacing:normal;color:var(--quiz-muted, #707274);margin:0}.sq-faqs{margin-top:16px;display:flex;flex-direction:column;gap:12px}@media(min-width:768px){.sq-faqs{margin-left:-65px;margin-right:-65px}}.sq-faq{padding:16px 12px;border:1px solid #e3e3e3;border-radius:16px;background:transparent}.sq-faq__question{font-size:20px;font-weight:500;line-height:1.3;color:var(--quiz-body-text);margin:0 0 10px}.sq-faq__answer{font-size:16px;color:var(--quiz-muted, #707274);line-height:1.3;margin:0}@media(max-width:768px){.sq-faq__question{font-size:16px}.sq-faq__answer{font-size:13px}}.sq-footer{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;z-index:10;display:grid;grid-template-rows:auto auto}.sq-footer__trust{grid-row:2}.sq-footer__inner{grid-row:1}@media(min-width:768px){.sq-footer__trust{grid-row:1}.sq-footer__inner{grid-row:2}}.sq-footer__trust{width:100%;text-align:center;font-size:14px;font-weight:500;color:var(--quiz-body-text, #282c2f);line-height:1.3;padding-block:4px;background:var(--quiz-progress-bg, #e3f4f5)}@media(max-width:768px){.sq-footer__trust{font-size:10px;line-height:1.2}}.sq-footer__trust>*{margin:0}.sq-announcement>*{margin:0}.sq-footer__inner{width:100%;max-width:550px;margin:0 auto;padding:16px 24px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box}.sq-footer__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px}.sq-btn{border:none;cursor:pointer;font-family:var(--quiz-font-body);font-size:16px;font-weight:500;border-radius:8px;transition:opacity .2s ease-in-out,background .2s ease-in-out}.sq-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.sq-btn--primary{width:100%;height:50px;padding:0 24px;background:var(--quiz-cta-bg);color:var(--quiz-cta-text);font-size:16px;font-weight:400;line-height:1.2;border-radius:9999px}.sq-btn--primary:disabled{background:#949393;color:#fff;cursor:not-allowed}.sq-btn--skip{background:none;color:#000;font-size:16px;font-weight:400;line-height:1.5;text-decoration:underline;text-transform:uppercase;padding:6px 12px}.sq-slide__inline-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:20px;padding-bottom:8px}.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(prefers-reduced-motion:reduce){.sq-slide,.sq-details,.sq-progress__bar,.sq-option__check-dot{animation:none!important;transition:none!important}}.sq-engraving{margin-bottom:0;text-align:center}.sq-engraving__preview{position:relative;display:inline-block;max-width:250px;width:100%}.sq-engraving__image{max-width:100%;width:100%;height:auto}.sq-engraving__text{position:absolute;font-family:var(--quiz-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sq-engraving__badge{font-family:Outfit,Segoe UI,sans-serif;font-size:15px;font-weight:500;margin:8px 0 16px;line-height:130%;letter-spacing:normal;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-spectrum-quiz.css.map */