.project-selector .project.select .button {
  background: var(--button-background-1);
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 14px;
  height: 28px;
  margin: 0;
  padding: 6px 12px;
  text-align: left;
  text-transform: uppercase;
  width: 240px;
}

.project-selector .project.select .button:before,
.project-selector .project.select .button:after {
  display: none;
}

.project-selector .project.select.opened .button {
  border-radius: 3px 3px 0 0;
}

.project-selector .project.select .button .selected-project {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-selector .project.select .menu {
  background: var(--popup-background-1);
  top: 28px;
  display: none;
  position: absolute;
  right: 0;
  width: 240px;
}

.project-selector .project.select .menu ul {
  max-height: 214px;
}

.project-selector .project.select .menu li {
  color: var(--light-grey-6);
  cursor: pointer;
  text-align: left;
}

.project-selector .project.select .menu ul li span.selected-project {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}