@charset "UTF-8";
/* Couleurs */
/* Espacement */
/* Base CSS réutilisée par les avis et les autres frames avec icônes*/
qc-arbitres-travail form {
  max-width: var(--qc-max-content-width);
}
qc-arbitres-travail form .inner-form {
  display: flex;
  align-items: center;
  gap: var(--qc-spacer-md);
}
qc-arbitres-travail form .inner-form > div {
  max-width: 18.75rem;
  width: 100%;
}
qc-arbitres-travail form .inner-form .qc-search-input {
  width: 18.75rem;
}
@media (max-width: 767.98px) {
  qc-arbitres-travail form .inner-form .qc-search-input {
    width: 100%;
    max-width: 18.75rem;
  }
}
@media (max-width: 767.98px) {
  qc-arbitres-travail form .inner-form {
    flex-direction: column;
    align-items: start;
  }
}
qc-arbitres-travail form [role=listbox] li {
  margin: 0 !important;
}
qc-arbitres-travail form .filter-box:has(> [tabindex]:focus) {
  outline: 2px solid var(--qc-color-formfield-focus-border);
  outline-offset: -2px;
}
qc-arbitres-travail form .filter-box:has(> [tabindex]:focus) [tabindex]:focus {
  outline: 2px solid var(--qc-color-formfield-focus-outline);
}
qc-arbitres-travail form .filter-box:has(> [tabindex]:focus) .panel {
  min-width: 100%;
  top: -2px;
}
qc-arbitres-travail .liste-arbitres {
  margin-top: var(--qc-spacer-lg);
  list-style: none;
  padding-left: 0;
}
qc-arbitres-travail .liste-arbitres a {
  text-decoration: none;
}
qc-arbitres-travail .liste-arbitres a:hover {
  text-decoration: underline;
}
qc-arbitres-travail .no-results {
  padding: 1.5rem 2rem;
  margin: 1.5rem 0;
  color: var(--qc-color-blue-dark);
  border: none;
  border-radius: 0;
  background-color: rgba(var(--qc-color-blue-piv-rgb), 0.16);
}