/* Orbit Connect utilities. Loaded last so they win over component defaults. u-mt-N / u-mb-N use the spacing scale:
   0 = 0, 1 = 4px, 2 = 8px, 3 = 16px, 4 = 24px, 5 = 32px, 6 = 48px. */
.u-visually-hidden {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.u-text-center { text-align: center; }
.u-text-left { text-align: left; }
.u-text-right { text-align: right; }
.u-muted { color: var(--color-muted); }
.u-nowrap { white-space: nowrap; }
.u-balance { text-wrap: balance; }
.u-mx-auto { margin-inline: auto; }
.u-ml-auto { margin-left: auto; }
.u-mt-auto { margin-top: auto; }
.u-w-full { width: 100%; }
@media (max-width: 47.99em) { .u-hide-mobile { display: none !important; } }
@media (min-width: 48em) { .u-hide-desktop { display: none !important; } }

.u-mt-0 { margin-top: 0; }
.u-mt-1 { margin-top: var(--space-1); }
.u-mt-2 { margin-top: var(--space-2); }
.u-mt-3 { margin-top: var(--space-4); }
.u-mt-4 { margin-top: var(--space-6); }
.u-mt-5 { margin-top: var(--space-8); }
.u-mt-6 { margin-top: var(--space-12); }
.u-mb-0 { margin-bottom: 0; }
.u-mb-1 { margin-bottom: var(--space-1); }
.u-mb-2 { margin-bottom: var(--space-2); }
.u-mb-3 { margin-bottom: var(--space-4); }
.u-mb-4 { margin-bottom: var(--space-6); }
.u-mb-5 { margin-bottom: var(--space-8); }
.u-mb-6 { margin-bottom: var(--space-12); }