@charset "utf-8";

.universal-nav-container #universal-nav.universal-nav-light { --alias-icon-neutral-default: #292929; --alias-content-neutral-default: #292929; --alias-background-semantic-accent-default-express: #5258E4; --alias-background-semantic-accent-default-spectrum: #0265DC; --alias-background-semantic-accent-default-spectrum-2: #3B63FB; --alias-background-semantic-accent-hover-spectrum-2: #274DEA; --alias-background-semantic-accent-hover-spectrum: #0054B6; --alias-background-semantic-accent-hover-express: #4046CA; --alias-icon-neutral-key-focus: #507BFF; --alias-content-neutral-key-focus: #507BFF; --border: #E1E1E1; --white-text: #FFF; --focus-ring: #507BFF; --profile-cta-secondary-border: #DADADA; --alias-icon-background-neutral-default: #292929; --alias-content-background-neutral-default: #292929; --profile-cta-hover-border: #C6C6C6; --spectrum-gray-200: #E1E1E1; --icon-palette-gray-25: #FFF; --icon-palette-gray-75: #F3F3F3; --icon-palette-gray-100: #E9E9E9; --icon-palette-gray-200: #E1E1E1; --icon-palette-gray-400: #C6C6C6; --content-palette-gray-25: #FFF; --content-palette-gray-75: #F3F3F3; --content-palette-gray-100: #E9E9E9; --content-palette-gray-200: #E1E1E1; --content-palette-gray-400: #C6C6C6; --appFrame-layer-2: #FFFFFF; --menu-cta-neutral-hover: #F5F5F5; }

.universal-nav-container #universal-nav.universal-nav-dark { --alias-icon-neutral-default: #DBDBDB; --alias-content-neutral-default: #DBDBDB; --alias-background-semantic-accent-default-express: #A7AAFF; --alias-background-semantic-accent-default-spectrum: #0367E0; --alias-background-semantic-accent-default-spectrum-2: #4069FD; --alias-background-semantic-accent-hover-spectrum-2: #345BF8; --alias-background-semantic-accent-hover-spectrum: #0059C2; --alias-background-semantic-accent-hover-express: #BCBEFF; --alias-icon-neutral-key-focus: #3860FA; --alias-content-neutral-key-focus: #3860FA; --border: #323232; --white-text: #FFF; --focus-ring: #507BFF; --profile-cta-secondary-border: #393939; --alias-icon-background-neutral-default: #DBDBDB; --alias-content-background-neutral-default: #DBDBDB; --profile-cta-hover-border: #444; --spectrum-gray-200: #323232; --icon-palette-gray-25: #111; --icon-palette-gray-75: #222; --icon-palette-gray-100: #2C2C2C; --icon-palette-gray-200: #323232; --icon-palette-gray-400: #444444; --content-palette-gray-25: #111; --content-palette-gray-75: #222; --content-palette-gray-100: #2C2C2C; --content-palette-gray-200: #323232; --content-palette-gray-400: #444444; --appFrame-layer-2: #222222; --menu-cta-neutral-hover: #333333; }

.universal-nav-container #universal-nav.universal-nav-express { --alias-icon-neutral-default: #DBDBDB; --alias-content-neutral-default: #292929; --alias-background-semantic-accent-default-express: #A7AAFF; --alias-background-semantic-accent-default-spectrum: #0367E0; --alias-background-semantic-accent-default-spectrum-2: #4069FD; --alias-background-semantic-accent-hover-spectrum-2: #345BF8; --alias-background-semantic-accent-hover-spectrum: #0059C2; --alias-background-semantic-accent-hover-express: #BCBEFF; --alias-icon-neutral-key-focus: #3860FA; --alias-content-neutral-key-focus: #507BFF; --border: #323232; --white-text: #FFF; --focus-ring: #507BFF; --profile-cta-secondary-border: #393939; --alias-icon-background-neutral-default: #DBDBDB; --alias-content-background-neutral-default: #292929; --profile-cta-hover-border: #444; --spectrum-gray-200: #323232; --icon-palette-gray-25: #111; --icon-palette-gray-75: #222; --icon-palette-gray-100: #2C2C2C; --icon-palette-gray-200: #323232; --icon-palette-gray-400: #444444; --content-palette-gray-25: #FFF; --content-palette-gray-75: #F3F3F3; --content-palette-gray-100: #E9E9E9; --content-palette-gray-200: #E1E1E1; --content-palette-gray-400: #C6C6C6; --appFrame-layer-2: #FFFFFF; --menu-cta-neutral-hover: #F5F5F5; }

