.Select {
  position: relative;
  width: 100%;
}

.AnimatedBorder {
  position: relative;
  display: block;
}
.AnimatedBorder:before,
.AnimatedBorder:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: var(--input-focus-border-color);
  transition: 0.2s ease all;
}
.AnimatedBorder:before {
  left: 50%;
}
.AnimatedBorder:after {
  right: 50%;
}

.Select.Focused .AnimatedBorder:before,
.Select.Focused .AnimatedBorder:after {
  width: 50%;
}

.Select.Focused .AnimatedBorder:before,
.Select.Focused .AnimatedBorder:after {
  width: 50%;
}

.Select.Error .AnimatedBorder:before,
.Select.Error .AnimatedBorder:after {
  background: var(--input-error-border-color);
  width: 50%;
}

.ArrowIcon {
  height: 20px;
  width: 20px;
  fill: currentColor;
}

.ClickableMultiValue {
}
.ClickableMultiValue:hover {
  cursor: pointer;
  text-decoration: underline;
}