.hold-quiz{--hq-forest: #1E3A28;--hq-ink: #14261A;--hq-moss: #78A150;--hq-mist: #CFE6D5;--hq-wash: #EDF4EF;--hq-paper: #FBFCFA;--hq-rule: rgba(30, 58, 40, .16);--hq-rule-soft: rgba(30, 58, 40, .09);--hq-question-count: 3;box-sizing:border-box;display:block;max-width:1180px;margin:0 auto;padding:clamp(26px,4.5vw,56px) clamp(18px,4vw,44px);background:var(--hq-paper);color:var(--hq-ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.hold-quiz *,.hold-quiz *:before,.hold-quiz *:after{box-sizing:inherit}.hold-quiz :where(p,h2,h3,h4,ul,ol,li,figure,summary){margin:0;padding:0}.hold-quiz :where(ul,ol){list-style:none}.hold-quiz :focus-visible{outline:2px solid var(--hq-forest);outline-offset:3px}.hold-quiz__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.hold-quiz__eyebrow{font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hq-moss)}.hold-quiz__count{font-size:15px;color:#14261a80;white-space:nowrap}.hold-quiz[data-step=result] .hold-quiz__count{display:none}.hold-quiz__rail{position:relative;height:2px;margin-top:14px;background:var(--hq-rule)}.hold-quiz__rail span{position:absolute;inset:0 auto 0 0;width:calc(100% / var(--hq-question-count));background:var(--hq-forest);transition:width .45s cubic-bezier(.4,0,.2,1)}.hold-quiz[data-step=result] .hold-quiz__rail span{width:100%;background:var(--hq-mist)}.hold-quiz__steps{display:grid;margin-top:clamp(24px,3.6vw,40px)}.hold-quiz__step{grid-area:1 / 1}.hold-quiz__step[aria-hidden=true]{display:none}.hold-quiz__step[aria-hidden=false]{animation:hold-quiz-in .35s cubic-bezier(.2,.7,.2,1)}@keyframes hold-quiz-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.hold-quiz__back--placeholder{visibility:hidden;pointer-events:none}.hold-quiz__ask{font-weight:700;font-size:clamp(23px,3.4vw,38px);line-height:1.06;letter-spacing:-.02em;color:var(--hq-forest);max-width:24ch}.hold-quiz__ask em{font-style:italic;font-weight:400;letter-spacing:0}.hold-quiz__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,20px);margin-top:clamp(22px,3vw,34px)}.hold-quiz__opt{-webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;background:#fff;border:1px solid var(--hq-rule);border-radius:2px;padding:clamp(18px,2.2vw,26px);color:inherit;display:flex;flex-direction:column;gap:8px;min-height:100%;transition:border-color .2s ease,background .2s ease,transform .2s ease}.hold-quiz__opt:hover{border-color:var(--hq-forest);background:var(--hq-wash);transform:translateY(-2px)}.hold-quiz__opt[aria-pressed=true]{border-color:var(--hq-forest);background:var(--hq-wash)}.hold-quiz__opt-t{font-weight:600;font-size:clamp(15px,1.8vw,18px);line-height:1.2;color:var(--hq-forest)}.hold-quiz__opt-d{font-size:14px;line-height:1.4;color:#14261aad}.hold-quiz__back{-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;margin-top:clamp(18px,2.4vw,26px);padding:6px 0;color:#14261a99;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.hold-quiz__back:hover{color:var(--hq-forest)}.hold-quiz__back[hidden]{display:none}.hold-quiz__verdict{font-weight:700;font-size:clamp(26px,4vw,44px);line-height:1.02;letter-spacing:-.02em;color:var(--hq-forest);max-width:22ch}.hold-quiz__verdict em{font-style:italic;font-weight:400;letter-spacing:0}.hold-quiz__why{margin-top:14px;font-size:15.5px;max-width:52ch;color:#14261acc}.hold-quiz__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hold-quiz__chip{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hq-forest);background:var(--hq-wash);border:1px solid var(--hq-rule-soft);border-radius:999px;padding:7px 13px}.hold-quiz__mist{position:relative;width:100%;height:92px;border-top:1px solid var(--hq-rule);border-bottom:1px solid var(--hq-rule);background:linear-gradient(90deg,var(--hq-paper) 0%,var(--hq-wash) 60%,#E2EEE5 100%);overflow:hidden}.hold-quiz__mist svg{display:block;width:100%;height:100%}.hold-quiz__pins{position:relative;height:58px}.hold-quiz__pin{position:absolute;top:-6px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.32;transition:opacity .4s ease}.hold-quiz__pin.is-lit{opacity:1}.hold-quiz__pin-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--hq-forest);background:var(--hq-mist);transition:transform .4s ease}.hold-quiz__pin[data-pin=strong] .hold-quiz__pin-dot{background:var(--hq-forest)}.hold-quiz__pin.is-lit .hold-quiz__pin-dot{transform:scale(1.5)}.hold-quiz__pin-stem{width:1px;height:15px;background:var(--hq-rule);margin:1px 0 9px}.hold-quiz__pin-hrs{font-weight:700;font-size:15px;color:var(--hq-forest)}.hold-quiz__pin-name{font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#14261a99;margin-top:3px;white-space:nowrap}.hold-quiz__recs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.6vw,30px);margin-top:clamp(24px,3.4vw,38px)}.hold-quiz__recs[data-single=true]{grid-template-columns:1fr}.hold-quiz__recs[data-single=true] .hold-quiz__rec:not([hidden]){display:grid;grid-template-columns:minmax(0,.8fr) 1fr;column-gap:clamp(20px,3.4vw,42px);align-items:start}.hold-quiz__recs[data-single=true] .hold-quiz__shot{grid-column:1;grid-row:1 / span 7}.hold-quiz__recs[data-single=true] .hold-quiz__rec>:not(.hold-quiz__shot){grid-column:2}.hold-quiz__recs[data-single=true] .hold-quiz__rec-name{margin-top:0}.hold-quiz__recs[data-single=true] .hold-quiz__btn{width:auto;justify-self:start;padding:15px 30px}.hold-quiz__rec{display:flex;flex-direction:column}.hold-quiz__rec[hidden]{display:none}.hold-quiz__shot{position:relative;aspect-ratio:1 / .98;overflow:hidden;background:var(--hq-wash)}.hold-quiz__shot img{width:100%;height:100%;object-fit:cover;display:block}.hold-quiz__shot-placeholder{width:100%;height:100%;min-height:180px;background:var(--hq-wash)}.hold-quiz__badge{position:absolute;left:0;top:0;padding:9px 14px 8px;background:var(--hq-paper);font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--hq-forest)}.hold-quiz__rec-name{font-weight:700;font-size:clamp(17px,2vw,22px);line-height:1.1;color:var(--hq-forest);margin-top:16px}.hold-quiz__rec-sub{font-style:italic;font-size:15px;color:#14261a99;margin-top:5px}.hold-quiz__spec{margin-top:14px;margin-bottom:auto;display:grid;gap:9px}.hold-quiz__spec li{display:grid;grid-template-columns:88px 1fr;gap:12px;font-size:14px;line-height:1.4;padding-top:9px;border-top:1px solid var(--hq-rule-soft)}.hold-quiz__spec b{font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--hq-moss);padding-top:2px}.hold-quiz__buyline{display:flex;align-items:baseline;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--hq-rule-soft)}.hold-quiz__price{font-weight:600;font-size:17px;color:var(--hq-forest)}.hold-quiz__size{font-size:14px;color:#14261a8c}.hold-quiz__btn{margin-top:12px;width:100%;-webkit-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--hq-forest);border-radius:2px;background:var(--hq-forest);color:#fff;font-weight:600;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;padding:15px 12px;transition:background .2s ease,color .2s ease,opacity .2s ease}.hold-quiz__btn:hover{background:#152b1e}.hold-quiz__btn.is-added{background:var(--hq-mist);color:var(--hq-forest);border-color:var(--hq-mist)}.hold-quiz__btn.is-busy{opacity:.6;cursor:progress}.hold-quiz__btn--ghost{background:transparent;color:var(--hq-forest)}.hold-quiz__btn--ghost:hover{background:var(--hq-forest);color:#fff}.hold-quiz__both-prices{display:inline-flex;align-items:baseline;gap:.4em}.hold-quiz__price-compare{font-weight:500;opacity:.55;text-decoration:line-through}.hold-quiz__btn--ghost:hover .hold-quiz__price-compare{opacity:.7}.hold-quiz__price-current{font-weight:700}.hold-quiz__err{margin-top:8px;font-size:13px;color:#8a3a2a;display:none}.hold-quiz__err.is-on{display:block}.hold-quiz__err.is-note{color:#14261a80}.hold-quiz__err a{color:inherit}.hold-quiz__both-cta{margin-top:clamp(20px,2.6vw,28px)}.hold-quiz__both-cta[hidden]{display:none}.hold-quiz__both-cta .hold-quiz__btn{width:100%;padding:16px 26px;margin-top:0}.hold-quiz__shared{color:#14261ab8;font-size:14.5px;margin-top:clamp(26px,3.4vw,38px);padding-top:clamp(20px,2.6vw,26px);border-top:1px solid var(--hq-rule);width:100%}.hold-quiz__shared b{color:var(--hq-forest);font-weight:600}.hold-quiz__more{margin-top:clamp(22px,3vw,30px);border-top:1px solid var(--hq-rule)}.hold-quiz__more summary{cursor:pointer;list-style:none;padding:18px 0 0;display:flex;align-items:center;gap:10px;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--hq-forest)}.hold-quiz__more summary::-webkit-details-marker{display:none}.hold-quiz__more summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease}.hold-quiz__more[open] summary:after{transform:rotate(-135deg) translateY(-1px)}.hold-quiz__row{border-top:1px solid var(--hq-rule-soft);padding:16px 0 18px}.hold-quiz__row:first-of-type{margin-top:20px}.hold-quiz__row-label{font-weight:600;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--hq-moss);margin-bottom:40px;text-align:center}@media(max-width:749px){.hold-quiz__row-label{margin-bottom:20px}}.hold-quiz__row-vals{display:grid;grid-template-columns:1fr 1fr;gap:250px}.hold-quiz__val{font-size:14.5px;line-height:1.45;color:#14261ad9}.hold-quiz__val strong{font-weight:600;color:var(--hq-forest)}.hold-quiz__val-sku{display:block;font-weight:600;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#14261a73;margin-bottom:5px}.hold-quiz__val-body>*:first-child{margin-top:0}.hold-quiz__val-body>*:last-child{margin-bottom:0}.hold-quiz__val-body p{margin:0}.hold-quiz__restart{-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;margin-top:clamp(22px,3vw,30px);padding:6px 0;color:#14261a99;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.hold-quiz__restart:hover{color:var(--hq-forest)}.hold-quiz__steps>[data-hold-quiz-compare]{display:none}.hold-quiz__steps>.hold-quiz__row{display:none}@media(max-width:820px){.hold-quiz__opts{grid-template-columns:1fr;gap:10px}.hold-quiz__opt{padding:16px 18px;gap:5px}.hold-quiz__recs,.hold-quiz__recs[data-single=true]{grid-template-columns:1fr}.hold-quiz__recs[data-single=true] .hold-quiz__rec:not([hidden]){grid-template-columns:1fr}.hold-quiz__recs[data-single=true] .hold-quiz__shot{grid-row:auto}.hold-quiz__recs[data-single=true] .hold-quiz__rec>:not(.hold-quiz__shot){grid-column:1}.hold-quiz__recs[data-single=true] .hold-quiz__rec-name{margin-top:16px}.hold-quiz__recs[data-single=true] .hold-quiz__btn{width:100%}.hold-quiz__row-vals{grid-template-columns:1fr;gap:14px}.hold-quiz__shot{aspect-ratio:1 / .7}.hold-quiz__mist{height:74px}.hold-quiz__pin-name{font-size:8.5px;letter-spacing:.12em}.hold-quiz__both-cta .hold-quiz__btn{width:100%}}@media(prefers-reduced-motion:reduce){.hold-quiz *,.hold-quiz *:before,.hold-quiz *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/826/assets/hold-quiz.css.map */