/* Utilities. Bar widths as classes because inline styles are forbidden by the CSP. */
.muted { color: var(--muted); } .small { font-size: var(--fs-sm); } .mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.hidden { display: none !important; }
.mt { margin-top: var(--sp-6); }
.bar > i.w0 { width: 0%; }
.bar > i.w1 { width: 1%; }
.bar > i.w2 { width: 2%; }
.bar > i.w3 { width: 3%; }
.bar > i.w4 { width: 4%; }
.bar > i.w5 { width: 5%; }
.bar > i.w6 { width: 6%; }
.bar > i.w7 { width: 7%; }
.bar > i.w8 { width: 8%; }
.bar > i.w9 { width: 9%; }
.bar > i.w10 { width: 10%; }
.bar > i.w11 { width: 11%; }
.bar > i.w12 { width: 12%; }
.bar > i.w13 { width: 13%; }
.bar > i.w14 { width: 14%; }
.bar > i.w15 { width: 15%; }
.bar > i.w16 { width: 16%; }
.bar > i.w17 { width: 17%; }
.bar > i.w18 { width: 18%; }
.bar > i.w19 { width: 19%; }
.bar > i.w20 { width: 20%; }
.bar > i.w21 { width: 21%; }
.bar > i.w22 { width: 22%; }
.bar > i.w23 { width: 23%; }
.bar > i.w24 { width: 24%; }
.bar > i.w25 { width: 25%; }
.bar > i.w26 { width: 26%; }
.bar > i.w27 { width: 27%; }
.bar > i.w28 { width: 28%; }
.bar > i.w29 { width: 29%; }
.bar > i.w30 { width: 30%; }
.bar > i.w31 { width: 31%; }
.bar > i.w32 { width: 32%; }
.bar > i.w33 { width: 33%; }
.bar > i.w34 { width: 34%; }
.bar > i.w35 { width: 35%; }
.bar > i.w36 { width: 36%; }
.bar > i.w37 { width: 37%; }
.bar > i.w38 { width: 38%; }
.bar > i.w39 { width: 39%; }
.bar > i.w40 { width: 40%; }
.bar > i.w41 { width: 41%; }
.bar > i.w42 { width: 42%; }
.bar > i.w43 { width: 43%; }
.bar > i.w44 { width: 44%; }
.bar > i.w45 { width: 45%; }
.bar > i.w46 { width: 46%; }
.bar > i.w47 { width: 47%; }
.bar > i.w48 { width: 48%; }
.bar > i.w49 { width: 49%; }
.bar > i.w50 { width: 50%; }
.bar > i.w51 { width: 51%; }
.bar > i.w52 { width: 52%; }
.bar > i.w53 { width: 53%; }
.bar > i.w54 { width: 54%; }
.bar > i.w55 { width: 55%; }
.bar > i.w56 { width: 56%; }
.bar > i.w57 { width: 57%; }
.bar > i.w58 { width: 58%; }
.bar > i.w59 { width: 59%; }
.bar > i.w60 { width: 60%; }
.bar > i.w61 { width: 61%; }
.bar > i.w62 { width: 62%; }
.bar > i.w63 { width: 63%; }
.bar > i.w64 { width: 64%; }
.bar > i.w65 { width: 65%; }
.bar > i.w66 { width: 66%; }
.bar > i.w67 { width: 67%; }
.bar > i.w68 { width: 68%; }
.bar > i.w69 { width: 69%; }
.bar > i.w70 { width: 70%; }
.bar > i.w71 { width: 71%; }
.bar > i.w72 { width: 72%; }
.bar > i.w73 { width: 73%; }
.bar > i.w74 { width: 74%; }
.bar > i.w75 { width: 75%; }
.bar > i.w76 { width: 76%; }
.bar > i.w77 { width: 77%; }
.bar > i.w78 { width: 78%; }
.bar > i.w79 { width: 79%; }
.bar > i.w80 { width: 80%; }
.bar > i.w81 { width: 81%; }
.bar > i.w82 { width: 82%; }
.bar > i.w83 { width: 83%; }
.bar > i.w84 { width: 84%; }
.bar > i.w85 { width: 85%; }
.bar > i.w86 { width: 86%; }
.bar > i.w87 { width: 87%; }
.bar > i.w88 { width: 88%; }
.bar > i.w89 { width: 89%; }
.bar > i.w90 { width: 90%; }
.bar > i.w91 { width: 91%; }
.bar > i.w92 { width: 92%; }
.bar > i.w93 { width: 93%; }
.bar > i.w94 { width: 94%; }
.bar > i.w95 { width: 95%; }
.bar > i.w96 { width: 96%; }
.bar > i.w97 { width: 97%; }
.bar > i.w98 { width: 98%; }
.bar > i.w99 { width: 99%; }
.bar > i.w100 { width: 100%; }
.tick.t0 { left: 0%; }
.tick.t1 { left: 1%; }
.tick.t2 { left: 2%; }
.tick.t3 { left: 3%; }
.tick.t4 { left: 4%; }
.tick.t5 { left: 5%; }
.tick.t6 { left: 6%; }
.tick.t7 { left: 7%; }
.tick.t8 { left: 8%; }
.tick.t9 { left: 9%; }
.tick.t10 { left: 10%; }
.tick.t11 { left: 11%; }
.tick.t12 { left: 12%; }
.tick.t13 { left: 13%; }
.tick.t14 { left: 14%; }
.tick.t15 { left: 15%; }
.tick.t16 { left: 16%; }
.tick.t17 { left: 17%; }
.tick.t18 { left: 18%; }
.tick.t19 { left: 19%; }
.tick.t20 { left: 20%; }
.tick.t21 { left: 21%; }
.tick.t22 { left: 22%; }
.tick.t23 { left: 23%; }
.tick.t24 { left: 24%; }
.tick.t25 { left: 25%; }
.tick.t26 { left: 26%; }
.tick.t27 { left: 27%; }
.tick.t28 { left: 28%; }
.tick.t29 { left: 29%; }
.tick.t30 { left: 30%; }
.tick.t31 { left: 31%; }
.tick.t32 { left: 32%; }
.tick.t33 { left: 33%; }
.tick.t34 { left: 34%; }
.tick.t35 { left: 35%; }
.tick.t36 { left: 36%; }
.tick.t37 { left: 37%; }
.tick.t38 { left: 38%; }
.tick.t39 { left: 39%; }
.tick.t40 { left: 40%; }
.tick.t41 { left: 41%; }
.tick.t42 { left: 42%; }
.tick.t43 { left: 43%; }
.tick.t44 { left: 44%; }
.tick.t45 { left: 45%; }
.tick.t46 { left: 46%; }
.tick.t47 { left: 47%; }
.tick.t48 { left: 48%; }
.tick.t49 { left: 49%; }
.tick.t50 { left: 50%; }
.tick.t51 { left: 51%; }
.tick.t52 { left: 52%; }
.tick.t53 { left: 53%; }
.tick.t54 { left: 54%; }
.tick.t55 { left: 55%; }
.tick.t56 { left: 56%; }
.tick.t57 { left: 57%; }
.tick.t58 { left: 58%; }
.tick.t59 { left: 59%; }
.tick.t60 { left: 60%; }
.tick.t61 { left: 61%; }
.tick.t62 { left: 62%; }
.tick.t63 { left: 63%; }
.tick.t64 { left: 64%; }
.tick.t65 { left: 65%; }
.tick.t66 { left: 66%; }
.tick.t67 { left: 67%; }
.tick.t68 { left: 68%; }
.tick.t69 { left: 69%; }
.tick.t70 { left: 70%; }
.tick.t71 { left: 71%; }
.tick.t72 { left: 72%; }
.tick.t73 { left: 73%; }
.tick.t74 { left: 74%; }
.tick.t75 { left: 75%; }
.tick.t76 { left: 76%; }
.tick.t77 { left: 77%; }
.tick.t78 { left: 78%; }
.tick.t79 { left: 79%; }
.tick.t80 { left: 80%; }
.tick.t81 { left: 81%; }
.tick.t82 { left: 82%; }
.tick.t83 { left: 83%; }
.tick.t84 { left: 84%; }
.tick.t85 { left: 85%; }
.tick.t86 { left: 86%; }
.tick.t87 { left: 87%; }
.tick.t88 { left: 88%; }
.tick.t89 { left: 89%; }
.tick.t90 { left: 90%; }
.tick.t91 { left: 91%; }
.tick.t92 { left: 92%; }
.tick.t93 { left: 93%; }
.tick.t94 { left: 94%; }
.tick.t95 { left: 95%; }
.tick.t96 { left: 96%; }
.tick.t97 { left: 97%; }
.tick.t98 { left: 98%; }
.tick.t99 { left: 99%; }
.tick.t100 { left: 100%; }