$inputBorder: 1px;

.c-select{
  position: relative;
}

.c-select__field {
  @include font-size(s);
  width: 100%;
  padding: #{space(1) - $inputBorder} space(2);
  border: $inputBorder solid palette(neutral, 400);
  border-radius: 0;
  appearance:none;
  outline: none;

  .has-error & {
    box-shadow: 0 0 7px -3px palette(action);
    border-color: palette(action);
  }

  &:focus {
    box-shadow: 0 0 7px -3px rgba(palette(action), 0.75);
    border-color: palette(action);
  }
}

.c-select__drop-down {
  position: absolute;
  right: 10px;
  top: 50%;

  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: palette(neutral, 400) transparent transparent transparent;

  transform: translateY(-50%);
}