.ps-quickstart.quickstart {
  z-index: 30000;
}

.vsts-header .l1-navigation-selector.menu-bar, .vsts-header .l1-project-selector.menu-bar {
  background-color: rgba( 16, 110, 190 ,  1 );
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  min-width: 240px;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item, .vsts-header .l1-project-selector.menu-bar > li.menu-item {
  max-width: none;
  padding-left: 52px;
  padding-right: 30px;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item.focus, .vsts-header .l1-project-selector.menu-bar > li.menu-item.focus {
  outline: none;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item.focus::after, .vsts-header .l1-project-selector.menu-bar > li.menu-item.focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  /* can't use bottom:0 because of IE bug */
  left: 0;
  border:  2px solid;
  border-color: rgba( 43, 136, 216 ,  1 );
  border-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > .bowtie-icon, .vsts-header .l1-project-selector.menu-bar > li.menu-item > .bowtie-icon {
  margin: 4px 6px 0 4px;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > .vs-brand-icon, .vsts-header .l1-project-selector.menu-bar > li.menu-item > .vs-brand-icon {
  font-size: 20px;
  width: 24px;
  top: 8px;
  left: 16px;
  position: absolute;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > span, .vsts-header .l1-project-selector.menu-bar > li.menu-item > span {
  text-decoration: none;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > span.text, .vsts-header .l1-project-selector.menu-bar > li.menu-item > span.text {
  max-width: 278px;
  overflow: hidden;
  display: inline-block;
  height: 1.4em;
  vertical-align: bottom;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > div.drop, .vsts-header .l1-project-selector.menu-bar > li.menu-item > div.drop {
  position: absolute;
  right: 16px;
  top: 12px;
}

.vsts-header .l1-navigation-selector.menu-bar > li.menu-item > div.drop::before, .vsts-header .l1-project-selector.menu-bar > li.menu-item > div.drop::before {
  content: "\E9A8";
}

.vsts-header .l1-navigation-selector.menu-bar .sub-menu, .vsts-header .l1-project-selector.menu-bar .sub-menu {
  padding-top: 6px;
  min-width: 240px;
  max-width: 480px;
}

.vsts-header .l1-navigation-selector.menu-bar .sub-menu .menu-item-separator > .text-separator, .vsts-header .l1-project-selector.menu-bar .sub-menu .menu-item-separator > .text-separator {
  text-transform: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 37px;
  font-weight: normal;
  font-size: 12px;
}

.vsts-header .l1-navigation-selector.menu-bar .sub-menu .menu-item > .text, .vsts-header .l1-project-selector.menu-bar .sub-menu .menu-item > .text {
  max-width: calc(100% - 10px);
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only, .vsts-header .icon-only.l1-project-selector.menu-bar {
  min-width: inherit;
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item {
  background-color: rgba( 51, 51, 51 ,  1 );
  background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  padding-left: inherit;
  padding-right: inherit;
  padding-top: 7px;
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item.focus, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item.focus, .vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item.hover, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item.hover {
  outline: none;
  background-color: rgba(0, 0, 0, .9);
  background-color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item.focus::after, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item.focus::after, .vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item.hover::after, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item.hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  /* can't use bottom:0 because of IE bug */
  left: 0;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .menu-icon, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item > .menu-icon {
  width: 30px;
  font-size: 18px;
  margin: 4px 6px 0 4px;
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .drop, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item > .drop, .vsts-header .l1-navigation-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .text, .vsts-header .icon-only.l1-project-selector.menu-bar > .menu-item-container > .menu-item > .text {
  display: none;
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only .bowtie-icon.bowtie-favorite-outline, .vsts-header .icon-only.l1-project-selector.menu-bar .bowtie-icon.bowtie-favorite-outline {
  color: inherit;
}

.vsts-header .l1-navigation-selector.menu-bar.icon-only .sub-menu, .vsts-header .icon-only.l1-project-selector.menu-bar .sub-menu {
  min-width: 240px;
}

.vsts-header .l1-project-selector.menu-bar a {
  outline: 0;
}

.vss-focus-visible .vsts-header .l1-project-selector.menu-bar a: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-project-selector.menu-bar .sub-menu {
  padding-top: 6px;
  min-width: 240px;
  max-width: 480px;
}

.vsts-header .l1-project-selector.menu-bar .sub-menu .menu-item-separator > .text-separator {
  text-transform: none;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding-left: 37px;
  font-weight: normal;
  font-size: 12px;
}

.vsts-header .l1-project-selector.menu-bar .sub-menu .menu-item > .text {
  max-width: calc(100% - 10px);
}

.vsts-header .l1-project-selector.menu-bar .sub-menu.more-items {
  border-top:  1px solid;
  border-top-color: rgba( 200, 200, 200 ,  1 );
  border-top-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-left:  1px solid;
  border-left-color: rgba( 200, 200, 200 ,  1 );
  border-left-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.vsts-header .l1-project-selector.menu-bar.icon-only {
  min-width: inherit;
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item {
  background-color: rgba( 51, 51, 51 ,  1 );
  background-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  padding-left: inherit;
  padding-right: inherit;
  padding-top: 8px;
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item.focus, .vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item.hover {
  outline: none;
  background-color: rgba(0, 0, 0, .9);
  background-color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item.focus::after, .vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item.hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 38px;
  /* can't use bottom:0 because of IE bug */
  left: 0;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .menu-icon {
  width: 30px;
  font-size: 18px;
  margin: 4px 5px 0 5px;
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .drop, .vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container > .menu-item > .text {
  display: none;
}

.vsts-header .l1-project-selector.menu-bar.icon-only > .menu-item-container.focus > .menu-item {
  background-color: rgba( 102, 102, 102 ,  1 );
  background-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.vsts-header .l1-project-selector.menu-bar.icon-only .bowtie-icon.bowtie-favorite-outline {
  color: inherit;
}

.vsts-header .l1-project-selector.menu-bar.icon-only .sub-menu {
  min-width: 240px;
}

.project-selector-moved-bubble {
  display: none;
  position: fixed;
  top: 50px;
  left: 10px;
  z-index: 30000;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  max-width: 300px;
  padding: 0 10px;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.project-selector-moved-bubble .bubble-beak {
  position: absolute;
  top: -6px;
  left: 120px;
  width: 12px;
  height: 12px;
  background-color: white;
  box-shadow: inherit;
  transform: rotate(45deg);
}

.project-selector-moved-bubble h2 {
  font-weight: 300;
}