.htpf .htpf-field,.htpf .htpf-combobox,.htpf .htpf-trigger,.htpf .htpf-trigger__copy,.htpf .htpf-panel,.htpf .htpf-panel__inner,.htpf .htpf-option,.htpf .htpf-option__copy{min-width:0;max-width:100%}.htpf .htpf-trigger,.htpf .htpf-panel,.htpf .htpf-option{width:100%}.htpf .htpf-trigger__copy strong,.htpf .htpf-option__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htpf .htpf-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.htpf .htpf-progress li:nth-child(3),.htpf .htpf-preview{display:none!important}.htpf-brand-browser{margin-top:30px;border-top:1px solid var(--htpf-line,#dbe4ee);padding-top:30px}.htpf-brand-browser__eyebrow{display:block;margin-bottom:7px;color:var(--htpf-blue,#0868d7);font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.htpf-brand-browser h3{margin:0;color:var(--htpf-ink,#182435);font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.05;letter-spacing:-.035em}.htpf-brand-browser__intro{max-width:660px;margin-top:10px;color:var(--htpf-muted,#667487);line-height:1.5}.htpf-brand-browser__intro p{margin:0}.htpf-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:12px;margin-top:20px}.htpf-brand-tile{position:relative;display:grid;grid-template-rows:72px auto;gap:10px;min-width:0;min-height:128px;border:1px solid var(--htpf-line,#dbe4ee);border-radius:16px;padding:14px 16px 12px;background:#fff;color:var(--htpf-ink,#182435);text-align:center;cursor:pointer;transition:.18s ease}.htpf-brand-tile:hover,.htpf-brand-tile:focus-visible{transform:translateY(-2px);border-color:#0868d780;box-shadow:0 12px 28px #172d4d1a;outline:0}.htpf-brand-tile.is-active{border-color:var(--htpf-blue,#0868d7);background:#f5f9ff;box-shadow:0 0 0 3px #0868d71a,0 12px 28px #172d4d1a}.htpf-brand-tile.is-active:after{content:"\2713";position:absolute;top:8px;right:8px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--htpf-yellow,#ffd000);color:#13223a;font-size:.75rem;font-weight:900}.htpf-brand-tile__logo{display:grid;place-items:center;width:100%;height:72px;overflow:hidden;border-radius:11px;background:#fff}.htpf-brand-tile__logo img{display:block;width:100%;height:100%;object-fit:contain}.htpf-brand-tile__fallback{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#edf5ff,#fff4c8);color:var(--htpf-blue,#0868d7);font-size:1.15rem;font-weight:950}.htpf-brand-tile strong,.htpf-brand-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.htpf-brand-tile strong{font-size:.9rem}.htpf-brand-tile small{margin-top:4px;color:var(--htpf-muted,#667487);font-size:.73rem}.htpf-model-stage{margin-top:18px;border:1px solid var(--htpf-line,#dbe4ee);border-radius:18px;background:#f7fafd;padding:clamp(18px,3vw,28px)}.htpf-model-empty{display:grid;justify-items:center;gap:8px;padding:24px 16px;color:var(--htpf-muted,#667487);text-align:center}.htpf-model-empty strong{color:var(--htpf-ink,#182435);font-size:1.05rem}.htpf-model-empty p{max-width:480px;margin:0}.htpf-model-empty__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--htpf-blue,#0868d7);box-shadow:0 8px 22px #172d4d14}.htpf-model-empty__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.htpf-model-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.htpf-model-header__identity{display:flex;align-items:center;gap:13px;min-width:0}.htpf-model-header__logo{flex:0 0 auto;display:grid;place-items:center;width:66px;height:50px;overflow:hidden;border:1px solid var(--htpf-line,#dbe4ee);border-radius:11px;background:#fff}.htpf-model-header__logo img{width:100%;height:100%;object-fit:contain}.htpf-model-header__logo span{color:var(--htpf-blue,#0868d7);font-weight:900}.htpf-model-header small,.htpf-model-header h4{display:block}.htpf-model-header small{color:var(--htpf-blue,#0868d7);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.htpf-model-header h4{margin:3px 0 0;color:var(--htpf-ink,#182435);font-size:clamp(1.18rem,2vw,1.55rem);letter-spacing:-.025em}.htpf-model-count{flex:0 0 auto;border-radius:999px;padding:8px 11px;background:#e9f3ff;color:var(--htpf-blue,#0868d7);font-size:.78rem;font-weight:800}.htpf-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.htpf-model-card{display:grid;grid-template-columns:86px minmax(0,1fr) 24px;gap:13px;align-items:center;min-width:0;min-height:100px;border:1px solid var(--htpf-line,#dbe4ee);border-radius:15px;padding:10px 12px 10px 10px;background:#fff;color:var(--htpf-ink,#182435);text-decoration:none;transition:.18s ease}.htpf-model-card:hover,.htpf-model-card:focus-visible{transform:translateY(-2px);border-color:#0868d780;box-shadow:0 12px 28px #172d4d1a;outline:0}.htpf-model-card.is-opening{opacity:.65;pointer-events:none}.htpf-model-card__media{display:grid;place-items:center;width:86px;height:78px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#f2f7fd,#fff8d9)}.htpf-model-card__media img{width:100%;height:100%;object-fit:contain;background:#fff}.htpf-model-card__media span{color:var(--htpf-blue,#0868d7);font-weight:900}.htpf-model-card__copy{min-width:0}.htpf-model-card__copy strong{display:-webkit-box;overflow:hidden;color:var(--htpf-ink,#182435);font-size:.9rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.htpf-model-card__copy small{display:block;margin-top:6px;overflow:hidden;color:var(--htpf-muted,#667487);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.htpf-model-card__arrow{color:var(--htpf-blue,#0868d7);font-size:1.15rem;font-weight:800;text-align:center}.htpf .htpf-option.is-opening{background:#edf5ff;pointer-events:none}@media(max-width:1099px){.htpf-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.htpf .page-width.htpf__inner{width:auto!important;max-width:none!important;margin-right:var(--gutter,16px)!important;margin-left:var(--gutter,16px)!important}.htpf .htpf-card,.htpf .htpf-card__heading,.htpf .htpf-selector,.htpf .htpf-fields,.htpf .htpf-field,.htpf .htpf-combobox{width:100%;max-width:100%;min-width:0}.htpf .htpf-panel{position:static;inset:auto;box-sizing:border-box;width:100%;max-width:100%;margin:8px 0 0}.htpf .htpf-panel__inner{width:100%;max-width:100%;overflow-x:hidden}.htpf .htpf-option{box-sizing:border-box;grid-template-columns:48px minmax(0,1fr) 22px}.htpf-brand-browser{margin-top:24px;padding-top:24px}.htpf-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.htpf-brand-tile{min-height:120px;grid-template-rows:66px auto;padding:11px 9px 10px;border-radius:14px}.htpf-brand-tile__logo{height:66px}.htpf-model-stage{margin-top:14px;border-radius:15px;padding:15px}.htpf-model-header{align-items:flex-start}.htpf-model-header__logo{width:54px;height:43px}.htpf-model-count{padding:7px 9px}.htpf-model-grid{grid-template-columns:1fr;gap:9px}.htpf-model-card{grid-template-columns:78px minmax(0,1fr) 22px;min-height:92px;padding:8px 10px 8px 8px}.htpf-model-card__media{width:78px;height:72px}}
/*# sourceMappingURL=/cdn/shop/t/273/assets/hobbytech-parts-brand-browser.css.map */