.obz-quiz{max-width:40rem;margin-inline:auto;padding:0 1.25rem;scroll-margin-top:calc(var(--header-height) + .5rem)}.obz-quiz__card{padding:1.5rem 1.25rem;border-radius:var(--radius);background:var(--color-white)}.obz-quiz__card--dark{background:radial-gradient(120% 90% at 90% 0%,rgb(235 32 32 / .95),transparent 60%),radial-gradient(90% 80% at 0% 100%,rgb(120 10 10 / .9),transparent 60%),var(--color-black);color:var(--color-white)}.obz-quiz [hidden]{display:none}.obz-quiz__step:not([hidden]){animation:obz-quiz-in .35s cubic-bezier(.16,1,.3,1)}@keyframes obz-quiz-in{0%{opacity:0;transform:translateY(.75rem)}}.obz-quiz__step--start .obz-quiz__card{display:grid;justify-items:start;gap:1.1rem;padding:2rem 1.5rem}.obz-quiz__title{font-size:clamp(2.25rem,5vw + 1rem,3.5rem);line-height:1.02}.obz-quiz__lead{max-width:30rem;margin:0;color:#fffc;font-size:1.02rem;line-height:1.5}.obz-quiz__start{min-height:3.25rem;padding-inline:1.75rem;font-size:1rem}.obz-quiz__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.obz-quiz__back{display:inline-flex;align-items:center;gap:.25rem;min-height:2.5rem;padding:0 .8rem 0 .4rem;border:0;border-radius:999px;background:var(--color-light);color:inherit;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.85rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.obz-quiz__back:hover{background:var(--color-black);color:var(--color-white)}.obz-quiz__back .obz-icon{width:1.15rem;height:1.15rem}.obz-quiz__count{margin:0;color:#0000008c;font-size:.85rem}.obz-quiz__progress{--quiz-progress: 0%;height:.35rem;margin-bottom:1.25rem;overflow:hidden;border-radius:999px;background:var(--color-light)}.obz-quiz__progress span{display:block;width:var(--quiz-progress);height:100%;border-radius:inherit;background:var(--color-accent);transition:width .4s cubic-bezier(.16,1,.3,1)}.obz-quiz__fieldset{margin:0;padding:0;border:0}.obz-quiz__question{margin-bottom:1rem;padding:0;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:clamp(1.45rem,2vw + 1rem,2rem);letter-spacing:-.02em;line-height:1.1;outline:none}.obz-quiz__options{display:grid;gap:.5rem}.obz-quiz__options--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obz-quiz__option{position:relative;display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem .9rem;border:2px solid transparent;border-radius:calc(var(--radius) * .75);background:var(--color-light);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}.obz-quiz__option:hover{border-color:#0003}.obz-quiz__option:active{transform:scale(.985)}.obz-quiz__radio{position:absolute;opacity:0;pointer-events:none}.obz-quiz__option:has(.obz-quiz__radio:checked){border-color:var(--color-black);background:var(--color-white)}.obz-quiz__option:has(.obz-quiz__radio:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.obz-quiz__option-body{display:grid;flex:1;gap:.15rem;min-width:0}.obz-quiz__option-label{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:1.02rem;letter-spacing:-.01em}.obz-quiz__option-text{color:#0000009e;font-size:.85rem;line-height:1.35}.obz-quiz__check{flex:none;display:grid;place-items:center;width:1.4rem;height:1.4rem;border:2px solid rgb(0 0 0 / .25);border-radius:999px;transition:background-color .2s ease,border-color .2s ease}.obz-quiz__option:has(.obz-quiz__radio:checked) .obz-quiz__check{border-color:var(--color-accent);background:var(--color-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / .85rem no-repeat}.obz-quiz__hint{margin:.75rem 0 0;color:#0009;font-size:.85rem}.obz-quiz__info{margin-top:.75rem;font-size:.88rem}.obz-quiz__info summary{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-heading);font-weight:var(--weight-heading);text-decoration:underline;text-underline-offset:.2em;cursor:pointer;list-style:none}.obz-quiz__info summary::-webkit-details-marker{display:none}.obz-quiz__info summary:before{content:"i";display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:999px;background:var(--color-black);color:var(--color-white);font-size:.7rem;font-style:italic;text-decoration:none}.obz-quiz__info p{margin:.5rem 0 0;padding:.75rem .9rem;border-radius:calc(var(--radius) * .6);background:var(--color-light);line-height:1.5}.obz-quiz__next{width:100%;min-height:3.1rem;margin-top:1.1rem}.obz-quiz__next:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.obz-quiz__loading{display:grid;justify-items:center;gap:1.25rem;padding-block:3.5rem;text-align:center}.obz-quiz__heart{width:4.5rem;height:auto;animation:obz-quiz-pulse .9s ease-in-out infinite}@keyframes obz-quiz-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(.97)}}.obz-quiz__loading-text{margin:0;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:1.15rem;outline:none}.obz-quiz__email{display:grid;gap:.6rem}.obz-quiz__email .obz-quiz__back{justify-self:start;margin-bottom:.5rem}.obz-quiz__label{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.85rem}.obz-quiz__input{width:100%;min-height:3.25rem;padding:.6rem 1.1rem;border:2px solid transparent;border-radius:999px;background:var(--color-light);color:inherit;font:inherit;font-size:1rem;transition:border-color .2s ease,background-color .2s ease}.obz-quiz__input:focus{border-color:var(--color-black);background:var(--color-white);outline:none}.obz-quiz__input:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.obz-quiz__input[aria-invalid]{border-color:var(--color-accent)}.obz-quiz__error{margin:0;color:var(--color-accent);font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.85rem}.obz-quiz__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.obz-quiz__consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:.4rem;font-size:.85rem;line-height:1.45;cursor:pointer}.obz-quiz__consent input{flex:none;width:1.2rem;height:1.2rem;margin:.1rem 0 0;accent-color:var(--color-black)}.obz-quiz__email .obz-quiz__next{margin-top:.4rem}.obz-quiz__next[aria-busy=true]{opacity:.7;cursor:progress}.obz-quiz__legal{margin:0;color:#0000008c;font-size:.75rem;line-height:1.45}.obz-quiz__legal a{color:inherit}.obz-quiz__result{display:grid;gap:1rem}.obz-quiz__result [data-quiz-result-heading]{outline:none}.obz-quiz__title--result{font-size:clamp(2.25rem,5vw + 1rem,3.5rem)}.obz-quiz__note{margin:0;padding:.8rem 1rem;border-left:4px solid var(--color-accent);border-radius:calc(var(--radius) * .5);background:var(--color-white);font-size:.9rem}.obz-quiz__results{display:grid;gap:.75rem}.obz-quiz__plan{display:grid;justify-items:start;gap:.5rem}.obz-quiz__eyebrow{margin:0;padding:.25rem .65rem;border-radius:999px;background:var(--color-light);font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.obz-quiz__plan-name{font-size:1.3rem;line-height:1.15}.obz-quiz__plan-text{margin:0 0 .5rem;color:#000000ad;font-size:.92rem;line-height:1.5}.obz-quiz__products{margin-top:.5rem}.obz-quiz__products-heading{margin-bottom:.6rem;font-size:1.25rem}.obz-quiz__product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none}.obz-quiz__disclaimer{margin:.5rem 0 0;color:#0000008c;font-size:.78rem;line-height:1.5}.obz-quiz__restart{justify-self:start;padding:0;border:0;background:none;color:#0009;font:inherit;font-size:.85rem;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.obz-quiz__restart:hover{color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.obz-quiz__step:not([hidden]),.obz-quiz__heart{animation:none}.obz-quiz__progress span,.obz-quiz__option{transition:none}}@media(min-width:750px){.obz-quiz{padding-top:0}.obz-quiz__card{padding:2rem 2.25rem}.obz-quiz__step--start .obz-quiz__card{padding:3rem}.obz-quiz__results{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/obz-quiz.css.map */