.pf-select {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: $form-field-height;
  position: relative;
  color: $color-font-default;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.148%202.312a.505.505%200%20000-.71L11.852.312a.495.495%200%2000-.704%200L7%204.461%202.852.312a.495.495%200%2000-.704%200L.852%201.602a.505.505%200%20000%20.71l5.796%205.79a.495.495%200%2000.704%200l5.796-5.79z%22%20fill%3D%22%23999999%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"),
    linear-gradient(to bottom, #fff 0%, #fff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 1em auto, 100%;
  font-family: $font-default;
  font-size: $font-size-form;
  font-weight: $font-weight-semibold;
  padding: 0 1em;
  border: $input-border-width solid $colour-grey-light;
  border-radius: 2px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;

  &::-ms-expand {
    display: none;
  }

  &:hover,
  &:focus {
    border-color: $colour-blue;
  }

  option {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
  }

  &[disabled] {
    background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20width%3D%2214%22%20height%3D%229%22%20viewBox%3D%220%200%2014%209%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.148%202.312a.505.505%200%20000-.71L11.852.312a.495.495%200%2000-.704%200L7%204.461%202.852.312a.495.495%200%2000-.704%200L.852%201.602a.505.505%200%20000%20.71l5.796%205.79a.495.495%200%2000.704%200l5.796-5.79z%22%20fill%3D%22%23999999%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"),
      linear-gradient(
        to bottom,
        $colour-form-input-disabled 0%,
        $colour-form-input-disabled 100%
      );
    color: $colour-font-form-input-disabled;
    border-color: $colour-grey-light;
    cursor: not-allowed;
  }
}