.embla {
	margin: auto;
}
/* .embla__viewport {
	overflow: hidden;
} */
.embla__container {
	display: flex;
	touch-action: pan-y pinch-zoom;
	gap: var(--slide-spacing, var(--wp--preset--spacing--50));
}
.embla__slide {
	transform: translate3d(0, 0, 0);
	flex: 0 0 var(--slide-size);
	min-width: 0;
	max-width: calc(100vw - 2 * var(--slide-spacing));
}
.embla__slide__number {
	box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
	border-radius: 1.8rem;
	font-size: 4rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--slide-height);
	user-select: none;
}
.embla__controls {
}
.embla__dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--wp--preset--spacing--10);
	margin: var(--wp--preset--spacing--50) auto 0;
}
.embla__dot {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	touch-action: manipulation;
	display: inline-flex;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	width: var(--wp--preset--spacing--50);
	height: var(--wp--preset--spacing--50);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.embla__dot:after {
	background-color: var(--wp--preset--color--neutral-bg-dark);
	width: var(--wp--preset--spacing--30);
	height: var(--wp--preset--spacing--30);
	border-radius: 50%;
	display: flex;
	align-items: center;
	content: "";
}
.embla__dot.embla__dot--selected:after {
	background-color: var(--wp--preset--color--primary);
}