@mixin vars {
	--components-field-font-size: var(--pr-t-font-body-M-fontSize);
	--components-field-horizontal-spacing: var(--pr-t-spacings-300);
	--components-field-input-color: var(--pr-t-color-text);
	--components-field-input-inline-margin: 0.15rem;
	--components-field-label-color: var(--pr-t-color-text);
	--components-field-label-margin-bottom: var(--pr-t-spacings-50);
	--components-field-message-font-size: var(--pr-t-font-body-XS-fontSize);
	--components-field-message-margin-top: var(--pr-t-spacings-50);

	--components-field-sizes-default: 13rem;

	--components-field-compact-padding: var(--pr-t-spacings-100);
	--components-field-compact-label-font-size: var(--pr-t-font-body-M-fontSize);
	--components-field-compact-label-right-margin: 0.3rem;

	--components-field-compact-label-sizes-shorter: 3rem;
	--components-field-compact-label-sizes-short: 5rem;
	--components-field-compact-label-sizes-default: 7rem;
	--components-field-compact-label-sizes-long: 9rem;
	--components-field-compact-label-sizes-longer: 11rem;

	--components-field-framed-color50: var(--palettes-neutral-50);
	--components-field-framed-color: #9299b0;
	--components-field-framed-border: var(--palettes-neutral-200);
	--components-field-framed-text: #4c5775;
	--components-field-framed-side-padding: var(--pr-t-spacings-200);
	--components-field-framed-top-padding: var(--pr-t-spacings-400);
	--components-field-framed-bottom-padding: var(--pr-t-spacings-200);
	--components-field-framed-label-top-offset: var(--pr-t-spacings-100);
	--components-field-framed-textarea-height: 8.5rem;
	--components-field-framed-textarea-min-height: 5.5rem;
	--components-field-framed-textarea-max-height: 80vh;
	--components-field-framed-title-font-size: var(--pr-t-font-heading-3-fontSize);
	--components-field-framed-title-line-height: var(--pr-t-font-heading-3-lineHeight);
	--components-field-framed-suffix-padding-inline-end: var(--pr-t-spacings-600);
}