.universal-nav-container #universal-nav { --divider-width: 0.125rem; --divider-margin-x: 0.25rem; --icon-size: 1.25rem; --container-size: 2rem; --avatar-size: 1.5rem; --button-font-size: 0.875rem; --button-border-radius: 1rem; --button-padding: 0.375rem 1rem 0.5rem 1rem; --button-small-height: 1.5rem; --button-small-font-size: 0.75rem; --button-small-padding: 0.25rem 0.75rem 0.3125rem 0.75rem; --button-small-border-radius: 0.75rem; }

.universal-nav-container #universal-nav.universal-nav-large { --divider-width: 0.156rem; --divider-margin-x: 0.3125rem; --icon-size: 1.375rem; --container-size: 2.5rem; --avatar-size: 1.875rem; --button-font-size: 1.09375rem; --button-border-radius: 1.25rem; --button-padding: 0.46875rem 1.25rem 0.625rem 1.25rem; --button-small-height: 1.875rem; --button-small-font-size: 0.9375rem; --button-small-padding: 0.3125rem 0.9375rem 0.375rem 0.9375rem; --button-small-border-radius: 0.9375rem; }

.universal-nav-container #universal-nav { position: relative; display: flex; align-items: center; gap: 0.25rem; line-height: 1.2; font-size: medium; }

.universal-nav-container #universal-nav div, .universal-nav-container #universal-nav li, .universal-nav-container #universal-nav span, .universal-nav-container #universal-nav ul { box-sizing: content-box; }

.universal-nav-container #universal-nav button { font-family: inherit; }

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

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

.universal-nav-container .unav-comp-help-popover-content [data-testid="menu-wrapper"] { background-color: inherit; }

.universal-nav-container .universal-nav-divider { display: flex; width: var(--divider-width); height: var(--container-size); flex-direction: column; align-items: flex-start; background: var(--spectrum-gray-200); margin: 0 var(--divider-margin-x); }

.universal-nav-container .profile-signed-out { padding-left: 0.25rem; display: flex; gap: 0.5rem; }

.universal-nav-container .profile-signed-out button { border-radius: var(--button-border-radius); background-color: transparent; border: .125rem solid var(--profile-cta-secondary-border); color: var(--alias-icon-background-neutral-default); font-size: var(--button-font-size); font-style: normal; font-weight: 700; line-height: 0.5; white-space: nowrap; }

.universal-nav-container .profile-signed-out button:hover { border-color: var(--profile-cta-hover-border); background: var(--icon-palette-gray-100); }

.universal-nav-container .profile-signed-out .secondary-button:focus-visible { outline: 2px solid var(--alias-icon-neutral-key-focus); background: var(--icon-palette-gray-100); }

.universal-nav-container .profile-signed-out .accent-button { border: 0.125rem transparent; }

.universal-nav-container .profile-signed-out .accent-button:hover { border: 0.125rem transparent; }

.universal-nav-container .unav-comp-theme-spectrum .accent-button { background: var(--alias-background-semantic-accent-default-spectrum); color: var(--white-text); }

.universal-nav-container .unav-comp-theme-spectrum .accent-button:hover { background: var(--alias-background-semantic-accent-hover-spectrum); }

.universal-nav-container .unav-comp-theme-spectrum-2 .accent-button { background: var(--alias-background-semantic-accent-default-spectrum-2); color: var(--white-text); }

