@charset "utf-8";

.universal-nav-container .unav-comp-error { display: flex; padding: 1rem 0px; gap: 0.5rem; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0px; align-self: center; }

.universal-nav-container .unav-comp-error .error-msg { color: rgb(80, 80, 80); text-align: center; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 150%; }

.universal-nav-container .unav-comp-error .error-cta { color: rgb(2, 101, 220); font-size: 0.875rem; font-family: inherit; font-weight: 400; overflow-wrap: break-word; }

.universal-nav-container .unav-comp-help-popover .unav-comp-error { width: 15rem; height: 9rem; }

.universal-nav-container .unav-comp-app-switcher-popover .unav-comp-error { width: 21rem; height: 34rem; }

.universal-nav-container .app-switcher-skeleton-header { display: flex; padding: 0px 0.5rem 1rem; align-items: center; gap: 1rem; align-self: stretch; width: 100%; }

.universal-nav-container .app-switcher-skeleton-header .app-switcher-skeleton-header-label-wrapper { display: flex; padding-bottom: 0px; flex-direction: column; align-items: center; gap: 0.625rem; }

.universal-nav-container .app-switcher-skeleton-header .app-switcher-skeleton-header-label-wrapper .app-switcher-skeleton-header-label { display: flex; width: 6rem; padding: 0.625rem; position: relative; overflow: hidden; align-items: center; gap: 0.625rem; border-radius: 0.5rem; background: var(--content-palette-gray-400); }

.universal-nav-container .app-switcher-skeleton { display: flex; flex-flow: wrap; width: 100%; }

.universal-nav-container .app-switcher-skeleton .app-switcher-skeleton-content { list-style: none; overflow: hidden; padding: 0px; margin: 0px 0px 0.0625rem; }

.universal-nav-container .app-switcher-skeleton .app-switcher-skeleton-content ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.universal-nav-container .app-switcher-skeleton .app-switcher-skeleton-content li { float: left; height: 5.33rem; width: 5.625rem; border-radius: 0.5rem; padding: 0.5rem; overflow: hidden; position: relative; align-items: center; }

@media screen and (min-width: 20rem) and (max-width: 24.375rem) {
  .universal-nav-container .app-switcher-skeleton .app-switcher-skeleton-content li { padding: 0.15rem; height: 6rem; width: 4.88rem; }
}

.universal-nav-container .app-switcher-skeleton .footer { display: flex; justify-content: center; width: 100%; height: 100%; align-items: center; align-self: stretch; border-radius: 0.5rem; background: var(--content-palette-gray-100); margin-top: 0.75rem; }

.universal-nav-container .app-switcher-skeleton .footer .footer-tile { display: flex; max-width: 7.5rem; padding: 1rem 0.5rem; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap: 0.25rem; flex: 1 0 0px; border-radius: 0.5rem; }

.universal-nav-container .app-switcher-skeleton .footer .footer-tile .footer-tile-header { width: 1.25rem; height: 1.25rem; border-radius: 0.25rem; display: flex; background: var(--content-palette-gray-400); position: relative; overflow: hidden; align-items: center; }

.universal-nav-container .app-switcher-skeleton .footer .footer-tile .footer-tile-desc-wrapper { display: flex; height: 1.3125rem; flex-direction: column; justify-content: center; align-items: flex-end; align-self: stretch; }

.universal-nav-container .app-switcher-skeleton .footer .footer-tile .footer-tile-desc-wrapper .footer-tile-desc { height: 0.75rem; flex-shrink: 0; align-self: stretch; border-radius: 0.5rem; background: var(--content-palette-gray-400); position: relative; overflow: hidden; align-items: center; }

.universal-nav-container .app-switcher-skeleton-item { display: flex; padding: 0.5rem; flex-direction: column; align-items: center; gap: 0.25rem; flex: 0 0 0px; border-radius: 0.5rem; }

.universal-nav-container .app-switcher-skeleton-item .app-switcher-skeleton-item-icon { flex: 1 0 auto; border-radius: 0.5rem; position: relative; overflow: hidden; align-items: center; background: var(--content-palette-gray-400); width: 3rem; height: 3rem; }

.universal-nav-container .app-switcher-skeleton-item .app-switcher-skeleton-item-label-wrapper { display: flex; height: 2.625rem; padding: 0.25rem 0px; flex-direction: column; align-items: center; }

.universal-nav-container .app-switcher-skeleton-item .app-switcher-skeleton-item-label-wrapper .app-switcher-skeleton-item-label { height: 0.75rem; flex-shrink: 0; align-self: stretch; border-radius: 0.5rem; background: var(--content-palette-gray-400); width: 5.33rem; position: relative; overflow: hidden; }

@media screen and (min-width: 20rem) and (max-width: 24.375rem) {
  .universal-nav-container .app-switcher-skeleton-item .app-switcher-skeleton-item-label-wrapper .app-switcher-skeleton-item-label { width: 4.33rem; }
}

.universal-nav-container .universal-nav-tray .app-switcher-skeleton-content { flex-wrap: wrap; display: flex; }

.universal-nav-container .universal-nav-tray .app-switcher-skeleton-content li { padding: 0.5rem 1rem; flex: 0 0 calc(33.33% - 2rem); }

.universal-nav-container .universal-nav-tray .footer { height: auto; }

.universal-nav-container .help-skeleton-base { display: flex; width: 15rem; padding: 0.5rem 0px; flex-direction: column; align-items: flex-start; }

.universal-nav-container .help-skeleton-base .help-item { display: flex; height: 2rem; padding: 0.25rem 1.5rem; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0.625rem; align-self: stretch; }

.universal-nav-container .help-skeleton-base .help-item .help-item-content { height: 0.75rem; flex-shrink: 0; align-self: stretch; border-radius: 0.5rem; position: relative; overflow: hidden; background: var(--content-palette-gray-400); }

.universal-nav-container .universal-nav-tray .help-skeleton-base { width: 100%; }

.universal-nav-container .unav-comp-tooltip { cursor: default; position: absolute; display: none; left: 50%; transform: translateX(-50%) translateY(-0.25rem); z-index: 1; }

.universal-nav-container .unav-comp-tooltip-tip { position: absolute; width: 0.625rem; height: 0.3125rem; left: 50%; transform: translateX(-50%); fill: var(--alias-content-neutral-default); }

.universal-nav-container .unav-comp-tooltip-text { display: flex; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 0.9rem; white-space: nowrap; max-width: 10rem; padding: 0.1875rem 0.5625rem 0.3125rem; flex-direction: column; justify-content: center; align-items: center; gap: 0.625rem; background-color: var(--alias-content-background-neutral-default); color: var(--content-palette-gray-25); border-radius: 0.4375rem; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; }

.universal-nav-container .unav-comp-wrapper { position: relative; }

.universal-nav-container .unav-comp-icon { width: var(--icon-size); height: var(--icon-size); flex-shrink: 0; border-radius: 0.313rem; cursor: pointer; border: none; padding: calc((var(--container-size) - 1.25rem)/ 2) calc((var(--container-size) - 1.25rem)/ 2); position: relative; fill: var(--alias-icon-neutral-default); }

.universal-nav-container .unav-comp-icon > svg { width: var(--icon-size); height: var(--icon-size); }

.universal-nav-container .unav-comp-icon:hover { background: var(--icon-palette-gray-200); }

.universal-nav-container .unav-comp-icon:focus-visible { outline: 2px solid var(--alias-icon-neutral-key-focus); background: var(--icon-palette-gray-200); }