.hbn-finder-section{--hbn-f-dark: color-mix(in srgb, var(--hbn-accent) 72%, #000);--hbn-f-tint: color-mix(in srgb, var(--hbn-accent) 12%, #fff)}.hbn-finder{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--hbn-card-border);border-radius:18px;padding:26px 20px;font-family:var(--hbn-font-body);color:var(--colorTextBody, #1a1a1a)}@media only screen and (min-width:769px){.hbn-finder{padding:40px 44px}}.hbn-finder__step,.hbn-finder__result{display:grid;gap:18px}.hbn-finder .hbn-eyebrow{margin:0}.hbn-finder__title{margin:0;text-wrap:balance;color:var(--hbn-heading-color, var(--hbn-ink))}.hbn-finder__sub{margin:0;color:var(--hbn-muted);max-width:60ch}.hbn-finder__q{margin:0;font-family:var(--hbn-font-body);font-weight:700;font-size:1.35em;line-height:1.25;color:var(--hbn-ink);text-wrap:balance;outline:none}@media only screen and (min-width:769px){.hbn-finder__q{font-size:1.55em}}.hbn-finder__progress{display:flex;align-items:center;gap:12px;font-size:.85em;color:var(--hbn-muted)}.hbn-finder__bar{flex:1;height:6px;border-radius:6px;background:var(--hbn-f-tint);overflow:hidden}.hbn-finder__bar i{display:block;height:100%;background:var(--hbn-accent);border-radius:6px;transition:width .35s ease}.hbn-finder__back,.hbn-finder__link{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:700}.hbn-finder__back{justify-self:start;color:var(--hbn-muted);font-size:.9em}.hbn-finder__back:hover{color:var(--hbn-ink)}.hbn-finder__link{color:var(--hbn-f-dark);text-decoration:underline;text-underline-offset:3px}.hbn-finder__opts{display:grid;gap:10px}@media only screen and (min-width:769px){.hbn-finder__opts.is-two{grid-template-columns:1fr 1fr}}.hbn-finder__opt{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;background:#fff;border:1.5px solid var(--hbn-card-border);border-radius:12px;padding:14px 16px;font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,background .15s}.hbn-finder__opt:hover{border-color:var(--hbn-accent)}.hbn-finder__opt[aria-pressed=true]{border-color:var(--hbn-accent);background:var(--hbn-f-tint)}.hbn-finder__mark{flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;border:1.5px solid #9aa3a0;display:grid;place-items:center}.hbn-finder__opt.is-multi .hbn-finder__mark{border-radius:6px}.hbn-finder__opt[aria-pressed=true] .hbn-finder__mark{background:var(--hbn-accent);border-color:var(--hbn-accent)}.hbn-finder__opt[aria-pressed=true] .hbn-finder__mark:after{content:"";width:8px;height:8px;border-radius:2px;background:#fff}.hbn-finder__opt-t{display:block;font-weight:700;color:var(--hbn-ink)}.hbn-finder__opt-h{display:block;margin-top:2px;font-size:.9em;color:var(--hbn-muted)}.hbn-finder__actions{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}.hbn-finder .btn[disabled]{opacity:.45;cursor:not-allowed}.hbn-finder button:focus-visible,.hbn-finder a:focus-visible{outline:3px solid var(--hbn-f-dark);outline-offset:2px}.hbn-finder__pdpnote{padding:12px 14px;border-radius:10px;background:var(--hbn-f-tint);color:var(--hbn-f-dark);font-weight:700}.hbn-finder__match{display:grid;gap:20px;border:1.5px solid var(--hbn-accent);border-radius:16px;padding:20px}@media only screen and (min-width:769px){.hbn-finder__match{grid-template-columns:220px 1fr;gap:28px;padding:26px}}.hbn-finder__visual{display:flex;gap:16px;align-items:center}@media only screen and (min-width:769px){.hbn-finder__visual{flex-direction:column;align-items:center}}.hbn-finder__visual img{width:100%;max-width:200px;height:auto;aspect-ratio:1 / 1;object-fit:contain;flex:1 1 0;min-width:0}.hbn-finder__info{display:grid;gap:10px;min-width:0;align-content:start}.hbn-finder__info .hbn-badge{justify-self:start}.hbn-finder .hbn-finder__name{margin:0;font-family:var(--hbn-font-body);font-size:1.5em;font-weight:700;line-height:1.2;color:var(--hbn-ink)}.hbn-finder__meta{margin:0;font-size:.9em;color:var(--hbn-muted);font-variant-numeric:tabular-nums}.hbn-finder__hook{margin:0}.hbn-finder__why{padding:12px 14px;border-radius:10px;background:var(--hbn-card-bg);font-size:.95em}.hbn-finder__why b{display:block;margin-bottom:4px;font-size:.75em;letter-spacing:.12em;text-transform:uppercase;color:var(--hbn-muted)}.hbn-finder__ring{--sz: 96px;flex:none;width:var(--sz);height:var(--sz);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--hbn-accent) calc(var(--p) * 1%),var(--hbn-f-tint) 0)}.hbn-finder__ring.is-sm{--sz: 64px}.hbn-finder__ring span{width:calc(var(--sz) - 14px);height:calc(var(--sz) - 14px);border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;line-height:1}.hbn-finder__ring b{font-size:calc(var(--sz) * .26);font-weight:700;color:var(--hbn-ink);font-variant-numeric:tabular-nums}.hbn-finder__ring small{margin-top:2px;font-size:calc(var(--sz) * .12);letter-spacing:.06em;text-transform:uppercase;color:var(--hbn-muted)}.hbn-finder__runner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;border:1px solid var(--hbn-card-border);border-radius:12px;padding:14px 16px}.hbn-finder__runner-img{width:64px;height:64px;object-fit:contain}.hbn-finder__runner-txt{flex:1 1 220px;min-width:0;display:grid;gap:2px}.hbn-finder__runner-lbl{font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hbn-muted)}.hbn-finder__runner-name{font-weight:700;color:var(--hbn-ink)}.hbn-finder__runner-why{font-size:.9em;color:var(--hbn-muted)}.hbn-finder__fine{margin:0;font-size:.78em;line-height:1.45;color:var(--hbn-muted)}.hbn-finder-teaser,.hbn-finder-launch{max-width:820px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--hbn-card-border);border-radius:16px;padding:20px 22px}.hbn-finder-teaser>div{flex:1 1 260px;min-width:0;display:grid;gap:4px}.hbn-finder-teaser__t{margin:0;font-family:var(--hbn-font-body);font-weight:700;font-size:1.15em;color:var(--hbn-ink)}.hbn-finder-launch{justify-content:center;text-align:center;background:transparent;border:0;padding:0}.hbn-finder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0d1b2a8c;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px))}.hbn-finder-modal{position:relative;width:100%;max-width:720px;max-height:100%;overflow:auto;border-radius:18px}.hbn-finder-modal .hbn-finder{border:0}.hbn-finder-close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--hbn-card-border);background:#fff;font-size:20px;line-height:1;cursor:pointer}html.hbn-finder-locked{overflow:hidden}.hbn-finder__fade{animation:hbnFinderIn .3s ease}@keyframes hbnFinderIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hbn-finder__fade{animation:none}.hbn-finder__bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hbn-product-finder.css.map */