@mixin inline {
	display: inline-block;
	margin-inline-end: var(--pr-t-spacings-300);
	margin-block: 0;
}

@mixin S {
	.radio-label {
		line-height: var(--pr-t-font-body-S-lineHeight);
		min-block-size: var(--pr-t-font-body-S-lineHeight);
		font-size: var(--pr-t-font-body-S-fontSize);
		padding: var(--components-radio-S-label-padding);

		&::before,
		&::after {
			block-size: var(--components-radio-S-input-size);
			inline-size: var(--components-radio-S-input-size);
		}
	}

	.radio-label-helper {
		line-height: var(--pr-t-font-body-XS-lineHeight);
		font-size: var(--pr-t-font-body-XS-fontSize);
	}

	.radio-input:checked ~ .radio-label {
		&::after {
			transform: scale(0.5);
		}
	}
}