.prizes-card-deck-section {
	position: relative;
}

.prizes-card-deck-section-mobile-background {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.prizes-card-deck-section-desktop-background {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.prizes-card-deck-content-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 30px;
}

.prizes-card-deck-text-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 20px;
	max-width: 670px;
	align-self: center;
}

.swiper.pcd-swiper {
	width: 100%;
	max-width: 328px;
}

.pcd-swiper .swiper-slide {
	height: auto;
}

.pcd-swiper-dots {
	display: flex;
	width: fit-content;
	justify-content: center;
	align-items: flex-end;
}

.pcd-swiper-nav {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

.swiper-button-prev.pcd-prev-button,
.swiper-button-next.pcd-next-button {
	position: absolute;
	height: 24px;
	top: auto;
	bottom: -100%;
}

.swiper-button-disabled .swiper-pagination-prizes-card-deck-navigation-button path {
	fill: var(--neutral-4, #8D8E92);
}

.swiper-button-prev.pcd-prev-button:after,
.swiper-button-next.pcd-next-button:after {
	content: '';
}

.pcd-swiper-dots.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
	background-color: var(--neutral-6, #2F3032);
	opacity: 1;
	width: 12px;
	height: 12px;
}

.pcd-swiper-dots.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--highlight-cyber-green, #8BE000);
}

@media (min-width: 567px) {
	.prizes-card-deck-section {
		overflow: hidden;
	}

	.prizes-card-deck-section-mobile-background {
		display: none;
	}

	.prizes-card-deck-section-desktop-background {
		display: block;
	}

	.prizes-card-deck-content-container {
		gap: 40px;
	}

	.prizes-card-deck-text-container {
		text-align: center;
	}

	.swiper.pcd-swiper {
		overflow: visible;
	}
}

@media (min-width: 768px) {
	.swiper.pcd-swiper {
		max-width: 830px;
		clip-path: inset(-1px -100% -1px -1px);
	}

	.pcd-swiper .swiper-slide {
		width: 250px !important;
	}

	.pcd-swiper-nav {
		width: 100%;
		max-width: 830px;
		margin: 0 auto;
	}]
}