:root {
	--eureka-zadarma-bottom: 32px;
	--eureka-zadarma-right: 28px;
	--eureka-zadarma-size: 62px;
	--eureka-zadarma-bg: #111214;
	--eureka-zadarma-text: #f7f1e8;
	--eureka-zadarma-gold: #d6aa4b;
	--eureka-zadarma-gold-soft: #f2d48a;
	--eureka-zadarma-muted: #a7a39b;
}

.eureka-zadarma-widget {
	position: fixed;
	right: var(--eureka-zadarma-right);
	bottom: var(--eureka-zadarma-bottom);
	z-index: 750;
	display: none;
	align-items: center;
	justify-content: center;
	width: var(--eureka-zadarma-size);
	min-height: var(--eureka-zadarma-size);
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	pointer-events: auto;
}

.eureka-zadarma-widget.is-visible {
	display: flex;
}

.eureka-zadarma-widget__scripts {
	display: none;
}

.eureka-zadarma-widget__mount {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: var(--eureka-zadarma-size);
	min-height: var(--eureka-zadarma-size);
}

.eureka-zadarma-widget__fallback {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: var(--eureka-zadarma-size);
	height: var(--eureka-zadarma-size);
	padding: 8px;
	border: 1px solid var(--eureka-zadarma-gold);
	border-radius: 999px;
	background:
		linear-gradient(145deg, rgba(214, 170, 75, 0.18), rgba(17, 18, 20, 0) 42%),
		var(--eureka-zadarma-bg);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(247, 241, 232, 0.04) inset;
	color: var(--eureka-zadarma-text);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.08;
	text-align: center;
	text-decoration: none;
	transition: background-color 160ms cubic-bezier(0.22, 1, 0.36, 1), border-color 160ms cubic-bezier(0.22, 1, 0.36, 1), color 160ms cubic-bezier(0.22, 1, 0.36, 1), transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.eureka-zadarma-widget__fallback::before {
	content: "";
	display: block;
	width: 17px;
	height: 17px;
	margin-bottom: 2px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.13.96.35 1.9.67 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.32 1.85.54 2.81.67A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.06 2h3a2 2 0 0 1 2 1.72c.13.96.35 1.9.67 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.32 1.85.54 2.81.67A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.eureka-zadarma-widget__fallback:hover,
.eureka-zadarma-widget__fallback:focus-visible {
	border-color: var(--eureka-zadarma-gold);
	background: var(--eureka-zadarma-gold);
	color: #070707;
	outline: none;
	transform: translateY(-2px);
}

.eureka-zadarma-widget__fallback:focus-visible {
	box-shadow: 0 0 0 3px rgba(214, 170, 75, 0.32), 0 18px 36px rgba(0, 0, 0, 0.38);
}

.eureka-zadarma-widget__fallback-number {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.eureka-zadarma-widget.is-zadarma-ready .eureka-zadarma-widget__fallback {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.eureka-zadarma-widget :is(a, button, input, textarea, select) {
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}

@media (max-width: 1023px) {
	.eureka-zadarma-widget,
	.eureka-zadarma-widget.is-visible {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eureka-zadarma-widget *,
	.eureka-zadarma-widget *::before,
	.eureka-zadarma-widget *::after {
		scroll-behavior: auto;
		transition-duration: 1ms;
		animation-duration: 1ms;
		animation-iteration-count: 1;
	}

	.eureka-zadarma-widget__fallback:hover,
	.eureka-zadarma-widget__fallback:focus-visible {
		transform: none;
	}
}

