.zeta-float {
	--zeta-float-right: 32px;
	--zeta-float-offset-y: 0px;
	--zeta-float-z-index: 60;
	--zeta-float-duration: 320ms;
	--zeta-float-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--zeta-float-items-gap: 12px;
	--zeta-float-item-width: 96px;
	--zeta-float-item-min-height: 96px;
	--zeta-float-content-gap: 8px;
	--zeta-float-icon-size: 22px;
	--zeta-float-divider-color: rgba(15, 23, 42, 0.12);
	--zeta-float-divider-width: 36px;
	--zeta-float-divider-height: 1px;
	--zeta-float-divider-opacity: 0;
	position: fixed;
	top: calc(50% + var(--zeta-float-offset-y));
	right: var(--zeta-float-right);
	z-index: var(--zeta-float-z-index);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--zeta-float-duration) var(--zeta-float-easing), visibility var(--zeta-float-duration) var(--zeta-float-easing), transform var(--zeta-float-duration) var(--zeta-float-easing);
}

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

.zeta-float[data-animation="slide-up"] {
	transform: translate3d(0, calc(-50% + 18px), 0);
}

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

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

.zeta-float__rail {
	display: flex;
	flex-direction: column;
	gap: var(--zeta-float-items-gap);
	box-sizing: border-box;
}

.zeta-float__item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--zeta-float-content-gap);
	width: var(--zeta-float-item-width);
	min-height: var(--zeta-float-item-min-height);
	padding: 16px 14px;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 22px;
	background: #ffffff;
	color: #0f172a;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	transition: color var(--zeta-float-duration) var(--zeta-float-easing), background-color var(--zeta-float-duration) var(--zeta-float-easing), border-color var(--zeta-float-duration) var(--zeta-float-easing), box-shadow var(--zeta-float-duration) var(--zeta-float-easing), transform var(--zeta-float-duration) var(--zeta-float-easing);
}

.zeta-float__item + .zeta-float__item::before {
	content: "";
	position: absolute;
	top: calc(var(--zeta-float-items-gap) * -0.5);
	left: 50%;
	width: var(--zeta-float-divider-width);
	height: var(--zeta-float-divider-height);
	background-color: var(--zeta-float-divider-color);
	opacity: var(--zeta-float-divider-opacity);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

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

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

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

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

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

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

.zeta-float__title {
	display: block;
	width: 100%;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.02em;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

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

.zeta-float--hover-shift-left .zeta-float__item:hover,
.zeta-float--hover-shift-left .zeta-float__item:focus-visible {
	transform: translate3d(-6px, 0, 0);
}

.zeta-float--hover-icon-pop .zeta-float__item:hover .zeta-float__icon,
.zeta-float--hover-icon-pop .zeta-float__item:focus-visible .zeta-float__icon {
	transform: scale(1.08);
}

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

@media (max-width: 1024px) {
	.zeta-float {
		display: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zeta-float,
	.zeta-float__item,
	.zeta-float__icon {
		transition: none !important;
	}

	.zeta-float--hover-lift .zeta-float__item:hover,
	.zeta-float--hover-lift .zeta-float__item:focus-visible,
	.zeta-float--hover-shift-left .zeta-float__item:hover,
	.zeta-float--hover-shift-left .zeta-float__item:focus-visible,
	.zeta-float--hover-icon-pop .zeta-float__item:hover .zeta-float__icon,
	.zeta-float--hover-icon-pop .zeta-float__item:focus-visible .zeta-float__icon {
		transform: none !important;
	}
}