.bool {
    @apply rounded-full w-5 h-5 text-xs flex items-center justify-center leading-none;
    &.bool-inline {
        @apply w-auto;
    }
    &.enabled {
        @apply bg-green-800 text-red-100;
    }
    &.disabled {
        @apply bg-red-800 text-green-100;
    }
    svg {
        @apply w-2 h-2;
    }
}


.bool-row {
    @apply flex;
    .bool {
        @apply rounded-none;
        &:last-child {
            @apply rounded-r-full;
        }
        &:first-child {
            @apply rounded-l-full;
        }
    }
}
