.modal-container {
  max-height: 88svh;
  margin-left: .5em;
  margin-right: .5em;
  overflow-y: auto;
  box-shadow: 0 0 0 1px rgba(0,0,0, 0.075),0 10px 40px -20px rgba(0,0,0, 0.25),0 20px 60px -25px rgba(0,0,0, 0.2),0 20px 20px -30px rgba(0,0,0, 0.15),0 40px 30px -40px rgba(0,0,0, 0.25),0 60px 40px -50px rgba(0,0,0, 0.3);
}

.modal-container {
  @apply bg-white dark:bg-gray-800;
}

.modal-container--lg {
  @apply max-w-[1200px];
}

.modal-container--md {
  @apply max-w-xl;
}

.modal-container--sm {
  @apply max-w-md;
}

.details--noarrow summary {
  cursor: pointer;
  user-select: none;
  display: flex;
}

.details--plain > summary::-webkit-details-marker, .details--noarrow summary::-webkit-details-marker {
  display: none !important;
}