.l-select-polyfill {
  border: 1px solid var(--td-border-level-2-color);
  border-radius: var(--td-radius-default);
  padding: 0 26px 0 4px;
  display: inline-flex;
}
.l-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: var(--td-text-color-primary);
  font-size: var(--td-font-size-body-medium);
  font-family: var(--td-font-family);
  list-style: none;
  position: relative;
  width: 100%;
  vertical-align: middle;
  line-height: 30px;
  background: var(--td-bg-color-specialcomponent);
  transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  flex-wrap: wrap;
}
.l-select:hover:not(.l-is-disabled),
.l-select :active:not(.l-is-disabled) {
  cursor: pointer;
  border-color: var(--td-brand-color);
}
.l-select:hover:not(.l-is-disabled) > .l-select__right-icon:not(.l-select__right-icon-clear),
.l-select :active:not(.l-is-disabled) > .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.l-select.l-no-border {
  line-height: 32px;
}
.l-select .l-select__placeholder {
  margin-left: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.l-select:not(.l-is-disabled) .l-select__placeholder {
  color: var(--td-text-color-placeholder);
}
.l-select .l-select__single {
  margin-left: 4px;
  display: block;
  color: var(--td-text-color-primary);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select .l-select__right-icon {
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
}
.l-select .l-select__right-icon-polyfill {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  right: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
}
.l-select .l-select__active-icon {
  color: var(--td-brand-color);
}
.l-select .l-select__right-icon.l-is-visible {
  transform: scaleY(-1);
  transition: transform 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  /* IE */
  filter: flipv;
}
.l-select .l-select__left-icon {
  position: absolute;
  height: 100%;
  margin: 0 8px;
  left: 0;
  top: 0;
  color: var(--td-text-color-placeholder);
  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  display: flex;
  align-items: center;
}
.l-select .l-input__wrap {
  flex: 1;
}
.l-select .l-tag + .l-input__wrap {
  margin-left: 4px;
}
.l-select .l-tag + .l-input__wrap .l-input__inner {
  width: 100%;
}
.l-select .l-select__input .l-input {
  height: auto;
  border: 0;
  padding: 0;
}
.l-select .l-select__input .l-input--focused {
  box-shadow: none;
  border-color: transparent;
}
.l-select .l-select__input:focus,
.l-select .l-select__input :hover {
  border: 0;
}
.l-select .l-select__input input {
  height: 30px;
  line-height: 30px;
}
.l-select .l-select__input .l-input.l-input--prefix > .l-input__prefix {
  font: var(--td-font-body-large);
}
.l-select .l-tag,
.l-select + .l-tag {
  margin: 4px 4px 4px 0;
}
.l-select .l-tag {
  height: 22px;
  line-height: 20px;
}
.l-select.l-is-active:not(.l-is-disabled) {
  border-color: var(--td-brand-color);
}
.l-select.l-is-active:not(.l-is-disabled):not(.l-no-border) {
  box-shadow: 0 0 0 2px var(--td-brand-color-focus);
}
.l-select.l-is-active:not(.l-is-disabled) .l-select__right-icon:not(.l-select__right-icon-clear) {
  color: var(--td-brand-color);
  opacity: 1;
}
.l-select.l-has-prefix {
  padding-left: 26px;
}
.l-select.l-no-border {
  border: 0;
  width: auto;
  transition: background-color 0.2s linear;
}
.l-select.l-no-border:hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-select.l-no-border:active {
  background-color: var(--td-bg-color-container-active);
}
.l-select.l-no-border > .l-select__single {
  margin-right: 8px;
}
.l-select.l-size-l {
  font: var(--td-font-body-large);
}
.l-select.l-size-l .l-select__input {
  line-height: 38px;
  height: 38px;
}
.l-select.l-size-l .l-select__input .l-input__inner {
  height: 38px;
  line-height: 38px;
}
.l-select.l-size-l .l-tag.l-size-l {
  height: 30px;
  line-height: 28px;
}
.l-select.l-size-s {
  font: var(--td-font-body-small);
}
.l-select.l-size-s .l-select__input {
  line-height: 22px;
  height: 22px;
}
.l-select.l-size-s .l-select__input .l-input__inner {
  height: 22px;
  line-height: 22px;
}
.l-select.l-size-s .l-tag.l-size-s {
  height: 18px;
  line-height: 16px;
}
.l-select.l-is-disabled {
  cursor: not-allowed;
  background-color: var(--td-bg-color-component-disabled);
  color: var(--td-text-color-disabled);
  border-color: var(--td-border-level-2-color);
}
.l-select.l-is-disabled > .l-select__right-icon {
  color: var(--td-text-color-disabled);
}
.l-select.l-is-disabled > .l-select__left-icon {
  color: var(--td-text-color-disabled);
}
.l-select.l-is-disabled > .l-select__single {
  color: var(--td-text-color-disabled);
}
.l-select__wrap {
  width: 100%;
}
.l-select__dropdown .l-popup__content {
  scrollbar-color: var(--td-scrollbar-color);
  scrollbar-width: thin;
  margin: 8px 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overscroll-behavior: contain;
  box-shadow: var(--td-shadow-2);
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb {
  background-color: var(--td-scrollbar-color);
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 15px;
}
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb:vertical:hover,
.l-select__dropdown .l-popup__content::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: var(--td-scrollbar-hover-color);
}
.l-select__dropdown-inner .l-select__list,
.l-select__dropdown-inner .l-tree {
  padding: 6px;
}
.l-select__dropdown-inner--size-s .l-select__list,
.l-select__dropdown-inner--size-s .l-tree {
  padding: 4px;
}
.l-select__dropdown-inner--size-l .l-select__list,
.l-select__dropdown-inner--size-l .l-tree {
  padding: 8px;
}
.l-select__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.l-select__dropdown.l-popup {
  padding: 0;
}
.l-select__empty.l-size-s {
  line-height: 24px;
}
.l-select__empty {
  text-align: center;
  color: var(--td-text-color-disabled);
  line-height: 32px;
  padding: 0 8px;
}
.l-select__empty.l-size-l {
  line-height: 40px;
}
.l-select__loading-tips.l-size-s {
  line-height: 24px;
}
.l-select__loading-tips {
  text-align: center;
  line-height: 32px;
  color: var(--td-text-color-disabled);
}
.l-select__loading-tips.l-size-l {
  line-height: 40px;
}
.l-select-option-group + .l-select-option-group {
  padding-top: 7px;
  margin-top: 7px;
}
.l-select-option-group__divider + .l-select-option-group__divider {
  border-top: 1px var(--td-border-level-1-color) solid;
}
ul.l-select-option-group__header,
.l-select-option-group__header {
  color: var(--td-text-color-placeholder);
  display: block;
  height: 28px;
  line-height: 20px;
  padding: 0px 8px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select-option-group__header.l-size-l {
  height: 36px;
  padding: 7px 12px;
}
.l-select-option-group__header.l-size-s {
  height: 20px;
  padding: 0 8px;
}
.l-select-option {
  display: flex;
  align-items: center;
  border-radius: var(--td-radius-default);
  height: 28px;
  line-height: 20px;
  cursor: pointer;
  padding: 0px 8px;
  color: var(--td-text-color-primary);
  transition: background-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
  --ripple-color: var(--td-bg-color-container-active);
}
.l-select-option span {
  position: relative;
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover .l-checkbox__label {
  color: inherit;
}
.l-select-option:not(.l-is-disabled):not(.l-is-selected):hover .l-checkbox__input {
  border-color: var(--td-brand-color);
}
.l-select-option .l-checkbox__label {
  color: var(--td-text-color-primary);
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}
.l-select-option .l-checkbox {
  width: 100%;
}
.l-select-option.l-is-disabled {
  cursor: not-allowed;
  color: var(--td-text-color-disabled);
  background: var(--td-bg-color-specialcomponent);
}
.l-select-option.l-is-disabled:hover,
.l-select-option.l-is-disabled :active {
  background: var(--td-bg-color-specialcomponent);
}
.l-select-option.l-size-l {
  height: 36px;
  padding: 7px 12px;
  font: var(--td-font-body-large);
}
.l-select-option.l-size-m {
  line-height: 22px;
}
.l-select-option.l-size-s {
  height: 20px;
  padding: 0 8px;
  font: var(--td-font-body-small);
}
.l-select-option.l-is-selected {
  color: var(--td-brand-color);
  background-color: var(--td-brand-color-light);
  transition: all 0.2s linear;
}
.l-select-option.l-is-selected .l-checkbox__label {
  color: var(--td-brand-color);
}
.l-select-option.l-is-selected:hover {
  background-color: var(--td-brand-color-light);
}
.l-select-option.l-select-option__hover:not(.l-is-disabled).l-select-option.l-select-option__hover:not(.l-is-selected) {
  background-color: var(--td-bg-color-container-hover);
}
.l-select-option.l-select-option__hover:not(.l-is-disabled).l-select-option.l-select-option__hover:not(.l-is-selected) .l-checkbox__input {
  border-color: var(--td-brand-color);
}
.l-select-option.l-select-option__hover .l-checkbox__label {
  color: inherit;
}
.l-select-option + .l-select-option {
  margin-top: 2px;
}
.l-select.l-select-input--borderless .l-select__right-icon {
  position: relative;
  margin: 0;
}
.l-select .l-fake-arrow {
  color: var(--td-text-color-placeholder);
}
.l-select .l-fake-arrow--active {
  color: var(--td-brand-color);
}
