@layer pages {
/* SLA Levels page */

.level {
  box-shadow: var(--button-shadow);
  padding: 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-family: var(--font-family-sans-serif) !important;
}

.level:hover {
  box-shadow: var(--button-focus-shadow);
}

.level__ticket_type {
  width: 20rem;
}

.level__ticket_type i {
  color: var(--neutral-500) !important;
  margin-right: 0.5rem;
}

.level__name {
  width: 18rem;
}

.level__response_duration_hours {
  width: 5rem;
  text-align: right;
  font-feature-settings: 'tnum' 1;
}

.level__resolve_duration_hours {
  width: 5rem;
  text-align: right;
  font-feature-settings: 'tnum' 1;
}

.level--nosla {
  color: black;
}

.level--platinum {
  color: #8338ec;
}

.level--gold {
  color: #fb5607;
}

.level--classic {
  color: #577590;
}
}