.auth {
	@include flex;
	height: 100vh;

	&__slider {
		width: 50%;

		&__container {
			height: 100vh;
			background-color: var(--light-color);
		}

		&__slide {
			@include flex;
			justify-content: center;
			text-align: center;

			h2 {
				font-weight: 500;
				font-size: 2rem;
				margin-bottom: 10px;
			}
		}
	}

	&__form {
		width: 50%;
		padding: 50px 5%;
		margin: 0 auto;
		max-width: 800px;
	}
}

.swiper-pagination-bullet {
	transition: .3s ease width;
}

.swiper-pagination-bullet-active {
	background-color: var(--background-color);
	width: 25px;
	border-radius: 20px;
	height: 500px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 50px;
}

.swiper-pagination-bullet-active {
	background-color: #000 !important;
}