.hf-dimension-chart{--hf-chart-ink: #111820;--hf-chart-muted: #68717a;--hf-chart-line: #dce1e1;--hf-chart-paper: #f4f2ec;--hf-chart-accent: #b48a43;background:var(--hf-chart-paper);color:var(--hf-chart-ink);overflow:hidden}.hf-dimension-chart__inner{margin:0 auto;max-width:1440px;padding:72px 44px}.hf-dimension-chart__intro{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(280px,.54fr);margin-bottom:36px}.hf-dimension-chart__eyebrow{color:var(--hf-chart-accent);font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;margin:0 0 13px;text-transform:uppercase}.hf-dimension-chart__heading{color:var(--hf-chart-ink);font-size:clamp(29px,3.6vw,48px);font-weight:650;letter-spacing:-.045em;line-height:.98;margin:0}.hf-dimension-chart__description{color:#4e5862;font-size:15px;line-height:1.65;margin:16px 0 0;max-width:670px}.hf-dimension-chart__meta{align-content:end;border-left:1px solid #cfd4d4;display:grid;gap:9px;padding:10px 0 5px 26px}.hf-dimension-chart__meta-item{color:#4e5862;font-size:12px;line-height:1.4}.hf-dimension-chart__meta-label{color:#7b858c;display:inline-block;font-size:9px;font-weight:700;letter-spacing:.12em;margin-right:7px;text-transform:uppercase}.hf-dimension-chart__canvas{border:1px solid #d9dcd7;display:grid;grid-template-columns:minmax(340px,1.22fr) minmax(290px,.78fr)}.hf-dimension-chart__diagram{align-items:center;background:#fbfaf7;display:flex;min-height:360px;padding:0;position:relative}.hf-dimension-chart__diagram:before{background-image:linear-gradient(rgba(17,24,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,32,.035) 1px,transparent 1px);background-size:24px 24px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.hf-dimension-chart__diagram>svg{display:block;height:360px;padding:24px;position:relative;width:100%;z-index:1}.hf-fastener-viewer{cursor:grab;height:360px;isolation:isolate;position:relative;touch-action:none;width:100%;z-index:1}.hf-fastener-viewer:active{cursor:grabbing}.hf-fastener-viewer canvas{display:block;height:100%;outline:0;width:100%}.hf-fastener-viewer__controls{align-items:center;bottom:14px;color:#697178;display:flex;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;gap:13px;left:17px;letter-spacing:.08em;position:absolute;text-transform:uppercase}.hf-fastener-viewer__controls button{background:#fffc;border:1px solid #c7cdcb;color:#374148;cursor:pointer;font:inherit;letter-spacing:inherit;padding:7px 9px;text-transform:inherit}.hf-fastener-viewer__controls button:hover{border-color:#b48a43;color:#8e6b33}.hf-dimension-chart__diagram .hf-object{fill:#eff0ec;stroke:#111820;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1}.hf-dimension-chart__diagram .hf-thread{fill:none;stroke:#111820;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.hf-dimension-chart__diagram .hf-dim{fill:none;stroke:#b48a43;stroke-dasharray:4 4;stroke-width:1.15}.hf-dimension-chart__diagram .hf-extension{fill:none;stroke:#8c9498;stroke-width:1}.hf-dimension-chart__diagram .hf-label{fill:#9b7438;font-family:Barlow,sans-serif;font-size:15px;font-style:italic;font-weight:700}.hf-dimension-chart__diagram .hf-note{fill:#7d8588;font-family:Barlow,sans-serif;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hf-dimension-chart__legend{background:var(--hf-chart-ink);color:#edf0ed;display:flex;flex-direction:column;justify-content:space-between;padding:35px 34px 30px}.hf-dimension-chart__legend-mark{align-items:center;color:#c9a667;display:flex;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;gap:9px;letter-spacing:.15em;text-transform:uppercase}.hf-dimension-chart__legend-mark:before{background:currentColor;content:"";height:1px;width:28px}.hf-dimension-chart__legend-title{color:#fff;font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:15px 0 0}.hf-dimension-chart__keys{border-top:1px solid rgba(255,255,255,.18);margin-top:30px;padding-top:18px}.hf-dimension-chart__key{align-items:baseline;border-bottom:1px solid rgba(255,255,255,.12);display:grid;gap:10px;grid-template-columns:28px 1fr;padding:10px 0}.hf-dimension-chart__key-symbol{color:#d7b36f;font-family:Georgia,serif;font-size:18px;font-style:italic}.hf-dimension-chart__key-text{color:#d9dddc;font-size:12px;line-height:1.35}.hf-dimension-chart__scope{color:#aeb7b9;font-size:11px;line-height:1.55;margin:28px 0 0}.hf-dimension-chart__data{border:1px solid #d9dcd7;border-top:0;background:#fff}.hf-dimension-chart__table{border-collapse:collapse;width:100%}.hf-dimension-chart__table caption{color:#424b52;font-size:12px;padding:20px 23px 14px;text-align:left}.hf-dimension-chart__table th{background:#e9e8e1;color:#566068;font-size:10px;font-weight:750;letter-spacing:.1em;padding:12px 16px;text-align:left;text-transform:uppercase}.hf-dimension-chart__table td{border-top:1px solid #e7e8e4;color:#303940;font-size:13px;padding:13px 16px}.hf-dimension-chart__table tr:hover td{background:#f9f7f1}.hf-dimension-chart__table td:first-child{color:#111820;font-weight:700}.hf-dimension-chart__footer{align-items:center;display:flex;gap:22px;justify-content:space-between;padding:19px 23px}.hf-dimension-chart__disclaimer{color:#68717a;font-size:11px;line-height:1.55;margin:0;max-width:780px}.hf-dimension-chart__cta{border-bottom:1px solid #b48a43;color:#111820;font-size:11px;font-weight:750;letter-spacing:.1em;padding-bottom:4px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.hf-dimension-chart__cta:hover{color:#8d682e}.hf-dimension-chart__empty{background:#fff;border:1px dashed #bdc3c3;color:#68717a;font-size:14px;padding:28px;text-align:center}@media(max-width:767px){.hf-dimension-chart__inner{padding:48px 20px}.hf-dimension-chart__intro,.hf-dimension-chart__canvas{grid-template-columns:1fr}.hf-dimension-chart__meta{border-left:0;border-top:1px solid #cfd4d4;padding:18px 0 0}.hf-dimension-chart__diagram,.hf-fastener-viewer{min-height:278px;height:278px}.hf-dimension-chart__diagram>svg{height:278px;padding:17px}.hf-fastener-viewer__controls{align-items:flex-start;flex-direction:column;gap:7px}.hf-dimension-chart__legend{padding:28px 24px}.hf-dimension-chart__table,.hf-dimension-chart__table tbody,.hf-dimension-chart__table tr,.hf-dimension-chart__table td{display:block;width:100%}.hf-dimension-chart__table caption{padding:18px 18px 8px}.hf-dimension-chart__table thead{display:none}.hf-dimension-chart__table tr{border-top:1px solid #dde1df;padding:11px 18px}.hf-dimension-chart__table td{border:0;display:grid;font-size:13px;gap:15px;grid-template-columns:minmax(110px,.9fr) 1fr;padding:5px 0}.hf-dimension-chart__table td:before{color:#758087;content:attr(data-label);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.hf-dimension-chart__footer{align-items:flex-start;flex-direction:column;gap:16px;padding:18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hf-dimension-chart.css.map */