.yle-protocol-quiz{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid rgba(5,10,16,.08);padding:clamp(2.5rem,5vw,4rem) 0}.yle-protocol-quiz__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.yle-protocol-quiz__bg-img{width:100%;height:100%;object-fit:cover;object-position:center center}.yle-protocol-quiz__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);align-items:center}@media screen and (min-width:900px){.yle-protocol-quiz__inner{grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem)}}.yle-protocol-quiz__head{max-width:36rem;margin-bottom:0}.yle-protocol-quiz__eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-forest);margin:0 0 .65rem}.yle-protocol-quiz__title{font-family:var(--font-garamond);font-style:italic;font-size:clamp(26px,3vw,40px);margin:0 0 .5rem}.yle-protocol-quiz__lead{font-size:clamp(16px,1.1vw,18px);line-height:1.55;color:#050a109e;margin:0}.yle-protocol-quiz__panel{border:1px solid rgba(255,255,255,.78);background:#f9f9f780;-webkit-backdrop-filter:blur(22px) saturate(1.45);backdrop-filter:blur(22px) saturate(1.45);border-radius:22px;box-shadow:inset 0 1px #ffffffe0,0 12px 32px #050a1017;padding:clamp(1.5rem,3vw,2.25rem);max-width:none}.yle-protocol-quiz__question{font-family:var(--font-garamond);font-size:clamp(20px,2vw,26px);margin:0 0 1.25rem}.yle-protocol-quiz__options{display:flex;flex-direction:column;gap:.5rem}.yle-protocol-quiz__opt{-webkit-appearance:none;appearance:none;border:1px solid rgba(5,10,16,.12);background:var(--color-bone);text-align:left;padding:.9rem 1rem;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .25s ease,background .25s ease}.yle-protocol-quiz__opt:hover{border-color:var(--color-forest);background:#fff}.yle-protocol-quiz__result[hidden]{display:none}.yle-protocol-quiz__result-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-forest);margin:0 0 .5rem}.yle-protocol-quiz__result-title{font-family:var(--font-garamond);font-style:italic;font-size:clamp(24px,2.5vw,32px);margin:0 0 .65rem}.yle-protocol-quiz__result-copy{font-size:16px;line-height:1.55;color:#050a10ad;margin:0 0 1.25rem;max-width:36ch}.yle-protocol-quiz__result-cta{display:inline-flex;min-height:48px;align-items:center;padding:0 1.4rem;background:var(--color-ink);color:var(--color-bone);font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;margin-bottom:.75rem}.yle-protocol-quiz__retry{-webkit-appearance:none;appearance:none;border:none;background:none;font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#050a1073;cursor:pointer;padding:0}.yle-protocol-quiz__step:not(.is-active){display:none}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.yle-protocol-quiz__panel{background:#f9f9f7f0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ylemopure-protocol-quiz.css.map */