hh-workshop-calculator{display:block;font-family:inherit}hh-workshop-calculator{--green: #12392c;--green-2: #24764d;--ink: #12392c;--muted: #606a64;--line: #dce3de;--pale: #eef4f0;--warm: #f5f7f5;--gold: #a68e68;--white: #fff;--danger: #8c2f24;--max: 1500px}hh-workshop-calculator *{box-sizing:border-box}hh-workshop-calculator .sr-only{clip-path:inset(50%);white-space:nowrap;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;border:0px!important}hh-workshop-calculator{margin:0;background:#fff;color:var(--ink);font-size:14px;line-height:1.5;letter-spacing:0px}hh-workshop-calculator button,hh-workshop-calculator input,hh-workshop-calculator select{font:inherit;color:inherit;letter-spacing:0px}hh-workshop-calculator{max-width:var(--max);margin:auto;padding:28px 32px 48px}hh-workshop-calculator .breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:18px}hh-workshop-calculator .breadcrumbs a{color:inherit;text-decoration:none}hh-workshop-calculator .breadcrumbs a:hover{text-decoration:underline}hh-workshop-calculator .page-heading{max-width:880px;margin-bottom:24px}hh-workshop-calculator .eyebrow{margin:0 0 6px;color:var(--gold);font-size:12px;font-weight:700}hh-workshop-calculator h1{margin:0;color:var(--green);font-size:32px;line-height:1.15;font-weight:750}hh-workshop-calculator .tool-family-nav{display:flex;gap:24px;border-bottom:1px solid var(--line)}hh-workshop-calculator .tool-family-nav a{padding:12px 0;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600}hh-workshop-calculator .tool-family-nav a:hover{color:var(--green)}hh-workshop-calculator .tool-family-nav a[aria-current=page]{color:var(--green);border-color:var(--green)}hh-workshop-calculator .calculator{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(500px,1.12fr);border-bottom:1px solid var(--line)}hh-workshop-calculator .controls{padding:26px 28px 28px 0;border-right:1px solid var(--line)}hh-workshop-calculator .result-panel{padding:26px 0 28px 32px;min-width:0px}hh-workshop-calculator .result-panel[data-invalid]>:not(.result-empty){display:none}hh-workshop-calculator .result-empty{color:var(--danger);margin:0;padding:12px;border-left:3px solid var(--danger);background:#fff0ee}hh-workshop-calculator fieldset{border:0px;margin:0;padding:0;min-width:0px}hh-workshop-calculator .control-group+.control-group{margin-top:26px}hh-workshop-calculator legend,hh-workshop-calculator .field>span:first-child{display:block;margin-bottom:9px;color:var(--green);font-size:14px;font-weight:700}hh-workshop-calculator .step-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}hh-workshop-calculator .step-heading>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;background:var(--pale);border:1px solid var(--line);border-radius:4px;color:var(--green);font-size:12px;font-weight:700}hh-workshop-calculator .step-heading h2{margin:0;color:var(--green);font-size:17px;line-height:1.3}hh-workshop-calculator .step-divider{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}hh-workshop-calculator .tool-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}hh-workshop-calculator .tool-input{min-width:0px;padding:0;border:0px;background:#fff}hh-workshop-calculator .input-illustration{display:block;width:100%;height:132px;margin:0 auto 11px;background:#fff}hh-workshop-calculator .input-illustration text{fill:#6f5832;font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700;letter-spacing:0px}hh-workshop-calculator .calculation-direction{display:grid;grid-template-columns:minmax(0px,1fr) 44px minmax(0px,1fr);align-items:center;gap:10px;padding:0}hh-workshop-calculator .calculation-direction>div{min-width:0px}hh-workshop-calculator .calculation-direction>div:last-child{text-align:right}hh-workshop-calculator .calculation-direction strong{display:block;font-size:14px;line-height:1.3;color:var(--green)}hh-workshop-calculator .calculation-direction button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--green);cursor:pointer}hh-workshop-calculator .calculation-direction button:hover{background:var(--pale);border-color:var(--green)}hh-workshop-calculator .calculation-direction button:focus-visible{outline:rgb(136,183,158) solid 3px;outline-offset:3px}hh-workshop-calculator .calculation-direction button svg{width:20px;height:20px}hh-workshop-calculator .segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);border:1px solid var(--line);padding:3px}hh-workshop-calculator .segmented label{cursor:pointer}hh-workshop-calculator .segmented input{position:absolute;opacity:0;pointer-events:none}hh-workshop-calculator .segmented span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;text-align:center;font-weight:700;font-size:14px}hh-workshop-calculator .segmented input:checked+span{background:var(--green);color:#fff}hh-workshop-calculator .segmented input:focus-visible+span{outline:rgb(136,183,158) solid 3px;outline-offset:2px}hh-workshop-calculator .route-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}hh-workshop-calculator .route-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:104px;padding:12px 8px;border-width:0px 0px 3px;border-style:none none solid;border-color:currentcolor currentcolor transparent;border-image:none;cursor:pointer}hh-workshop-calculator .route-card>input{position:absolute;opacity:0}hh-workshop-calculator .route-card:has(input:checked){border-bottom-color:var(--green);background:var(--pale)}hh-workshop-calculator .route-card:hover{background:var(--warm)}hh-workshop-calculator .route-card:has(input:focus-visible){outline:rgb(136,183,158) solid 3px;outline-offset:2px}hh-workshop-calculator .route-card b{display:block;text-align:center}hh-workshop-calculator .route-card b{font-size:13px;color:var(--green)}hh-workshop-calculator .route-art{position:relative;width:38px;height:38px;border:2px solid var(--green);background:#fff}hh-workshop-calculator .route-art i{position:absolute;border:2px dashed var(--green-2)}hh-workshop-calculator .inside-art i{top:8px;right:8px;bottom:8px;left:8px}hh-workshop-calculator .outside-art{width:26px;height:26px;margin:6px;background:var(--pale)}hh-workshop-calculator .outside-art i{top:-11px;right:-11px;bottom:-11px;left:-11px}hh-workshop-calculator .diameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}hh-workshop-calculator .input-unit{grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;display:grid!important;margin:0!important}hh-workshop-calculator .input-unit:focus-within{outline:rgb(185,215,197) solid 3px;outline-offset:1px;border-color:var(--green)}hh-workshop-calculator .input-unit input,hh-workshop-calculator .input-unit select{border:0px;background:transparent;min-width:0px;height:44px}hh-workshop-calculator .input-unit input{width:100%;padding:0 12px;font-size:16px;font-weight:600;outline:none}hh-workshop-calculator .input-unit select{border-left:1px solid var(--line);padding:0 29px 0 10px;outline:none;font-size:13px;font-weight:700}hh-workshop-calculator .bushing-presets{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px}hh-workshop-calculator .bushing-presets>span{margin-right:3px;color:var(--muted);font-size:12px;font-weight:400}hh-workshop-calculator .bushing-presets button{min-height:36px;padding:5px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--green);font-size:12px;font-weight:600;cursor:pointer}hh-workshop-calculator .bushing-presets button:hover,hh-workshop-calculator .bushing-presets button[aria-pressed=true]{border-color:var(--green);background:var(--pale)}hh-workshop-calculator .bushing-presets button:focus-visible{outline:rgb(185,215,197) solid 3px;outline-offset:1px}hh-workshop-calculator .dimension-step{align-items:center;margin-bottom:18px}hh-workshop-calculator .dimension-step .unit-toggle{margin-left:auto}hh-workshop-calculator .unit-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}hh-workshop-calculator .unit-toggle select{height:36px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:0 8px;font-weight:400}hh-workshop-calculator .error{margin-top:18px;padding:12px;border-left:3px solid var(--danger);background:#fff0ee;color:var(--danger);font-weight:700;font-size:14px}hh-workshop-calculator .reset{display:inline-flex;align-items:center;gap:7px;min-height:40px;margin-top:12px;padding:4px 0;background:transparent;border:0px;color:var(--muted);cursor:pointer;font-size:12px}hh-workshop-calculator .reset svg{width:16px;height:16px}hh-workshop-calculator .reset:hover{color:var(--green)}hh-workshop-calculator .result-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:400}hh-workshop-calculator .result-topline h2{margin:0;color:var(--green);font-size:17px;font-weight:700}hh-workshop-calculator .result-topline select{height:36px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:0 8px;color:var(--green)}hh-workshop-calculator .result-main{padding:12px 0}hh-workshop-calculator .result-main p{margin:0}hh-workshop-calculator .dimension-results{padding:20px;background:var(--pale);border-bottom:3px solid var(--green)}hh-workshop-calculator .result-size{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;min-height:46px;color:var(--green);font-size:38px;line-height:1.2}hh-workshop-calculator .result-size strong{min-width:0px;overflow-wrap:anywhere}hh-workshop-calculator [data-calculator-id=result-approx]:empty{display:none}hh-workshop-calculator [data-calculator-id=result-unit-label]{font-size:18px;font-weight:400}hh-workshop-calculator [data-calculator-id=result-secondary]{margin-top:7px;color:var(--muted);font-size:12px}hh-workshop-calculator .offset-row{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:12px}hh-workshop-calculator .offset-row strong{color:var(--green);font-size:16px}hh-workshop-calculator .diagram-wrap{margin-top:20px;background:#fff;border:0px}hh-workshop-calculator [data-calculator-id=diagram]{display:block;width:100%;height:auto;max-height:390px}hh-workshop-calculator .diagram-label line{stroke:#65736b;stroke-width:2}hh-workshop-calculator .diagram-label text{fill:#314038;font-size:14px;font-weight:700}hh-workshop-calculator .diagram-dimension line{stroke:var(--gold);stroke-width:2}hh-workshop-calculator .diagram-dimension text{fill:#6f5832;font-size:13px;font-weight:700}hh-workshop-calculator .legend{display:flex;justify-content:center;gap:24px;padding:0 12px 14px;color:var(--muted);font-size:12px}hh-workshop-calculator .legend span:before{content:"";display:inline-block;width:22px;margin-right:7px;vertical-align:middle}hh-workshop-calculator .template-key:before{border-top:4px solid var(--green)}hh-workshop-calculator .cut-key:before{border-top:3px dashed var(--green-2)}hh-workshop-calculator details{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}hh-workshop-calculator summary{cursor:pointer;color:var(--green);font-weight:700;font-size:14px}hh-workshop-calculator details p{margin:10px 0 0;color:var(--muted);font-size:13px}hh-workshop-calculator .safety-note{display:grid;grid-template-columns:150px 1fr;gap:24px;margin-top:24px;padding:0;background:#fff}hh-workshop-calculator .safety-note h2,hh-workshop-calculator .safety-note p{margin:0}hh-workshop-calculator .safety-note h2{font-size:17px;color:var(--green)}hh-workshop-calculator .safety-note p{color:var(--muted);font-size:12px;max-width:900px}@media(max-width:1100px){hh-workshop-calculator .dimension-step{flex-wrap:wrap}hh-workshop-calculator .dimension-step .unit-toggle{width:100%;margin-left:35px;justify-content:space-between}}@media(max-width:1000px){hh-workshop-calculator .calculator{grid-template-columns:1fr}hh-workshop-calculator .controls{padding:24px 0;border-right:0px;border-bottom:1px solid var(--line)}hh-workshop-calculator .result-panel{padding:24px 0}hh-workshop-calculator .dimension-step .unit-toggle{width:auto;margin-left:auto}hh-workshop-calculator .input-illustration{height:140px}}@media(max-width:580px){hh-workshop-calculator{padding:20px 16px 32px}hh-workshop-calculator .breadcrumbs{margin-bottom:16px;gap:4px;font-size:11px}hh-workshop-calculator .page-heading{margin-bottom:16px}hh-workshop-calculator h1{font-size:26px}hh-workshop-calculator .tool-family-nav{gap:16px}hh-workshop-calculator .tool-family-nav a{font-size:12px;padding:11px 0}hh-workshop-calculator .tool-input-grid{grid-template-columns:1fr;gap:12px}hh-workshop-calculator .tool-input{display:grid;grid-template-columns:110px minmax(0px,1fr);align-items:center;gap:12px;padding:0 0 12px}hh-workshop-calculator .input-illustration{height:94px;margin:0}hh-workshop-calculator .route-card{min-height:104px}hh-workshop-calculator .step-heading h2{font-size:16px}hh-workshop-calculator .dimension-step{align-items:flex-start;flex-wrap:wrap}hh-workshop-calculator .dimension-step .unit-toggle{width:100%;margin:4px 0 0 35px;justify-content:space-between}hh-workshop-calculator .result-topline{align-items:center;flex-direction:row;gap:12px}hh-workshop-calculator .dimension-results{padding:16px}hh-workshop-calculator .result-size{font-size:32px;gap:8px;min-height:39px}hh-workshop-calculator .diagram-wrap{margin-left:-8px;margin-right:-8px}hh-workshop-calculator .safety-note{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-motion:reduce){hh-workshop-calculator *{scroll-behavior:auto!important}}hh-workshop-calculator button,hh-workshop-calculator input,hh-workshop-calculator select{margin:0;box-shadow:none}hh-workshop-calculator h1,hh-workshop-calculator h2{font-family:inherit;letter-spacing:0}hh-workshop-calculator .input-illustration{max-width:none}
/*# sourceMappingURL=/cdn/shop/t/53/assets/hh-workshop-calculator.css.map */