details.dropdown {
  border-radius: 5px;
  width: 200px;
  font-size: 1.1rem;
  margin-bottom: 0.3rem;
}

summary {
  list-style-type: none;
}

details.dropdown > summary {
  background-color: var(--color60);
  cursor: pointer;
  line-height: 42px;
  color: var(--white);
  padding-left: 15px;
  border-radius: 5px;
}

details.dropdown > summary > * {
  display: inline;
  color: var(--black);
}

details.dropdown > div {
  background-color: var(--color96);
  border-radius: 0px 0px 5px 5px;
}

summary::-webkit-details-marker {
  display: none;
}

details.dropdown summary::-webkit-details-marker {
  display: none;
}


details.dropdown[open] summary {
  border-radius: 5px 5px 0px 0px;
}

ul {
  margin: 0px;
  padding: 0px;
}

li {
  display: block;
  text-decoration: none;
  height: 42px;
  cursor: pointer;
  line-height: 42px;
  padding-left: 15px;
}

li:not(:last-child) {
  border-bottom: 1px solid var(--color90);
}

li:hover {
  background-color: var(--color90);
}