.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-games .swiper-button-next,
	.swiper-games .swiper-button-prev {
		top: 146px;
		z-index: 100;
		justify-content: flex-end;
		display: block;
		width: 36px;
		height: 36px;
		margin: 0;
	}

	.swiper-games .swiper-button-next::after,
	.swiper-games .swiper-button-prev::after {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 36px;
		height: 36px;
		border-radius: 50%;
		background-color: var(--topbar);
		font-size: 17px;
		color: #ffffff;
		transition: color 0.3s;
	}

	.swiper-games .swiper-button-next:hover::after,
	.swiper-games .swiper-button-prev:hover::after {
		color: var(--accent-2);
	}

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

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

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

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