/* Utility classes, replacing repeated inline style attributes in the views.
 *
 * Every declaration is !important, and that is deliberate rather than lazy. These
 * replace INLINE styles, which sit above every stylesheet rule in the cascade, so a
 * plain class would quietly lose wherever an existing compound selector already set
 * the same property — a silent visual regression across sixty views. !important
 * reproduces the precedence the markup already had, which is exactly the point:
 * this change is meant to move declarations, not to alter any of them. It is also
 * how Bootstrap's own utilities behave, which are already loaded here.
 *
 * Generated. See scratchpad/utilities.pl — the mapping there drives both this file
 * and the rewrite of the views, so the two cannot drift apart.
 */
.u-flex{display:flex!important}
.u-iflex{display:inline-flex!important}
.u-inline{display:inline!important}
.u-col{flex-direction:column!important}
.u-wrap{flex-wrap:wrap!important}
.u-ac{align-items:center!important}
.u-as{align-items:flex-start!important}
.u-jc{justify-content:center!important}
.u-jb{justify-content:space-between!important}
.u-f1{flex:1!important}
.u-g4{gap:4px!important}
.u-g6{gap:6px!important}
.u-g8{gap:8px!important}
.u-g10{gap:10px!important}
.u-g12{gap:12px!important}
.u-g14{gap:14px!important}
.u-g16{gap:16px!important}
.u-dim{color:var(--m-text-dim)!important}
.u-muted{color:var(--m-text-muted)!important}
.u-fg{color:var(--m-text)!important}
.u-orange{color:var(--m-orange)!important}
.u-crimson{color:var(--m-crimson)!important}
.u-f10{font-size:10px!important}
.u-f11{font-size:11px!important}
.u-f12{font-size:12px!important}
.u-f13{font-size:13px!important}
.u-f14{font-size:14px!important}
.u-f18{font-size:18px!important}
.u-display{font-family:var(--font-display)!important}
.u-body{font-family:var(--font-body)!important}
.u-upper{text-transform:uppercase!important}
.u-nocase{text-transform:none!important}
.u-ls06{letter-spacing:.06em!important}
.u-ls0{letter-spacing:0!important}
.u-tc{text-align:center!important}
.u-tr{text-align:right!important}
.u-nounder{text-decoration:none!important}
.u-nowrap{white-space:nowrap!important}
.u-m0{margin:0!important}
.u-mt0{margin-top:0!important}
.u-mla{margin-left:auto!important}
.u-mauto-l{margin:0 0 0 auto!important}
.u-mt8{margin-top:8px!important}
.u-mt18{margin-top:18px!important}
.u-mb8{margin-bottom:8px!important}
.u-mb16{margin-bottom:16px!important}
.u-mb18{margin-bottom:18px!important}
.u-mb20{margin-bottom:20px!important}
.u-p4-12{padding:4px 12px!important}
.u-p3-10{padding:3px 10px!important}
.u-p8-12{padding:8px 12px!important}
.u-p6-8{padding:6px 8px!important}
.u-p2-8{padding:2px 8px!important}
.u-surface{background:var(--m-surface)!important}
.u-surface2{background:var(--m-surface-2)!important}
.u-border{border:1px solid var(--m-border)!important}
.u-r20{border-radius:20px!important}
.u-r8{border-radius:8px!important}
.u-r6{border-radius:6px!important}
.u-w100{width:100%!important}
.u-mw520{max-width:520px!important}