/* The calculators page: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.js .js-hidden { display: none; }

.breakdown-bar { display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: rgb(255 255 255 / 0.1); margin: 4px 0 14px; }
.breakdown-bar .seg { height: 100%; transition: width 0.25s ease; }
.seg-1 { background: var(--c1); }
.seg-2 { background: var(--c2); }
.seg-3 { background: var(--c3); }
.seg-4 { background: var(--c4); }
.seg-5 { background: var(--c5); }
.field-error:empty { display: none; }