@use "../abstracts" as *;

// select
.select-form{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 39px;
  padding: 0px 36px 0px 10px;
  border: 1px solid #D5DEE8;
  border-radius: 4px;
  font-size: $font-s-13;
  font-weight: $font-w-400;
  color: $font-c;
  background:$white-fff url(/assets/images/common/select_arr.svg) calc(100% - 16px) center no-repeat; 
  background-size:14px 8px;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
  cursor: pointer;
  &:focus{
    outline: none;
    border-color: #4e93dd;
  }
  &:disabled{
    opacity: 1;
    background-color: #F5F6FA;
    cursor: default;
  }
}
.select-flex-form{
  display: flex;
  align-items: center;
  width: 100%;
  gap: 5px;
  .select-form{
    flex: 1 1 auto;
  }
}

// textarea
.textarea-form{
  display: block;
  width: 100%;
  border: 1px solid #D5DEE8;
  border-radius: 4px;
  min-height: 100px;
  padding: 14px;
  font-size: $font-s-13;
  font-weight: $font-w-400;
  color: $font-c;
  transition: border-color .15s ease-in-out; 
  &:focus{
    border-color: #4e93dd;
  }
  &:disabled{
    border-color: #D5DEE8;
    background-color: #F5F6FA;
  }
  &::placeholder{
    color: $font-pl-c;
  }
}