@use '../../../node_modules/sass-basis/src/css/core';

.smf-form {
	.smf-checkboxes-control {
		&--horizontal {
			.smf-checkboxes-control {
				&__control {
					> .smf-label {
						display: inline-block;
						margin-right: var(--_margin-1);
					}
				}
			}
		}

		&--vertical {
			.smf-checkboxes-control {
				&__control {
					> .smf-label {
						display: block;
					}
				}
			}
		}
	}

	.smf-checkbox-control {
		align-items: flex-start;
		@include core.checkbox();

		&__control {
			flex: none;
			margin-top: calc(var(--_half-leading) * 1em);
		}
	}
}