.mcdc-slider {
	--mcdc-bg: #000;
	--mcdc-fit: cover;
	--mcdc-viewport-offset: 0px;
	--mcdc-transition-speed: 650ms;
	position: relative;
	isolation: isolate;
	width: 100%;
	overflow: hidden;
	background: transparent;
	color: #fff;
	line-height: 1;
	touch-action: pan-y;
}

.mcdc-slider *,
.mcdc-slider *::before,
.mcdc-slider *::after {
	box-sizing: border-box;
}

.mcdc-slider:focus {
	outline: none;
}

.mcdc-slider:focus-visible {
	outline: 3px solid #5aa9ff;
	outline-offset: -3px;
}

.mcdc-slider__viewport {
	position: relative;
	width: 100%;
}

.mcdc-slide {
	display: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.mcdc-slide.is-active {
	display: block;
}

.mcdc-slide__image {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 auto;
	border: 0;
}

.mcdc-slider__controls {
	position: absolute;
	z-index: 5;
	inset: 0;
	pointer-events: none;
}

.mcdc-slider__button {
	position: absolute;
	display: grid;
	width: 56px;
	height: 56px;
	padding: 14px;
	border: 1px solid rgb(255 255 255 / 24%);
	border-radius: 999px;
	background: linear-gradient(145deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 7%));
	color: #fff;
	box-shadow:
		inset 0 1px 0 rgb(255 255 255 / 26%),
		inset 0 -1px 0 rgb(255 255 255 / 6%),
		0 10px 30px rgb(0 0 0 / 24%);
	-webkit-backdrop-filter: blur(18px) saturate(165%);
	backdrop-filter: blur(18px) saturate(165%);
	cursor: pointer;
	pointer-events: auto;
	-webkit-appearance: none;
	appearance: none;
	place-items: center;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.mcdc-slider__button:hover,
.mcdc-slider__button:focus-visible {
	border-color: rgb(255 255 255 / 42%);
	background: linear-gradient(145deg, rgb(255 255 255 / 30%), rgb(255 255 255 / 12%));
	box-shadow:
		inset 0 1px 0 rgb(255 255 255 / 34%),
		0 14px 34px rgb(0 0 0 / 30%);
	transform: scale(1.06);
}

.mcdc-slider__button:focus-visible,
.mcdc-slider__dot:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.mcdc-slider__button svg {
	display: block;
	width: 100%;
	height: 100%;
	fill: none;
}

.mcdc-slider__button--previous,
.mcdc-slider__button--next {
	top: 50%;
	transform: translateY(-50%);
}

.mcdc-slider__button--previous:hover,
.mcdc-slider__button--previous:focus-visible,
.mcdc-slider__button--next:hover,
.mcdc-slider__button--next:focus-visible {
	transform: translateY(-50%) scale(1.05);
}

.mcdc-slider__button--previous {
	left: clamp(18px, 3vw, 48px);
}

.mcdc-slider__button--next {
	right: clamp(18px, 3vw, 48px);
}

.mcdc-slider__dots {
	position: absolute;
	bottom: clamp(20px, 3vw, 34px);
	left: clamp(18px, 4vw, 64px);
	display: flex;
	max-width: calc(100% - 36px);
	gap: 6px;
	justify-content: flex-start;
	pointer-events: auto;
}

.mcdc-slider[data-indicator-position="center"] .mcdc-slider__dots {
	right: auto;
	left: 50%;
	justify-content: center;
	transform: translateX(-50%);
}

.mcdc-slider[data-indicator-position="right"] .mcdc-slider__dots {
	right: clamp(18px, 4vw, 64px);
	left: auto;
	justify-content: flex-end;
	transform: none;
}

.mcdc-slider__dot {
	width: 22px;
	height: 4px;
	flex: 0 0 22px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgb(255 255 255 / 34%);
	box-shadow: 0 1px 8px rgb(0 0 0 / 22%);
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color 180ms ease, box-shadow 180ms ease, flex-basis 220ms ease, width 220ms ease;
}

.mcdc-slider__dot.is-active {
	width: 34px;
	flex-basis: 34px;
	background: #fff;
	box-shadow: 0 1px 10px rgb(0 0 0 / 32%);
}

.mcdc-slider [hidden] {
	display: none !important;
}

.mcdc-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.mcdc-slider-notice {
	padding: 12px 16px;
	border-left: 4px solid #dba617;
	background: #fff8e5;
	color: #1d2327;
}

@keyframes mcdc-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes mcdc-slide-horizontal-in {
	from {
		opacity: 0;
		transform: translateX(8%);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes mcdc-slide-vertical-in {
	from {
		opacity: 0;
		transform: translateY(8%);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes mcdc-zoom-fade-in {
	from {
		opacity: 0;
		transform: scale(1.055);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@media (min-width: 1025px) {
	.mcdc-slider--desktop-full {
		width: 100vw !important;
		max-width: 100vw !important;
		height: calc(100vh - var(--mcdc-viewport-offset));
		height: calc(100dvh - var(--mcdc-viewport-offset));
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
		background: var(--mcdc-bg);
	}

	.mcdc-slider--desktop-full .mcdc-slider__viewport {
		width: 100%;
		height: 100%;
	}

	.mcdc-slider--desktop-full .mcdc-slide {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
			height: 100%;
			visibility: hidden;
			opacity: 0;
			transition: none;
		}

	.mcdc-slider--desktop-full .mcdc-slide.is-active {
		z-index: 1;
		visibility: visible;
			opacity: 1;
		}

		.mcdc-slider--desktop-full[data-transition="fade"] .mcdc-slide {
			transition:
				opacity var(--mcdc-transition-speed) ease,
				visibility var(--mcdc-transition-speed) ease;
		}

		.mcdc-slider--desktop-full[data-transition="slide-horizontal"] .mcdc-slide.is-active {
			animation: mcdc-slide-horizontal-in var(--mcdc-transition-speed) cubic-bezier(.22, .75, .25, 1) both;
		}

		.mcdc-slider--desktop-full[data-transition="slide-vertical"] .mcdc-slide.is-active {
			animation: mcdc-slide-vertical-in var(--mcdc-transition-speed) cubic-bezier(.22, .75, .25, 1) both;
		}

		.mcdc-slider--desktop-full[data-transition="zoom-fade"] .mcdc-slide.is-active {
			animation: mcdc-zoom-fade-in var(--mcdc-transition-speed) ease-out both;
		}

	.mcdc-slider--desktop-full .mcdc-slide__image {
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		object-fit: var(--mcdc-slide-fit, var(--mcdc-fit));
		object-position: var(--mcdc-position-x, 50%) var(--mcdc-position-y, 50%);
		transform: scale(var(--mcdc-slide-scale, 1));
		transform-origin: center;
	}
}

@media (max-width: 1024px) {
	.mcdc-slider[data-transition="fade"] .mcdc-slide.is-active {
		animation: mcdc-fade-in var(--mcdc-transition-speed) ease both;
	}

	.mcdc-slider[data-transition="slide-horizontal"] .mcdc-slide.is-active {
		animation: mcdc-slide-horizontal-in var(--mcdc-transition-speed) cubic-bezier(.22, .75, .25, 1) both;
	}

	.mcdc-slider[data-transition="slide-vertical"] .mcdc-slide.is-active {
		animation: mcdc-slide-vertical-in var(--mcdc-transition-speed) cubic-bezier(.22, .75, .25, 1) both;
	}

	.mcdc-slider[data-transition="zoom-fade"] .mcdc-slide.is-active {
		animation: mcdc-zoom-fade-in var(--mcdc-transition-speed) ease-out both;
	}

	.mcdc-slider__button {
		width: 46px;
		height: 46px;
		padding: 11px;
	}

	.mcdc-slider__button--previous {
		left: 12px;
	}

	.mcdc-slider__button--next {
		right: 12px;
	}

	.mcdc-slider__dots {
		bottom: 16px;
		left: 14px;
		max-width: calc(100% - 28px);
		gap: 5px;
	}

	.mcdc-slider[data-indicator-position="right"] .mcdc-slider__dots {
		right: 14px;
	}

	.mcdc-slider__dot {
		width: 18px;
		height: 3px;
		flex-basis: 18px;
	}

	.mcdc-slider__dot.is-active {
		width: 28px;
		flex-basis: 28px;
	}
}

@media (max-width: 768px) {
	.mcdc-slider--desktop-full {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
	}

	.mcdc-slider--desktop-full .mcdc-slide__image {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-position: center !important;
		transform: none !important;
	}

	.mcdc-slider__button {
		width: 28px;
		height: 28px;
		padding: 6px;
	}

	.mcdc-slider__button--previous {
		left: 8px;
	}

	.mcdc-slider__button--next {
		right: 8px;
	}

	.mcdc-slider__dots {
		bottom: 12px;
		left: 10px;
		max-width: calc(100% - 20px);
	}

	.mcdc-slider[data-indicator-position="right"] .mcdc-slider__dots {
		right: 10px;
	}

	.mcdc-slider__dot {
		width: 16px;
		flex-basis: 16px;
	}

	.mcdc-slider__dot.is-active {
		width: 24px;
		flex-basis: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mcdc-slider *,
	.mcdc-slider *::before,
	.mcdc-slider *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}
