#active-accounts-details > summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  list-style: none;
}

#active-accounts-details > summary::-webkit-details-marker {
  display: none;
}

#active-accounts-details > summary::after {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  margin-left: auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

#active-accounts-details[open] > summary::after {
  transform: rotate(225deg);
}