/* @define form */
.form {
	max-width: 860px;
}

.form--one-column {
	max-width: auto;
}

.form__fields {
	display: flex;
	flex-wrap: wrap;
}

.form__column {
	box-sizing: border-box;
	display: flex;
	position: relative;
	width: 100%;
}

[dir] .form__column {
	margin-bottom: var(--spacing-02);
}

[dir] .form__column--empty {
	margin-bottom: 0;
}

[dir=ltr] .form__column--composite .form-input:not(:last-child) {
	padding-right: var(--spacing-04);
}

[dir=rtl] .form__column--composite .form-input:not(:last-child) {
	padding-left: var(--spacing-04);
}

.form__column-legend {
	color: var(--color-main-060);
	font-size: var(--font-size-label-m);
	position: absolute;
	top: var(--form-input-label-padding-top);
	/* stylelint-disable-next-line property-no-vendor-prefix, order/properties-alphabetical-order */
	-ms-transform: translateY(-16px) scale(0.8);
	line-height: var(--line-height-label-m);
	letter-spacing: var(--letter-spacing-label-m);
	text-transform: uppercase;
	font-stretch: condensed;
	font-weight: var(--font-weight-condensed);
}

[dir] .form__column-legend {
	transform: var(--form-input-label-transform);
}

[dir=ltr] .form__column-legend {
	left: 0;
	transform-origin: left;
}

[dir=rtl] .form__column-legend {
	right: 0;
	transform-origin: right;
}

.form__column-subcolumn {
	display: flex;
	width: 100%;
}

[dir=ltr] .form__column-subcolumn .form-input-label__label {
	left: -9999px;
}

[dir=rtl] .form__column-subcolumn .form-input-label__label {
	right: -9999px;
}

.form__hidden-submit {
	display: none;
}

[dir] .form__footer {
	margin-top: var(--spacing-07);
}

.layout--not-responsive .form__column {
	width: 50%;
}

[dir=ltr] .layout--not-responsive .form__column {
	padding-right: var(--spacing-06);
}

[dir=rtl] .layout--not-responsive .form__column {
	padding-left: var(--spacing-06);
}

/* stylelint-disable-next-line selector-max-compound-selectors */
.layout--not-responsive .form--one-column .form__column {
	width: 100%;
}
[dir=ltr] .layout--not-responsive .form--one-column .form__column {
	padding-right: 0;
}
[dir=rtl] .layout--not-responsive .form--one-column .form__column {
	padding-left: 0;
}

/* stylelint-disable-next-line selector-max-compound-selectors */
.layout--not-responsive .form__footer > .button {
	min-width: 192px;
	width: auto;
}

/* stylelint-disable-next-line selector-max-compound-selectors */
.layout--not-responsive .form--one-column .form__footer > .button {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.form__column {
		width: 50%;
	}
	[dir=ltr] .form__column {
		padding-right: var(--spacing-06);
	}
	[dir=rtl] .form__column {
		padding-left: var(--spacing-06);
	}

	.form--one-column .form__column {
		width: 100%;
	}

	[dir=ltr] .form--one-column .form__column {
		padding-right: 0;
	}

	[dir=rtl] .form--one-column .form__column {
		padding-left: 0;
	}

	.form__footer > .button {
		min-width: 192px;
		width: auto;
	}

	/* stylelint-disable-next-line selector-max-compound-selectors */
	.form--one-column .form__footer > .button {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.layout:not(.layout--not-responsive) .form__column-legend {
		display: none;
	}
}