.zeta-scrolltotop {
	--zeta-scrolltotop-right: 32px;
	--zeta-scrolltotop-bottom: 32px;
	--zeta-scrolltotop-z-index: 70;
	--zeta-scrolltotop-duration: 320ms;
	--zeta-scrolltotop-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--zeta-scrolltotop-min-width: 60px;
	--zeta-scrolltotop-min-height: 60px;
	--zeta-scrolltotop-gap: 6px;
	--zeta-scrolltotop-icon-size: 18px;
	position: fixed;
	right: var(--zeta-scrolltotop-right);
	bottom: var(--zeta-scrolltotop-bottom);
	z-index: var(--zeta-scrolltotop-z-index);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), visibility var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), transform var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing);
}

.zeta-scrolltotop[data-animation="slide-up"] {
	transform: translate3d(0, 18px, 0);
}

.zeta-scrolltotop[data-animation="slide-left"] {
	transform: translate3d(18px, 0, 0);
}

.zeta-scrolltotop[data-animation="scale"] {
	transform: scale(0.92);
	transform-origin: bottom right;
}

.zeta-scrolltotop[data-animation="fade"],
.zeta-scrolltotop[data-animation="none"] {
	transform: translate3d(0, 0, 0);
}

.zeta-scrolltotop.is-visible,
.zeta-scrolltotop[data-is-editor="yes"] {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0) scale(1);
}

.zeta-scrolltotop__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--zeta-scrolltotop-gap);
	min-width: var(--zeta-scrolltotop-min-width);
	min-height: var(--zeta-scrolltotop-min-height);
	padding: 16px 18px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #111827;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	transition: color var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), background-color var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), border-color var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), box-shadow var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing), transform var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing);
}

.zeta-scrolltotop__button.has-label {
	flex-direction: column;
	text-align: center;
}

.zeta-scrolltotop__button:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.zeta-scrolltotop__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit !important;
	line-height: 1;
	transition: transform var(--zeta-scrolltotop-duration) var(--zeta-scrolltotop-easing);
}

.zeta-scrolltotop__icon svg,
.zeta-scrolltotop__icon i {
	width: var(--zeta-scrolltotop-icon-size);
	height: var(--zeta-scrolltotop-icon-size);
	font-size: var(--zeta-scrolltotop-icon-size);
}

.zeta-scrolltotop__icon svg,
.zeta-scrolltotop__icon svg *,
.zeta-scrolltotop__icon i {
	color: inherit !important;
}

.zeta-scrolltotop__icon svg [fill]:not([fill="none"]) {
	fill: currentColor !important;
}

.zeta-scrolltotop__icon svg [stroke] {
	stroke: currentColor !important;
}

.zeta-scrolltotop__label {
	display: block;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.zeta-scrolltotop--hover-lift .zeta-scrolltotop__button:hover,
.zeta-scrolltotop--hover-lift .zeta-scrolltotop__button:focus-visible {
	transform: translate3d(0, -4px, 0);
}

.zeta-scrolltotop--hover-icon-pop .zeta-scrolltotop__button:hover .zeta-scrolltotop__icon,
.zeta-scrolltotop--hover-icon-pop .zeta-scrolltotop__button:focus-visible .zeta-scrolltotop__icon {
	transform: scale(1.08);
}

.zeta-scrolltotop--hover-nudge-up .zeta-scrolltotop__button:hover .zeta-scrolltotop__icon,
.zeta-scrolltotop--hover-nudge-up .zeta-scrolltotop__button:focus-visible .zeta-scrolltotop__icon {
	transform: translate3d(0, -3px, 0);
}

.zeta-scrolltotop__empty {
	padding: 16px 18px;
	border: 1px dashed rgba(15, 23, 42, 0.16);
	color: rgba(15, 23, 42, 0.62);
}

@media (prefers-reduced-motion: reduce) {
	.zeta-scrolltotop,
	.zeta-scrolltotop__button,
	.zeta-scrolltotop__icon {
		transition: none !important;
	}

	.zeta-scrolltotop--hover-lift .zeta-scrolltotop__button:hover,
	.zeta-scrolltotop--hover-lift .zeta-scrolltotop__button:focus-visible,
	.zeta-scrolltotop--hover-icon-pop .zeta-scrolltotop__button:hover .zeta-scrolltotop__icon,
	.zeta-scrolltotop--hover-icon-pop .zeta-scrolltotop__button:focus-visible .zeta-scrolltotop__icon,
	.zeta-scrolltotop--hover-nudge-up .zeta-scrolltotop__button:hover .zeta-scrolltotop__icon,
	.zeta-scrolltotop--hover-nudge-up .zeta-scrolltotop__button:focus-visible .zeta-scrolltotop__icon {
		transform: none !important;
	}
}
