.mp-quiz{--mp-bg: #f7f5f0;--mp-surface: #ffffff;--mp-ink: #193233;--mp-muted: #204748;--mp-line: rgba(0, 0, 0, .1);--mp-line-strong: rgba(0, 0, 0, .18);--mp-accent: #204748;--mp-accent-ink: #ffffff;--mp-accent-soft: #e8efe9;--mp-radius-lg: 24px;--mp-radius-md: 16px;--mp-radius-sm: 12px;--mp-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.05);--mp-trans: .22s cubic-bezier(.2,.7,.2,1);color:var(--mp-ink);padding:15px 20px;min-height:100vh;font-family:var(--font-paragraph--family);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap}.mp-quiz *,.mp-quiz *:before,.mp-quiz *:after{box-sizing:border-box}.mp-quiz__inner{max-width:720px;margin:0 auto;height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.mp-quiz__progress{margin-bottom:20px;width:100%}.mp-quiz__progress-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;font-size:13px;color:var(--mp-muted);letter-spacing:.02em}.mp-quiz_logo{display:flex;justify-content:center;flex-grow:1}.mp-quiz_logo img{width:120px}.mp-quiz__step-count{font-weight:600;color:var(--mp-ink);text-transform:uppercase;font-size:12px;letter-spacing:.08em;flex-grow:1}.mp-quiz__progress-note{text-align:right;flex-grow:1}.mp-quiz__progress-track{height:6px;border-radius:999px;background:#c5e86c;overflow:hidden}.mp-quiz__progress-fill{height:100%;width:0;background:var(--mp-accent);border-radius:inherit;transition:width var(--mp-trans)}.mp-quiz__progress-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mp-quiz__form{margin:0}.mp-quiz__slides{position:relative}.mp-quiz__slide{background:var(--mp-surface);border:1px solid var(--mp-line);border-radius:var(--mp-radius-lg);padding:40px;box-shadow:var(--mp-shadow);animation:mp-fade-in var(--mp-trans)}@keyframes mp-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mp-quiz__slide--loading{text-align:center;color:var(--mp-muted)}.mp-quiz__loading{margin:0;font-size:14px}.mp-quiz__eyebrow{display:inline-block;margin:0 0 14px;background:var(--mp-accent-soft);color:var(--mp-accent);text-transform:uppercase;padding:14px 25px;font-size:16px;font-weight:700;text-decoration:none;border-radius:999px;transition:all .3s ease;border:1px solid;line-height:100%;text-align:center}.mp-quiz__title{margin:0 0 12px;font-size:38px;line-height:110%;font-weight:600;width:100%}.mp-quiz__question{margin:0 0 30px;font-size:44px;line-height:110%;font-weight:600;width:100%}.mp-quiz__subhead{margin:0 0 24px;font-size:16px;line-height:1.55;color:var(--mp-muted)}.mp-quiz__instruction{margin:0 0 20px;font-size:13px;font-weight:600;color:var(--mp-ink)}.mp-quiz__microcopy{margin:0 0 20px;font-size:13px;color:var(--mp-muted);font-weight:400}.mp-quiz__body{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--mp-ink)}.mp-quiz__bullets{margin:20px 0 34px;padding:0;list-style:none;display:grid;gap:20px}.mp-quiz__bullets li{position:relative;padding-left:26px;color:var(--mp-ink);font-size:16px;line-height:130%;font-weight:400}.mp-quiz__bullets li:before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;background:var(--mp-accent-soft);border:2px solid var(--mp-accent)}.mp-quiz__answers{display:grid;gap:20px;margin:0 0 35px;overflow:scroll}.mp-quiz__answer{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:14px 18px;text-align:left;font-size:16px;line-height:1.4;color:var(--mp-ink);background:var(--mp-surface);border:1px solid var(--mp-line-strong);border-radius:var(--mp-radius-md);cursor:pointer;font-family:inherit;transition:border-color var(--mp-trans),background var(--mp-trans),box-shadow var(--mp-trans),transform var(--mp-trans)}.mp-quiz__answer:hover{border-color:var(--mp-accent);background:#fafafa}.mp-quiz__answer:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.mp-quiz__answer:active{transform:scale(.995)}.mp-quiz__answer[aria-pressed=true],.mp-quiz__answer[aria-checked=true]{border-color:var(--mp-accent);background:var(--mp-accent-soft);box-shadow:inset 0 0 0 1px var(--mp-accent)}.mp-quiz__answer-indicator{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--mp-line-strong);background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--mp-trans),background var(--mp-trans)}.mp-quiz__answer--single .mp-quiz__answer-indicator{border-radius:50%}.mp-quiz__answer[aria-pressed=true] .mp-quiz__answer-indicator,.mp-quiz__answer[aria-checked=true] .mp-quiz__answer-indicator{background:var(--mp-accent);border-color:var(--mp-accent)}.mp-quiz__answer-indicator svg{width:12px;height:12px;color:var(--mp-accent-ink);opacity:0;transition:opacity var(--mp-trans)}.mp-quiz__answer[aria-pressed=true] .mp-quiz__answer-indicator svg,.mp-quiz__answer[aria-checked=true] .mp-quiz__answer-indicator svg{opacity:1}.mp-quiz__answer-text{flex:1}.mp-quiz__edu-blocks{display:grid;gap:16px;margin:8px 0 24px}.mp-quiz__edu-block{padding:18px 20px;border-radius:var(--mp-radius-md);background:var(--mp-accent-soft)}.mp-quiz__edu-block h3{margin:0 0 6px;font-size:16px;font-weight:700}.mp-quiz__edu-block p{margin:0;color:var(--mp-ink);font-size:16px;line-height:130%;font-weight:400}.mp-quiz__steps{counter-reset:mp-step;list-style:none;margin:12px 0 20px;padding:0;display:grid;gap:12px}.mp-quiz__steps li{counter-increment:mp-step;position:relative;padding:14px 16px 14px 52px;background:#fafafa;border-radius:var(--mp-radius-md);font-size:15px;line-height:1.5}.mp-quiz__steps li:before{content:counter(mp-step);position:absolute;top:14px;left:14px;width:28px;height:28px;border-radius:50%;background:var(--mp-accent);color:var(--mp-accent-ink);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.mp-quiz__usage{margin:8px 0 24px;padding:14px 16px;border-left:3px solid var(--mp-accent);background:var(--mp-accent-soft);font-size:14px;line-height:1.5;border-radius:0 var(--mp-radius-sm) var(--mp-radius-sm) 0}.mp-quiz__proof{margin:16px 0 24px;font-size:12px;color:var(--mp-muted);letter-spacing:.04em;text-transform:uppercase}.mp-quiz__email-field{display:grid;gap:6px;margin:8px 0 12px;min-height:150px}.mp-quiz__email-label{font-size:13px;font-weight:600;color:var(--mp-ink)}.mp-quiz__email-input{width:100%;min-height:54px;color:var(--mp-ink);background:#fff;border:1.5px solid var(--mp-line-strong);font-family:inherit;transition:border-color var(--mp-trans),box-shadow var(--mp-trans);border-radius:100px;border:1px solid #ffffff;padding:12px 20px;font-size:16px;line-height:110%;font-weight:400}.mp-quiz__email-input:focus{outline:none;border-color:var(--mp-accent);box-shadow:0 0 0 3px #1f3a2e26}.mp-quiz__consent{margin:20px 0 0;font-size:12px;line-height:1.5;color:var(--mp-muted);text-align:center}.mp-quiz__consent_{margin:0;font-size:12px;line-height:1.5;color:var(--mp-muted);text-align:center}.mp-quiz__consent a{color:var(--mp-ink);text-decoration:underline}.mp-quiz__welcome-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin-top:24px}.mp-quiz__secondary-link{display:inline-block;text-align:center;font-size:13px;color:var(--mp-muted);text-decoration:underline}.mp-quiz__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}.mp-quiz__actions--right{justify-content:flex-end}.mp-button{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;border-radius:999px;border:1.5px solid transparent;cursor:pointer;text-align:center;display:block;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;border:1px solid;line-height:100%}.mp-button:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.mp-button:active{transform:scale(.98)}.mp-button--primary{background:var(--mp-accent);color:var(--mp-accent-ink);border-color:var(--mp-accent)}.mp-button--primary:hover{background:transparent;color:var(--mp-accent)}.mp-button--primary[disabled],.mp-button--primary[aria-disabled=true]{opacity:.45;cursor:not-allowed}.mp-button--ghost{background:transparent;color:var(--mp-ink);border-color:var(--mp-line-strong)}.mp-button--ghost:hover{background:#fafafa;border-color:var(--mp-ink)}.mp-button--block{width:100%}.mp-quiz__error{margin-top:14px;padding:12px 14px;border-radius:var(--mp-radius-sm);background:#fdecec;color:#8a1f1f;font-size:14px}.mp-quiz__result{margin-top:8px;animation:mp-fade-in var(--mp-trans)}.mp-result-card{background:var(--mp-surface);border:1px solid var(--mp-line);border-radius:var(--mp-radius-lg);padding:40px;box-shadow:var(--mp-shadow)}.mp-result-card__eyebrow{display:inline-block;margin:0 0 14px;padding:4px 10px;border-radius:999px;background:var(--mp-accent-soft);color:var(--mp-accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.mp-result-card__title{margin:0 0 12px;font-size:clamp(26px,3.6vw,34px);line-height:1.15;letter-spacing:-.015em;font-weight:600}.mp-result-card__subhead{margin:0 0 24px;font-size:16px;line-height:1.55;color:var(--mp-muted)}.mp-result-card__body{font-size:15px;line-height:1.6;color:var(--mp-ink)}.mp-result-card__body>p{margin:0 0 14px}.mp-result-card__steps{display:grid;gap:14px;margin:20px 0 8px}.mp-result-card__step{padding:18px 20px;border-radius:var(--mp-radius-md);background:#fafafa;border:1px solid var(--mp-line)}.mp-result-card__step h3{margin:0 0 6px;font-size:15px;font-weight:700}.mp-result-card__step p{margin:0;font-size:14px;line-height:1.55;color:var(--mp-muted)}.mp-result-card__recommendation{margin-top:28px;padding:24px;border-radius:var(--mp-radius-lg);background:var(--mp-accent-soft);border:1px solid rgba(31,58,46,.18)}.mp-result-card__label{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mp-accent)}.mp-result-card__product-name{margin:0 0 6px;font-size:20px;line-height:1.2;font-weight:600}.mp-result-card__product-desc{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--mp-muted)}.mp-result-card__discount-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.mp-result-card__discount-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--mp-accent);color:var(--mp-accent-ink);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mp-result-card__discount{font-size:14px;color:var(--mp-ink)}.mp-result-card__button{width:100%}.mp-result-card__cta-helper{margin:10px 0 0;text-align:center;font-size:12px;color:var(--mp-muted)}.mp-result-card__disclaimer{margin:28px 0 0;font-size:11px;line-height:1.5;color:var(--mp-muted)}.mp-quiz__footer-disclaimer{max-width:460px;margin:24px auto 0;font-size:12px;line-height:1.5;color:var(--mp-muted);text-align:center}.mp-quiz-email-embed{display:none}.mp-quiz-email-embed.is-active{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mp-quiz-email-embed .omnisend{width:100%;max-width:450px;margin-bottom:20px}.mp-quiz-email-embed .omnisend:focus{box-shadow:none!important}@media(max-width:749px){.mp-quiz__title,.mp-quiz__question{font-size:28px}.mp-quiz{padding:24px 14px}.mp-quiz__slide,.mp-result-card{padding:24px 20px;border-radius:20px}.mp-quiz__progress-top{flex-direction:row;align-items:flex-start;gap:4px;flex-wrap:wrap}.mp-quiz__progress-note{text-align:right;font-size:12px}.mp-quiz__actions{flex-direction:row;align-items:stretch;position:sticky;bottom:0;background-color:#fff;padding:20px 0}.mp-button{width:100%}.mp-quiz__answer{font-size:14.5px;padding:12px 16px}.mp-quiz_logo{display:flex;justify-content:center;flex-grow:1;order:-1;width:100%;max-width:100%;flex-basis:100%;flex-grow:0;flex-shrink:0}.mp-button{padding:14px}.mp-quiz__email-field{min-height:120px}.mp-quiz-email-embed .omnisend{width:100%;max-width:340px;margin-bottom:120px}}@media(prefers-reduced-motion:reduce){.mp-quiz *,.mp-quiz *:before,.mp-quiz *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/microplastic-quiz.css.map */