.swiper {
	--swiper-pagination-bottom: 0;
	--swiper-pagination-bullet-inactive-color: var(--stroke);
	--swiper-pagination-color: var(--accent-2);
}

.swiper .swiper-pagination {
	font-size: 0;
}

.swiper .swiper-pagination-bullet {
	opacity: 1;
}

.swiper .swiper-button-disabled,
.swiper-games .swiper-button-disabled,
.swiper-games .swiper-button-next,
.swiper-games .swiper-button-prev {
	display: none;
}

.swiper-footer-slider {
	--swiper-pagination-bullet-horizontal-gap: 8px;
}

.swiper-footer-slider .swiper-wrapper {
	margin-bottom: 12px;
	align-items: center;
}

.swiper-footer-slider .swiper-pagination {
	position: static;
}

.swiper-footer-slider .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) var(--swiper-pagination-bullet-horizontal-gap, 4px);
}


@media screen and (min-width: 1280px) {
	.swiper .swiper-pagination-bullet {
		transition: background-color 0.3s;

		&:hover {
			background-color: var(--accent-2);
		}
	}

	.swiper-footer-slider .swiper-wrapper {
		margin-bottom: 16px;
	}

	.swiper-games:hover .swiper-button-next,
	.swiper-games:hover .swiper-button-prev {
		opacity: 1;
	}

	.swiper-games .swiper-button-next,
	.swiper-games .swiper-button-prev {
		top: 148px;
		z-index: 100;
		display: block;
		width: 48px;
		height: 48px;
		margin: 0;
		opacity: 0;
		transition: opacity 0.3s ease;
	}

	.swiper-games .swiper-button-next::after,
	.swiper-games .swiper-button-prev::after {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 48px;
		height: 48px;
		border-radius: 24px;
		background-color: var(--accent-1);
		font-size: 19px;
		font-weight: 700;
		color: var(--title);
		transition: color 0.3s;
	}

	.swiper-games .swiper-button-prev {
		left: 8px;
		transform: scaleX(-1);
	}

	.swiper-games .swiper-button-prev::after {
		transform: rotate(180deg);
	}

	.swiper-games .swiper-button-next {
		right: 8px;
	}

	.swiper-games .swiper-button-disabled {
		display: none;
	}
}