.quiz__inner{display:grid;gap:clamp(1rem,.5rem + 2vw,2.5rem);align-items:center}.quiz__header{position:relative;min-width:0}.quiz__header .b-head{margin-bottom:0}.quiz__deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.quiz__deco .deco{transform:rotate(var(--rot, 0deg))}.quiz__deco .deco--strawberry{width:clamp(3.5rem,2.5rem + 3vw,6rem);right:-1.5rem;top:-2.25rem;--rot: 14deg}.quiz__deco .deco--blueberry{width:clamp(1.6rem,1.2rem + 1vw,2.4rem);right:3.5rem;top:-1.4rem}.quiz__deco .deco--oat2{width:clamp(2rem,1.5rem + 1.5vw,3.25rem);left:-1.25rem;bottom:-1.25rem;--rot: -22deg}@media(max-width:749px){.quiz__deco .deco--strawberry{right:-.5rem}.quiz__deco .deco--oat2{left:-.4rem}}.quiz__card{position:relative;width:100%;min-width:0;padding:clamp(1.25rem,.8rem + 2.4vw,3rem);background:var(--color-cream);border:1px solid var(--line, rgba(53, 26, 16, .12));border-radius:var(--radius-lg, 32px)}.quiz:not(.panel) .quiz__card{background:var(--color-white)}.quiz__top{display:grid;gap:.75rem;margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}.quiz__progress{margin:0;font-size:.78rem;font-weight:var(--font-body-weight-bold);letter-spacing:.22em;text-transform:uppercase;color:var(--color-brown)}.quiz__progress[hidden]+.quiz__bar{display:none}.quiz__bar{display:block;height:3px;overflow:hidden;border-radius:999px;background:var(--line, rgba(53, 26, 16, .12))}.quiz__bar>span{display:block;height:100%;background:var(--color-olive);transform:scaleX(.25);transform-origin:left center;transition:transform .6s var(--ease-out, cubic-bezier(.2, .7, .2, 1))}.quiz__step{margin:0;padding:0;border:0;min-width:0;animation:quiz-in .45s var(--ease-out, cubic-bezier(.2, .7, .2, 1)) both}.quiz__question{width:100%;padding:0;margin:0 0 clamp(1.25rem,1rem + 1vw,1.75rem);font-family:var(--font-heading-family);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);line-height:1.12;letter-spacing:-.015em;color:var(--color-deep-brown)}.quiz__question:focus{outline:none}.quiz__answers{display:grid;gap:.65rem}.quiz__answer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;width:100%;min-height:3.75rem;padding:.7rem 1rem .7rem .75rem;font:inherit;font-size:1.0625rem;font-weight:var(--font-body-weight-bold);text-align:left;color:var(--color-deep-brown);background:var(--color-white);border:1px solid var(--line, rgba(53, 26, 16, .12));border-radius:var(--radius-pill, 999px);cursor:pointer;transition:background-color .3s var(--ease-out, ease),border-color .3s var(--ease-out, ease),color .3s var(--ease-out, ease),transform .3s var(--ease-out, ease)}.quiz__key{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--line, rgba(53, 26, 16, .12));font-family:var(--font-heading-family);font-style:italic;font-weight:400;font-size:1.1rem;transition:inherit}.quiz__go{font-size:1.15rem;opacity:.45;transition:transform .3s var(--ease-out, ease),opacity .3s ease}.quiz__answer:hover,.quiz__answer:focus-visible{background:var(--color-deep-brown);border-color:var(--color-deep-brown);color:var(--color-cream)}.quiz__answer:hover .quiz__key,.quiz__answer:focus-visible .quiz__key{border-color:#f3e6c966}.quiz__answer:hover .quiz__go,.quiz__answer:focus-visible .quiz__go{opacity:1;transform:translate(4px)}.quiz__answer:focus-visible{outline:2px solid var(--color-brown);outline-offset:3px}.quiz__result{animation:quiz-in .5s var(--ease-out, cubic-bezier(.2, .7, .2, 1)) both}.quiz__result-title{margin:0 0 1.25rem;font-family:var(--font-heading-family);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}.quiz__result-title:focus{outline:none}.quiz__pick{max-width:20rem;text-align:left}.quiz__pick--none{display:grid;gap:1.25rem;justify-items:start;max-width:28rem}.quiz__pick--none p{margin:0}.quiz__restart{margin-top:1.5rem}@media(min-width:990px){.quiz__inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(3rem,2rem + 4vw,7rem)}}@keyframes quiz-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quiz__step,.quiz__result{animation:none}.quiz__bar>span,.quiz__answer,.quiz__go{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-quiz.css.map */