:root { --blue: #2443E6; --blue-deep: #1B35C4; --blue-tint: #E8ECFD; --blue-solid: #2443E6; --on-blue: #FFFFFF; --ink: #0E1B2C; --ink-2: #4C5A6E; --ink-3: #8792A3; --surface: #F6F7F9; --card: #FFFFFF; --line: #E5E8EF; --amber: #F0A93B; --ok: #157A5B; --ok-bg: #DEF4EA; --warn: #9A6B00; --warn-bg: #FBF1DD; --ind-bus: #8A5200; --ind-bus-bg: #FBF1DD; --ind-com: #0C6E55; --ind-com-bg: #DEF4EA; --ind-it: #2038C9; --ind-it-bg: #E8ECFD; --sp-1: .5rem; --sp-2: .75rem; --sp-3: 1rem; --sp-4: 1.5rem; --sp-5: 2.25rem; --sp-6: 3.5rem;}.bg-blue { background-color: var(--blue); }.text-blue { color: var(--blue); }.bg-blue-deep { background-color: var(--blue-deep); }.text-blue-deep { color: var(--blue-deep); }.bg-blue-tint { background-color: var(--blue-tint); }.text-blue-tint { color: var(--blue-tint); }.bg-blue-solid { background-color: var(--blue-solid); }.text-blue-solid { color: var(--blue-solid); }.bg-on-blue { background-color: var(--on-blue); }.text-on-blue { color: var(--on-blue); }.bg-ink { background-color: var(--ink); }.text-ink { color: var(--ink); }.bg-ink-2 { background-color: var(--ink-2); }.text-ink-2 { color: var(--ink-2); }.bg-ink-3 { background-color: var(--ink-3); }.text-ink-3 { color: var(--ink-3); }.bg-surface { background-color: var(--surface); }.text-surface { color: var(--surface); }.bg-card { background-color: var(--card); }.text-card { color: var(--card); }.bg-line { background-color: var(--line); }.text-line { color: var(--line); }.bg-amber { background-color: var(--amber); }.text-amber { color: var(--amber); }.bg-ok { background-color: var(--ok); }.text-ok { color: var(--ok); }.bg-ok-bg { background-color: var(--ok-bg); }.text-ok-bg { color: var(--ok-bg); }.bg-warn { background-color: var(--warn); }.text-warn { color: var(--warn); }.bg-warn-bg { background-color: var(--warn-bg); }.text-warn-bg { color: var(--warn-bg); }.bg-ind-bus { background-color: var(--ind-bus); }.text-ind-bus { color: var(--ind-bus); }.bg-ind-bus-bg { background-color: var(--ind-bus-bg); }.text-ind-bus-bg { color: var(--ind-bus-bg); }.bg-ind-com { background-color: var(--ind-com); }.text-ind-com { color: var(--ind-com); }.bg-ind-com-bg { background-color: var(--ind-com-bg); }.text-ind-com-bg { color: var(--ind-com-bg); }.bg-ind-it { background-color: var(--ind-it); }.text-ind-it { color: var(--ind-it); }.bg-ind-it-bg { background-color: var(--ind-it-bg); }.text-ind-it-bg { color: var(--ind-it-bg); }.gap-1 { gap: var(--sp-1); }.gap-2 { gap: var(--sp-2); }.gap-3 { gap: var(--sp-3); }.gap-4 { gap: var(--sp-4); }.gap-5 { gap: var(--sp-5); }.gap-6 { gap: var(--sp-6); }.pt-1 { padding-top: var(--sp-1); }.pt-2 { padding-top: var(--sp-2); }.pt-3 { padding-top: var(--sp-3); }.pt-4 { padding-top: var(--sp-4); }.pt-5 { padding-top: var(--sp-5); }.pt-6 { padding-top: var(--sp-6); }.pb-1 { padding-bottom: var(--sp-1); }.pb-2 { padding-bottom: var(--sp-2); }.pb-3 { padding-bottom: var(--sp-3); }.pb-4 { padding-bottom: var(--sp-4); }.pb-5 { padding-bottom: var(--sp-5); }.pb-6 { padding-bottom: var(--sp-6); }.mt-1 { margin-top: var(--sp-1); }.mt-2 { margin-top: var(--sp-2); }.mt-3 { margin-top: var(--sp-3); }.mt-4 { margin-top: var(--sp-4); }.mt-5 { margin-top: var(--sp-5); }.mt-6 { margin-top: var(--sp-6); }.mb-1 { margin-bottom: var(--sp-1); }.mb-2 { margin-bottom: var(--sp-2); }.mb-3 { margin-bottom: var(--sp-3); }.mb-4 { margin-bottom: var(--sp-4); }.mb-5 { margin-bottom: var(--sp-5); }.mb-6 { margin-bottom: var(--sp-6); }