.dropdown[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: block;
  cursor: default;
  content: " ";
  background: rgba(0, 0, 0, 0);
}

.dropdown[open] > summary.btn {
  translate: unset !important; /* fix to close dropdown when clicking outside (caused by daisyui "translate" effect on btn class) */
}

details > summary {
  list-style: none;

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