.hbf{--hbf-border: rgba(18, 18, 18, .14);--hbf-text-muted: rgba(18, 18, 18, .68);--hbf-bg-soft: rgba(18, 18, 18, .035);--hbf-radius: 18px;color:rgb(var(--color-foreground, 18 18 18))}.hbf .hbf__inner{max-width:1180px;margin:0 auto;padding:48px 20px}.hbf .hbf__header{text-align:center;max-width:760px;margin:0 auto 28px}.hbf .hbf__eyebrow,.hbf .hbf__step{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hbf-text-muted)}.hbf .hbf__heading{margin:0}.hbf .hbf__subheading,.hbf .hbf__description{color:var(--hbf-text-muted)}.hbf .hbf__subheading{margin-top:12px}.hbf .hbf__progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 24px}.hbf .hbf__progress-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid var(--hbf-border);border-radius:999px;color:var(--hbf-text-muted);font-size:.88rem}.hbf .hbf__progress-item span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--hbf-bg-soft);font-weight:700}.hbf .hbf__progress-item.is-active,.hbf .hbf__progress-item.is-complete{border-color:currentColor;color:inherit}.hbf .hbf__panel,.hbf .hbf__results{border:1px solid var(--hbf-border);border-radius:var(--hbf-radius);padding:28px;background:rgb(var(--color-background, 255 255 255));box-shadow:0 12px 32px #1212120d}.hbf .hbf__question{margin:0}.hbf .hbf__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.hbf .hbf__option{-webkit-appearance:none;appearance:none;width:100%;text-align:left;padding:18px;border:1px solid var(--hbf-border);border-radius:16px;background:var(--hbf-bg-soft);color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hbf .hbf__option:hover,.hbf .hbf__option:focus-visible{transform:translateY(-2px);border-color:currentColor;box-shadow:0 10px 22px #12121214;outline:none}.hbf .hbf__option-title{display:block;font-weight:700;line-height:1.25}.hbf .hbf__option-desc,.hbf .hbf__option-count{display:block;margin-top:8px;color:var(--hbf-text-muted);font-size:.92rem;line-height:1.35}.hbf .hbf__actions,.hbf .hbf__result-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.hbf .hbf__secondary,.hbf .hbf__link-button,.hbf .hbf__product-button{-webkit-appearance:none;appearance:none;border-radius:999px;cursor:pointer;font:inherit;text-decoration:none}.hbf .hbf__secondary,.hbf .hbf__product-button{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;border:1px solid currentColor;background:currentColor;color:rgb(var(--color-background, 255 255 255))}.hbf .hbf__link-button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:.2em}.hbf .hbf__results-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.hbf .hbf__selection{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.hbf .hbf__pill{display:inline-flex;border:1px solid var(--hbf-border);border-radius:999px;padding:7px 11px;color:var(--hbf-text-muted);font-size:.9rem}.hbf .hbf__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hbf .hbf__card{display:block;border:1px solid var(--hbf-border);border-radius:16px;overflow:hidden;background:rgb(var(--color-background, 255 255 255));color:inherit;text-decoration:none}.hbf .hbf__card-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hbf .hbf__card-link:hover .hbf__product-title{text-decoration:underline;text-underline-offset:.2em}.hbf .hbf__image-wrap{position:relative;display:block;aspect-ratio:1 / 1;background:var(--hbf-bg-soft)}.hbf .hbf__image{width:100%;height:100%;object-fit:contain;display:block}.hbf .hbf__badge{position:absolute;left:10px;top:10px;border-radius:999px;padding:5px 9px;background:#ffffffeb;color:inherit;font-size:.78rem;font-weight:700}.hbf .hbf__card-body{display:block;padding:14px}.hbf .hbf__product-title{display:block;margin:0 0 8px;font-size:.98rem;font-weight:700;line-height:1.3}.hbf .hbf__meta,.hbf .hbf__price{display:block;margin:0 0 8px;color:var(--hbf-text-muted);font-size:.88rem}.hbf .hbf__product-button{width:100%;margin-top:8px}.hbf .hbf__empty{grid-column:1 / -1;padding:22px;border:1px dashed var(--hbf-border);border-radius:16px;color:var(--hbf-text-muted)}@media screen and (max-width:990px){.hbf .hbf__options,.hbf .hbf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:640px){.hbf .hbf__inner{padding:34px 16px}.hbf .hbf__progress{grid-template-columns:repeat(2,minmax(0,1fr))}.hbf .hbf__panel,.hbf .hbf__results{padding:20px}.hbf .hbf__options,.hbf .hbf__grid{grid-template-columns:1fr}.hbf .hbf__results-header{display:block}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hydro-bottle-finder.css.map */