@import '@resources/index.css';

.supt-prices-modal {
	@extend %grid;

	padding-top: 0 !important;
	padding-bottom: 200px !important;

	width: 100%;
	max-width: 1276px;
	row-gap: 24px;

	background-color: transparent !important;

	&__form {
		@mixin clamp gap, 40, 64, $xxs-breakpoint, $lg-breakpoint;

		grid-column: span 12;
		width: 100%;
		max-width: unset;
		display: flex;
		flex-direction: column;

		@media screen and (min-width: $sm-breakpoint) {
			grid-column: span 7;
		}

		.supt-form__footer {
			@mixin clamp margin-top, 16, 32, $xxs-breakpoint, $lg-breakpoint;
		}
	}
}