.material-select {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  position: relative;
  height: 56px;
  overflow: hidden;
  will-change: opacity, transform, color;
}

.material-select__icon {
  position: absolute;
  right: auto;
  bottom: 16px;
  left: 16px;
  color: #616161;
}

.material-select__dropdown-icon {
  position: absolute;
  left: auto;
  right: 8px;
  bottom: 16px;
  width: 24px;
  height: 24px;
  transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.material-select__native-control {
  font-family: inherit;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  width: 100%;
  height: 56px;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
  border-bottom: 2px solid #BDBDBD;
  border-radius: 4px 4px 0 0;
  background: #EEEEEE;
  color: #616161;
  padding: 0 16px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.25s ease;
}

.material-select__native-control:focus {
  border-color: #3F51B5;
  outline: none;
}

.material-select__native-control:focus + .material-select__dropdown-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #3F51B5;
}

.material-select__native-control:disabled {
  cursor: default;
  border-color: #9E9E9E;
  background: #E0E0E0;
  color: #9E9E9E;
}

.material-select__native-control option {
  background-color: #FFFFFF;
}

.material-select--leading-icon .material-select__native-control {
  padding-left: 48px;
  padding-right: 16px;
}

.material-select--disabled .material-select__native-control {
  cursor: default;
  border-color: #9E9E9E;
  background: #E0E0E0;
  color: #9E9E9E;
}

.material-select--disabled .material-select__dropdown-icon {
  color: #9E9E9E;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3Nhc3MvZWxlbWVudHMvc2VsZWN0LnNhc3MiLCIuLi8uLi9zYXNzL3V0aWxpdGllcy9fY29sb3JzLnNhc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0E7RUFDRSx1QkFBc0I7RUFDdEIsOENBQTBDO0VBQzFDLGNBQWE7RUFDYixtQkFBa0I7RUFDbEIsYUFBWTtFQUNaLGlCQUFnQjtFQUNoQix1Q0FBc0M7Q0FBRzs7QUFFM0M7RUFDRSxtQkFBa0I7RUFDbEIsWUFBVztFQUNYLGFBQVk7RUFDWixXQUFVO0VBQ1YsZUN3TmlCO0NEeE5NOztBQUV6QjtFQUNFLG1CQUFrQjtFQUNsQixXQUFVO0VBQ1YsV0FBVTtFQUNWLGFBQVk7RUFDWixZQUFXO0VBQ1gsYUFBWTtFQUNaLDJHQUFzRjtFQUF0RixtR0FBc0Y7RUFBdEYseUpBQXNGO0VBQ3RGLHFCQUFvQjtDQUFHOztBQUV6QjtFQUNFLHFCQUFvQjtFQUNwQix1QkFBc0I7RUFDdEIsZ0JBQWU7RUFDZixrQkFBaUI7RUFDakIsaUJBQWdCO0VBQ2hCLFlBQVc7RUFDWCxhQUFZO0VBQ1oseUJBQXdCO0VBQ3hCLHdCQUF1QjtFQUN2QixhQUFZO0VBQ1osaUNDOExpQjtFRDdMakIsMkJBQTBCO0VBQzFCLG9CQzBMaUI7RUR6TGpCLGVDOExpQjtFRDdMakIsZ0JBQWU7RUFDZixjQUFhO0VBQ2Isb0JBQW1CO0VBQ25CLGdCQUFlO0VBQ2YsaUJBQWdCO0VBQ2hCLHNCQUFxQjtFQUNyQix5QkFBd0I7RUFDeEIsb0NBQW1DO0NBaUJKOztBQXZDakM7RUF5Qkksc0JDb0JpQjtFRG5CakIsY0FBYTtDQUlvQjs7QUE5QnJDO0VBNkJNLGtDQUF5QjtVQUF6QiwwQkFBeUI7RUFDekIsZUNlZTtDRGZjOztBQTlCbkM7RUFpQ0ksZ0JBQWU7RUFDZixzQkN3S2U7RUR2S2Ysb0JDcUtlO0VEcEtmLGVDc0tlO0NEdEtLOztBQXBDeEI7RUF1Q0ksMEJDbEVXO0NEa0VnQjs7QUFFL0I7RUFHSSxtQkFBa0I7RUFDbEIsb0JBQW1CO0NBQUc7O0FBRTFCO0VBR0ksZ0JBQWU7RUFDZixzQkN1SmU7RUR0SmYsb0JDb0plO0VEbkpmLGVDcUplO0NEckpLOztBQU54QjtFQVNJLGVDa0plO0NEbEpLIiwiZmlsZSI6InNlbGVjdC5jc3MifQ== */