@mixin hover {
	--components-inputFramed-borderColor: var(--pr-t-color-input-border-hover);
}

@mixin disabled {

	--components-inputFramed-header-borderColor: var(--palettes-neutral-50);
	--components-inputFramed-borderColor: var(--palettes-neutral-300);
	--components-inputFramed-header-info-color: var(--pr-t-color-input-text-disabled);
}

@mixin checked {
	--components-inputFramed-content-display: block;
	--components-inputFramed-header-backgroundColor: var(--palettes-product-50);
	--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked);
	--components-inputFramed-header-info-borderColor: var(--pr-t-color-input-border-checked);
}

@mixin checkedHover {
	--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked-hover);
}

@mixin disabledChecked {
	--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25);
}

@mixin critical {
	--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical);
}

@mixin criticalHover {
	--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical-hover);
}

@mixin focusVisible {
	.inputFramed-header-icon {
		&::after {
			outline: none;
		}
	}
}