/* ============================================
   Characters index.html.erb
   ============================================ */

.main-panel {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.filter-panel {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  justify-content: center;
}

.search-filter {
  width: 100%;
}

.Element-panel,
.Rating-panel {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.job-panel {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}