/* HEADER */
:root {
	--brand-bg: #2b3f8f;
	/* тёмно‑синий фон */
	--brand-bg-hover: #1f2f6a;
	--brand-accent: #1E3685;
	/* кнопки */
	--c-white: #ffffff;
	--c-white-dim: rgba(255, 255, 255, .92);
	--c-text: #17181A;
	--c-text-60: #17181A99;
	--c-text-30: #17181A4D;
	--c-text-50: #17181A80;
	--c-text-80: #17181ACC;
	--c-primary: #304FB7;
	--hover-light: #E3E9FF;
	--hover-dark: #2D48A1;
	--line: #E9EAF0;
	--divider: rgba(23, 24, 26, .08);
	--chev: #9aa3b2;
	--c-gray-50: #F0F3FF;
	--shadow-1: 0 2px 12px rgba(0, 0, 0, .08);
	--radius-sm: 6px;
	--radius-md: 12px;
	--container-max: 1728px;
	--gap-lg: 20px;
	--c-gray-100: #F2F3F7;
	--muted: #17181A80;
	--border: #17181A29;
	--font: "Golos", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

	--gap-xl: 48px;
	--gap-lg: 32px;
	--gap-md: 24px;
	--gap-sm: 16px;
}

.icon-text {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.icon-text__icon {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-right: .5rem;
}

.play-text-button .icon-text {
	padding: 10px;
	background-color: var(--brand-accent);
	font-size: 12px;
	font-weight: 500;
	color: var(--c-white);
	outline: none;
	border: none;
	border-radius: 6px;
}

.play-text-button:hover .icon-text,
.play-text-button:focus .icon-text {
	background-color: var(--hover-dark)
}

.vision-version .play-text-button {
	font-size: .875rem;
}

.play-text-button .icon-text__icon {
	margin-right: 8px;
}

.vision-theme-black-white .play-text-button {
	color: #fff !important;
	background-color: #000 !important;
}

.vision-theme-white-black .play-text-button {
	color: #000 !important;
	background-color: #fff !important;
}

.vision-theme-blue-white .play-text-button {
	color: #9dd2ff !important;
	background-color: #063462 !important;
}