@tailwind base;
@tailwind components;
@tailwind utilities;

.menu li > *:not(ul):not(.menu-title):not(details):active,
.menu li > *:not(ul):not(.menu-title):not(details).active,
.menu li > details > summary:active {
    @apply bg-red-500 rounded-none text-white [@media(hover:hover)]:bg-red-500 [@media(hover:hover)]:rounded-none [@media(hover:hover)]:text-white;
}

.label-text-required {
  @apply after:content-['*'] after:ml-0.5 after:text-red-500;
}

.helptext {
  margin-top: 5px;
  display: block;
  font-style: italic;
  @apply text-gray-600;
}