.main-slider-container {
	position: relative;
	width: calc(100% - 32px);
	margin: 16px 16px 0;

	.swiper-slider {
		border-radius: 28px;
		overflow: hidden;
	}

	@include desktop {
		align-self: center;
		max-width: $width-desktop;
		margin: 10px 16px 0;
	}
}

.main-slider-item {
}

.main-slider-item__img {
	display: block;
	width: 100%;
	pointer-events: none;
}

.main-slider-item__img--mobile {
	@include desktop {
		display: none;
	}
}

.main-slider-item__img--desktop {
	@include mobile {
		display: none;
	}
}

.main-slider-pagination {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	gap: 4px;
	bottom: 10px !important;

	@include desktop {
		gap: 10px;
		bottom: 20px !important;
	}

	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		margin: 0 !important;
		background-color: rgba(black, 0.1);
		border: 1px solid rgba(white, 0.3);
		box-sizing: border-box;
		opacity: 1;

		@include desktop {
			width: 12px;
			height: 12px;
		}

		&-active {
			background-color: $color-green;
			border-color: $color-white;
		}
	}
}