.modal-container {
  margin-left: .5em;
  margin-right: .5em;
  overflow-y: hidden;
  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-[1300px] w-full;
}

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

.modal-container--normal {
  @apply max-w-[50em] w-full;
}

.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;
}



:root {
  --tw-image: url(https://twallpaper.js.org/patterns/animals.svg);
  --tw-size: 420px;
  --tw-opacity: 0.5;
  --tw-blur: 0;
  --tw-background: #000;
}

.tw-mask {
  -webkit-mask: center repeat;
  -webkit-mask-size: var(--tw-size) auto;
  -webkit-mask-image: var(--tw-image);
  opacity: var(--tw-opacity);
}

.tw-wrap {
  position: initial;
}

.tw-canvas.tw-mask + .tw-pattern {
  background-image: none;
  opacity: initial;
  filter: none;
}

.tw-canvas {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.tw-pattern {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  background: center repeat;
  background-size: var(--tw-size) auto;
  background-image: var(--tw-image);
  filter: blur(var(--tw-blur));
  opacity: var(--tw-opacity);
}