Form: Checkbox Checked

.wrapper {
    @apply block leading-none pt-xsSpace;

    &--inline {
        @apply flex py-mdSpace;
    }

    &__block {
        @apply text-tertiary-700 text-xs font-medium mb-3xsSpace inline-block;

        &--checkbox {
            @apply pl-xsSpace
        }
    }

    &__hint {
        @apply text-tertiary-400 text-xs block;
    }

    &__input {
        @apply text-xs block w-full rounded-md border-tertiary-300 placeholder:text-tertiary-400 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50;

        &--disabled {
            @apply block w-full disabled:cursor-not-allowed disabled:bg-tertiary-100 disabled:text-tertiary-400 disabled:ring-gray-200 border-none;
        }
    }

    &__select {
        @apply text-xs block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
    }

    &__text-area {
        @apply mt-1 block w-full h-24 text-xs block w-full rounded-md border-tertiary-300 placeholder:text-tertiary-400 shadow-sm focus:border-primary-300 focus:ring focus:ring-primary-200 focus:ring-opacity-50;
    }

    &__checkbox {
        @apply flex items-center space-x-xsSpace rounded border border-tertiary-300 w-mdSpace;
    }
}

.select {
    @apply text-xs block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
}

.group-wrapper {
    @apply flex flex-row space-x-2;

    &--first {
        @apply -mt-xsSpace
    }
}