.RatioBar-module__yBiuEG__root{margin-block-start:16px}.RatioBar-module__yBiuEG__svg{block-size:auto;inline-size:100%;max-inline-size:460px;display:block}.RatioBar-module__yBiuEG__compact .RatioBar-module__yBiuEG__svg{max-inline-size:none}.RatioBar-module__yBiuEG__seg{stroke:var(--surface-card);stroke-width:1px}.RatioBar-module__yBiuEG__segCement{fill:var(--ink-300)}.RatioBar-module__yBiuEG__segSand{fill:var(--amber-500)}.RatioBar-module__yBiuEG__segAgg{fill:var(--ink-600)}.RatioBar-module__yBiuEG__segWater{fill:var(--blue-500)}.RatioBar-module__yBiuEG__swatch{stroke:none}.RatioBar-module__yBiuEG__part{font-family:var(--font-mono);letter-spacing:.01em;font-size:13px;font-weight:600}.RatioBar-module__yBiuEG__partCement,.RatioBar-module__yBiuEG__partSand{fill:var(--ink-900)}.RatioBar-module__yBiuEG__partAgg{fill:var(--white)}.RatioBar-module__yBiuEG__waterLabel{font-family:var(--font-sans);letter-spacing:.01em;fill:var(--white);font-size:10.5px;font-weight:600}.RatioBar-module__yBiuEG__legendName{font-family:var(--font-sans);fill:var(--text-muted);font-size:13px}.RatioBar-module__yBiuEG__legendValue{font-family:var(--font-mono);fill:var(--text-strong);font-size:13px;font-weight:600}.RatioBar-module__yBiuEG__caption{font-family:var(--font-sans);color:var(--text-faint);margin-block:8px 0;margin-inline:0;font-size:12.5px;line-height:1.5}.RatioBar-module__yBiuEG__designmix{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);flex-direction:column;gap:8px;margin-block-start:16px;padding-block:16px;padding-inline:18px;display:flex}.RatioBar-module__yBiuEG__designHeading{font-family:var(--font-sans);color:var(--text-strong);margin:0;font-size:14px;font-weight:600}.RatioBar-module__yBiuEG__designBody{font-family:var(--font-sans);color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}