/* Navigation overrides for high contrast theme */
.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item {
  display: table-cell;
  padding: 0 10px;
  outline: 0;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.hover, .vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.focus {
  outline: none;
  background-color: rgba( 16, 110, 190 ,  1 );
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.hover span.menu-item-icon, .vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.focus span.menu-item-icon {
  text-decoration: none;
}

.vss-focus-visible .vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.ellipsis > .icon {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 18px;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.profile > .text {
  display: none;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item.profile > .html > img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item {
  width: 250px;
  margin-bottom: 8px;
  text-decoration: none !important;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item .text, .vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item .menu-item-icon {
  display: none;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item img.profile-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
  float: left;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item .profile-menu-name {
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .profile-info-item .profile-menu-unique-name {
  font-size: 12px;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .extensions-icon {
  margin: 0;
  margin-bottom: 2px;
}

.vsts-header .l1-menubar.right-menu-bar.menu-bar > .menu-item .send-a-smile-icon {
  margin: 0;
  margin-bottom: 2px;
}