.hbn-quiz__head{max-width:660px;margin-bottom:clamp(28px,3.6vw,44px)}.hbn-quiz__head .hbn-k{color:var(--hbn-green);display:block;margin-bottom:12px}.hbn .hbn-quiz__h{font-family:var(--hbn-f-disp);font-weight:800;font-variation-settings:"wdth" 76;text-transform:uppercase;font-size:clamp(28px,5vw,56px);line-height:.94;letter-spacing:-.004em}.hbn .hbn-quiz__intro{margin-top:16px;color:var(--hbn-body);font-size:15px;line-height:1.65}.hbn-quiz__prog{display:flex;align-items:center;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--hbn-line);margin-bottom:clamp(26px,3.2vw,38px)}.hbn-quiz__bar{position:relative;flex:1;height:2px;background:var(--hbn-line)}.hbn-quiz__bar i{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--hbn-green);transition:width .38s cubic-bezier(.22,.61,.36,1)}.hbn-quiz__count{font-family:var(--hbn-f-mono);font-size:10px;letter-spacing:.14em;color:var(--hbn-muted);white-space:nowrap}.hbn-quiz__q,.hbn-quiz__r{animation:hbnQIn .34s cubic-bezier(.22,.61,.36,1) both}@keyframes hbnQIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hbn .hbn-quiz__qt{font-family:var(--hbn-f-disp);font-weight:800;font-variation-settings:"wdth" 82;text-transform:uppercase;font-size:clamp(20px,2.8vw,31px);line-height:1.02;margin-bottom:22px}.hbn-quiz__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hbn-quiz__opt{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:var(--hbn-paper-2);border:1px solid var(--hbn-line);padding:20px 22px;transition:border-color .18s,background .18s,transform .14s}.hbn-quiz__opt:hover{border-color:var(--hbn-green);background:var(--hbn-green-wash)}.hbn-quiz__opt:active{transform:translateY(1px)}.hbn-quiz__opt-n{font-family:var(--hbn-f-mono);font-size:10px;letter-spacing:.14em;color:var(--hbn-faint);padding-top:3px;transition:color .18s}.hbn-quiz__opt:hover .hbn-quiz__opt-n{color:var(--hbn-green)}.hbn-quiz__opt-l{font-size:15px;line-height:1.5;color:var(--hbn-ink-2)}.hbn-quiz__r{border:1px solid var(--hbn-line);background:var(--hbn-paper-2);padding:clamp(24px,3.4vw,44px)}.hbn-quiz__r-k{font-family:var(--hbn-f-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--hbn-green);display:block;margin-bottom:12px}.hbn .hbn-quiz__r-h{font-family:var(--hbn-f-disp);font-weight:800;font-variation-settings:"wdth" 78;text-transform:uppercase;font-size:clamp(24px,3.6vw,40px);line-height:.96}.hbn .hbn-quiz__r-b{margin-top:14px;max-width:560px;color:var(--hbn-body);font-size:15px;line-height:1.65}.hbn-quiz__r-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px;padding-top:26px;border-top:1px solid var(--hbn-line)}.hbn-quiz__p{display:block;border:1px solid var(--hbn-line);padding:14px;transition:border-color .18s}.hbn-quiz__p:hover{border-color:var(--hbn-green)}.hbn-quiz__p img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:var(--hbn-paper-3)}.hbn-quiz__p-t{margin-top:12px;font-size:13.5px;line-height:1.35;color:var(--hbn-ink-2)}.hbn-quiz__p-p{margin-top:5px;font-family:var(--hbn-f-mono);font-size:10.5px;letter-spacing:.08em;color:var(--hbn-muted)}.hbn-quiz__foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hbn-quiz__txtbtn{background:none;padding:0 0 3px;font-family:var(--hbn-f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--hbn-muted);border-bottom:1px solid var(--hbn-line-2);transition:color .18s,border-color .18s}.hbn-quiz__txtbtn:hover{color:var(--hbn-green);border-color:var(--hbn-green)}@media(max-width:749px){.hbn-quiz__opts,.hbn-quiz__r-prods{grid-template-columns:1fr}}.hbn [data-hbn-quiz] [hidden]{display:none!important}.hbn .hbn-quiz__opt[aria-pressed=true]{background:#dce8db;border:2px solid #285b40;padding:19px 21px}.hbn .hbn-quiz__next:disabled{opacity:.45;cursor:not-allowed}.hbn .hbn-quiz__foot{justify-content:space-between;align-items:center}.hbn .hbn-quiz__products-heading{margin-top:24px;font-size:18px;font-weight:700}.hbn .hbn-quiz__r+.hbn-quiz__r{margin-top:24px}.hbn .hbn-quiz__p{background:#fff}.hbn .hbn-quiz-disclosure{background:#f7f6f2;scroll-margin-top:110px}.hbn .hbn-quiz-disclosure__toggle{padding:24px;text-align:center;font-size:18px;font-weight:600;color:#183b2c;cursor:pointer}.hbn .hbn-quiz-disclosure[open] .hbn-quiz-disclosure__toggle{border-bottom:1px solid #dce8db}.hbn .hbn-quiz__p img{height:180px;max-height:180px;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/17/assets/hbn-quiz.css.map */