.mh-quiz{position:relative;padding-top:var(--quiz-padding-top, 64px);padding-bottom:var(--quiz-padding-bottom, 96px);overflow:hidden}.mh-quiz:before{content:"";position:absolute;inset:-10% auto auto 50%;transform:translate(-50%);width:min(72rem,92vw);height:min(48rem,60vw);background:radial-gradient(circle at 50% 30%,rgba(var(--mh-brand),.06),rgba(var(--mh-star),.045) 42%,transparent 70%);pointer-events:none;z-index:0}.mh-quiz__inner{position:relative;z-index:1;max-width:66rem;margin:0 auto}.mh-quiz__card{padding:2.8rem 2rem 2.6rem;border-radius:var(--mh-radius-xl)}@media(min-width:750px){.mh-quiz__card{padding:4.4rem 4.4rem 3.6rem}}.mh-quiz__header{text-align:center;margin-bottom:2.8rem}.mh-quiz__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);font-size:clamp(2.6rem,1.9rem + 2vw,3.6rem);line-height:1.08;letter-spacing:var(--mh-tracking-display);color:rgb(var(--mh-ink));text-wrap:balance}.mh-quiz__subheading{margin:0 auto;max-width:44rem;font-size:clamp(1.5rem,1.4rem + .3vw,1.65rem);line-height:1.55;color:rgb(var(--mh-ink-muted));text-wrap:pretty}.mh-quiz__meter{margin-bottom:2.6rem}.mh-quiz__progress{position:relative;height:.6rem;background-color:rgb(var(--mh-bg));border:1px solid rgb(var(--mh-border));border-radius:var(--mh-radius-pill);overflow:hidden}.mh-quiz__progress-bar{position:absolute;top:0;right:100%;bottom:0;left:0;background-image:linear-gradient(90deg,rgb(var(--mh-brand)),rgb(var(--mh-brand-deep)));border-radius:var(--mh-radius-pill);box-shadow:0 0 0 1px rgba(var(--mh-brand-deep),.18) inset;transition:right var(--mh-dur) var(--mh-ease)}.mh-quiz__step-count{margin:1rem 0 0;text-align:center;font-size:1.15rem;font-weight:600;color:rgb(var(--mh-ink-muted));letter-spacing:.12em;text-transform:uppercase}.mh-quiz__steps{display:block;min-height:28rem}.mh-quiz__step{display:none}.mh-quiz__step.is-active{display:block;animation:mhQuizStepIn var(--mh-dur) var(--mh-ease)}@keyframes mhQuizStepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mh-quiz__question{margin:0 0 2.2rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);font-size:clamp(2rem,1.6rem + 1.2vw,2.4rem);line-height:1.2;text-align:center;color:rgb(var(--mh-ink));text-wrap:balance}.mh-quiz__options{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:600px){.mh-quiz__options{grid-template-columns:repeat(2,1fr);gap:1.2rem}}.mh-quiz__option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:5.4rem;padding:1.4rem 1.8rem;background-color:rgb(var(--mh-bg));border:1.5px solid rgb(var(--mh-border));border-radius:var(--mh-radius-md);font-size:1.55rem;font-weight:500;color:rgb(var(--mh-ink));cursor:pointer;text-align:left;transition:border-color var(--mh-dur-fast) var(--mh-ease),background-color var(--mh-dur-fast) var(--mh-ease),box-shadow var(--mh-dur-fast) var(--mh-ease),transform var(--mh-dur-fast) var(--mh-ease)}.mh-quiz__option-label{flex:1 1 auto}@media(hover:hover){.mh-quiz__option:hover{border-color:rgb(var(--mh-brand));box-shadow:var(--mh-shadow-sm);transform:translateY(-2px)}}.mh-quiz__option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mh-quiz__option:has(input:focus-visible){outline:2px solid rgb(var(--mh-brand));outline-offset:2px}.mh-quiz__check{position:relative;flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:var(--mh-radius-pill);border:1.5px solid rgb(var(--mh-border));background-color:rgb(var(--mh-bg-elevated));transition:border-color var(--mh-dur-fast) var(--mh-ease),background-color var(--mh-dur-fast) var(--mh-ease)}.mh-quiz__check:after{content:"";position:absolute;top:48%;left:50%;width:.55rem;height:1rem;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-55%) rotate(45deg) scale(.4);opacity:0;transition:opacity var(--mh-dur-fast) var(--mh-ease),transform var(--mh-dur-fast) var(--mh-ease)}.mh-quiz__option:has(input:checked){border-color:rgb(var(--mh-brand));background-color:rgba(var(--mh-brand),.07);box-shadow:var(--mh-shadow-sm)}.mh-quiz__option:has(input:checked) .mh-quiz__option-label{color:rgb(var(--mh-brand-deep));font-weight:600}.mh-quiz__option:has(input:checked) .mh-quiz__check{border-color:rgb(var(--mh-brand));background-color:rgb(var(--mh-brand))}.mh-quiz__option:has(input:checked) .mh-quiz__check:after{opacity:1;transform:translate(-50%,-55%) rotate(45deg) scale(1)}.mh-quiz__nav{display:flex;align-items:center;gap:1.2rem;margin-top:3.2rem;flex-wrap:wrap}.mh-quiz__back{min-width:9rem;min-height:4.8rem;order:1}.mh-quiz__skip{order:2;margin-left:auto;margin-right:.4rem;min-height:4.4rem;padding:0 .4rem;background:none;border:0;font-size:1.35rem;font-weight:500;color:rgb(var(--mh-ink-muted));cursor:pointer;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:1px;transition:color var(--mh-dur-fast) var(--mh-ease)}.mh-quiz__skip:hover{color:rgb(var(--mh-brand))}.mh-quiz__next{order:3;min-width:14rem;min-height:4.8rem}.mh-quiz__back[hidden]{display:none}@media(max-width:479px){.mh-quiz__nav{gap:.8rem}.mh-quiz__next{flex:1 1 100%;order:4}.mh-quiz__skip{order:3}}@media(prefers-reduced-motion:reduce){.mh-quiz__step.is-active{animation:none}.mh-quiz__progress-bar,.mh-quiz__option,.mh-quiz__check,.mh-quiz__check:after,.mh-quiz__skip{transition:none}.mh-quiz__option:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-diet-finder.css.map */