.proficiency-container {
  height: 100%;
}

.proficiencies {
  height: calc(100% - 5rem);
  width: 100%;
  overflow: auto;
  padding-top: 1rem;
}

mat-expansion-panel {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 1rem !important;
  background-color: var(--items);
  border: var(--border) !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow) !important;
  transition: background-color 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;

  mat-panel-title {
    font-size: 1.25rem;
    font-weight: 600;
  }
}

.item-list {
  // TODO: Omly temporary fix
  max-height: 15rem;
  overflow: auto;
}

.item {
  padding: 10px 10px;
  margin-bottom: 10px;
  box-shadow: none;
}

.centered-line {
  margin-bottom: 0.5rem;
  gap: 0.5rem;
}
