/**
 * هندسهٔ اسلاید + transition برای جابه‌جایی نرم؛ کلاس --instant برای پرش بدون انیمیشن.
 */

.iddd-pay-slider {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.iddd-pay-slider *,
.iddd-pay-slider *::before,
.iddd-pay-slider *::after {
	box-sizing: inherit;
}

.iddd-pay-slider__viewport {
	width: 100%;
	overflow: hidden;
}

.iddd-pay-slider__track {
	display: flex;
	width: calc(var(--iddd-slide-count, 1) * 100%);
	transition: transform 0.48s cubic-bezier(0.25, 0.1, 0.32, 1);
	will-change: transform;
}

.iddd-pay-slider__track.iddd-pay-slider__track--instant {
	transition: none;
}

.iddd-pay-slider__slide {
	flex: 0 0 calc(100% / var(--iddd-slide-count, 1));
	min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
	.iddd-pay-slider__track {
		transition: none;
	}
}