.quiz-sec{padding:var(--space-10) 0;overflow:hidden}@media(max-width:700px){.quiz-sec{padding:var(--space-9) 0}}.quiz-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--tint, transparent);opacity:0;transition:opacity .6s var(--ease-breath);pointer-events:none}.quiz-tint.on{opacity:.07}.quiz-head{text-align:center;max-width:720px}.quiz-title{font-size:clamp(34px,6vw,72px);font-weight:300;letter-spacing:var(--tr-display);line-height:1.04;margin:16px 0 14px}.quiz-intro{font-size:var(--t-body-l);color:var(--fg-2);line-height:var(--lh-loose);max-width:46ch;margin:0 auto}.states{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:var(--space-8) auto 0;max-width:1000px}.states.has-selection .state:not(.is-active){opacity:.34}.state{position:relative;background:transparent;border:0;cursor:pointer;padding:6px 2px;font-family:var(--font-sans);font-weight:300;font-size:clamp(26px,3.4vw,44px);letter-spacing:var(--tr-h);line-height:1;color:var(--fg-1);transition:opacity .28s var(--ease-breath)}.state:after{content:"";position:absolute;left:2px;right:2px;bottom:-2px;height:.75px;background:var(--fg-1);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease-breath)}.state:hover:after,.state.is-active:after{transform:scaleX(1)}.state.is-active{font-weight:400}.state__feel{display:block;font-family:var(--font-sans);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-top:6px;opacity:0;transition:opacity .24s var(--ease-breath)}.state:hover .state__feel,.state.is-active .state__feel{opacity:1}.reco{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .56s var(--ease-breath),opacity .48s var(--ease-breath),margin .56s var(--ease-breath)}.reco.show{max-height:1200px;opacity:1;margin-top:var(--space-9)}@media(max-width:820px){.reco{grid-template-columns:1fr;gap:28px}.reco.show{margin-top:var(--space-8)}}.reco__img{aspect-ratio:4/5;border:.5px solid var(--border-1);overflow:hidden;background:var(--bg-3)}.reco__img img{width:100%;height:100%;object-fit:cover}.reco__name{font-size:clamp(30px,4vw,48px);font-weight:300;letter-spacing:var(--tr-h);margin:10px 0 0}.reco__name em{font-style:italic}.reco__phrase{font-style:italic;font-size:var(--t-body-l);color:var(--fg-1);margin:14px 0 0;max-width:40ch}.reco__family{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.reco__family span{font-family:var(--font-sans);font-weight:500;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2);border:.5px solid var(--border-1);padding:6px 12px}.reco__use{font-size:14px;color:var(--fg-2);line-height:1.6;margin:16px 0 0;max-width:44ch}.reco__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--space-5);align-items:stretch}.reco__cta,.page .reco__cta{background:var(--cta);color:var(--ivory);border:1px solid var(--cta)}.reco__cta:hover{opacity:.9}.reco__audio,.page .reco__audio{background:transparent;color:var(--fg-1);border:1px solid var(--fg-1)}.reco__audio:hover{background:#1111110f}.reco__cap-rule{height:.5px;background:var(--border-1);margin:var(--space-6) 0 var(--space-5)}.reco__cap-form label{display:block;font-size:14px;color:var(--fg-1);margin-bottom:12px}.reco__cap-row{display:flex;gap:8px;max-width:460px}.reco__cap-row input{flex:1;height:48px;border:.5px solid var(--border-1);background:var(--bg-2);border-radius:var(--radius-1);padding:0 16px;font-family:var(--font-sans);font-weight:300;font-size:14px;color:var(--fg-1)}.reco__cap-row input::placeholder{color:var(--fg-3)}.reco__cap-note{display:block;margin-top:10px;font-family:var(--font-sans);font-size:10px;letter-spacing:.04em;color:var(--fg-3)}.reco__cap-ok{font-size:14px;color:var(--fg-1)}.reco__cap-ok b{font-weight:500}.quiz-foot{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:var(--space-8);text-align:center}.quiz-help{font-style:italic;color:var(--fg-2);font-size:15px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-mitt-quiz.css.map */