.fcr-select-wrapper-l {
  height: 48px;
}
.fcr-select-wrapper-m {
  height: 36px;
}
.fcr-select-wrapper-s {
  height: 32px;
}
.fcr-select {
  background-color: var(--fcr_ui_scene_input);
  border-width: 1px;
  border-style: solid;
  transition: all 0.2s ease-in-out;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
  user-select: none;
  font-weight: 400;
  border-color: var(--fcr_ui_scene_line1);
}

.fcr-select.fcr-select-white {
  border-color: var(--fcr_web_ui_scene_line4);
  background: var(--fcr_ui_scene_input2);
}

.fcr-select.fcr-select--blurred:not(.fcr-select--focused) {
  border-color: transparent;
  background: var(--fcr_ui_scene_black3);
  backdrop-filter: blur(25px);
}

.fcr-select.fcr-select-l {
  border-radius: var(--fcr_cornerradius_l);
}
.fcr-select.fcr-select-m {
  border-radius: var(--fcr_cornerradius_s);
}
.fcr-select.fcr-select-s {
  border-radius: var(--fcr_cornerradius_xs);
}

.fcr-select__selected span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}
.fcr-select .fcr-select__selected.fcr-select__selected--unselected {
  color: var(--fcr_ui_scene_icontext2);
}

.fcr-select.fcr-select-l .fcr-select__selected {
  padding: 11px 6px 11px 12px;
}
.fcr-select.fcr-select-l .fcr-select__option {
  padding: 15px 6px 15px 12px;
}

.fcr-select.fcr-select-m .fcr-select__selected {
  padding: 5px 12px;
}
.fcr-select.fcr-select-m .fcr-select__option {
  padding: 12px;
}

.fcr-select.fcr-select-s .fcr-select__selected {
  padding: 6px 6px 6px 12px;
}
.fcr-select.fcr-select-s .fcr-select__option {
  padding: 9px 6px 9px 12px;
}

.fcr-select.fcr-select--search .fcr-select__selected {
  padding: 4px 6px 4px 6px;
}
.fcr-select.fcr-select--search .fcr-select__option {
  padding: 6px 11px 6px 11px;
}

.fcr-select__icon {
  flex-shrink: 0;
}
.fcr-select.fcr-select-s .fcr-select__icon {
  height: 18px;
}

.fcr-select:hover:not(.fcr-select--disabled) {
  border-color: var(--fcr_ui_scene_ramp_brand6);
  box-shadow: 0 0 0 3px var(--fcr_ui_scene_ramp_brand3);
}

.fcr-select.fcr-select--focused {
  border-color: var(--fcr_ui_scene_ramp_brand6);
  position: relative;
  z-index: 100;
  box-shadow: 0 0 0 3px var(--fcr_ui_scene_ramp_brand3);
}
.fcr-select .fcr-select__icon {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.fcr-select.fcr-select--focused .fcr-select__icon {
  transform: rotate(180deg);
}

.fcr-select .fcr-select__selected {
  color: var(--fcr_ui_scene_icontext1);

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fcr-select.fcr-select--blurred:not(.fcr-select--focused) .fcr-select__selected {
  color: var(--fcr_ui_scene_white10);
}

.fcr-select .fcr-select__options--invisible {
  display: none;
}

.fcr-select .fcr-select__option {
  color: var(--fcr_ui_scene_icontext1);
  transition: all 0.3s;
}

.fcr-select .fcr-select__option:hover,
.fcr-select .fcr-select__option--active {
  background-color: var(--fcr_web_ui_scene_hover);
  color: var(--fcr_web_ui_scene_mainicon2);
}

.fcr-select .fcr-select__option--active {
  font-weight: var(--fcr_font_weight_x);
}

.fcr-select .fcr-select__option--disabled {
  cursor: not-allowed;
  color: var(--fcr_ui_scene_icontext2);
}

.fcr-select.fcr-select--disabled {
  cursor: not-allowed;
}
.fcr-select__search-input.fcr-select--disabled {
  cursor: not-allowed;
}

.fcr-select__selected--unselected span {
  color: var(--fcr_ui_scene_icontext2);
}

.fcr-select.fcr-select-white .fcr-select__selected--unselected span {
  color: var(--fcr_ui_scene_icontext3);
}

.fcr-select--blurred:not(.fcr-select--focused) .fcr-select__selected--unselected span {
  color: var(--fcr_ui_scene_white6);
}

.fcr-select__options {
  list-style-type: none;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
.fcr-select__search-input:focus,
.fcr-select__search-input {
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: red;
  font-size: 13px;
  color: var(--fcr_ui_scene_icontext1);
}

.fcr-select-wrapper {
  position: relative;
}
.fcr-select__tag {
  position: absolute;
  background: var(--fcr_ui_scene_ramp_orange6);
  right: 0;
  top: -20px;
  padding: 4px 6px;
  font-size: 12px;
  color: var(--fcr_ui_scene_white10);
  border-radius: 4px;
  border-top-right-radius: 8px;
  z-index: 99;
}
.fcr-select__tag--focused {
  z-index: 999;
}