:root{--background-color:white;--primary-outline-color:#36454f;--secondary-outline-color:gray;--selected-color:#4169e1;--secondary-selected-color:#6495ed;--primary-fill-color:silver;--secondary-fill-color:#dcdcdc;--spoke-color:black;--secondary-spoke-color:gray;--warning-color:orange;--outline-thickness:1px;--selected-outline-thickness:2px;--spoke-thickness:1.5px;--selected-spoke-thickness:2px}html,body{height:100%;margin:0;padding:0}html{font-family:system-ui}.hidden{display:none}.help-modal{background-color:var(--background-color);z-index:10;width:100%;height:100%;padding:0;position:absolute;top:0;left:0;& .help-content-wrapper{padding:1rem}}.main-container{align-items:stretch;height:100%;display:flex}.wheel-viewer{background-color:#fff;flex-grow:1;order:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.help-breakout{position:absolute;top:1rem;right:1rem}.tool-panel{border-left:1px solid #000;flex:0 0 375px;order:2;height:100%;overflow:auto}.tool-panel-inner-wrapper{padding:5px}.tool-section{margin:.75rem 0 .25rem;& h4{margin:.5rem 0}& button{margin-top:.5rem;margin-bottom:.5rem}}.tool-line{grid-template-columns:4fr 1fr 1fr;gap:5px;padding-top:5px;display:grid}.tool-line-lr{grid-template-columns:3fr 1fr 1fr 1fr;gap:5px;padding-top:5px;display:grid}.tool-line,.tool-line-lr{& input[type=number]{box-sizing:border-box;border:1px solid var(--primary-outline-color);width:100%;padding:3px}}#spoke-summary{& .summary-message{font-style:italic;&.warning{color:var(--warning-color)}}& .summary-build-url{font-size:.5rem}& table,& th,& td{border:1px solid var(--secondary-outline-color);margin-top:1rem;margin-bottom:1rem}& table{width:100%}& th,& td{text-align:center}}.svg-container{width:100%;height:100%;& *{stroke-width:var(--outline-thickness)}& .background{stroke:0;fill:var(--background-color)}& text.message{font-size:1rem}& .spoke:hover,& .hole:hover{cursor:pointer}& .nipple{stroke:var(--primary-outline-color);fill:var(--background-color)}& .hole{fill:var(--background-color);stroke:var(--primary-outline-color)}& .hole{&.selected{fill:var(--selected-color);stroke:var(--selected-color);stroke-width:var(--selected-outline-thickness);&.far-side{fill:var(--secondary-selected-color);stroke:var(--secondary-selected-color);stroke-width:var(--selected-outline-thickness)}}}& .rim{& .rim-outer{fill:var(--secondary-fill-color);stroke:var(--secondary-outline-color)}& .rim-inner{fill:var(--background-color);stroke:var(--secondary-outline-color)}}& .flange{& .near-flange{fill:var(--primary-fill-color);stroke:var(--secondary-outline-color)}& .far-flange{fill:var(--secondary-fill-color);stroke:var(--secondary-outline-color)}& .axle-hole{fill:var(--background-color);stroke:var(--primary-outline-color)}& .flange-start-marker{fill:var(--primary-outline-color);stroke:var(--primary-outline-color)}}& .spoke{& line{stroke-width:var(--spoke-thickness);stroke:var(--spoke-color)}& .spoke-marker{stroke-width:1px;stroke:var(--spoke-color);fill:var(--spoke-color);&.warning{fill:var(--warning-color)}}& .spoke-group-label text{fill:var(--background-color);font-size:8px;transform:translateY(3px)}& .spoke-group-label-background{stroke-width:0;fill:var(--spoke-color)}}& .spoke.far-side{& line{stroke-width:var(--spoke-thickness);stroke:var(--secondary-spoke-color)}& .spoke-marker{stroke-width:1px;stroke:var(--secondary-spoke-color);fill:var(--secondary-spoke-color);&.warning{fill:var(--warning-color)}}& .spoke-group-label-background{stroke:0;fill:var(--secondary-spoke-color)}}& .spoke.selected{& line{stroke-width:var(--selected-spoke-thickness);stroke:var(--selected-color)}& .spoke-marker{stroke-width:0;fill:var(--selected-color)}& .spoke-group-label-background{stroke:0;fill:var(--selected-color)}}}.print-only{@media print{display:inherit;word-wrap:break-word}@media screen{display:none}}@media print{@page{margin:.5in}.main-container{display:block}.wheel-viewer{break-after:page;width:10in;height:7.5in;display:block}.tool-panel{border-left:none;display:block;overflow:visible}.non-printable{display:none}}
/*# sourceMappingURL=spokecalc.d9ce8d61.css.map */