@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xl, 32px);

	margin: 24px auto;
	width: 566px;

	@media (max-width: $screen-m) {
		width: 474px;
	}

	@media (max-width: $screen-s) {
		width: 100%;
		padding: var(--spacing-md, 16px);
	}

	.radioboxes {
		display: flex;
		flex-direction: column;
		gap: var(--Radius-lg, 16px);
	}

	.form {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-xl, 32px);

		.buttons-container {
			display: flex;
			gap: var(--spacing-md, 16px);
		}
	}
}