select{
  max-width:100%;
  height:54px;
  color:#313637;
  outline:1px
solid
transparent;
  font-family:inherit;
  font-size:16px;
  line-height:50px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}[dir] select{
  border-width:2px 0;
  border-style:solid;
  border-color:transparent;
  background-color:#f7f9fa;
  background-image:url("../../../images/chevron-down.svg"), url("../../../images/select-chevron-bg-default.svg"), url("../../../images/select-chevron-bg-default.svg");
  background-repeat:no-repeat;
}[dir=ltr] select{
  padding:0 72px 0 24px;
  border-radius:0 2px 2px 0;
  background-position:right 18px center,
    right 0 top -2px,
    left -48px top -2px;
}[dir=rtl] select{
  padding:0 24px 0 72px;
  border-radius:2px 0 0 2px;
  background-position:left 18px center,
    left 0 top -2px,
    right -48px top -2px;
}

[dir] select:hover, [dir] select:focus{
    border-color:#53b0eb;
    background-image:url("../../../images/chevron-down.svg"),
      url("../../../images/select-chevron-bg-highlight.svg"),
      url("../../../images/select-chevron-bg-highlight.svg");
  }

select:focus{
    outline:6px
dashed
transparent;
  }

[dir] select:focus{
    box-shadow:0
0
36px
rgba(83, 176, 235, 0.25);
  }

@supports (outline-style: double){

select:focus{
      outline-style:double
  }
    }

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

select[disabled]{
    pointer-events:none;
    opacity:0.6;
  }

select[multiple]{
    height:auto;
    line-height:1;
  }

[dir] select[multiple]{
    padding:9px;
    border-top:0;
    border-bottom:0;
    background-image:none;
    background-repeat:repeat-y;
  }

[dir=ltr] select[multiple]{
  border-right:solid 2px transparent;
  border-left:solid 6px #7e96a7;
  background-position:left -48px top -2px;
  }

[dir=rtl] select[multiple]{
    border-left:solid 2px transparent;
    border-right:solid 6px #7e96a7;
    background-position:right -48px top -2px;
  }

[dir] select[multiple] option{
      padding:9px;
    }

[dir] select[multiple]:hover, [dir] select[multiple]:focus{
      border-color:#53b0eb;
      box-shadow:0 -2px 0 #53b0eb,
        0 2px 0 #53b0eb;
    }

[dir] select[multiple]:focus{
      box-shadow:0 -2px 0 #53b0eb,
        0 2px 0 #53b0eb,
        0
        0
        36px
        rgba(83, 176, 235, 0.25);
    }

[dir] select.error{
    background-image:url("../../../images/chevron-down.svg"),
      url("../../../images/select-chevron-bg-error.svg"),
      url("../../../images/select-chevron-bg-error.svg");
  }

[dir] select.error:hover, [dir] select.error:focus{
      background-image:url("../../../images/chevron-down.svg"),
        url("../../../images/select-chevron-bg-highlight.svg"),
        url("../../../images/select-chevron-bg-highlight.svg");
    }

select.form-element--small{
    height:45px;
    line-height:41px;
  }

[dir=ltr] select.form-element--small{
  padding-right:58.5px;
  padding-left:19.5px;
  background-position:right 13.5px center, right -10px top -2px, left -48px top -2px;
  }

[dir=rtl] select.form-element--small{
    padding-left:58.5px;
    padding-right:19.5px;
    background-position:left 13.5px center, left -10px top -2px, right -48px top -2px;
  }

@media screen and (-ms-high-contrast: active){

[dir] select{
    background-image:url("../../../images/chevron-down.svg")
}
  }