.mtl-quiz{--q-ink: #1a1a1a;--q-body: #555555;--q-muted: rgba(0, 0, 0, .5);--q-line: rgba(0, 0, 0, .12);--q-gold: #d6a05f;--q-tint: #f6f3ee;--q-radius: 14px;padding:32px 20px 64px;box-sizing:border-box;min-height:72vh}.mtl-quiz *,.mtl-quiz *:before,.mtl-quiz *:after{box-sizing:border-box}.mtl-quiz__shell{max-width:640px;margin:0 auto}.mtl-quiz__hidden-form{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mtl-quiz__top{display:flex;align-items:center;gap:14px;min-height:36px;margin-bottom:28px}.mtl-quiz__back{display:inline-flex;align-items:center;gap:4px;padding:6px 8px 6px 2px;background:none;border:0;color:var(--q-body);font:inherit;font-size:14px;cursor:pointer}.mtl-quiz__back:hover{color:var(--q-ink)}.mtl-quiz [hidden]{display:none!important}.mtl-quiz__progress{flex:1;height:3px;background:var(--q-line);border-radius:3px;overflow:hidden}.mtl-quiz__progress span{display:block;height:100%;width:0;background:var(--q-gold);transition:width .35s ease}.mtl-quiz__screen{animation:mtlQuizIn .3s ease both}@keyframes mtlQuizIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mtl-quiz__screen{animation:none}.mtl-quiz__progress span{transition:none}}.mtl-quiz__eyebrow{display:block;margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--q-ink)}.mtl-quiz__rule{display:block;width:48px;height:2px;background:var(--q-gold);border-radius:2px;margin:0 0 18px}.mtl-quiz__lead{font-size:clamp(24px,4.6vw,32px);font-weight:500;line-height:1.2;color:var(--q-ink);margin:0 0 8px;outline:none}.mtl-quiz__sub{font-size:15px;color:var(--q-body);margin:0 0 4px}.mtl-quiz__options{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.mtl-quiz__option{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:15px 18px;text-align:left;font:inherit;font-size:16px;line-height:1.4;color:var(--q-ink);background:#fff;border:1px solid var(--q-line);border-radius:12px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.mtl-quiz__option:hover{border-color:var(--q-ink)}.mtl-quiz__option:focus-visible,.mtl-quiz__btn:focus-visible,.mtl-quiz__input:focus-visible,.mtl-quiz__back:focus-visible,.mtl-quiz__link:focus-visible{outline:2px solid var(--q-gold);outline-offset:2px}.mtl-quiz__option[aria-pressed=true]{background:var(--q-ink);border-color:var(--q-ink);color:#fff}.mtl-quiz__check{flex:0 0 20px;width:20px;height:20px;border:1.5px solid var(--q-line);border-radius:5px;display:inline-flex;align-items:center;justify-content:center}.mtl-quiz__option[aria-pressed=true] .mtl-quiz__check{border-color:#fff}.mtl-quiz__check svg{opacity:0}.mtl-quiz__option[aria-pressed=true] .mtl-quiz__check svg{opacity:1}.mtl-quiz__free{margin-top:22px;padding-top:20px;border-top:1px solid var(--q-line)}.mtl-quiz__free label{display:block;font-size:15px;color:var(--q-body);margin:0 0 10px}.mtl-quiz__row{display:flex;gap:8px}.mtl-quiz__input{flex:1;min-width:0;min-height:50px;padding:12px 16px;font:inherit;font-size:16px;color:var(--q-ink);background:#fff;border:1px solid var(--q-line);border-radius:10px}.mtl-quiz__input:focus{border-color:var(--q-ink);outline:none}.mtl-quiz__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--q-ink);border:1px solid var(--q-ink);border-radius:10px;cursor:pointer;text-decoration:none}.mtl-quiz__btn[disabled]{opacity:.35;cursor:default}.mtl-quiz__btn--block{width:100%;margin-top:18px}.mtl-quiz__gate{text-align:left}.mtl-quiz__gate form{margin-top:22px}.mtl-quiz__gate .mtl-quiz__btn{width:100%;margin-top:10px}.mtl-quiz__reassure{font-size:14px;color:var(--q-muted);margin:12px 0 0}.mtl-quiz__error{font-size:14px;color:#b3261e;margin:8px 0 0}.mtl-quiz__echo{font-size:15px;color:var(--q-body);margin:6px 0 0;line-height:1.5}.mtl-quiz__echo q{color:var(--q-ink)}.mtl-quiz__body{font-size:16px;color:var(--q-body);line-height:1.6;margin:10px 0 0}.mtl-quiz__note{font-size:14px;color:var(--q-body);background:var(--q-tint);border-radius:10px;padding:10px 14px;margin:14px 0 0}.mtl-quiz__card{margin-top:26px;border:1px solid var(--q-line);border-radius:var(--q-radius);overflow:hidden;background:#fff}.mtl-quiz__hero{position:relative;display:block;aspect-ratio:3 / 2;background:#e9e6e1;overflow:hidden}.mtl-quiz__hero img{width:100%;height:100%;object-fit:cover;display:block}.mtl-quiz__hero-cap{position:absolute;left:0;right:0;bottom:0;padding:32px 18px 16px;background:linear-gradient(transparent,#0000008c);color:#fff;font-size:22px;font-weight:600;line-height:1.2}.mtl-quiz__peek{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.mtl-quiz__peek a{display:block;color:var(--q-ink);text-decoration:none;min-width:0}.mtl-quiz__peek-img{aspect-ratio:1;border-radius:8px;background:#f2f2f2;overflow:hidden}.mtl-quiz__peek-img img{width:100%;height:100%;object-fit:cover;display:block}.mtl-quiz__peek-title{font-size:13px;line-height:1.3;margin:8px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mtl-quiz__peek-price{font-size:13px;color:var(--q-body)}.mtl-quiz__card-foot{padding:0 14px 14px}.mtl-quiz__card-foot .mtl-quiz__btn{width:100%}.mtl-quiz__secondary{margin-top:26px}.mtl-quiz__secondary-label{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--q-muted);margin:0 0 10px}.mtl-quiz__mini{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--q-line);border-radius:12px;color:var(--q-ink);text-decoration:none;background:#fff}.mtl-quiz__mini:hover{border-color:var(--q-ink)}.mtl-quiz__mini-img{flex:0 0 72px;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#f2f2f2}.mtl-quiz__mini-img img{width:100%;height:100%;object-fit:cover;display:block}.mtl-quiz__mini-title{font-size:16px;font-weight:600}.mtl-quiz__mini-sub{font-size:13px;color:var(--q-body);margin-top:2px}.mtl-quiz__foot{margin-top:30px;text-align:center}.mtl-quiz__link{background:none;border:0;padding:6px;font:inherit;font-size:14px;color:var(--q-body);text-decoration:underline;cursor:pointer}@media(min-width:750px){.mtl-quiz{padding:56px 28px 88px}.mtl-quiz__options{gap:12px}.mtl-quiz__peek{gap:14px;padding:16px}.mtl-quiz__card-foot{padding:0 16px 16px}}@media(max-width:480px){.mtl-quiz__row{flex-direction:column}.mtl-quiz__peek-title{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mtl-quiz.css.map */