body:not(.wireframe-mode) .quiz-page{padding-block:clamp(3rem,7vw,5.5rem) var(--pf-section-space);background:color-mix(in srgb,var(--pf-line-shroomz) 6%,var(--pf-cream));color:var(--pf-ink)}body:not(.wireframe-mode) .quiz-page__inner{--pf-container: 76rem}body:not(.wireframe-mode) .quiz-page__head{margin-block-end:clamp(1.75rem,3.5vw,2.5rem);text-align:center}body:not(.wireframe-mode) .quiz-page__eyebrow{font-family:var(--pf-font-label);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-line-shroomz)}body:not(.wireframe-mode) .quiz-page h1{margin:0;font-family:var(--pf-font-display);font-weight:400;font-size:var(--pf-text-5);line-height:1.02;letter-spacing:var(--pf-track-display);word-spacing:var(--pf-word-display);text-wrap:balance}body:not(.wireframe-mode) .quiz-page__lead{max-width:46ch;margin:1rem auto 0;font-size:var(--pf-text-1);line-height:1.65;color:color-mix(in srgb,var(--pf-ink) 82%,transparent)}body:not(.wireframe-mode) .quiz-page__lead p{margin:0}body:not(.wireframe-mode) .quiz-page__lines{margin-block-start:clamp(2rem,4vw,3rem);padding-block-start:clamp(1.25rem,3vw,2rem);border-block-start:1px solid var(--pf-line);text-align:center}body:not(.wireframe-mode) .quiz-page__lines-label{margin:0 0 .8rem;font-family:var(--pf-font-label);font-size:var(--pf-label-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pf-muted)}.quiz-ask{display:grid;gap:1.2rem}.quiz-results-panel{display:grid;justify-items:start;gap:.9rem}.quiz-results-panel .quiz-kicker{color:var(--pf-line-shroomz);font-family:var(--pf-font-label);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.quiz-results-panel .quiz-title{font-family:var(--pf-font-display);font-size:var(--pf-text-4);font-weight:400;line-height:1.05;letter-spacing:var(--pf-track-display);word-spacing:var(--pf-word-display)}.quiz-results-panel .quiz-lead{color:var(--pf-muted);font-size:.95rem}.quiz-results-panel .quiz-status{min-height:1.2rem}body:not(.wireframe-mode) .quiz-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}body:not(.wireframe-mode) .quiz-grid:has(.quiz-meta:not([hidden])) .quiz-stage{align-self:end}body:not(.wireframe-mode) .quiz-rail{--pf-stack-gap: 1rem;position:sticky;top:6.5rem;display:grid;gap:1rem}body:not(.wireframe-mode) .quiz-rail__eyebrow{color:var(--pf-line-shroomz);font-family:var(--pf-font-label);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}body:not(.wireframe-mode) .quiz-rail__title{margin:0;font-family:var(--pf-font-display);font-size:var(--pf-text-5);font-weight:400;line-height:1.02;letter-spacing:var(--pf-track-display);word-spacing:var(--pf-word-display);text-wrap:balance}body:not(.wireframe-mode) .quiz-rail__lead{max-width:38ch;color:color-mix(in srgb,var(--pf-ink) 82%,transparent);line-height:1.65}body:not(.wireframe-mode) .quiz-rail__lead p{margin:0}body:not(.wireframe-mode) .quiz-meta{display:grid;gap:.8rem;margin-block-start:.6rem;padding-block-start:1.2rem;border-block-start:1px solid var(--pf-line)}body:not(.wireframe-mode) .quiz-meta[hidden]{display:none}body:not(.wireframe-mode) .quiz-meta__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}body:not(.wireframe-mode) .quiz-count{color:var(--pf-muted);font-family:var(--pf-font-label);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}body:not(.wireframe-mode) .quiz-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}body:not(.wireframe-mode) .quiz-segs span{height:.3rem;border-radius:var(--pf-r-btn);background:var(--pf-line);transition:background-color .25s var(--pf-ease)}body:not(.wireframe-mode) .quiz-segs span.is-done{background:var(--pf-line-shroomz)}body:not(.wireframe-mode) .quiz-segs span.is-current{background:color-mix(in srgb,var(--pf-line-shroomz) 45%,var(--pf-paper))}body:not(.wireframe-mode) .quiz-recap{display:grid;gap:.35rem;margin:.2rem 0 0;padding:0;list-style:none}body:not(.wireframe-mode) .quiz-recap[hidden]{display:none}body:not(.wireframe-mode) .quiz-recap__row{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:1rem;padding:.35rem 0;border:0;border-block-end:1px dotted color-mix(in srgb,var(--pf-ink) 22%,transparent);background:none;color:var(--pf-muted);font:inherit;text-align:start;cursor:pointer}body:not(.wireframe-mode) .quiz-recap__row:hover .quiz-recap__value{color:var(--pf-line-shroomz)}body:not(.wireframe-mode) .quiz-recap__label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}body:not(.wireframe-mode) .quiz-recap__value{color:var(--pf-ink);font-size:.82rem;font-weight:700;white-space:nowrap}body:not(.wireframe-mode) .quiz-lines-row{display:grid;justify-items:center;gap:.9rem;margin-block-start:clamp(2.5rem,5vw,3.5rem);text-align:center}body:not(.wireframe-mode) .quiz-lines-row__label{margin:0;color:var(--pf-muted);font-family:var(--pf-font-label);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@media(max-width:900px){body:not(.wireframe-mode) .quiz-grid{grid-template-columns:minmax(0,1fr);gap:2rem}body:not(.wireframe-mode) .quiz-rail{position:static}}.quiz-q{margin-block-end:1.2rem;font-family:var(--pf-font-display);font-size:var(--pf-text-3);font-weight:400;line-height:1.06;letter-spacing:var(--pf-track-display);word-spacing:var(--pf-word-display);text-wrap:balance}.quiz-q:focus{outline:none}.quiz-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media(max-width:600px){.quiz-opts{grid-template-columns:minmax(0,1fr)}}.quiz-opt{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"e t c" "e d c";column-gap:.85rem;align-items:center;min-height:4.6rem;padding:1rem 1.15rem;border:1px solid var(--pf-line);border-radius:var(--pf-r-card);background:var(--pf-paper);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:border-color .2s var(--pf-ease),background-color .2s var(--pf-ease),box-shadow .2s var(--pf-ease)}.quiz-opt:hover{border-color:var(--pf-line-shroomz)}.quiz-opt.is-selected{border-color:var(--pf-line-shroomz);background:color-mix(in srgb,var(--pf-line-shroomz) 7%,var(--pf-paper));box-shadow:0 8px 20px -16px color-mix(in srgb,var(--pf-line-shroomz) 55%,transparent)}.quiz-opt .quiz-opt-check{grid-area:c;display:block;width:1.1rem;height:1.1rem;border:1px solid color-mix(in srgb,var(--pf-ink) 26%,transparent);border-radius:50%;background:transparent;transition:border-color .2s var(--pf-ease),border-width .2s var(--pf-ease)}.quiz-opt.is-selected .quiz-opt-check{border:.34rem solid var(--pf-line-shroomz);background:var(--pf-paper)}.quiz-opt .quiz-opt-emoji{grid-area:e;font-size:1.5rem;line-height:1}.quiz-opt .quiz-opt-title{grid-area:t;font-size:.92rem;font-weight:750;line-height:1.2}.quiz-opt .quiz-opt-desc{grid-area:d;font-size:.76rem;color:var(--pf-muted)}.quiz-back{border:0;background:none;color:var(--pf-muted);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer}.quiz-results{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%;margin-block:.6rem}.quiz-result{display:grid;align-content:start;overflow:hidden;border:1px solid var(--pf-line);border-radius:var(--pf-r-card);background:var(--pf-paper);box-shadow:inset 0 .25rem 0 var(--pf-family, var(--pf-ink));color:inherit;text-decoration:none}.quiz-result--shakerz{--pf-family: var(--pf-line-shakerz)}.quiz-result--blastz{--pf-family: var(--pf-line-blastz)}.quiz-result--shroomz{--pf-family: var(--pf-line-shroomz)}.quiz-result--pepperz{--pf-family: var(--pf-line-pepperz)}.quiz-result .quiz-result-img{display:block;width:100%;height:8.5rem;overflow:hidden;background:color-mix(in srgb,var(--pf-family, var(--pf-ink)) 8%,var(--pf-paper))}.quiz-result .quiz-result-img img{width:100%;height:100%;padding:.5rem;object-fit:contain}.quiz-result .quiz-result-body{display:grid;gap:.4rem;padding:.9rem 1rem 1rem}.quiz-result .quiz-result-line{font-family:var(--pf-font-label);font-size:.64rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-family, var(--pf-ink))}.quiz-result .quiz-result-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.quiz-result .quiz-result-name{font-size:.95rem;font-weight:750;line-height:1.2}.quiz-result .quiz-result-price{color:var(--pf-muted);font-size:.82rem;white-space:nowrap}.quiz-total{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:1rem;padding-block:.9rem;border-block:1px solid var(--pf-line)}.quiz-total__label{color:var(--pf-muted);font-family:var(--pf-font-label);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.quiz-total__value{font-family:var(--pf-font-display);font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:400;line-height:1;letter-spacing:var(--pf-track-display)}.quiz-acts{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.quiz-status{min-height:1.2rem;font-size:.82rem}.quiz-lines{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.quiz-line-chip{padding:.87rem 1rem;min-height:2.75rem;border:1px solid var(--pf-line);border-radius:999px;color:var(--pf-ink);font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.quiz-line-chip--herb-shakerz{box-shadow:inset 0 -2px 0 var(--pf-line-shakerz)}.quiz-line-chip--herb-blastz{box-shadow:inset 0 -2px 0 var(--pf-line-blastz)}.quiz-line-chip--shroomz{box-shadow:inset 0 -2px 0 var(--pf-line-shroomz)}.quiz-line-chip--pepperz{box-shadow:inset 0 -2px 0 var(--pf-line-pepperz)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/page-quiz.css.map */