.htbi-snot-calculator{--htbi-snot-ink: #172033;--htbi-snot-muted: #526174;--htbi-snot-border: #c8d1dc;--htbi-snot-surface: #ffffff;--htbi-snot-soft: #f3f6f9;--htbi-snot-blue: #195da7;--htbi-snot-orange: #a74700;--htbi-snot-green: #166534;--htbi-snot-red: #a11b1b;box-sizing:border-box;position:relative;left:50%;width:min(calc(100vw - clamp(32px,6vw,96px)),1344px);max-width:none;margin:0;padding:clamp(.75rem,2.5vw,2rem);transform:translate(-50%);color:var(--htbi-snot-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.htbi-snot-calculator *,.htbi-snot-calculator *:before,.htbi-snot-calculator *:after{box-sizing:border-box}.htbi-snot-calculator h1,.htbi-snot-calculator h2,.htbi-snot-calculator h3,.htbi-snot-calculator p,.htbi-snot-calculator dl,.htbi-snot-calculator dd{margin-top:0}.htbi-snot-calculator .htbi-snot-header{margin-bottom:1.5rem}.htbi-snot-calculator .htbi-snot-header h1{margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,3rem);line-height:1.1}.htbi-snot-calculator .htbi-snot-header>p:last-child{max-width:46rem;color:var(--htbi-snot-muted)}.htbi-snot-calculator .htbi-snot-eyebrow{margin-bottom:.35rem;color:var(--htbi-snot-blue);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.htbi-snot-calculator .htbi-snot-panel{margin-bottom:1rem;padding:clamp(1rem,2.5vw,1.5rem);border:1px solid var(--htbi-snot-border);border-radius:1rem;background:var(--htbi-snot-surface);box-shadow:0 .2rem 1rem #17203314}.htbi-snot-calculator .htbi-snot-section-heading{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:12px}.htbi-snot-calculator .htbi-snot-section-heading h2{margin-bottom:.2rem;font-size:clamp(1.25rem,3vw,1.65rem)}.htbi-snot-calculator .htbi-snot-section-heading p:last-child{margin-bottom:0;color:var(--htbi-snot-muted)}.htbi-snot-calculator .htbi-snot-section-explanation{margin:0 0 12px;padding:9px 12px;border-left:.3rem solid var(--htbi-snot-blue);border-radius:.5rem;background:var(--htbi-snot-soft);font-size:14px;line-height:1.4}.htbi-snot-calculator .htbi-snot-section-explanation p{margin-bottom:.25em}.htbi-snot-calculator .htbi-snot-section-explanation p:last-child{margin-bottom:0}.htbi-snot-calculator .htbi-snot-step{display:grid;flex:0 0 2rem;width:2rem;height:2rem;margin:0;place-items:center;border-radius:50%;background:var(--htbi-snot-blue);color:#fff;font-weight:800}.htbi-snot-calculator .htbi-snot-distance-card{min-width:0;margin:0;padding:1rem;border:1px solid var(--htbi-snot-border);border-radius:.75rem;background:var(--htbi-snot-soft)}.htbi-snot-calculator .htbi-snot-distance-card legend{padding:0 .3rem;font-weight:750}.htbi-snot-calculator .htbi-snot-field-row,.htbi-snot-calculator .htbi-snot-preset-row{display:flex;gap:.75rem;align-items:flex-end}.htbi-snot-calculator .htbi-snot-field{min-width:0;flex:1 1 10rem}.htbi-snot-calculator .htbi-snot-field label{display:block;margin-bottom:.3rem;font-weight:700}.htbi-snot-calculator .htbi-snot-field input,.htbi-snot-calculator .htbi-snot-field select,.htbi-snot-calculator .htbi-snot-secondary-button{width:100%;min-height:44px;border:1px solid #78889a;border-radius:.5rem;background:#fff;color:var(--htbi-snot-ink);font:inherit}.htbi-snot-calculator .htbi-snot-field input,.htbi-snot-calculator .htbi-snot-field select{padding:.62rem .7rem}.htbi-snot-calculator .htbi-snot-field input[aria-invalid=true],.htbi-snot-calculator .htbi-snot-field select[aria-invalid=true]{border-color:var(--htbi-snot-red);box-shadow:0 0 0 1px var(--htbi-snot-red)}.htbi-snot-calculator .htbi-snot-field input:focus-visible,.htbi-snot-calculator .htbi-snot-field select:focus-visible,.htbi-snot-calculator .htbi-snot-tile-option input:focus-visible,.htbi-snot-calculator .htbi-snot-secondary-button:focus-visible{outline:3px solid #8bc6ff;outline-offset:2px}.htbi-snot-calculator .htbi-snot-tile-option{display:flex;gap:.65rem;align-items:center;min-height:44px;margin-top:.7rem}.htbi-snot-calculator .htbi-snot-tile-option input{flex:0 0 auto;width:1.3rem;height:1.3rem;margin:0;accent-color:var(--htbi-snot-blue)}.htbi-snot-calculator .htbi-snot-tile-option label{cursor:pointer;font-weight:700}.htbi-snot-calculator .htbi-snot-error{min-height:1.4em;margin:.4rem 0 0;color:var(--htbi-snot-red);font-weight:650}.htbi-snot-calculator .htbi-snot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.htbi-snot-calculator .htbi-snot-result-heading{margin:1.15rem 0 .65rem;font-size:1.05rem}.htbi-snot-calculator .htbi-snot-equivalents,.htbi-snot-calculator .htbi-snot-grid-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.htbi-snot-calculator .htbi-snot-equivalents>div,.htbi-snot-calculator .htbi-snot-grid-card{min-width:0;padding:.8rem;border:1px solid var(--htbi-snot-border);border-radius:.65rem}.htbi-snot-calculator .htbi-snot-equivalents dt{color:var(--htbi-snot-muted);font-size:.82rem;font-weight:700}.htbi-snot-calculator .htbi-snot-equivalents dd{margin-bottom:0;overflow-wrap:anywhere}.htbi-snot-calculator .htbi-snot-equivalent-value{display:block;font-size:1.05rem;font-weight:800}.htbi-snot-calculator .htbi-snot-whole-guidance{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--htbi-snot-border)}.htbi-snot-calculator .htbi-snot-whole-guidance-compact{font-size:.78rem}.htbi-snot-calculator .htbi-snot-whole-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.htbi-snot-calculator .htbi-snot-whole-option{min-width:0;padding:.55rem;border:1px solid var(--htbi-snot-border);border-radius:.5rem;background:var(--htbi-snot-surface)}.htbi-snot-calculator .htbi-snot-whole-option p,.htbi-snot-calculator .htbi-snot-whole-tie{margin-bottom:.25rem}.htbi-snot-calculator .htbi-snot-whole-option p:last-child{margin-bottom:0}.htbi-snot-calculator .htbi-snot-whole-nearest{border-left:.3rem solid var(--htbi-snot-blue)}.htbi-snot-calculator .htbi-snot-whole-label{color:var(--htbi-snot-blue);font-size:.78rem;font-weight:800}.htbi-snot-calculator .htbi-snot-grid-results{grid-template-columns:repeat(3,minmax(0,1fr))}.htbi-snot-calculator .htbi-snot-grid-card h3,.htbi-snot-calculator .htbi-snot-grid-card p{margin-bottom:.35rem}.htbi-snot-calculator .htbi-snot-grid-aligned{border-left:.35rem solid var(--htbi-snot-green)}.htbi-snot-calculator .htbi-snot-preset-row{margin-bottom:1rem}.htbi-snot-calculator .htbi-snot-preset-field{flex:1 1 22rem}.htbi-snot-calculator .htbi-snot-secondary-button{width:auto;flex:0 0 auto;padding:.62rem 1rem;cursor:pointer;font-weight:750}.htbi-snot-calculator .htbi-snot-secondary-button:hover{border-color:var(--htbi-snot-blue);color:var(--htbi-snot-blue)}.htbi-snot-calculator .htbi-snot-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.htbi-snot-calculator .htbi-snot-suggestion{margin-top:1rem;padding:.9rem;border:1px solid var(--htbi-snot-border);border-left:.3rem solid var(--htbi-snot-blue);border-radius:.7rem;background:#f8fbff}.htbi-snot-calculator .htbi-snot-suggestion h3,.htbi-snot-calculator .htbi-snot-suggestion p{margin-bottom:.35rem}.htbi-snot-calculator .htbi-snot-suggestion-content{display:flex;gap:1rem;align-items:center;justify-content:space-between}.htbi-snot-calculator .htbi-snot-exact-match span,.htbi-snot-calculator .htbi-snot-dimensional-result span{color:var(--htbi-snot-muted)}.htbi-snot-calculator .htbi-snot-buildable-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.htbi-snot-calculator .htbi-snot-buildable-option{min-width:0;padding:.8rem;border:1px solid var(--htbi-snot-border);border-radius:.6rem;background:var(--htbi-snot-surface)}.htbi-snot-calculator .htbi-snot-buildable-pair{overflow-wrap:anywhere;font-size:1.05rem}.htbi-snot-calculator .htbi-snot-geometry-note{margin-top:.75rem;color:var(--htbi-snot-muted);font-size:.85rem}.htbi-snot-calculator .htbi-snot-use-suggestion{min-height:44px;white-space:nowrap}.htbi-snot-calculator .htbi-snot-suggestion-unavailable,.htbi-snot-calculator .htbi-snot-suggestion-impossible{border-left-color:var(--htbi-snot-orange)}.htbi-snot-calculator .htbi-snot-status{margin-top:1rem;padding:1rem;border:1px solid var(--htbi-snot-border);border-left-width:.4rem;border-radius:.7rem}.htbi-snot-calculator .htbi-snot-status p:last-child{margin-bottom:0}.htbi-snot-calculator .htbi-snot-status-aligned{border-left-color:var(--htbi-snot-green)}.htbi-snot-calculator .htbi-snot-status-offset{border-left-color:var(--htbi-snot-orange)}.htbi-snot-calculator .htbi-snot-status-label{margin-bottom:.35rem;font-size:1.2rem;font-weight:850}.htbi-snot-calculator .htbi-snot-alignment-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.htbi-snot-calculator .htbi-snot-alignment-values>div{min-width:0;padding:.7rem;border-radius:.55rem;background:var(--htbi-snot-soft)}.htbi-snot-calculator .htbi-snot-alignment-values dt{color:var(--htbi-snot-muted);font-size:.82rem;font-weight:700}.htbi-snot-calculator .htbi-snot-alignment-values dd{margin-bottom:0;overflow-wrap:anywhere;font-weight:800}.htbi-snot-calculator .htbi-snot-tile-breakdown{margin-bottom:1rem;padding:.8rem;border:1px solid var(--htbi-snot-border);border-radius:.6rem;background:#fff7ed}.htbi-snot-calculator .htbi-snot-tile-breakdown p,.htbi-snot-calculator .htbi-snot-technical-result{margin-bottom:.35rem}.htbi-snot-calculator .htbi-snot-unavailable{margin:1rem 0 0;padding:.8rem;border-radius:.6rem;background:var(--htbi-snot-soft);color:var(--htbi-snot-muted)}.htbi-snot-calculator .htbi-snot-visual{width:100%;min-width:0;overflow:hidden;border:1px solid var(--htbi-snot-border);border-radius:.75rem;background:#fbfdff}.htbi-snot-calculator .htbi-snot-svg{display:block;width:100%;height:auto}.htbi-snot-calculator .htbi-snot-svg text{fill:var(--htbi-snot-ink);font-family:inherit;font-size:13px;text-anchor:middle}.htbi-snot-calculator .htbi-snot-svg .htbi-snot-svg-anchor-start{text-anchor:start}.htbi-snot-calculator .htbi-snot-svg .htbi-snot-svg-anchor-end{text-anchor:end}.htbi-snot-calculator .htbi-snot-svg .htbi-snot-svg-anchor-middle{text-anchor:middle}.htbi-snot-calculator .htbi-snot-svg-axis{stroke:#8391a1;stroke-width:2}.htbi-snot-calculator .htbi-snot-svg-grid-tick line{stroke:#cbd5df;stroke-width:1}.htbi-snot-calculator .htbi-snot-svg-grid-tick text,.htbi-snot-calculator .htbi-snot-svg-grid-label{fill:var(--htbi-snot-muted);font-size:11px}.htbi-snot-calculator .htbi-snot-svg .htbi-snot-svg-grid-label{text-anchor:start}.htbi-snot-calculator .htbi-snot-svg-distance-a{stroke:var(--htbi-snot-blue);stroke-width:10}.htbi-snot-calculator .htbi-snot-svg-distance-b{stroke:var(--htbi-snot-orange);stroke-width:5;stroke-dasharray:12 8}.htbi-snot-calculator .htbi-snot-svg-origin{fill:var(--htbi-snot-ink);stroke:#fff;stroke-width:3}.htbi-snot-calculator .htbi-snot-svg-endpoint-a{fill:#fff;stroke:var(--htbi-snot-blue);stroke-width:5}.htbi-snot-calculator .htbi-snot-svg-endpoint-b{fill:#fff;stroke:var(--htbi-snot-orange);stroke-width:4}.htbi-snot-calculator .htbi-snot-svg-endpoint-aligned{fill:none;stroke:var(--htbi-snot-green);stroke-width:3}.htbi-snot-calculator .htbi-snot-svg-offset line{stroke:var(--htbi-snot-red);stroke-width:2}.htbi-snot-calculator .htbi-snot-svg-offset text,.htbi-snot-calculator .htbi-snot-svg-aligned-label{font-weight:800}.htbi-snot-calculator .htbi-snot-svg-magnified-offset rect{fill:#fff7ed;stroke:var(--htbi-snot-orange);stroke-width:1.5}.htbi-snot-calculator .htbi-snot-svg-magnified-offset text{font-size:12px;font-weight:750}.htbi-snot-calculator .htbi-snot-svg-finishing-tile line{stroke:var(--htbi-snot-green);stroke-width:6}.htbi-snot-calculator .htbi-snot-svg-finishing-tile text{fill:var(--htbi-snot-green);font-size:11px;font-weight:800}.htbi-snot-calculator .htbi-snot-svg-legend text{text-anchor:start}.htbi-snot-calculator .htbi-snot-note{margin:.7rem 0 0;color:var(--htbi-snot-muted);font-size:.9rem}@media(max-width:44rem){.htbi-snot-calculator .htbi-snot-comparison-grid,.htbi-snot-calculator .htbi-snot-equivalents,.htbi-snot-calculator .htbi-snot-alignment-values,.htbi-snot-calculator .htbi-snot-grid-results{grid-template-columns:1fr}.htbi-snot-calculator .htbi-snot-suggestion-content,.htbi-snot-calculator .htbi-snot-whole-options,.htbi-snot-calculator .htbi-snot-buildable-options{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.htbi-snot-calculator .htbi-snot-preset-row{align-items:stretch;flex-direction:column}.htbi-snot-calculator .htbi-snot-preset-field,.htbi-snot-calculator .htbi-snot-field{flex-basis:auto}.htbi-snot-calculator .htbi-snot-secondary-button{width:100%}.htbi-snot-calculator .htbi-snot-svg text{font-size:34px}.htbi-snot-calculator .htbi-snot-svg-grid-tick text{display:none}.htbi-snot-calculator .htbi-snot-svg-grid-label,.htbi-snot-calculator .htbi-snot-svg-legend text{font-size:28px}.htbi-snot-calculator .htbi-snot-svg-magnified-offset text{font-size:28px}.htbi-snot-calculator .htbi-snot-svg-finishing-tile text{font-size:26px}.htbi-snot-calculator .htbi-snot-svg-legend{display:none}}@media(max-width:22rem){.htbi-snot-calculator .htbi-snot-field-row{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.htbi-snot-calculator *{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/htbi-snot-offset-calculator.css.map */