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

@mixin S {
	--components-checkbox-input-size: 1rem;

	line-height: var(--pr-t-font-body-S-lineHeight);

	.checkbox-label {
		font-size: var(--pr-t-font-body-S-fontSize);

		&::before {
			border-radius: var(--pr-t-border-radius-50);
		}
	}

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

@mixin noLabel {
	line-height: var(--components-checkbox-input-size);

	.checkbox-label {
		vertical-align: top;

		&::before {
			margin: 0;
		}
	}
}