.lp-quiz-shade-picker{--green: var(--lp-quiz-accent, #2d6b4a);--text: var(--lp-quiz-text, #1a1a18);--gold: var(--lp-quiz-gold, var(--lp-quiz-accent, #f0c040));--dark: var(--lp-quiz-text, #1a1a18);--serif: var(--lp-quiz-serif, var(--lp-font-heading, inherit))}.lp-quiz-cta{display:inline-flex;align-items:center;gap:10px;margin-top:8px;justify-content:center}.lp-quiz-cta__text{font-size:14px;color:var(--lp-color-muted, rgba(18, 18, 18, .7))}.lp-quiz-cta__btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:var(--lp-body, 1rem);font-weight:700;color:var(--st11-ink, #1a1a1a);background:transparent;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:44px}.lp-quiz-cta__btn:focus-visible{outline:2px solid var(--st11-ink, #1a1a1a);outline-offset:2px}.shade-grid__quiz-peek{flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;max-width:24px;max-height:24px;box-sizing:border-box;padding:0;margin:0;border:none;border-radius:50%;background:#0b0b0b;color:#fff;cursor:pointer;text-decoration:none;position:relative;z-index:2;align-self:center;line-height:1;-webkit-appearance:none;appearance:none}.shade-grid__quiz-peek-mark{display:block;font-size:var(--lp-body-sm, .875rem);font-weight:700;line-height:1;color:inherit;pointer-events:none}html.lp-shade-quiz-lb-open,html.lp-shade-quiz-lb-open body{overflow:hidden}.shade-quiz-lb{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border-radius:0;z-index:101000;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:transparent;box-sizing:border-box}.shade-quiz-lb[hidden]{display:none!important}.shade-quiz-lb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer;background:#1a1a1873}.shade-quiz-lb__sheet{position:relative;z-index:1;flex:1 1 auto;width:100%;max-width:none;min-height:0;height:100%;max-height:none;margin:0;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;flex-direction:column;box-sizing:border-box;background:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0;font-size:16px}.shade-quiz-lb__x{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:4;width:44px;height:44px;border:none;border-radius:50%;background:#1a1a180a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.shade-quiz-lb__x:hover{background:#1a1a1814}.shade-quiz-lb__x span{display:block;width:16px;height:16px;position:relative}.shade-quiz-lb__x span:before,.shade-quiz-lb__x span:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:var(--text, #1a1a18);transform-origin:center}.shade-quiz-lb__x span:before{transform:translate(-50%,-50%) rotate(45deg)}.shade-quiz-lb__x span:after{transform:translate(-50%,-50%) rotate(-45deg)}.shade-quiz-lb__progress{flex-shrink:0;margin-bottom:28px;padding-right:48px}.shade-quiz-lb__progress-track{height:2px;background:#2d6b4a1f;border-radius:2px;overflow:hidden;margin-bottom:10px}.shade-quiz-lb__progress-fill{height:100%;width:14%;background:var(--green, #2d6b4a);border-radius:2px;transition:width .35s cubic-bezier(.4,0,.2,1)}.shade-quiz-lb__progress-label{font-size:var(--lp-body-sm, .875rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1a1a1873}.shade-quiz-lb__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.shade-quiz-lb__body:has([data-lb-step="0"].is-active){justify-content:center}.shade-quiz-lb__body:has(.shade-quiz-lb__step--result.is-active){justify-content:flex-start;overflow:hidden;min-height:0}.shade-quiz-lb__sheet--result,.shade-quiz-lb__sheet:has(.shade-quiz-lb__step--result.is-active){overflow:hidden}.shade-quiz-lb__sheet--result .shade-quiz-lb__progress,.shade-quiz-lb__sheet:has(.shade-quiz-lb__step--result.is-active) .shade-quiz-lb__progress{display:none}.shade-quiz-lb__sheet--result .shade-quiz-lb__nav,.shade-quiz-lb__sheet:has(.shade-quiz-lb__step--result.is-active) .shade-quiz-lb__nav{display:none}.shade-quiz-lb__step{animation:shadeLbFade .38s ease both}@keyframes shadeLbFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shade-quiz-lb__step{animation:none!important}.shade-quiz-lb__progress-fill,.shade-quiz-lb__opt,.shade-quiz-lb__x{transition:none!important}}.shade-quiz-lb__eyebrow{font-size:var(--lp-body-sm, .875rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--green, #2d6b4a);margin:0 0 14px}.shade-quiz-lb__title{font-family:var(--serif, inherit);font-size:clamp(28px,7vw,36px);font-weight:700;line-height:1.12;color:var(--text, #1a1a18);margin:0 0 16px;letter-spacing:-.02em}.shade-quiz-lb__lede{font-size:17px;line-height:1.55;color:#1a1a18b8;margin:0}.shade-quiz-lb__step-label{font-size:var(--lp-body-sm, .875rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1a1a186b;margin:0 0 16px}.shade-quiz-lb__fieldset{margin:0;padding:0;border:none;min-width:0}.shade-quiz-lb__legend{font-family:var(--serif, inherit);font-size:clamp(22px,5.2vw,28px);font-weight:700;line-height:1.2;color:var(--text, #1a1a18);margin:0 0 20px;padding:0}.shade-quiz-lb__hint{font-size:var(--lp-body, 1rem);line-height:1.5;color:#1a1a189e;margin:-8px 0 22px}.shade-quiz-lb__options{display:flex;flex-direction:column;gap:10px}.shade-quiz-lb__opt{display:flex;align-items:center;gap:14px;margin:0;padding:18px 20px;border-radius:14px;border:1px solid rgba(26,26,24,.1);background:#faf9f7;cursor:pointer;font-size:var(--lp-body, 1rem);font-weight:500;line-height:1.35;color:var(--text, #1a1a18);transition:border-color .2s,background .2s,box-shadow .2s}.shade-quiz-lb__opt:hover{border-color:#2d6b4a59;background:#fff;box-shadow:0 4px 20px #1a1a180f}.shade-quiz-lb__opt:has(input:checked){border-color:var(--green, #2d6b4a);background:#2d6b4a0a;box-shadow:0 0 0 1px #2d6b4a1f}.shade-quiz-lb__opt input{flex-shrink:0;align-self:center;width:20px;height:20px;margin:0;accent-color:var(--green, #2d6b4a)}.shade-quiz-lb__opt-media{flex-shrink:0;align-self:center;width:56px;min-width:56px;height:56px;border-radius:10px;overflow:hidden;background:#ece7dd;box-shadow:inset 0 0 0 1px #0000000f}.shade-quiz-lb__opt-media:empty{display:none}.shade-quiz-lb__opt-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shade-quiz-lb__opt-label{flex:1;min-width:0;display:block;align-self:center;padding:0;font-size:var(--lp-body, 1rem);font-weight:500;line-height:1.4}.shade-quiz-lb__nav{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:20px;border-top:1px solid rgba(26,26,24,.06)}.shade-quiz-lb__back{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:var(--lp-body, 1rem);font-weight:600;color:#1a1a188c;background:none;border:none;padding:12px 8px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.shade-quiz-lb__back:hover{color:var(--text, #1a1a18)}.shade-quiz-lb__back-arrow{flex:0 0 14px;width:14px;height:14px;display:inline-block;vertical-align:middle}.shade-quiz-lb__step--result.is-active{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:100%;text-align:center;gap:12px}.shade-quiz-lb__step--result .shade-quiz-lb__result-kicker{font-size:max(12px,var(--lp-body-xs, .75rem));font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green, #2d6b4a);margin:0}.shade-quiz-lb__result-title{font-family:var(--serif, inherit);font-size:clamp(26px,6vw,34px);font-weight:700;line-height:1.15;color:var(--text, #1a1a18);margin:0}.shade-quiz-lb__result-img-wrap{max-width:min(280px,100%);width:100%;margin:0 auto;border-radius:16px;overflow:hidden;background:#f4f1ea;flex-shrink:0;aspect-ratio:5 / 3}.shade-quiz-lb__result-variant{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.shade-quiz-lb__result-img-wrap[hidden],.shade-quiz-lb__result-variant[hidden]{display:none!important}.shade-quiz-lb__result-copy{font-size:max(14px,var(--lp-body-sm, .875rem));line-height:1.5;letter-spacing:.01em;color:#1a1a18d1;margin:0;width:100%;text-align:center}.shade-quiz-lb__result-copy p{margin:0 0 .5em}.shade-quiz-lb__result-copy p:last-child{margin-bottom:0}.shade-quiz-lb__result-ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;width:100%}.shade-quiz-lb__result-ba figure{margin:0;min-width:0}.shade-quiz-lb__result-ba img{width:100%;height:auto;display:block;border-radius:12px;background:#ebe6dc}.shade-quiz-lb__result-ba figcaption{margin-top:8px;font-size:max(12px,var(--lp-body-xs, .75rem));font-weight:600;color:#1a1a1880;text-align:center}.shade-quiz-lb__result-cta-wrap{width:100%;margin:0}.shade-quiz-lb__result-more{margin:0;text-align:center;width:100%}button.shade-quiz-lb__result-link{-webkit-appearance:none;appearance:none;background:none;border:none;padding:8px 12px;cursor:pointer;font:inherit;font-size:max(12px,.75rem);font-weight:600;color:var(--green, #2d6b4a);text-decoration:underline;text-underline-offset:3px;letter-spacing:.06em;text-transform:uppercase;text-align:center;width:100%;min-height:44px}.shade-quiz-lb__result-cta.btn-gold{display:flex;align-items:center;justify-content:center;width:100%;background:var(--gold, #f0c040);color:#fff;padding:17px;border-radius:12px;font-size:var(--lp-body, 1rem);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;text-decoration:none}@media(max-width:767px){.lp-shade-quiz-lb-open .shade-quiz-lb__sheet{padding:18px 16px max(20px,env(safe-area-inset-bottom))}.lp-shade-quiz-lb-open .shade-quiz-lb__sheet--result,.lp-shade-quiz-lb-open .shade-quiz-lb__sheet:has(.shade-quiz-lb__step--result.is-active){height:100dvh;max-height:100dvh;padding-bottom:max(16px,env(safe-area-inset-bottom));overflow:hidden}.lp-shade-quiz-lb-open .shade-quiz-lb__title,.lp-shade-quiz-lb-open .shade-quiz-lb__legend{font-size:clamp(22px,5.5vw,24px);line-height:1.25}.lp-shade-quiz-lb-open .shade-quiz-lb__hint{font-size:max(14px,var(--lp-body-sm, .875rem));line-height:1.45}.lp-shade-quiz-lb-open .shade-quiz-lb__opt{align-items:center;gap:12px;padding:14px 16px;font-size:16px}.lp-shade-quiz-lb-open .shade-quiz-lb__opt-label{font-size:16px;line-height:1.4}.lp-shade-quiz-lb-open .shade-quiz-lb__nav{margin-top:16px;padding-top:16px}.lp-shade-quiz-lb-open .shade-quiz-lb__step-label{display:none}.shade-quiz-lb__body:has(.shade-quiz-lb__step--result.is-active){flex:1 1 auto;min-height:0;padding-bottom:0;overflow:hidden}.shade-quiz-lb__step--result.is-active{flex:1 1 auto;min-height:0;gap:8px;overflow:hidden}.shade-quiz-lb__step--result .shade-quiz-lb__result-title{font-size:clamp(22px,6vw,28px);line-height:1.15}.shade-quiz-lb__step--result .shade-quiz-lb__result-img-wrap{flex-shrink:1;min-height:0;width:100%;max-width:min(180px,52vw);max-height:min(26dvh,190px);aspect-ratio:3 / 4;margin-top:2px}.shade-quiz-lb__step--result .shade-quiz-lb__result-copy{flex-shrink:1;min-height:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:0}.shade-quiz-lb__step--result .shade-quiz-lb__result-variant{width:100%;height:100%;object-fit:cover;object-position:center}.shade-quiz-lb__step--result .shade-quiz-lb__result-cta.btn-gold{padding:14px 16px;min-height:44px;font-size:max(12px,var(--lp-body-sm, .875rem))}.shade-quiz-lb__step--result .shade-quiz-lb__result-more{margin-top:4px}}
/*# sourceMappingURL=/cdn/shop/t/303/assets/lp-quiz.css.map */