@shakthillc/components/lib/UserSelector/UserSelector.module.css

React generic components for shakthi products

@import url("https://rsms.me/inter/inter.css");
.font-inter {
  font-family: Inter;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.input-div{
  composes: font-inter;
  min-width: 300px;
  max-height: 120px;
  min-height: 30px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  color: #666666;
  outline: none;
  -webkit-appearance: none;
}

.input-area {
  composes: font-inter;
  
  background-color: #FFFFFF;
  border: none;
  color: #666666;
  outline: none;
  -webkit-appearance: none;
  margin-left: 4px;
  margin-top: 6px;
}
.input-holder{
  position: relative;
  display: block;
  width: auto;
  margin-bottom: 4px;
}

.input-holder__helper {
  composes: font-inter;
  font-size: 12px;
  margin-top: 8px;
  color: #666666;
}
.input-holder__helper--red {
  composes: font-inter;
  font-size: 12px;
  margin-top: 8px;
  color: #db7064;
}

.input-holder__header {
  composes: font-inter;
  margin-bottom: 8px;
  color: #333333;
}

.input-div::-webkit-scrollbar {
  width: 5px;
}
.input-div::-webkit-scrollbar-thumb {
  background: #888;
}
.input-div::-webkit-scrollbar-track {
  background: #f1f1f1;
}