.event {
    @apply flex-grow flex flex-col p-3 lg:p-5 transition-colors md:dark:bg-gray-700;

    &:hover {
        @apply md:bg-gray-50 dark:bg-gray-900;
    }

    &.collapsed {
        @apply overflow-hidden shadow-bottom h-20 md:h-12 lg:h-16;
    }

    &.open {
    }

    .sidebar {
        @apply w-full flex justify-between pb-3;

        &__container {
            @apply flex items-center space-x-2;

            .button {
                @apply w-5 h-5 md:w-4 md:h-4 rounded-full opacity-90 hover:opacity-100 transition transition-all hover:ring-4 ring-offset-1;

                svg {
                    @apply p-1
                }

                &__collapse {
                    @apply text-white;
                }

                &__delete {
                    @apply text-red-700 bg-white hover:bg-red-700 hover:text-white;
                }
            }
        }
    }

    &__labels {
        @apply flex flex-wrap gap-3
    }

    &__body {
        @apply flex flex-col;
    }

    &__content {
        &--ray {
            @apply flex flex-col justify-items-stretch w-full divide-y;
        }
    }
}
