.zsl-switcher {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.zsl-switcher__link {
	color: #44515c;
	text-decoration: none;
	transition: color 160ms ease, opacity 160ms ease;
}

.zsl-switcher__link:hover,
.zsl-switcher__link:focus-visible {
	color: #e76f2e;
}

.zsl-switcher__link.is-active {
	color: #e76f2e;
	pointer-events: none;
}

.zsl-switcher__separator {
	color: #a0a9b1;
	font-weight: 400;
}

.zsl-floating-switcher {
	position: fixed;
	right: 18px;
	bottom: 18px;
	z-index: 9990;
	padding: 11px 14px;
	border: 1px solid rgba(18, 41, 57, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 8px 28px rgba(18, 41, 57, 0.16);
	backdrop-filter: blur(8px);
}

.zsl-translation-provider {
	position: fixed;
	right: 18px;
	bottom: 70px;
	z-index: 9989;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	padding: 8px 10px;
	border: 1px solid rgba(18, 41, 57, 0.12);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 8px 28px rgba(18, 41, 57, 0.12);
}

.zsl-translation-provider__note {
	color: #6b7680;
	font-size: 10px;
	line-height: 1.2;
}

.zsl-translation-provider .goog-te-gadget {
	font-size: 0;
}

.zsl-translation-provider .goog-te-gadget-simple {
	border: 0;
	background: transparent;
}

@media (max-width: 600px) {
	.zsl-floating-switcher {
		right: 12px;
		bottom: max(12px, env(safe-area-inset-bottom));
	}

	.zsl-translation-provider {
		right: 12px;
		bottom: max(64px, calc(env(safe-area-inset-bottom) + 52px));
	}
}

@media print {
	.zsl-floating-switcher {
		display: none !important;
	}

	.zsl-translation-provider {
		display: none !important;
	}
}