.universal-nav-container .unav-comp-theme-spectrum-2 .accent-button:hover { background: var(--alias-background-semantic-accent-hover-spectrum-2); }

.universal-nav-container .unav-comp-theme-express .accent-button { background: var(--alias-background-semantic-accent-default-express); color: var(--icon-palette-gray-25); }

.universal-nav-container .unav-comp-theme-express .accent-button:hover { background: var(--alias-background-semantic-accent-hover-express); }

.universal-nav-container .enter .unav-help-menu > div:focus { border-color: var(--alias-content-neutral-key-focus); }

.universal-nav-container .unav-comp-app-switcher-popover-header { display: flex; padding: 0px 0.5rem 1rem; align-items: center; gap: 1rem; align-self: stretch; }

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

.universal-nav-container .unav-comp-app-switcher-popover-footer-loggedin { display: flex; justify-content: center; align-items: flex-start; align-self: stretch; border-radius: 0.5rem; background: var(--content-palette-gray-100); margin-top: 0.75rem; flex-direction: column; }

.universal-nav-container .unav-comp-app-switcher-popover-footer-item-wrapper { display: flex; flex-direction: row; justify-content: center; width: 100%; }

.universal-nav-container .unav-comp-app-switcher-popover-footer-title { font-size: 0.875rem; font-weight: 700; line-height: 1.125rem; color: var(--alias-content-neutral-default); padding-top: 0.5rem; display: flex; justify-content: center; align-self: center; }

.universal-nav-container .unav-comp-app-switcher-popover-footer-item { display: flex; max-width: 7.5rem; padding: 0.75rem 0.5rem; flex-direction: column; align-items: center; gap: 0.25rem; flex: 1 0 0px; text-decoration: none; }

.universal-nav-container .unav-comp-app-switcher-popover-footer-item:hover span { text-decoration: underline; }

.universal-nav-container .unav-comp-app-switcher-popover-footer-item .unav-comp-app-switcher-popover-footer-icon > svg { display: flex; width: 1.25rem; height: 1.25rem; align-items: flex-start; fill: var(--alias-content-neutral-default); }

.universal-nav-container .unav-comp-app-switcher-popover-footer-item span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow-wrap: break-word; align-self: stretch; overflow: hidden; color: var(--alias-content-neutral-default); text-align: center; text-overflow: ellipsis; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 150%; }

@media screen and (min-width: 20rem) and (max-width: 24.375rem) {
  .universal-nav-container .unav-comp-app-switcher-popover-footer-item span { font-size: 0.8rem; }
}

.universal-nav-container .unav-comp-app-switcher-popover-title { flex: 1 0 0px; color: var(--alias-content-neutral-default); font-size: 1.125rem; font-style: normal; font-weight: 800; line-height: 130%; }

.universal-nav-container .unav-comp-skeleton { display: flex; width: 2rem; height: 2rem; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 0.5rem; }

.universal-nav-container .unav-comp-skeleton .svg-cover { display: flex; position: relative; overflow: hidden; border-radius: 0.5rem; }

.universal-nav-container .unav-comp-skeleton .svg-cover::after { position: absolute; inset: 0px; transform: translateX(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: 3s ease 0s infinite normal none running shimmer; content: ""; width: 1rem; }

@-webkit-keyframes shimmer { 
  100% { transform: translateX(100%); }
}

@keyframes shimmer { 
  100% { transform: translateX(100%); }
}

.universal-nav-container .unav-skeleton-popover-shimmer::after { position: absolute; inset: 0px; transform: translateX(-100%); background-image: linear-gradient(90deg,transparent,var(--icon-palette-gray-100),transparent); animation: 3s ease 0s infinite normal none running shimmer; content: ""; }

.universal-nav-container .unav-comp-icon-count { background: var(--alias-background-semantic-accent-default-spectrum); height: 0.5rem; width: 0.5rem; border-radius: 0.25rem; position: absolute; left: 22px; top: 2px; }

.unav-no-scroll { overflow: hidden; }