.pm-fade-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: transparent;
}

.pm-fade-slider__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition-property: opacity, visibility;
}

.pm-fade-slider__slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.pm-fade-slider__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;
	margin: 0;
	padding: 0;
}

.pm-fade-slider__placeholder {
	padding: 32px;
	border: 1px dashed #c3c4c7;
	text-align: center;
}


.pm-fade-slider__logo {
	position: absolute;
	z-index: 2;
	display: block;
	height: auto !important;
	pointer-events: none;
	--pm-logo-offset-x: 0px;
	--pm-logo-offset-y: 0px;
}

.pm-fade-slider__logo--top-left {
	top: 0;
	left: 0;
	transform: translate(var(--pm-logo-offset-x), var(--pm-logo-offset-y));
}

.pm-fade-slider__logo--top-center {
	top: 0;
	left: 50%;
	transform: translate(calc(-50% + var(--pm-logo-offset-x)), var(--pm-logo-offset-y));
}

.pm-fade-slider__logo--top-right {
	top: 0;
	right: 0;
	transform: translate(calc(-1 * var(--pm-logo-offset-x)), var(--pm-logo-offset-y));
}

.pm-fade-slider__logo--center-left {
	top: 50%;
	left: 0;
	transform: translate(var(--pm-logo-offset-x), calc(-50% + var(--pm-logo-offset-y)));
}

.pm-fade-slider__logo--center-center {
	top: 50%;
	left: 50%;
	transform: translate(
		calc(-50% + var(--pm-logo-offset-x)),
		calc(-50% + var(--pm-logo-offset-y))
	);
}

.pm-fade-slider__logo--center-right {
	top: 50%;
	right: 0;
	transform: translate(calc(-1 * var(--pm-logo-offset-x)), calc(-50% + var(--pm-logo-offset-y)));
}

.pm-fade-slider__logo--bottom-left {
	bottom: 0;
	left: 0;
	transform: translate(var(--pm-logo-offset-x), calc(-1 * var(--pm-logo-offset-y)));
}

.pm-fade-slider__logo--bottom-center {
	bottom: 0;
	left: 50%;
	transform: translate(calc(-50% + var(--pm-logo-offset-x)), calc(-1 * var(--pm-logo-offset-y)));
}

.pm-fade-slider__logo--bottom-right {
	right: 0;
	bottom: 0;
	transform: translate(calc(-1 * var(--pm-logo-offset-x)), calc(-1 * var(--pm-logo-offset-y)));
}