.sffe-sticky-footer {
	--sffe-fixed-left: 0px;
	--sffe-fixed-width: 100%;
	--sffe-panel-height: 0px;
	--sffe-reveal-inset: 100%;
	--sffe-translate-y: 100%;
	position: relative;
	display: block;
}

.sffe-sticky-footer__panel,
.sffe-sticky-footer__inner {
	box-sizing: border-box;
}

.sffe-sticky-footer__panel {
	position: relative;
	width: 100%;
}

.sffe-sticky-footer__inner {
	width: 100%;
}

.sffe-sticky-footer__spacer {
	display: none;
	width: 100%;
	height: var(--sffe-panel-height);
	pointer-events: none;
}

.sffe-sticky-footer--js:not(.sffe-sticky-footer--editor) .sffe-sticky-footer__spacer {
	display: block;
}

.sffe-sticky-footer--js:not(.sffe-sticky-footer--editor) .sffe-sticky-footer__panel {
	visibility: hidden;
	pointer-events: none;
}

.sffe-sticky-footer--ready:not(.sffe-sticky-footer--editor) .sffe-sticky-footer__panel {
	position: fixed;
	left: var(--sffe-fixed-left);
	width: var(--sffe-fixed-width);
	bottom: 0;
	visibility: visible;
	clip-path: inset(var(--sffe-reveal-inset) 0 0 0);
	-webkit-clip-path: inset(var(--sffe-reveal-inset) 0 0 0);
	transform: translate3d(0, 0, 0);
	will-change: clip-path;
}

.sffe-sticky-footer--editor .sffe-sticky-footer__panel {
	position: relative;
	left: auto;
	width: 100%;
	bottom: auto;
	visibility: visible;
	clip-path: none;
	-webkit-clip-path: none;
	transform: none;
}

.sffe-sticky-footer__empty {
	padding: 20px;
	border: 1px dashed #c3c7d0;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.5;
}

@supports not (clip-path: inset(100% 0 0 0)) {
	.sffe-sticky-footer--ready:not(.sffe-sticky-footer--editor) .sffe-sticky-footer__panel {
		clip-path: none;
		-webkit-clip-path: none;
		transform: translate3d(0, var(--sffe-translate-y), 0);
		will-change: transform;
	}
}