@layer components {
	.yst-root {
		.yst-text-field--disabled {
			.yst-text-field__label,
			.yst-text-field__description {
				@apply yst-opacity-50;
			}

			.yst-text-field__label {
				@apply yst-cursor-not-allowed;
			}
		}

		.yst-text-field--read-only {
			.yst-text-field__label {
				@apply yst-cursor-default;
			}
		}

		.yst-text-field__description {
			@apply yst-mt-2;
		}

		.yst-text-field__validation {
			@apply yst-mt-2;
		}
	}
}
