/* Vision family utilities. Written by docs/ui-concept/tools/to_wv_utils.py --css from
   Bootstrap's own rules for the utilities the portal used, so moving a page onto
   them changes no pixel. Spacing is named after the token step: vn-mb-4 is
   --space-4 (16px). Edit here once Bootstrap is gone (A10); until then rerun
   the tool rather than hand-editing. */

.vn-absolute{position:absolute!important}
.vn-block{display:block!important}
.vn-border{border:1px solid var(--line)!important}
.vn-bottom-0{bottom:0!important}
.vn-divider-bottom{border-bottom:1px solid var(--line)!important}
.vn-divider-top{border-top:1px solid var(--line)!important}
.vn-end-0{right:0!important}
.vn-flex{display:flex!important}
.vn-flex-column{flex-direction:column!important}
.vn-fw-bold{font-weight:700!important}
.vn-fw-medium{font-weight:500!important}
.vn-fw-normal{font-weight:400!important}
.vn-fw-semibold{font-weight:600!important}
.vn-gap-0{gap:0!important}
.vn-gap-1{gap:var(--space-1)!important}
.vn-gap-12{gap:48px!important}
.vn-gap-2{gap:var(--space-2)!important}
.vn-gap-4{gap:var(--space-4)!important}
.vn-gap-6{gap:var(--space-6)!important}
.vn-grow{flex-grow:1!important}
.vn-h-full{height:100%!important}
.vn-hidden{display:none!important}
.vn-img-fluid{max-width:100%;height:auto}
.vn-inline{display:inline!important}
.vn-inline-block{display:inline-block!important}
.vn-inline-flex{display:inline-flex!important}
.vn-italic{font-style:italic!important}
.vn-items-baseline{align-items:baseline!important}
.vn-items-center{align-items:center!important}
.vn-items-end{align-items:flex-end!important}
.vn-items-start{align-items:flex-start!important}
.vn-items-stretch{align-items:stretch!important}
.vn-justify-around{justify-content:space-around!important}
.vn-justify-between{justify-content:space-between!important}
.vn-justify-center{justify-content:center!important}
.vn-justify-end{justify-content:flex-end!important}
.vn-justify-start{justify-content:flex-start!important}
.vn-m-0{margin:0!important}
.vn-m-1{margin:var(--space-1)!important}
.vn-m-12{margin:48px!important}
.vn-m-2{margin:var(--space-2)!important}
.vn-m-4{margin:var(--space-4)!important}
.vn-m-6{margin:var(--space-6)!important}
.vn-m-auto{margin:auto!important}
.vn-max-w-full{max-width:100%!important}
.vn-mb-0{margin-bottom:0!important}
.vn-mb-1{margin-bottom:var(--space-1)!important}
.vn-mb-12{margin-bottom:48px!important}
.vn-mb-2{margin-bottom:var(--space-2)!important}
.vn-mb-4{margin-bottom:var(--space-4)!important}
.vn-mb-6{margin-bottom:var(--space-6)!important}
.vn-mb-auto{margin-bottom:auto!important}
.vn-me-0{margin-right:0!important}
.vn-me-1{margin-right:var(--space-1)!important}
.vn-me-12{margin-right:48px!important}
.vn-me-2{margin-right:var(--space-2)!important}
.vn-me-4{margin-right:var(--space-4)!important}
.vn-me-6{margin-right:var(--space-6)!important}
.vn-me-auto{margin-right:auto!important}
.vn-min-vh-100{min-height:100vh!important}
.vn-mono{font-family:var(--font-mono)!important}
.vn-ms-0{margin-left:0!important}
.vn-ms-1{margin-left:var(--space-1)!important}
.vn-ms-12{margin-left:48px!important}
.vn-ms-2{margin-left:var(--space-2)!important}
.vn-ms-4{margin-left:var(--space-4)!important}
.vn-ms-6{margin-left:var(--space-6)!important}
.vn-ms-auto{margin-left:auto!important}
.vn-mt-0{margin-top:0!important}
.vn-mt-1{margin-top:var(--space-1)!important}
.vn-mt-12{margin-top:48px!important}
.vn-mt-2{margin-top:var(--space-2)!important}
.vn-mt-4{margin-top:var(--space-4)!important}
.vn-mt-6{margin-top:var(--space-6)!important}
.vn-mt-auto{margin-top:auto!important}
.vn-mx-0{margin-right:0!important;margin-left:0!important}
.vn-mx-1{margin-right:var(--space-1)!important;margin-left:var(--space-1)!important}
.vn-mx-12{margin-right:48px!important;margin-left:48px!important}
.vn-mx-2{margin-right:var(--space-2)!important;margin-left:var(--space-2)!important}
.vn-mx-4{margin-right:var(--space-4)!important;margin-left:var(--space-4)!important}
.vn-mx-6{margin-right:var(--space-6)!important;margin-left:var(--space-6)!important}
.vn-mx-auto{margin-right:auto!important;margin-left:auto!important}
.vn-my-0{margin-top:0!important;margin-bottom:0!important}
.vn-my-1{margin-top:var(--space-1)!important;margin-bottom:var(--space-1)!important}
.vn-my-12{margin-top:48px!important;margin-bottom:48px!important}
.vn-my-2{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}
.vn-my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}
.vn-my-6{margin-top:var(--space-6)!important;margin-bottom:var(--space-6)!important}
.vn-my-auto{margin-top:auto!important;margin-bottom:auto!important}
.vn-no-underline{text-decoration:none!important}
.vn-nowrap{white-space:nowrap!important}
.vn-nowrap-flex{flex-wrap:nowrap!important}
.vn-opacity-50{opacity:.5!important}
.vn-opacity-75{opacity:.75!important}
.vn-overflow-auto{overflow:auto!important}
.vn-overflow-hidden{overflow:hidden!important}
.vn-p-0{padding:0!important}
.vn-p-1{padding:var(--space-1)!important}
.vn-p-12{padding:48px!important}
.vn-p-2{padding:var(--space-2)!important}
.vn-p-4{padding:var(--space-4)!important}
.vn-p-6{padding:var(--space-6)!important}
.vn-pb-0{padding-bottom:0!important}
.vn-pb-1{padding-bottom:var(--space-1)!important}
.vn-pb-12{padding-bottom:48px!important}
.vn-pb-2{padding-bottom:var(--space-2)!important}
.vn-pb-4{padding-bottom:var(--space-4)!important}
.vn-pb-6{padding-bottom:var(--space-6)!important}
.vn-pe-0{padding-right:0!important}
.vn-pe-1{padding-right:var(--space-1)!important}
.vn-pe-12{padding-right:48px!important}
.vn-pe-2{padding-right:var(--space-2)!important}
.vn-pe-4{padding-right:var(--space-4)!important}
.vn-pe-6{padding-right:var(--space-6)!important}
.vn-ps-0{padding-left:0!important}
.vn-ps-1{padding-left:var(--space-1)!important}
.vn-ps-12{padding-left:48px!important}
.vn-ps-2{padding-left:var(--space-2)!important}
.vn-ps-4{padding-left:var(--space-4)!important}
.vn-ps-6{padding-left:var(--space-6)!important}
.vn-pt-0{padding-top:0!important}
.vn-pt-1{padding-top:var(--space-1)!important}
.vn-pt-12{padding-top:48px!important}
.vn-pt-2{padding-top:var(--space-2)!important}
.vn-pt-4{padding-top:var(--space-4)!important}
.vn-pt-6{padding-top:var(--space-6)!important}
.vn-px-0{padding-right:0!important;padding-left:0!important}
.vn-px-1{padding-right:var(--space-1)!important;padding-left:var(--space-1)!important}
.vn-px-12{padding-right:48px!important;padding-left:48px!important}
.vn-px-2{padding-right:var(--space-2)!important;padding-left:var(--space-2)!important}
.vn-px-4{padding-right:var(--space-4)!important;padding-left:var(--space-4)!important}
.vn-px-6{padding-right:var(--space-6)!important;padding-left:var(--space-6)!important}
.vn-py-0{padding-top:0!important;padding-bottom:0!important}
.vn-py-1{padding-top:var(--space-1)!important;padding-bottom:var(--space-1)!important}
.vn-py-12{padding-top:48px!important;padding-bottom:48px!important}
.vn-py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}
.vn-py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}
.vn-py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}
.vn-relative{position:relative!important}
.vn-round{border-radius:50%!important}
.vn-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}
.vn-shrink-0{flex-shrink:0!important}
.vn-small{font-size:.875em}
.vn-sr-only{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vn-sr-only:not(caption){position:absolute!important}
.vn-start-0{left:0!important}
.vn-strike{text-decoration:line-through!important}
.vn-text-center{text-align:center!important}
.vn-text-end{text-align:right!important}
.vn-text-start{text-align:left!important}
.vn-top-0{top:0!important}
.vn-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vn-w-full{width:100%!important}
.vn-wrap{flex-wrap:wrap!important}

@media (min-width:768px){
  .vn-md-m-0{margin:0!important}
  .vn-md-m-1{margin:var(--space-1)!important}
  .vn-md-m-12{margin:48px!important}
  .vn-md-m-2{margin:var(--space-2)!important}
  .vn-md-m-4{margin:var(--space-4)!important}
  .vn-md-m-6{margin:var(--space-6)!important}
  .vn-md-m-auto{margin:auto!important}
  .vn-md-mb-0{margin-bottom:0!important}
  .vn-md-mb-1{margin-bottom:var(--space-1)!important}
  .vn-md-mb-12{margin-bottom:48px!important}
  .vn-md-mb-2{margin-bottom:var(--space-2)!important}
  .vn-md-mb-4{margin-bottom:var(--space-4)!important}
  .vn-md-mb-6{margin-bottom:var(--space-6)!important}
  .vn-md-mb-auto{margin-bottom:auto!important}
  .vn-md-me-0{margin-right:0!important}
  .vn-md-me-1{margin-right:var(--space-1)!important}
  .vn-md-me-12{margin-right:48px!important}
  .vn-md-me-2{margin-right:var(--space-2)!important}
  .vn-md-me-4{margin-right:var(--space-4)!important}
  .vn-md-me-6{margin-right:var(--space-6)!important}
  .vn-md-me-auto{margin-right:auto!important}
  .vn-md-ms-0{margin-left:0!important}
  .vn-md-ms-1{margin-left:var(--space-1)!important}
  .vn-md-ms-12{margin-left:48px!important}
  .vn-md-ms-2{margin-left:var(--space-2)!important}
  .vn-md-ms-4{margin-left:var(--space-4)!important}
  .vn-md-ms-6{margin-left:var(--space-6)!important}
  .vn-md-ms-auto{margin-left:auto!important}
  .vn-md-mt-0{margin-top:0!important}
  .vn-md-mt-1{margin-top:var(--space-1)!important}
  .vn-md-mt-12{margin-top:48px!important}
  .vn-md-mt-2{margin-top:var(--space-2)!important}
  .vn-md-mt-4{margin-top:var(--space-4)!important}
  .vn-md-mt-6{margin-top:var(--space-6)!important}
  .vn-md-mt-auto{margin-top:auto!important}
  .vn-md-mx-0{margin-right:0!important;margin-left:0!important}
  .vn-md-mx-1{margin-right:var(--space-1)!important;margin-left:var(--space-1)!important}
  .vn-md-mx-12{margin-right:48px!important;margin-left:48px!important}
  .vn-md-mx-2{margin-right:var(--space-2)!important;margin-left:var(--space-2)!important}
  .vn-md-mx-4{margin-right:var(--space-4)!important;margin-left:var(--space-4)!important}
  .vn-md-mx-6{margin-right:var(--space-6)!important;margin-left:var(--space-6)!important}
  .vn-md-mx-auto{margin-right:auto!important;margin-left:auto!important}
  .vn-md-my-0{margin-top:0!important;margin-bottom:0!important}
  .vn-md-my-1{margin-top:var(--space-1)!important;margin-bottom:var(--space-1)!important}
  .vn-md-my-12{margin-top:48px!important;margin-bottom:48px!important}
  .vn-md-my-2{margin-top:var(--space-2)!important;margin-bottom:var(--space-2)!important}
  .vn-md-my-4{margin-top:var(--space-4)!important;margin-bottom:var(--space-4)!important}
  .vn-md-my-6{margin-top:var(--space-6)!important;margin-bottom:var(--space-6)!important}
  .vn-md-my-auto{margin-top:auto!important;margin-bottom:auto!important}
  .vn-md-p-0{padding:0!important}
  .vn-md-p-1{padding:var(--space-1)!important}
  .vn-md-p-12{padding:48px!important}
  .vn-md-p-2{padding:var(--space-2)!important}
  .vn-md-p-4{padding:var(--space-4)!important}
  .vn-md-p-6{padding:var(--space-6)!important}
  .vn-md-pb-0{padding-bottom:0!important}
  .vn-md-pb-1{padding-bottom:var(--space-1)!important}
  .vn-md-pb-12{padding-bottom:48px!important}
  .vn-md-pb-2{padding-bottom:var(--space-2)!important}
  .vn-md-pb-4{padding-bottom:var(--space-4)!important}
  .vn-md-pb-6{padding-bottom:var(--space-6)!important}
  .vn-md-pe-0{padding-right:0!important}
  .vn-md-pe-1{padding-right:var(--space-1)!important}
  .vn-md-pe-12{padding-right:48px!important}
  .vn-md-pe-2{padding-right:var(--space-2)!important}
  .vn-md-pe-4{padding-right:var(--space-4)!important}
  .vn-md-pe-6{padding-right:var(--space-6)!important}
  .vn-md-ps-0{padding-left:0!important}
  .vn-md-ps-1{padding-left:var(--space-1)!important}
  .vn-md-ps-12{padding-left:48px!important}
  .vn-md-ps-2{padding-left:var(--space-2)!important}
  .vn-md-ps-4{padding-left:var(--space-4)!important}
  .vn-md-ps-6{padding-left:var(--space-6)!important}
  .vn-md-pt-0{padding-top:0!important}
  .vn-md-pt-1{padding-top:var(--space-1)!important}
  .vn-md-pt-12{padding-top:48px!important}
  .vn-md-pt-2{padding-top:var(--space-2)!important}
  .vn-md-pt-4{padding-top:var(--space-4)!important}
  .vn-md-pt-6{padding-top:var(--space-6)!important}
  .vn-md-px-0{padding-right:0!important;padding-left:0!important}
  .vn-md-px-1{padding-right:var(--space-1)!important;padding-left:var(--space-1)!important}
  .vn-md-px-12{padding-right:48px!important;padding-left:48px!important}
  .vn-md-px-2{padding-right:var(--space-2)!important;padding-left:var(--space-2)!important}
  .vn-md-px-4{padding-right:var(--space-4)!important;padding-left:var(--space-4)!important}
  .vn-md-px-6{padding-right:var(--space-6)!important;padding-left:var(--space-6)!important}
  .vn-md-py-0{padding-top:0!important;padding-bottom:0!important}
  .vn-md-py-1{padding-top:var(--space-1)!important;padding-bottom:var(--space-1)!important}
  .vn-md-py-12{padding-top:48px!important;padding-bottom:48px!important}
  .vn-md-py-2{padding-top:var(--space-2)!important;padding-bottom:var(--space-2)!important}
  .vn-md-py-4{padding-top:var(--space-4)!important;padding-bottom:var(--space-4)!important}
  .vn-md-py-6{padding-top:var(--space-6)!important;padding-bottom:var(--space-6)!important}
  .vn-md-table-cell{display:table-cell!important}
}

/* Layout and text helpers the design system adds. */
.vn-flex{display:flex!important}
.vn-flex-col{display:flex!important;flex-direction:column!important}
.vn-push{margin-left:auto!important}
.vn-small{font-size:12px}
.vn-muted{color:var(--ink-muted)!important}
.vn-text-ink{color:var(--ink)!important}
.vn-text-white{color:var(--on-inverse)!important}
.vn-bg-light{background-color:var(--surface)!important}
.vn-bg-raised{background-color:var(--surface-raised)!important}
.vn-bg-signal-soft{background-color:var(--signal-soft)!important}
.vn-bg-good-soft{background-color:var(--good-soft)!important}
.vn-bg-warn-soft{background-color:var(--warn-soft)!important}
.vn-bg-crit-soft{background-color:var(--crit-soft)!important}
.vn-rounded{border-radius:var(--radius-sm)!important}
.vn-border{border:1px solid var(--line)!important}
.vn-border-signal{border-color:var(--signal)!important}
.vn-no-underline{text-decoration:none!important}
.vn-faint{color:var(--ink-faint)!important}
.vn-strong{font-weight:600!important}
.vn-num{font-variant-numeric:tabular-nums!important}
.vn-text-signal{color:var(--signal)!important}
.vn-text-good{color:var(--good)!important}
.vn-text-warn{color:var(--warn)!important}
.vn-text-crit{color:var(--crit)!important}
.vn-well{background:var(--surface-sunken)!important;border-radius:var(--radius-sm)!important}
@media (max-width:767.98px){.vn-hide-narrow{display:none!important}}