/* Adjust mask gradient for responsiveness */
.CareerOffersSection_maskedContainer__jheb3 {
	mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
}

@media (min-width: 768px) {
	.CareerOffersSection_maskedContainer__jheb3 {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
	}
}

@media (min-width: 1024px) {
	.CareerOffersSection_maskedContainer__jheb3 {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
	}
}

@keyframes CareerOffersSection_scrollLeft__KUeCC {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* Slightly slower on small screens */
.CareerOffersSection_scrolledSlow__Ak9PR {
	animation: CareerOffersSection_scrollLeft__KUeCC 80s linear infinite;
}

.CareerOffersSection_scrollLeft__KUeCC {
	animation: CareerOffersSection_scrollLeft__KUeCC 60s linear infinite;
}

/* Adjust mask gradient for responsiveness */
.EmployerBrandingCarousel_maskedContainer__EBgvQ {
	mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
}

@media (min-width: 768px) {
	.EmployerBrandingCarousel_maskedContainer__EBgvQ {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
	}
}

@media (min-width: 1024px) {
	.EmployerBrandingCarousel_maskedContainer__EBgvQ {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
	}
}

@keyframes EmployerBrandingCarousel_scrollLeft__IKIcV {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.EmployerBrandingCarousel_scrolling__zUUKN {
	animation: EmployerBrandingCarousel_scrollLeft__IKIcV 60s linear infinite;
}

.EmployerBrandingCarousel_paused__sX3aY {
	animation-play-state: paused;
}

/* Adjust mask gradient for responsiveness */
.RecruiterPartnerCarousel_maskedContainer__0Pdnk {
	mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0,
		black 40px,
		black calc(100% - 40px),
		transparent 100%
	);
}

@media (min-width: 768px) {
	.RecruiterPartnerCarousel_maskedContainer__0Pdnk {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 80px,
			black calc(100% - 80px),
			transparent 100%
		);
	}
}

@media (min-width: 1024px) {
	.RecruiterPartnerCarousel_maskedContainer__0Pdnk {
		mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0,
			black 100px,
			black calc(100% - 100px),
			transparent 100%
		);
	}
}

@keyframes RecruiterPartnerCarousel_scrollLeft__lLnBT {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@keyframes RecruiterPartnerCarousel_scrollRight__vfHfs {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(0);
	}
}

.RecruiterPartnerCarousel_scrollLeft__lLnBT {
	animation: RecruiterPartnerCarousel_scrollLeft__lLnBT 40s linear infinite;
}

.RecruiterPartnerCarousel_scrollRight__vfHfs {
	animation: RecruiterPartnerCarousel_scrollRight__vfHfs 40s linear infinite;
}