@import '../utilities/index';

$border-radius: 0.25rem;

.select {
  @include fontSize($font-size-base);

  border-radius: $border-radius;
  border: 1px solid var(--color-gray-300);
  padding: calc-rem(8) calc-rem(16) calc-rem(8) calc-rem(16);
  color: var(--color-black);
  line-height: $base-line-height;

  &:focus {
    border-color: var(--color-brand-dark);
  }
}