.htbi-connection-root{--htbi-connection-text: #172033;--htbi-connection-muted: #526078;--htbi-connection-border: #d9dee7;--htbi-connection-surface: #ffffff;--htbi-connection-canvas: #f4f6f9;--htbi-connection-red: #b3261e;--htbi-connection-red-dark: #8f1d18;box-sizing:border-box;width:100%;color:var(--htbi-connection-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.htbi-connection-root *,.htbi-connection-root *:before,.htbi-connection-root *:after{box-sizing:border-box}.htbi-connection-root .htbi-connection-shell{width:min(100%,78rem);margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);border:1px solid var(--htbi-connection-border);border-radius:1rem;background:var(--htbi-connection-canvas)}.htbi-connection-root .htbi-connection-header{max-width:48rem}.htbi-connection-root .htbi-connection-eyebrow{margin:0 0 .35rem;color:var(--htbi-connection-red-dark);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.htbi-connection-root .htbi-connection-title,.htbi-connection-root .htbi-connection-results-title,.htbi-connection-root .htbi-connection-parts-title,.htbi-connection-root .htbi-connection-modal h2,.htbi-connection-root .htbi-connection-empty h2{margin:0;line-height:1.2}.htbi-connection-root .htbi-connection-title{font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.035em}.htbi-connection-root .htbi-connection-introduction{margin:.65rem 0 0;color:var(--htbi-connection-muted);font-size:clamp(1rem,2vw,1.2rem)}.htbi-connection-root .htbi-connection-search{display:grid;gap:.55rem;margin-top:clamp(1.5rem,4vw,2.5rem);padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--htbi-connection-border);border-radius:.85rem;background:var(--htbi-connection-surface);box-shadow:0 .5rem 1.5rem #1720330f}.htbi-connection-root .htbi-connection-search-label{font-size:1.05rem;font-weight:750}.htbi-connection-root .htbi-connection-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.htbi-connection-root .htbi-connection-search-input-wrap{position:relative;min-width:0}.htbi-connection-root .htbi-connection-search-input,.htbi-connection-root .htbi-connection-primary-button,.htbi-connection-root .htbi-connection-clear-button,.htbi-connection-root .htbi-connection-clear-query,.htbi-connection-root .htbi-connection-part-button,.htbi-connection-root .htbi-connection-image-button,.htbi-connection-root .htbi-connection-modal-close,.htbi-connection-root .htbi-connection-share-toggle,.htbi-connection-root .htbi-connection-share-option{font:inherit}.htbi-connection-root .htbi-connection-search-input{width:100%;min-width:0;min-height:3rem;border:1px solid #8b97aa;border-radius:.55rem;padding:.7rem .85rem;color:var(--htbi-connection-text);background:#fff}.htbi-connection-root .htbi-connection-search-suggestions{position:absolute;z-index:10;top:calc(100% + .35rem);left:0;width:100%;max-width:100%;max-height:min(22rem,60vh);margin:0;overflow-x:hidden;overflow-y:auto;border:1px solid #8b97aa;border-radius:.55rem;padding:.35rem;list-style:none;background:#fff;box-shadow:0 .65rem 1.5rem #1720332e}.htbi-connection-root .htbi-connection-search-suggestions[hidden]{display:none}.htbi-connection-root .htbi-connection-search-suggestion{display:grid;min-width:0;gap:.1rem;border-radius:.4rem;padding:.55rem .65rem;overflow-wrap:anywhere;cursor:pointer}.htbi-connection-root .htbi-connection-search-suggestion:hover,.htbi-connection-root .htbi-connection-search-suggestion.is-highlighted{background:#eef3fa;outline:2px solid #5d759c;outline-offset:-2px}.htbi-connection-root .htbi-connection-search-suggestion-id{color:#273c64;font-weight:800}.htbi-connection-root .htbi-connection-search-suggestion-name{min-width:0;color:var(--htbi-connection-muted);font-size:.85rem;line-height:1.35}.htbi-connection-root .htbi-connection-primary-button,.htbi-connection-root .htbi-connection-clear-button{min-height:3rem;border-radius:.55rem;padding:.65rem 1rem;font-weight:750;cursor:pointer}.htbi-connection-root .htbi-connection-primary-button{border:1px solid var(--htbi-connection-red-dark);color:#fff;background:var(--htbi-connection-red)}.htbi-connection-root .htbi-connection-clear-button{border:1px solid #7a879b;color:#344054;background:#fff}.htbi-connection-root .htbi-connection-search-hint{margin:0;color:var(--htbi-connection-muted);font-size:.88rem}.htbi-connection-root .htbi-connection-search-guidance{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.htbi-connection-root .htbi-connection-clear-query{flex:0 0 auto;border:0;padding:.2rem;color:#273c64;background:transparent;font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:.16em;cursor:pointer}.htbi-connection-root .htbi-connection-clear-query[hidden]{display:none}.htbi-connection-root .htbi-connection-active-filters{display:grid;gap:.65rem;margin-top:.4rem;padding-top:.9rem;border-top:1px solid var(--htbi-connection-border)}.htbi-connection-root .htbi-connection-active-filters[hidden]{display:none}.htbi-connection-root .htbi-connection-active-filters-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.htbi-connection-root .htbi-connection-active-filters-heading p{margin:0;font-weight:750}.htbi-connection-root .htbi-connection-filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.htbi-connection-root .htbi-connection-filter-chip{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;border:1px solid #a9b3c2;border-radius:999px;color:#273c64;background:#eef3fa;font-weight:750}.htbi-connection-root .htbi-connection-filter-chip-label{min-width:0;padding:.4rem .2rem .4rem .7rem;overflow-wrap:anywhere}.htbi-connection-root .htbi-connection-filter-chip-remove{display:grid;flex:0 0 auto;place-items:center;width:2.25rem;min-height:2.25rem;border:0;padding:0;color:#273c64;background:transparent;font:inherit;font-size:1.2rem;cursor:pointer}.htbi-connection-root .htbi-connection-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:clamp(1.75rem,4vw,2.75rem) 0 1rem}.htbi-connection-root .htbi-connection-results-title{font-size:1.55rem}.htbi-connection-root .htbi-connection-count{margin:0;color:var(--htbi-connection-muted);font-weight:700}.htbi-connection-root .htbi-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem)}.htbi-connection-root .htbi-connection-card{min-width:0;overflow:hidden;border:1px solid var(--htbi-connection-border);border-radius:.85rem;background:var(--htbi-connection-surface);box-shadow:0 .35rem 1rem #1720330f}.htbi-connection-root .htbi-connection-image-button{display:block;width:100%;border:0;padding:0;background:#eef0f3;cursor:zoom-in}.htbi-connection-root .htbi-connection-image-frame,.htbi-connection-root .htbi-connection-modal-image{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:#eef0f3}.htbi-connection-root .htbi-connection-image{display:block;width:100%;height:100%;object-fit:contain}.htbi-connection-root .htbi-connection-image-fallback{margin:0;padding:1rem;color:var(--htbi-connection-muted);font-weight:700}.htbi-connection-root .htbi-connection-card-parts,.htbi-connection-root .htbi-connection-modal-details{display:grid;gap:.75rem}.htbi-connection-root .htbi-connection-card-parts{padding:1rem}.htbi-connection-root .htbi-connection-parts{min-width:0;padding:.75rem;border-left:.25rem solid #a8b0bd;border-radius:.45rem;background:#f1f3f5}.htbi-connection-root .htbi-connection-parts--connection{border-left-color:var(--htbi-connection-red);background:#fff1f0}.htbi-connection-root .htbi-connection-parts-title{color:#39455a;font-size:.85rem}.htbi-connection-root .htbi-connection-parts--connection .htbi-connection-parts-title{color:var(--htbi-connection-red-dark)}.htbi-connection-root .htbi-connection-parts-list{display:grid;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none}.htbi-connection-root .htbi-connection-part-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;min-width:0}.htbi-connection-root .htbi-connection-part-button{display:block;width:100%;min-width:0;border:0;padding:.15rem 0;color:#273c64;background:transparent;text-align:start;cursor:pointer}.htbi-connection-root .htbi-connection-part-identity{display:grid;min-width:0;gap:.12rem}.htbi-connection-root .htbi-connection-part-id{width:fit-content;max-width:100%;overflow-wrap:anywhere;font-weight:800;text-decoration:underline;text-underline-offset:.16em}.htbi-connection-root .htbi-connection-part-name{min-width:0;overflow-wrap:anywhere;color:var(--htbi-connection-muted);font-size:.82rem;font-weight:550;line-height:1.35}.htbi-connection-root .htbi-connection-parts--connection .htbi-connection-part-button{color:var(--htbi-connection-red-dark)}.htbi-connection-root .htbi-connection-parts--connection .htbi-connection-part-name{color:#713936}.htbi-connection-root .htbi-connection-quantity{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:700}.htbi-connection-root .htbi-connection-empty,.htbi-connection-root .htbi-connection-notice{padding:1.25rem;border:1px solid var(--htbi-connection-border);border-radius:.75rem;background:#fff}.htbi-connection-root .htbi-connection-empty{text-align:center}.htbi-connection-root .htbi-connection-empty p{margin:.5rem auto 1rem;color:var(--htbi-connection-muted)}.htbi-connection-root .htbi-connection-notice{margin-bottom:1rem;border-left:.3rem solid #a06000}.htbi-connection-root .htbi-connection-modal{width:min(64rem,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;border:0;border-radius:.9rem;padding:0;overflow:auto;color:var(--htbi-connection-text);background:#fff;box-shadow:0 1.5rem 4rem #0a0f1959}.htbi-connection-root .htbi-connection-modal::backdrop{background:#0a0f19b8}.htbi-connection-root .htbi-connection-modal-panel{padding:clamp(1rem,3vw,1.5rem)}.htbi-connection-root .htbi-connection-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.htbi-connection-root .htbi-connection-modal-heading h2{font-size:1.1rem}.htbi-connection-root .htbi-connection-modal-close{display:grid;flex:0 0 auto;place-items:center;width:2.75rem;height:2.75rem;border:1px solid #7a879b;border-radius:999px;color:#273248;background:#fff;font-size:1.65rem;line-height:1;cursor:pointer}.htbi-connection-root .htbi-connection-modal-content{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,.75fr);gap:1.25rem;align-items:start}.htbi-connection-root .htbi-connection-share{display:grid;min-width:0;gap:.65rem;padding-top:.9rem;border-top:1px solid var(--htbi-connection-border)}.htbi-connection-root .htbi-connection-share-toggle{justify-self:start;min-height:2.75rem;border:1px solid #7a879b;border-radius:.55rem;padding:.55rem 1rem;color:#344054;background:#fff;font-weight:750;cursor:pointer}.htbi-connection-root .htbi-connection-share-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:.5rem}.htbi-connection-root .htbi-connection-share-panel[hidden]{display:none}.htbi-connection-root .htbi-connection-share-option{display:grid;min-width:0;min-height:2.75rem;place-items:center;border:1px solid #a9b3c2;border-radius:.5rem;padding:.5rem;overflow-wrap:anywhere;color:#273c64;background:#eef3fa;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}.htbi-connection-root .htbi-connection-share-status{min-height:1.5em;margin:0;color:var(--htbi-connection-muted);font-size:.85rem;font-weight:700}.htbi-connection-root .htbi-connection-search-input:focus-visible,.htbi-connection-root .htbi-connection-primary-button:focus-visible,.htbi-connection-root .htbi-connection-clear-button:focus-visible,.htbi-connection-root .htbi-connection-clear-query:focus-visible,.htbi-connection-root .htbi-connection-part-button:focus-visible,.htbi-connection-root .htbi-connection-filter-chip-remove:focus-visible,.htbi-connection-root .htbi-connection-image-button:focus-visible,.htbi-connection-root .htbi-connection-modal-close:focus-visible{outline:3px solid #ef8b23;outline-offset:3px}.htbi-connection-root .htbi-connection-share-toggle:focus-visible,.htbi-connection-root .htbi-connection-share-option:focus-visible{outline:3px solid #ef8b23;outline-offset:3px}@media(max-width:58rem){.htbi-connection-root .htbi-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.htbi-connection-root .htbi-connection-shell{padding:.75rem;border-radius:.65rem}.htbi-connection-root .htbi-connection-search-row,.htbi-connection-root .htbi-connection-grid,.htbi-connection-root .htbi-connection-modal-content{grid-template-columns:minmax(0,1fr)}.htbi-connection-root .htbi-connection-search-guidance{align-items:flex-start;flex-direction:column;gap:.35rem}.htbi-connection-root .htbi-connection-results-heading{align-items:flex-start;flex-direction:column;gap:.25rem}.htbi-connection-root .htbi-connection-modal{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/htbi-parts-connection-library.css.map */