.peoplesearch input[type="text"] {
  border: 0;
  box-shadow: 0 0 0 1px #222;
  margin: 0;
  outline: 2px solid transparent;
  padding: .5em .75em;
  border-radius: 8px;
  transition: outline-color .15s ease-in-out;
}
.peoplesearch label {
    color: #666;
    font-size: .86rem;
    font-weight: 500;
    margin-left: .25rem;
    transition: color .15s ease-in-out;
    width: fit-content;
}
.peoplesearch input[type="submit"],input[type="reset"]{
  align-content: center;
  align-items: center;
  background-color: #d4113b;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: .5rem;
  justify-content: center;
  line-height: 1.15;
  outline: 2px solid transparent;
  padding: .5rem 1rem;
  text-align: center;
  text-decoration: none;
  transition-duration: .15s;
  transition-property: background-color,color,box-shadow,outline-color;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  border-radius: 12px;
  
}
.peoplesearch input[type="submit"]:hover,input[type="reset"]:hover{
  background-color:#eb2355
}
.results {
    margin-top: 2em;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08),0 2px 2px 0 rgba(0,0,0,.03),0 4px 4px 0 rgba(0,0,0,.03);
  border-radius: 16px;
  padding:1.5rem;
}
.results .rf-department {
    margin-bottom: 1em;
}
.results .rf-employee-result p{
    margin-bottom: 0;
}
.peoplesearch th, .peoplesearch td {
  border: unset;
  background-color: unset;
}
.results:not(:has(table)):not(:has(div)) {
    display: none;
}
.results:has(.rf-employee-result){
  width: fit-content
}
.results th, .results td{
  padding: unset;
  color: unset;
}
.results table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  width: 100%;
  --th-font-size: 0.8rem;
  --th-padding: 0.75rem 1rem;
  --td-font-size: 0.85rem;
  --td-padding: 0.5rem 1rem;
}
.results th {
    color: var(--color-neutral-700);
    font-size: var(--th-font-size);
    font-weight: 500;
    padding: var(--th-padding);
  }
.results td {
    font-size: var(--td-font-size);
    padding: var(--td-padding);
}
.results tr:not(:last-child) td {
    box-shadow: 0 1px 0 0 rgba(0,0,0,.08);
}