.title {
  background-color: light-dark(var(white), var(--mantine-color-dark-7));
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--mantine-spacing-sm) var(--mantine-spacing-lg)
    var(--mantine-spacing-sm);
  border-bottom: solid rgba(201, 201, 201, 0.377) 1px;
}

.optionIcon {
  display: flex;
  justify-content: space-evenly;
}

.deleteIcon {
  color: red;
  cursor: pointer;
  padding: 2px;
  border-radius: 25%;
}

.editIcon {
  color: rgb(9, 132, 132);
  cursor: pointer;
  padding: 2px;
  border-radius: 25%;
}

.editIcon:hover {
  background-color: rgba(203, 203, 203, 0.809);
}

.deleteIcon:hover {
  background-color: rgba(203, 203, 203, 0.809);
}
