@import '../../theme/formStyles.less';
@import (reference) '../../theme/index.less';

.inputContainer {
  position: relative;
  display: inline-block;
}
.basicSelectStyle {
  .basicInputStyle;
}
.select {
  .basicSelectStyle;
  padding: 8px 20px 8px 8px;
}
.smallSelect {
  .basicSelectStyle;
  padding: 2px 20px 2px 8px;
}

.dropdownArrow {
  position: absolute;
  right: 0.2em;
  // Center arrow using half the input height minus half the icon height
  top: calc(~'50% - 7.5px');
  pointer-events: none;
}