.quiz-modal{display:none}.quiz-modal.quiz--open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;background:#fff;overflow:hidden}.quiz__alpine-root{display:contents}.quiz__progress{position:absolute;top:0;left:0;width:100%;height:2px;background:#3819041a;z-index:10}.quiz__progress-fill{height:100%;background:#381904;transition:width .4s ease;will-change:width}@media(prefers-reduced-motion:reduce){.quiz__progress-fill{transition:none}}.quiz__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;margin-top:2px}.quiz__header-section{display:flex;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#00000080;font-family:var(--font-body-family, sans-serif)}.quiz__header-section-short{display:none}.quiz__header-logo{font-family:var(--font-heading-family, serif);font-size:18px;letter-spacing:.15em;text-transform:uppercase;text-align:center}.quiz__header-exit{text-align:right;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:none;border:none;padding:8px 0;font-family:var(--font-body-family, sans-serif);color:var(--color-foreground, #1a1a1a);text-decoration:underline;text-underline-offset:3px}.quiz__header-exit:hover{opacity:.6}.quiz__header--welcome{position:relative;display:flex;justify-content:space-between;align-items:center;height:auto;padding:28px 50px 24px}.quiz__header--welcome .quiz__header-section{font-family:Century Gothic Bold,Century Gothic,sans-serif;font-size:14px;font-weight:700;color:#381904a3;letter-spacing:-.13px;line-height:19px;text-transform:none;white-space:nowrap}.quiz__header-welcome-short{display:none}.quiz__header--welcome .quiz__header-logo{position:absolute;left:50%;top:28px;transform:translate(-50%);line-height:0;pointer-events:none}.quiz__header--welcome .quiz__header-exit{font-family:Century Gothic Bold,Century Gothic,sans-serif;font-size:14px;font-weight:700;color:#381904a3;letter-spacing:-.13px;line-height:19px;padding:0;text-decoration:none;text-transform:none}.quiz-modal ::-webkit-scrollbar{width:4px}.quiz-modal ::-webkit-scrollbar-track{background:#3819040a}.quiz-modal ::-webkit-scrollbar-thumb{background:#3819042e;border-radius:2px}.quiz-modal ::-webkit-scrollbar-thumb:hover{background:#38190452}.quiz-modal{scrollbar-width:thin;scrollbar-color:rgba(56,25,4,.18) rgba(56,25,4,.04)}.quiz__body{flex:1;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.quiz__media{position:relative;overflow:hidden;background:#f5f4f0}.quiz__media img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.quiz__steps{display:flex;overflow:hidden;min-height:0}.quiz__step{display:flex;flex:1;height:100%;min-height:0}.quiz__media-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f4f0,#e8e4dc)}.quiz__content{display:flex;flex-grow:1;flex-direction:column;padding:48px 56px;overflow-y:auto;max-height:100%}.quiz__content-body{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:0}.quiz__question-number{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:14px;font-weight:700;font-style:normal;line-height:19px;letter-spacing:-.13px;text-transform:uppercase;color:#381904b3;margin-bottom:12px}.quiz__input-group{margin-bottom:24px}.quiz__input-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#38190480;font-family:var(--font-body-family, sans-serif);margin-bottom:6px}.quiz__title{font-family:"Sweet Sans Pro",var(--font-heading-family, serif);font-size:32px;font-weight:500;font-style:normal;line-height:40px;letter-spacing:.8px;text-transform:uppercase;margin:0;color:#381904}.quiz__subtitle{font-family:Century Gothic Regular;color:#381904;font-size:15px;font-style:normal;font-weight:400;line-height:24px;margin-top:16px;margin-bottom:0}.quiz__hint{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#00000059;margin-top:16px}.quiz__hero-hint{display:flex;align-items:center;gap:10px;height:52px;padding:10px 14px 10px 16px;background:#38190408;border-left:2px solid #381904;margin-top:24px;margin-bottom:0;width:100%;box-sizing:border-box}.quiz__hero-hint-icon{width:18px;height:18px;border-radius:9px;background:#381904;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:#faf7f2;line-height:1;padding-top:1px}.quiz__hero-hint-text{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:12px;font-weight:400;font-style:normal;color:#381904;line-height:normal}.quiz-modal .quiz__input-text{width:100%;border:none!important;border-bottom:1px solid rgba(56,25,4,.25)!important;border-radius:0!important;padding:10px 0;font-size:20px;font-family:var(--font-heading-family, serif);background:transparent!important;box-shadow:none!important;outline:none;color:#381904}.quiz-modal .quiz__input-text::placeholder{color:#3819044d}.quiz-modal .quiz__input-text:focus{border-bottom-color:#381904!important;box-shadow:none!important;outline:none}.quiz__input-textarea{width:100%;border:1px solid rgba(0,0,0,.15);padding:14px;font-size:16px;font-family:var(--font-body-family, sans-serif);background:transparent;outline:none;resize:vertical;min-height:120px;color:var(--color-foreground, #1a1a1a)}.quiz__input-textarea:focus{border-color:#381904}.quiz__press-enter{font-size:11px;color:#00000059;margin-top:8px;letter-spacing:.06em}.quiz__slider-wrap{position:relative}.quiz__slider-value{display:flex;align-items:flex-end;gap:4px;margin-bottom:24px;line-height:1}.quiz__slider-value__num{font-family:"Cormorant Garamond",var(--font-heading-family, serif);font-weight:300;font-size:88px;line-height:1;letter-spacing:-4.8px;color:#381904}.quiz__slider-value__denom{font-family:"Cormorant Garamond",var(--font-heading-family, serif);font-weight:300;font-size:32px;line-height:1;color:#38190466;padding-bottom:10px}.quiz__slider-track-container{position:relative;height:38px;margin-bottom:2px}.quiz__slider-track-bg{position:absolute;left:0;right:0;top:14px;height:1px;background:#3819041a}.quiz__slider-track-fill{position:absolute;left:0;top:13px;height:3px;background:#381904;transition:width 80ms ease}.quiz__slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;pointer-events:none}.quiz__slider-tick-line{flex-shrink:0;transition:background 80ms ease,height 80ms ease}.quiz__slider-thumb{position:absolute;top:4px;width:20px;height:20px;background:#fff;border:4px solid #381904;box-shadow:0 0 0 1px #381904,0 6px 16px #38190429;pointer-events:none;transition:left 80ms ease;box-sizing:border-box}input[type=range].quiz__range{-webkit-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;z-index:2}input[type=range].quiz__range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:38px;background:transparent}input[type=range].quiz__range::-moz-range-thumb{width:24px;height:38px;border:none;background:transparent}.quiz__slider-numbers{display:flex;justify-content:space-between;padding-bottom:20px}.quiz__slider-number{font-family:var(--font-body-family, sans-serif);font-size:11px;line-height:normal;color:#8a7e70;width:20px;text-align:center;cursor:pointer}.quiz__slider-number.is-active{color:#2b2420}.quiz__slider-number:first-child,.quiz__slider-number:last-child{width:auto}.quiz__slider-zones{display:grid;grid-template-columns:4fr 3fr 3fr}.quiz__slider-zone{position:relative;padding:16px;border-right:1px solid rgba(56,25,4,.1);display:flex;flex-direction:column;gap:4px}.quiz__slider-zone:last-child{border-right:none}.quiz__slider-zone:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:transparent;transition:background .15s ease}.quiz__slider-zone.is-active:before{background:#381904}.quiz__slider-zone-name{font-family:var(--font-body-family, sans-serif);font-size:10px;letter-spacing:-.13px;text-transform:uppercase;color:#38190466;line-height:12px}.quiz__slider-zone.is-active .quiz__slider-zone-name{color:#381904}.quiz__slider-zone-range{font-family:var(--font-body-family, sans-serif);font-size:10px;letter-spacing:-.13px;text-transform:uppercase;color:#38190466;line-height:12px}.quiz__slider-zone.is-active .quiz__slider-zone-range{color:#381904cc}.quiz__options{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 300px);overflow-y:auto;margin-top:36px}.quiz__option{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:14px 21px;border:1px solid rgba(56,25,4,.16);border-radius:1px;cursor:pointer;transition:border-color .15s;gap:12px}.quiz__option:hover{border-color:#381904}.quiz__option.is-selected{border-color:#381904;border-width:1px}.quiz__option-label{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:15px;font-weight:400;font-style:normal;line-height:24px;letter-spacing:-.14px;color:#381904}.quiz__option-check{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.quiz__option-check svg{width:14px;height:14px;stroke:#381904;display:none}.quiz__option.is-selected .quiz__option-check svg{display:block}[role=radiogroup] .quiz__option-check{position:relative;border:none;background:transparent;opacity:0;transition:opacity .15s}[role=radiogroup] .quiz__option.is-selected .quiz__option-check{opacity:1}[role=radiogroup] .quiz__option-check svg{display:none!important}[role=radiogroup] .quiz__option-check:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#381904;border:1px solid #381904;box-sizing:border-box}[role=radiogroup] .quiz__option-check:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff}.quiz__multi-hint{display:none}.quiz__visual-options{display:flex;flex-direction:column;gap:10px}.quiz__visual-option{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:border-color .15s}.quiz__visual-option:hover{border-color:var(--color-foreground, #1a1a1a)}.quiz__visual-option.is-selected{border-color:var(--color-foreground, #1a1a1a);border-width:2px}.quiz__swatch-disc{width:36px;height:36px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.quiz__audio-icon{width:36px;height:36px;border:1px solid rgba(0,0,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz__audio-icon svg{width:14px;height:14px;fill:var(--color-foreground, #1a1a1a)}.quiz__waveform{flex:1;height:24px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 6px);border-radius:2px}.quiz__visual-label{font-size:15px;font-family:var(--font-body-family, sans-serif);color:var(--color-foreground, #1a1a1a)}.quiz__melody-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.quiz__melody-name{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0006;font-family:var(--font-body-family, sans-serif)}.quiz__visual-check{width:20px;height:20px;border:1px solid rgba(0,0,0,.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:background .15s,border-color .15s}.quiz__visual-option.is-selected .quiz__visual-check{background:var(--color-foreground, #1a1a1a);border-color:var(--color-foreground, #1a1a1a)}.quiz__visual-check svg{width:12px;height:12px;stroke:#fff;display:none}.quiz__visual-option.is-selected .quiz__visual-check svg{display:block}.quiz__footer{display:flex;align-items:center;justify-content:space-between;padding-top:32px;margin-top:auto;flex-shrink:0}.quiz__btn-back{background:none;border:none;padding:20px 16px 16px 0;font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:14px;letter-spacing:-.13px;color:#381904;cursor:pointer;text-decoration:none}.quiz__btn-back:hover{opacity:.6}.quiz__btn-back:disabled{opacity:.3;cursor:default}.quiz__btn-continue{display:flex;width:248px;min-height:52px;padding:14px 0 12px;justify-content:center;align-items:center;flex-shrink:0;background:#381904;color:#fff;border:1px solid #381904;border-radius:1px;font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:20px;letter-spacing:-.1px;text-align:center;cursor:pointer;transition:opacity .15s}.quiz__btn-continue:hover{opacity:.8}.quiz__btn-continue:disabled{opacity:.3;cursor:not-allowed}.quiz__success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:48px}.quiz__success-title{font-family:var(--font-heading-family, serif);font-size:32px;margin-bottom:16px}.quiz__success-text{font-size:15px;color:#0000008c;line-height:1.6;max-width:360px}.quiz__welcome-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#381904;font-weight:600;margin-bottom:20px;font-family:var(--font-body-family, sans-serif)}.quiz__title--welcome{font-size:56px;line-height:1.05;margin-bottom:24px}.quiz__subtitle--welcome{font-size:15px;line-height:1.7;font-weight:400;margin-bottom:20px}.quiz__subtitle--welcome strong{font-weight:700}.quiz__welcome-divider{border:none;border-top:1px solid rgba(56,25,4,.15);margin:0 0 20px;width:48px}@media screen and (max-width:768px){.quiz__title--welcome{font-size:36px}}.quiz__contact-fields{display:flex;flex-direction:column;margin-top:8px}.quiz__consent{display:flex;flex-direction:column;gap:12px}.quiz__consent-item{display:flex;align-items:center;gap:12px;cursor:pointer}.quiz-modal .quiz__consent-checkbox-native{position:absolute!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important;margin:0!important;padding:0!important}.quiz__consent-box{width:20px;height:20px;min-width:20px;flex-shrink:0;border:1.5px solid #381904;background:transparent;border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center}.quiz__consent-box.is-checked{background:#381904}.quiz__consent-box svg{width:10px;height:10px;display:none}.quiz__consent-box.is-checked svg{display:block}.quiz__consent-label{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:14px;font-weight:400;color:#381904;line-height:20px}.quiz__consent-disclaimer{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:12px;color:#38190480;line-height:18px;margin-top:4px}@media screen and (max-width:768px){.quiz-modal.quiz--open{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.quiz__header{position:sticky;top:0;z-index:10;background:#fff;padding:0 16px;height:auto;min-height:48px;border-bottom:1px solid rgba(0,0,0,.08)}.quiz__body{grid-template-columns:1fr;overflow:visible;height:auto;flex:none}.quiz__media{display:block;height:340px;flex-shrink:0}.quiz__steps{overflow:visible;height:auto;min-height:0}.quiz__step{height:auto;min-height:0}.quiz__content{padding:24px 16px;overflow-y:visible;max-height:none}.quiz__content-body{justify-content:flex-start}.quiz__footer{position:static;margin-top:0;padding-top:20px;padding-bottom:32px}.quiz__btn-continue{width:220px}.quiz__header-section{font-family:Century Gothic SemiBold,Century Gothic Bold,sans-serif;font-size:12px;font-weight:700;letter-spacing:-.13px;color:#381904a3}.quiz__header-exit{font-size:12px;font-weight:700;letter-spacing:-.13px;color:#381904a3}.quiz__title{font-size:24px;line-height:32px}.quiz__title--welcome{font-size:36px;line-height:1.1}.quiz__options{max-height:none;overflow-y:visible}.quiz__header--welcome{padding:16px}.quiz__header--welcome .quiz__header-logo{top:50%;left:calc(50% + .5px);transform:translate(-50%,-50%)}.quiz__header--welcome .quiz__header-logo svg{width:65px;height:20px}.quiz__header--welcome .quiz__header-welcome-full{display:none}.quiz__header--welcome .quiz__header-welcome-short{display:inline}.quiz__header-section-full{display:none}.quiz__header-section-short{display:inline}.quiz__header--welcome .quiz__header-section,.quiz__header--welcome .quiz__header-exit{font-size:12px}}.quiz__btn-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:quiz-spin .7s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/quiz.css.map */