.b-quiz{max-width:1120px}.b-quiz [hidden]{display:none!important}.b-quiz__intro{display:grid;gap:32px;align-items:center}@media(min-width:990px){.b-quiz__intro{grid-template-columns:5fr 6fr;gap:80px}}.b-quiz__intro-text{display:grid;gap:20px;justify-items:start}.b-quiz__form{display:grid;gap:24px;max-width:760px;margin:0 auto}.b-quiz__progress{margin:0}.b-quiz__bar{height:1px;background:var(--c-line)}.b-quiz__bar span{display:block;height:1px;width:0;background:var(--c-brass);transition:width var(--d-base) var(--ease-out)}.b-quiz fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}.b-quiz legend{padding:0;margin-bottom:8px}.b-quiz legend:focus{outline:none}.b-quiz legend:focus-visible{outline:1px solid var(--c-brass);outline-offset:6px}.b-quiz__sub{margin-top:12px}.b-quiz__options{display:flex;flex-wrap:wrap;gap:10px}.b-quiz__option{position:relative}.b-quiz__option input,.b-quiz__tile input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.b-quiz__option span{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1px solid var(--c-line);border-radius:2px;background:var(--c-bone);transition:background-color var(--d-fast),color var(--d-fast)}.b-quiz__option input:checked+span{border-color:var(--c-ink);background:var(--c-ink);color:var(--c-bone)}.b-quiz__option input:focus-visible+span,.b-quiz__tile:has(input:focus-visible){outline:2px solid var(--c-ink);outline-offset:2px}.b-quiz__tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:990px){.b-quiz__tiles{grid-template-columns:repeat(4,1fr)}}.b-quiz__tile{position:relative;display:grid;gap:4px;align-content:start;padding:12px;background:var(--c-sand);border:1px solid transparent;border-radius:2px;cursor:pointer}.b-quiz__tile:has(input:checked){border-color:var(--c-ink)}.b-quiz__tile:has(input:checked):after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--c-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23F5F2EC' stroke-width='1.6'/%3E%3C/svg%3E") center / 14px no-repeat}.b-quiz__tile:has(input:disabled:not(:checked)){opacity:.45;cursor:not-allowed}.b-quiz__tile-media{display:block;aspect-ratio:1;overflow:hidden;background:var(--c-bone);margin-bottom:6px}.b-quiz__tile-media:empty{display:none}.b-quiz__tile-media img{width:100%;height:100%;object-fit:cover}.b-quiz__tile-name{font:400 18px/1.2 var(--f-serif);padding-right:22px}.b-quiz__input{width:100%;min-height:52px;padding:0 16px;border:0;border-bottom:1px solid var(--c-ink);border-radius:0;background:var(--c-sand);font:inherit;color:var(--c-ink)}.b-quiz__skip{justify-self:start}.b-quiz__error{color:var(--c-ink);font-size:14px;margin:0}.b-quiz__error:empty{display:none}.b-quiz__nav{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;z-index:2;padding:16px 0;background:var(--c-bone);border-top:1px solid var(--c-line)}.b-quiz__nav{justify-content:space-between}.b-quiz__nav [data-quiz-back][hidden]{display:inline-flex!important;visibility:hidden}.b-quiz__result{display:grid;gap:20px;scroll-margin-top:120px}.b-quiz__form{scroll-margin-top:120px}.b-quiz button.b-link{border:0;padding:0;cursor:pointer;color:var(--c-ink);background-color:transparent}@media(max-width:989px){body:has(.b-tabbar) .b-quiz__nav{bottom:calc(64px + env(safe-area-inset-bottom))}}.b-quiz__result:focus{outline:none}.b-quiz__cards{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:40px}@media(min-width:990px){.b-quiz__cards{grid-template-columns:repeat(3,1fr);gap:32px}}.b-quiz__card{display:grid;gap:8px;align-content:start}.b-quiz__card-media{display:block;aspect-ratio:4 / 5;background:var(--c-sand);overflow:hidden;margin-bottom:8px}.b-quiz__card-media>span:not(.b-quiz__badge){display:block;width:100%;height:100%}.b-quiz__card-media img{width:100%;height:100%;object-fit:cover}.b-quiz__brand{color:var(--c-stone-text)}.b-quiz__card-title{font:400 20px/1.2 var(--f-serif);margin:0}.b-quiz__card-title a{color:inherit;text-decoration:none}.b-quiz__price{margin:0}.b-quiz__actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:16px;padding-top:24px;border-top:1px solid var(--c-line)}.b-quiz__editor-note{padding:12px 16px;border:1px solid var(--c-brass);font-size:14px}@media(prefers-reduced-motion:reduce){.b-quiz__bar span,.b-quiz__option span{transition:none}}.b-quiz em{font-style:italic}.b-quiz__intro-text{justify-items:center;text-align:center}.b-quiz__promise{width:100%;padding:12px 0;border-block:1px solid var(--c-line);color:var(--c-stone-text)}.b-quiz__progress{font:italic 400 15px/1 var(--f-serif);letter-spacing:.08em;text-transform:none;color:var(--c-brass-text)}.b-quiz legend.b-h2{text-wrap:balance}.b-quiz__result>.b-label,.b-quiz__result>h2,.b-quiz__result>.b-meta{text-align:center;justify-self:center;max-width:34ch}.b-quiz__card-media{position:relative}.b-quiz__badge{position:absolute;top:12px;left:12px;z-index:1;padding:6px 10px;background:var(--c-ink);color:var(--c-bone);font-size:10px}.b-quiz__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0}.b-quiz__brand{color:var(--c-brass-text)}.b-quiz__meter{display:block;height:1px;background:var(--c-line)}.b-quiz__meter span{display:block;height:1px;background:var(--c-brass)}.b-quiz__price-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:4px 0}.b-quiz__price{font:400 20px/1 var(--f-serif)}.b-quiz__detail{color:var(--c-stone-text);font-size:10px;text-align:right}.b-quiz__actions{justify-content:center;flex-direction:column}.b-quiz__card{display:flex;flex-direction:column;gap:8px}.b-quiz__price-row{margin-top:auto;padding-top:8px}.b-quiz__card-title{text-wrap:balance}
/*# sourceMappingURL=/cdn/shop/t/8/assets/b-quiz.css.map */