.htbi-diagonal-root{--htbi-diagonal-ink: #15233b;--htbi-diagonal-blue: #245da8;--htbi-diagonal-orange: #c65f12;--htbi-diagonal-green: #0b6b3a;box-sizing:border-box;display:block;width:100%;min-width:0;color:var(--htbi-diagonal-ink);font:inherit}.htbi-diagonal-root *,.htbi-diagonal-root *:before,.htbi-diagonal-root *:after{box-sizing:border-box}.htbi-diagonal-root .htbi-diagonal-shell{display:grid;gap:1.25rem;width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:clamp(.75rem,2vw,1.5rem);border:1px solid #cfd8e6;border-radius:.9rem;background:#f5f8fc}.htbi-diagonal-root .htbi-diagonal-header,.htbi-diagonal-root .htbi-diagonal-usage,.htbi-diagonal-root .htbi-diagonal-board-panel,.htbi-diagonal-root .htbi-diagonal-part-panel,.htbi-diagonal-root .htbi-diagonal-results-panel,.htbi-diagonal-root .htbi-diagonal-controls{min-width:0}.htbi-diagonal-root .htbi-diagonal-usage{padding:.9rem 1rem;border:1px solid #c5d3e6;border-radius:.7rem;background:#fff}.htbi-diagonal-root .htbi-diagonal-usage h2{margin:0 0 .65rem;font-size:1.1rem}.htbi-diagonal-root .htbi-diagonal-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;counter-reset:explorer-step}.htbi-diagonal-root .htbi-diagonal-steps li{display:grid;grid-template-columns:auto 1fr;gap:.15rem .45rem;align-items:start;min-width:0;counter-increment:explorer-step}.htbi-diagonal-root .htbi-diagonal-steps li:before{display:grid;width:1.55rem;height:1.55rem;grid-row:1 / 3;place-items:center;border-radius:50%;color:#fff;background:var(--htbi-diagonal-blue);content:counter(explorer-step);font-size:.82rem;font-weight:800}.htbi-diagonal-root .htbi-diagonal-steps span{font-size:.84rem;line-height:1.25}.htbi-diagonal-root .htbi-diagonal-eyebrow{margin:0;color:#315a91;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.htbi-diagonal-root .htbi-diagonal-title,.htbi-diagonal-root h2,.htbi-diagonal-root h3,.htbi-diagonal-root p{overflow-wrap:anywhere}.htbi-diagonal-root .htbi-diagonal-title{margin:.25rem 0 0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1}.htbi-diagonal-root .htbi-diagonal-header>p:last-child{margin-bottom:0}.htbi-diagonal-root .htbi-diagonal-disclaimer,.htbi-diagonal-root .htbi-diagonal-empty,.htbi-diagonal-root .htbi-diagonal-step-guidance{padding:.85rem;border-left:.3rem solid var(--htbi-diagonal-orange);border-radius:.35rem;background:#fff5eb}.htbi-diagonal-root .htbi-diagonal-step-guidance{margin:0;border-left-color:var(--htbi-diagonal-blue);background:#eaf2ff;font-weight:800}.htbi-diagonal-root .htbi-diagonal-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:1rem;align-items:end;padding:1rem;border-radius:.7rem;background:#fff}.htbi-diagonal-root .htbi-diagonal-fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .75rem;min-width:0;margin:0;padding:0;border:0}.htbi-diagonal-root .htbi-diagonal-fieldset legend{grid-column:1 / -1;margin-bottom:.3rem;font-weight:800}.htbi-diagonal-root .htbi-diagonal-limit-note{grid-column:1 / -1;color:#465a76;font-size:.82rem}.htbi-diagonal-root .htbi-diagonal-fieldset label{display:grid;gap:.25rem;min-width:0;font-weight:700}.htbi-diagonal-root input,.htbi-diagonal-root select,.htbi-diagonal-root button{min-height:2.75rem;border:1px solid #8797ac;border-radius:.45rem;font:inherit}.htbi-diagonal-root input,.htbi-diagonal-root select{width:100%;min-width:0;padding:.55rem .65rem;color:var(--htbi-diagonal-ink);background:#fff}.htbi-diagonal-root button{padding:.55rem .8rem;color:#17365f;background:#fff;cursor:pointer}.htbi-diagonal-root button:hover{border-color:var(--htbi-diagonal-blue);background:#edf4ff}.htbi-diagonal-root button:focus-visible,.htbi-diagonal-root input:focus-visible,.htbi-diagonal-root select:focus-visible,.htbi-diagonal-root [data-board-svg]:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}.htbi-diagonal-root .htbi-diagonal-primary-button{border-color:var(--htbi-diagonal-blue);color:#fff;font-weight:800;background:var(--htbi-diagonal-blue)}.htbi-diagonal-root .htbi-diagonal-secondary-button{grid-column:1 / -1;min-height:2.75rem;font-size:.88rem}.htbi-diagonal-root .htbi-diagonal-error{min-height:1.1rem;color:#a1261b;font-size:.8rem;font-weight:700}.htbi-diagonal-root [aria-invalid=true]{border-width:2px;border-color:#b42318}.htbi-diagonal-root .htbi-diagonal-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(15rem,.75fr);gap:1rem;min-width:0}.htbi-diagonal-root .htbi-diagonal-board-panel,.htbi-diagonal-root .htbi-diagonal-part-panel,.htbi-diagonal-root .htbi-diagonal-results-panel{padding:1rem;border:1px solid #cfd8e6;border-radius:.75rem;background:#fff}.htbi-diagonal-root .htbi-diagonal-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.htbi-diagonal-root .htbi-diagonal-panel-heading h2,.htbi-diagonal-root .htbi-diagonal-part-panel h2,.htbi-diagonal-root .htbi-diagonal-results-panel h2{margin:0;font-size:1.25rem}.htbi-diagonal-root .htbi-diagonal-panel-heading p,.htbi-diagonal-root .htbi-diagonal-part-panel>p{margin:.3rem 0 0}.htbi-diagonal-root .htbi-diagonal-viewport-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.htbi-diagonal-root .htbi-diagonal-viewport-controls button{min-width:2.75rem;padding:.35rem}.htbi-diagonal-root .htbi-diagonal-board{width:100%;min-width:0;margin-top:.75rem;overflow:hidden;border:1px solid #aebbd0;border-radius:.6rem;background:#eaf0f8;touch-action:manipulation}.htbi-diagonal-root .htbi-diagonal-board-svg{display:block;width:100%;max-height:70vh;aspect-ratio:1 / 1}.htbi-diagonal-root .htbi-diagonal-board-surface{fill:#f8fbff}.htbi-diagonal-root .htbi-diagonal-board-boundary{fill:none;stroke:#30445f;stroke-width:.24;vector-effect:non-scaling-stroke;pointer-events:none}.htbi-diagonal-root .htbi-diagonal-stud-dot{fill:#9baac0}.htbi-diagonal-root .htbi-diagonal-hit-target{fill:transparent;stroke:transparent;pointer-events:all}.htbi-diagonal-root .htbi-diagonal-point{vector-effect:non-scaling-stroke;pointer-events:none}.htbi-diagonal-root .htbi-diagonal-surface-variant-direct .htbi-diagonal-point{pointer-events:all}.htbi-diagonal-root .htbi-diagonal-point-native{fill:#fff;stroke:var(--htbi-diagonal-blue);stroke-width:.13}.htbi-diagonal-root .htbi-diagonal-point-derived{fill:#fff8eb;stroke:var(--htbi-diagonal-orange);stroke-width:.11}.htbi-diagonal-root .htbi-diagonal-point-cell-center{fill:#f8dfb5}.htbi-diagonal-root .htbi-diagonal-point-edge-half{fill:#fff8e8}.htbi-diagonal-root .htbi-diagonal-point-start{fill:#111;stroke:#fff;stroke-width:.22}.htbi-diagonal-root .htbi-diagonal-point-derived.htbi-diagonal-point-start{stroke-width:.14}.htbi-diagonal-root .htbi-diagonal-point-destination{fill:var(--htbi-diagonal-green);stroke:var(--htbi-diagonal-green);stroke-width:.16}.htbi-diagonal-root .htbi-diagonal-destination-available{cursor:pointer}.htbi-diagonal-root .htbi-diagonal-destination-available:hover .htbi-diagonal-point-destination,.htbi-diagonal-root .htbi-diagonal-destination-preview .htbi-diagonal-point-destination{fill:#07552f;stroke:#fff;stroke-width:.24}.htbi-diagonal-root .htbi-diagonal-destination-selected .htbi-diagonal-point-destination{fill:var(--htbi-diagonal-green);stroke:#fff;stroke-width:.3;stroke-dasharray:.13 .08}.htbi-diagonal-root .htbi-diagonal-count{fill:#103e2a;font-size:1.1px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:.25px}.htbi-diagonal-root .htbi-diagonal-footprint-placement{stroke:#17365f;stroke-width:.22;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-footprint-contained,.htbi-diagonal-root .htbi-diagonal-footprint-inside{fill:#245da83d}.htbi-diagonal-root .htbi-diagonal-footprint-overhang{stroke-dasharray:.45 .24}.htbi-diagonal-root .htbi-diagonal-overhang-pattern-base{fill:#fff1dc}.htbi-diagonal-root .htbi-diagonal-overhang-pattern-line{fill:none;stroke:#8b4513;stroke-width:.28}.htbi-diagonal-root .htbi-diagonal-footprint-outline{fill:none;stroke:#17365f;stroke-width:.25;stroke-dasharray:.45 .24;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-placed-footprint-grid{pointer-events:none}.htbi-diagonal-root .htbi-diagonal-placed-footprint-point{vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-placed-footprint-point-native{fill:#4f83cc;stroke:#102a43;stroke-width:.14}.htbi-diagonal-root .htbi-diagonal-placed-footprint-point-derived{fill:#9abce4;stroke:#17365f;stroke-width:.11}.htbi-diagonal-root .htbi-diagonal-placed-footprint-anchor{fill:#111;stroke:#fff;stroke-width:.22}.htbi-diagonal-root .htbi-diagonal-placed-footprint-anchor-halo{fill:none;stroke:#172b4d;stroke-width:.2;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-placed-footprint-anchor-label{fill:#172b4d;font-size:.85px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:.22px}.htbi-diagonal-root .htbi-diagonal-guide{stroke:#a1261b;stroke-width:.16;stroke-dasharray:.45 .28;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-angle-arc{fill:none;stroke:var(--htbi-diagonal-orange);stroke-width:.25;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-angle-label{fill:#74360a;font-size:1.2px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:.28px}.htbi-diagonal-root .htbi-diagonal-anchor{stroke:#fff;stroke-width:.2;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-anchor-start{fill:#172b4d}.htbi-diagonal-root .htbi-diagonal-anchor-end{fill:var(--htbi-diagonal-green)}.htbi-diagonal-root .htbi-diagonal-keyboard-cursor{fill:none;stroke:#8b1e7a;stroke-width:.22;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-start-anchor-marker{pointer-events:none}.htbi-diagonal-root .htbi-diagonal-start-anchor-halo,.htbi-diagonal-root .htbi-diagonal-start-anchor-ring{fill:none;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-start-anchor-halo{stroke:#fff;stroke-width:.38}.htbi-diagonal-root .htbi-diagonal-start-anchor-ring{stroke:#172b4d;stroke-width:.2}.htbi-diagonal-root .htbi-diagonal-legend{display:flex;flex-wrap:wrap;gap:.75rem;margin:.7rem 0;font-size:.88rem}.htbi-diagonal-root .htbi-diagonal-legend span{display:inline-flex;align-items:center;gap:.35rem}.htbi-diagonal-root .htbi-diagonal-legend i{display:inline-block;flex:0 0 auto;width:.9rem;height:.9rem;border-radius:50%}.htbi-diagonal-root .htbi-diagonal-legend-native{border:2px solid var(--htbi-diagonal-blue);background:#fff}.htbi-diagonal-root .htbi-diagonal-legend-derived{width:.34rem!important;height:.34rem!important;margin:.28rem;border:1px solid var(--htbi-diagonal-orange);border-radius:0!important;background:#fff2d9;transform:rotate(45deg)}.htbi-diagonal-root .htbi-diagonal-legend-start{border:2px solid #ffffff;outline:1px solid #172b4d;background:#172b4d}.htbi-diagonal-root .htbi-diagonal-legend-destination{border:2px solid var(--htbi-diagonal-green);background:var(--htbi-diagonal-green)}.htbi-diagonal-root .htbi-diagonal-legend-destination-selected{border:2px dashed #ffffff;outline:1px solid #0b3b29;background:var(--htbi-diagonal-green)}.htbi-diagonal-root .htbi-diagonal-legend-overhang{border:1px dashed #8b4513;border-radius:0!important;background:repeating-linear-gradient(45deg,#fff1dc 0 3px,#8b4513 3px 5px)}.htbi-diagonal-root .htbi-diagonal-select-label{display:block;margin:.65rem 0 .25rem;font-weight:800}.htbi-diagonal-root .htbi-diagonal-footprint-preview-svg{display:block;width:100%;max-height:22rem;margin:.75rem auto}.htbi-diagonal-root [data-footprint-point-id]{cursor:pointer}.htbi-diagonal-root [data-footprint-point-id]:hover .htbi-diagonal-footprint-point{stroke:#0f4c81}.htbi-diagonal-root .htbi-diagonal-footprint-point{vector-effect:non-scaling-stroke;pointer-events:all}.htbi-diagonal-root .htbi-diagonal-footprint-point-native{fill:#fff;stroke:var(--htbi-diagonal-blue);stroke-width:.13}.htbi-diagonal-root .htbi-diagonal-footprint-point-derived{fill:#fff8eb;stroke:var(--htbi-diagonal-orange);stroke-width:.11}.htbi-diagonal-root .htbi-diagonal-footprint-point-cell-center{fill:#f8dfb5}.htbi-diagonal-root .htbi-diagonal-footprint-point-edge-half{fill:#fff8e8}.htbi-diagonal-root .htbi-diagonal-footprint-point-selected{fill:#111}.htbi-diagonal-root .htbi-diagonal-footprint-preview-shape{fill:#eaf2ff;stroke:#315a91;stroke-width:.15;vector-effect:non-scaling-stroke}.htbi-diagonal-root .htbi-diagonal-destination-info{margin-top:1rem;padding:.75rem;border:1px solid #cfd8e6;border-radius:.5rem;background:#f7f9fc}.htbi-diagonal-root .htbi-diagonal-destination-info h3,.htbi-diagonal-root .htbi-diagonal-destination-info p{margin:0}.htbi-diagonal-root .htbi-diagonal-destination-info h3{font-size:1rem}.htbi-diagonal-root .htbi-diagonal-destination-info p{margin-top:.45rem;font-size:.9rem}.htbi-diagonal-root .htbi-diagonal-result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.6rem}.htbi-diagonal-root .htbi-diagonal-result-button{display:grid;gap:.25rem;min-width:0;min-height:4rem;text-align:left}.htbi-diagonal-root .htbi-diagonal-result-button span{overflow-wrap:anywhere;font-size:.88rem}.htbi-diagonal-root .htbi-diagonal-result-button-selected{border-width:2px;border-color:#0b3b29;background:#e7f7ef}.htbi-diagonal-root .htbi-diagonal-result-detail{margin-top:1rem}.htbi-diagonal-root .htbi-diagonal-result-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem;margin:0}.htbi-diagonal-root .htbi-diagonal-result-detail dl>div{min-width:0;padding:.7rem;border:1px solid #d5deea;border-radius:.5rem;background:#f7f9fc}.htbi-diagonal-root .htbi-diagonal-result-detail dt{color:#465a76;font-size:.8rem;font-weight:800}.htbi-diagonal-root .htbi-diagonal-result-detail dd{margin:.2rem 0 0;overflow-wrap:anywhere;font-weight:700}.htbi-diagonal-root .htbi-diagonal-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:50rem){.htbi-diagonal-root .htbi-diagonal-controls,.htbi-diagonal-root .htbi-diagonal-workspace{grid-template-columns:1fr}.htbi-diagonal-root .htbi-diagonal-primary-button{width:100%}.htbi-diagonal-root .htbi-diagonal-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:50.0625rem){.htbi-diagonal-root{padding-inline:clamp(.75rem,2vw,2rem)}}@media(max-width:25rem){.htbi-diagonal-root .htbi-diagonal-shell,.htbi-diagonal-root .htbi-diagonal-controls,.htbi-diagonal-root .htbi-diagonal-board-panel,.htbi-diagonal-root .htbi-diagonal-part-panel,.htbi-diagonal-root .htbi-diagonal-results-panel{padding:.7rem}.htbi-diagonal-root .htbi-diagonal-fieldset,.htbi-diagonal-root .htbi-diagonal-steps{grid-template-columns:1fr}.htbi-diagonal-root .htbi-diagonal-panel-heading{flex-direction:column}.htbi-diagonal-root .htbi-diagonal-viewport-controls{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.htbi-diagonal-root *,.htbi-diagonal-root *:before,.htbi-diagonal-root *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/htbi-diagonal-explorer.css.map */