@import '../../lib/commonStyles/colors';
@import '../../lib/commonStyles/fonts';
@import '../../lib/commonStyles/text-ellipsis';

.root {
  @include secondary-font;
  color: $night;
}

// .content {
//   line-height: 40px;
// }

.select {
  border: 0px;
  .button {
    margin: 0px;
    font-size: 14px;
    height: auto;
    line-height: normal;
    display: flex;
    align-items: center;
  }
  .icon {
    // fix IE position bug.
    position: relative;
    right: unset;
  }
  .selectedValue {
    margin-right: 10px;
  }
  ul {
    // width: 180px;
    // left: 50%;
    // margin-left: -100px;
    // cursor: pointer;
    li {
      line-height: 19px;
    }
    li:first-child {
      padding-top: 7px;
    }
    li:last-child {
      padding-bottom: 7px;
    }
    li:hover {
      background: #f9f9f9;
    }
  }
}

.select:after {
  line-height: 20px;
  color: #979797;
}

.typeIcon {
  margin-right: 10px;
  vertical-align: middle;
}

.typeName {
  vertical-align: middle;
  @include secondary-font;
  color: $night;
}

.currentNameContainer {
  display: flex;
  align-items: center;
  gap: 5px;
}