/* Переменные */

:root {
	--accent-color: #5078fc;
	--hover-accent-color: #7d9bfb;
	--light-code-color: #5a73c5;
	--dark-code-color: #95aaef;
	--light-bg-color: #fff;
	--light-text-color: #3c3e46;
	--light-h-color: #2e2e32;
	--light-border-color: #e4e4e4;
	--dark-bg-color: #171923;
	--dark-text-color: #b5b5bd;
	--dark-border-color: #292b34;
	--mark-bg-color: hsla(50, 100%, 50%, 0.54);
	--mark-dark-bg-color: #4d3f0d;
}

/* Общее */

body {
	position: relative;
	font-family: "Manrope", sans-serif;
	box-sizing: border-box;
	margin: 0;
	color: var(--light-text-color);
	transition: 0.3s, margin-left 0s;
	letter-spacing: 0.02em;
}

pre,
code,
kbd,
tt {
	white-space: pre-wrap;
	overflow-wrap: break-word;
	word-break: break-word;
}

p {
	line-height: 150%;
	margin: 1rem 0;
}

p a {
	word-break: break-word;
	color: var(--accent-color);
}

p a:hover {
	color: var(--hover-accent-color);
}

p code {
	word-break: keep-all;
}

pre {
	font-family: 'IBM Plex Mono', monospace;
}

a {
	text-decoration: none;
	transition: .15s;
}

button {
	background: transparent;
	border: none;
	padding: 0;
}

@media (max-width: 740px) {
	p code {
		display: inline;
		word-break: break-word;
	}
}


/*Поиск*/

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	margin: 0;
	padding: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	display: flex;
	height: 100%;
	justify-content: center;
	pointer-events: none;
}


.modal-overflow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: transparent;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
	width: 100%;
	max-width: 700px;
	margin: auto;
	min-height: 250px;
	pointer-events: all;
	margin-top: 0px;
	max-height: 80vh;
}


@media (max-width: 740px) {
	.modal-body {
		border-radius: .625rem;
	}
}

.close {
	position: absolute;
	font-family: sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: var(--light-bg-color);
	text-decoration: none;
	top: 40px;
	right: 40px;
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .75;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 2rem;
	overflow: auto;
	border-radius: 1.25rem;
	background: var(--light-bg-color);
}

@media (min-width: 1000px) {
	.modal-body {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
}

.search-input-wrapper {
	position: relative;
}

.search-inp {
	display: block;
	font-size: 1rem;
	border: none;
	border-bottom: 1px solid var(--light-border-color);
	width: 100%;
	padding: 0;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	padding-left: 27px;
	letter-spacing: 0.02em;
	font-family: "Manrope";
}

.search-inp:focus {
	outline: none;
	border-color: var(--accent-color);
}

.modal-search-icon {
	position: absolute;
	left: 0;
	top: 1px;
}

div#overflow-count {
	display: inline-block;
	margin-bottom: 1rem;
	opacity: 0.7;
}

div#result-list {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

#result-list a {
	color: var(--light-text-color);
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid var(--light-border-color);
	padding-bottom: .75rem;
	transition: 0.3s;
}

#result-list>a>span:first-child {
	font-weight: 600;
}

#result-list>a>span:nth-child(2) {
	color: var(--accent-color)
}

#result-list a:hover {
	padding-left: 0.5rem;
}

.modal-btn-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

#search-more {
	font-family: "Manrope", serif-sans;
	display: inline-block;
	padding: 0.5em 1.5em;
	background: var(--accent-color);
	color: var(--light-bg-color);
	font-weight: 600;
	text-decoration: none;
	border-radius: 9px;
	font-size: 1rem;
	transition: 0.3s;
}

#search-more:hover {
	box-shadow: 0 0 0 2px var(--accent-color);
	background: transparent;
	color: var(--accent-color);
	cursor: pointer;
}

@media (max-width: 1400px) {
	.modal-content {
		margin-left: 325px;
		padding-right: 2.5rem;

	}
}

@media (max-width: 1000px) {
	.modal-content {
		margin: unset;
		padding: 0 2.5rem;
		max-width: unset;
		width: 100%;
		margin-top: 86px;
	}

	.modal-body {
		padding: 1.5rem;
	}
}

@media (max-width: 740px) {
	.modal-body {
		padding: 1.5rem 1rem;
	}

	.modal-content {
		max-width: calc(100% - 2rem);
		max-height: 70vh;
		overflow: auto;
		padding: 0;
	}

	.close {
		top: 1rem;
		right: 2rem;
	}

	div#overflow-count {
		font-size: 0.825rem;
	}
}

@media (max-width: 400px) {
	.modal-content {
		margin-top: 70px;
	}
}

/* Ширина контейнера */

.header,
.main {
	max-width: 1272px;
	margin: 0 auto;
}

@media (max-width: 1400px) {

	.header,
	.main {
		max-width: calc(100% - 5rem);
		margin: 0 auto;
	}
}

@media (max-width: 1000px) {
	.main {
		max-width: unset
	}

	.header {
		max-width: unset;
		padding-left: calc((100% - (100% - 8rem)) / 2);
		padding-right: calc((100% - (100% - 8rem)) / 2);
	}

	.article {
		max-width: calc(100% - 8rem);
		margin: 0 auto;
		padding-top: 3.5rem;
	}
}

@media (max-width: 740px) {
	.header {
		padding-left: calc((100% - (100% - 4rem)) / 2);
		padding-right: calc((100% - (100% - 4rem)) / 2);
	}

	.article {
		max-width: calc(100% - 4rem);
		padding-top: 2.5rem;
	}
}


/* Заголовки */

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: var(--light-h-color);
	line-height: 120%;
}

h1 a,
h2 a,
h3 a {
	font-weight: 800;
	letter-spacing: normal;
	position: relative;
}

h2 a {
	padding-left: 2.3rem;
}


h1 {
	margin-top: 0;
	font-size: 2rem;
	margin-bottom: 0.8125em;
	line-height: 120%;
}

h2 {
	margin: 1.75rem 0 1.5rem;
	font-size: 1.625rem;
}

h3 {
	font-size: 1.375rem;
	margin: 1.75rem 0 1.25rem;
}

h4 {
	font-size: 1.25rem;
	margin: 1.75rem 0 1.25rem;
	font-weight: 600;
}

h5 {
	font-size: 1.125rem;
	margin: 2em 0 0.75rem;
	font-weight: 600;
}

h6 {
	font-size: 1.075rem;
	margin: 2em 0 0.75rem;
	font-weight: 700;
}

h2 a:first-child:before {
	content: '';
	position: absolute;
	top: 0.3rem;
	left: 0;
	height: 1.5rem;
	width: 1.8rem;
	margin: auto 0;
	background: url('/webdocs/assets/images/anchor.svg');
	background-size: cover;
}

h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code,
.title code {
	display: inline-block;
	background: #F5F7FC;
	padding: 0.3rem 0.5rem;
	color: var(--light-code-color);
	margin-left: 0.2rem;
	border-radius: 0.25rem;
}


article .title,
.attribution {
	font-size: 1rem;
	line-height: 120%;
	font-weight: 600;
	margin: 1.5rem 0 1rem;
}

a.link:hover,
h1:hover a {
	color: var(--accent-color) !important;
}

@media (max-width: 740px) {
	h1 {
		font-size: 1.75rem;
	}

	h2 {
		font-size: 1.5rem;
	}
}

@media (max-width: 740px) {
	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.375rem;
	}

	h3 {
		font-size: 1.3rem;
	}
}


/* Шапка */
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--light-border-color);
	transition: 0.3s;
	position: relative;
}

.search-wrap {
	flex-grow: 1;
	display: flex;
	padding-left: 2.5rem;
}


.divider {
	width: 1px;
	height: 100%;
	background: var(--light-border-color);
	position: absolute;
	top: 0;
	left: 17.3125rem;
	transition: 0.3s;
}

.search {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: #777787 !important;
	cursor: pointer;
}

.search:hover {
	color: var(--light-text-color) !important;
}

.search-icon {
	width: 1.125rem;
	padding-top: 2px;
}

.burger {
	display: none;
}

.donwload {
	display: inline-block;
	padding: 0.5em 1.5em;
	background: var(--accent-color);
	color: var(--light-bg-color);
	font-weight: 600;
	text-decoration: none;
	border-radius: 9px;
	font-size: 1rem;
	transition: 0.3s;
}


.donwload:hover {
	box-shadow: 0 0 0 2px var(--accent-color);
	background: transparent;
	color: var(--accent-color);
}

a.logo-link {
	line-height: 0;
}

.menu-btns {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.theme-btns {
	cursor: pointer;
}

.theme-btns:hover span {
	color: var(--accent-color);
}

.theme-btns {
	height: 2.375rem;
	display: flex;
	align-items: center;
	gap: 0.375rem;
	box-sizing: border-box;
	border-radius: 9px;
	box-shadow: inset 0 0 0 1px var(--light-border-color);
	position: relative;
	padding: 0.125rem;
	padding-right: 0.375rem;
	transition: 0.3s;
}

.light-theme,
.dark-theme {
	height: 1.5rem;
	cursor: pointer;
	position: relative;
	width: 1.5rem;
}

.theme-btns svg {
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.logo-figure__dark,
.dark-theme {
	display: none;
}

.theme-icons {
	background: var(--accent-color);
	height: 100%;
	border-radius: 7px;
	display: flex;
	align-items: center;
	padding: 0.3125rem;
	box-sizing: border-box;
	transition: 0.3s;
}

.theme-text {
	font-size: 12px;
	line-height: 90%;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	transition: 0.3s;
	padding-top: 0.125rem;
}

.logo-link {
	width: 17.375rem;
	min-width: 17.375rem;
}

@media (max-width: 1000px) {
	.search-wrap {
		order: 2;
		width: 100%;
		padding: 0;
		margin-top: 1.5rem;
		position: relative;
	}

	.header {
		flex-wrap: wrap;
		padding-bottom: 0;
	}

	.header::before {
		content: '';
		width: 100%;
		height: 1px;
		position: absolute;
		top: 86px;
		left: 0;
		transition: 0.3s;
		background: var(--light-border-color);
	}

	.burger {
		display: flex;
		flex-direction: column;
		gap: 0.4rem;
		padding: 0.5rem;
		padding-right: 0;
		position: relative;
	}

	.burger>* {
		height: 2px;
		width: 30px;
		background: #292d3e;
		transition: 0.3s;
	}

	a.search {
		padding: 1.5rem 0;
		width: 100%;
	}

	.divider {
		width: 100%;
		height: 1px;
		left: 0;
	}

	.menu-open .header {
		background: #f5f7fc;
	}

	.menu-open .burger .line2 {
		opacity: 0;
	}

	.menu-open .burger .line1,
	.menu-open .burger .line3 {
		transform: rotate(45deg);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		position: absolute;
	}

	.menu-open .burger .line3 {
		transform: rotate(-45deg);
	}

	.logo-link {
		width: auto;
		min-width: unset;
	}

	.theme-text {
		display: none;
	}

	.theme-icons {
		min-width: 2.375rem;
		justify-content: center;
	}

	.theme-btns {
		padding: 0;
		box-shadow: none;
	}

	.menu-btns {
		gap: 0.5rem;
	}
}

@media (max-width: 740px) {

	.donwload {
		display: none;
	}

	.burger>* {
		width: 24px;
	}
}

@media (max-width: 400px) {
	.logo-link img {
		max-height: 1.7rem;
	}

	.theme-icons {
		min-width: unset;
		height: 2rem;
		width: 2rem;
	}

	.header {
		padding-top: 1rem;
	}

	.search-wrap {
		margin-top: 1rem;
	}

	.header::before {
		top: 70px;
	}

}


/* Стили обёртки контента */

.main {
	display: flex;
	gap: 2.5rem;
	position: relative;
}

article {
	padding-top: 2.5rem;
	max-width: 50rem;
	padding-bottom: 4rem;
}

/* пример кода */

blockquote,
.listingblock pre:not(.highlight) {
	background: #F5F7FC;
	border-radius: 1.25rem;
	padding: 2rem;
	margin: 2rem 0;
}

blockquote,
.literalblock {
	margin: 0;
}


blockquote,
.listingblock pre:not(.highlight) {
	margin-bottom: 1.5rem;
}

blockquote pre,
.listingblock pre:not(.highlight) {
	font-family: 'Manrope', sans-serif;
	color: var(--light-text-color);
	font-size: 1.125rem;
	line-height: 180%;
}

/* Навигация */

.navigation {
	width: 17.375rem;
	min-width: 17.375rem;
}

.navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.navigation li {
	padding: 0.625rem 0;
}

.navigation ul li {
	margin-left: 1ex
}

.navigation nav {
	padding-top: 2.5rem;
	padding-right: 2rem;
	transition: 0.3s;
}

li.top-level:nth-child(1) span {
	margin-top: 0;
}

li.top-level span {
	display: inline-block;
	margin-bottom: .75rem;
	font-size: 1.125rem;
	color: var(--accent-color);
	font-weight: 600;
	position: relative;
	width: 100%;
	cursor: pointer;
	padding-right: 1rem;
	box-sizing: border-box;
}

li.top-level>a {
	display: inline-block;
	margin-bottom: .25rem;
	font-size: .875rem;
	color: #46464D;
	font-weight: 600;
	position: relative;
}

li.home a {
	color: var(--accent-color);
}

li.home.active a {
	color: var(--light-h-color);
}

li.top-level span::before {
	content: '';
	background: url('/webdocs/assets/images/chevron.svg') no-repeat;
	background-size: contain;
	position: absolute;
	width: 10px;
	height: 8px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 0;
	transition: 0.3s;
}

li.top-level span.opened::before {
	transform: rotate(180deg);
}

li.top-level .item {
	padding: .715em 0;
	font-size: 14px;
}

li.top-level .item a {
	color: #2E2E32;
	font-weight: 500;
	display: block;
}

li.item {
	transition: .4s;
}

.top-level li.item a:hover {
	transform: translate(0.4rem, 0);
}

li.home {
	padding-top: 0;
}

li.top-level .item.active a {
	font-weight: 700;
	pointer-events: none;
}

#inserted-left-nav-block {
	padding-right: 40px !important;
	box-sizing: border-box;
}

#inserted-left-nav-block a {
	color: var(--light-h-color);
	display: inline-block;
	font-size: 0.875rem;
}

#inserted-left-nav-block li {
	padding: 6px 0px 6px 8px !important;
	border-color: var(--light-border-color) !important;
}

#inserted-left-nav-block .active a {
	color: var(--accent-color) !important;
	font-weight: 600;
}

#inserted-left-nav-block li.active {
	border-color: var(--accent-color) !important;
}

@media (max-width: 1000px) {
	.navigation {
		position: absolute;
		min-width: unset;
		width: 100%;
		padding-left: calc((100% - (100% - 8rem)) / 2);
		padding-right: calc((100% - (100% - 8rem)) / 2);
		background: #F5F7FC;
		z-index: 4;
		box-sizing: border-box;
		display: none;
		top: -4.4rem;
	}

	.navigation nav {
		padding: 1.5rem 0 2.5rem;
		min-height: calc(100vh - 4.4rem);
		border: none;
	}

	li.top-level .item {
		padding: 0.5em 0;
		font-size: 1rem;
	}
}

@media (max-width: 740px) {
	.navigation {
		padding-left: calc((100% - (100% - 4rem)) / 2);
		padding-right: calc((100% - (100% - 4rem)) / 2);
	}

	@media (max-width: 400px) {
		li.top-level span {
			padding-right: 2rem;
			box-sizing: border-box;
		}
	}
}


/* Оглавление */

article nav>ul {
	display: flex;
	flex-direction: column;
	padding: 0;
	list-style-type: none;
	gap: 0.625rem;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--light-border-color);
	transition: 0.3s;
}

article nav>ul>li>ul>li>ul {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

article nav>ul>li>ul>li:not(:last-child) {
	margin-bottom: 1rem;
}

article nav ul {
	list-style-type: none;
}

article nav ul a.link {
	display: inline-block;
	font-size: 1rem;
	font-weight: 600;
	color: #2E2E32;
	padding-left: 1.1875rem;
	position: relative;
	transition: 0.3s;
}

article nav ul a.link:hover {
	color: var(--accent-color) !important;
}

article nav ul a.link::before {
	content: '';
	position: absolute;
	top: 0.3rem;
	left: 0;
	height: 0.625rem;
	width: 0.75rem;
	margin: auto 0;
	background: url('/webdocs/assets/images/anchor.svg');
	background-size: contain;
}


/*
/* КОНТЕНТ СТАТЬИ*/

/* Секции */
.sect1 {
	margin: 3.25rem 0;
}

.sect2 {
	margin-bottom: 3.25rem;
}

.sect3 {
	margin: 2.5rem 0;
}


/* Наборный текст */

article > p {
	font-size: 1.125em;
}

article > em {
    padding-right: 0.18rem;
}

@media (max-width: 740px) {
	article p {
		font-size: 1rem;
	}
}


/* Списки */

article ul,
article ol {
	padding-left: 1.1875rem;
	margin: 0.75rem 0;
}

article ul {
	list-style-type: disc;
}

article ul p {
	margin: 0.75rem 0;
	word-break: break-word;
}

div>.ulist:nth-child(1)>ul>li>.ulist {
	margin-bottom: 1.5rem;
}

dt~dd {
	margin-bottom: 2rem;
	position: relative;
}


dd>p {
	margin-top: 0.75rem;
}


dl>dd {
	margin-left: 0.5rem;
}

.hdlist1~dd {
	margin-left: 0.2em;
	border-left: 2px solid var(--light-border-color);
	padding-left: 1em;
}

.hdlist1 {
	font-weight: 600;
}

.hdlist1 code {
	font-weight: 400;
}


/* Выделенные блоки */

.admonitionblock {
	position: relative;
	padding: 2rem;
	padding-top: 0;
	border-radius: 1.25rem;
	background: rgb(255 120 120 / 20%);
	margin: 2rem 0;
}

.admonitionblock td.content {
	padding: 0;
	line-height: 180%;
	font-size: 1.125rem;
}

.admonitionblock td.icon {
	display: none;
}

.admonitionblock:before {
	content: 'Предупреждаем';
	text-transform: uppercase;
	font-family: 'Manrope', sans-serif;
	font-size: 0.75rem;
	color: var(--light-bg-color);
	letter-spacing: 0.1em;
	line-height: 1rem;
	position: relative;
	display: inline-block;
	margin-bottom: 0.875rem;
	padding: .375rem .625rem;
	background: #FF4E4E;
	font-weight: 600;
	border-radius: 0 0 .375rem .375rem;
}

.admonitionblock.important {
	background: rgb(241 163 112 / 40%);
}

.admonitionblock.important::before {
	content: 'Важно';
	background: #FE845C;
}

.admonitionblock.tip::before {
	content: 'Напоминаем';
	background: #8156D9;
}

.admonitionblock.tip {
	background: rgb(167 124 255 / 26%);
}

.admonitionblock.note::before {
	content: 'Заметка';
	background: #517CFE;
}

.admonitionblock.note {
	background: rgb(163 201 255 / 28%);
}

code {
	font-family: 'IBM Plex Mono', monospace;
}

.literalblock pre {
	font-size: 1.125rem;
	display: inline-block;
	background: #F5F7FC;
	border-radius: 0.25rem;
	padding: 0.5rem 0.75rem;
	color: var(--light-code-color);
	line-height: 140%;
	margin: 0;
}

mark {
	position: relative;
	background-color: transparent;
	display: inline-block;
	color: var(--light-code-color);
}

mark::before {
	content: '';
	background: var(--mark-bg-color);
	border-radius: 0.25rem;
	position: absolute;
	left: -.5rem;
	top: -.25rem;
	width: calc(100% + 1rem);
	height: calc(100% + 0.5rem);
	z-index: -1;
}

p code,
.ulist code,
.dlist code,
.admonitionblock code,
div code {
	border-radius: 0.25rem;
	padding: 0.125rem 0.375rem 0.1875rem;
	color: var(--light-code-color);
	background: #F5F7FC;
}

.admonitionblock code {
	background: #F5F7FC;
}

.dlist code,
dl dt {
	/* font-size: 1.125rem; */
	display: inline-block;
	line-height: normal;
}

a.bare,
p a {
	color: var(--accent-color);
	text-decoration: underline;
}

a.bare:hover,
p a:hover {
	text-decoration: none;
}

.hljs {
	background: none !important;
	line-height: 160% !important;
}

.listingblock .highlight {
	background: #292d3e;
	border-radius: 1.25rem;
	padding: 2rem;
	padding-top: 2.625rem;
	position: relative;
	color: var(--light-bg-color);
}

.highlight .label {
	text-transform: uppercase;
	font-family: 'Manrope', sans-serif;
	font-size: 0.75rem;
	color: var(--light-bg-color);
	letter-spacing: 0.1em;
	line-height: 1rem;
	position: absolute;
	display: inline-block;
	margin-bottom: 0.875rem;
	padding: 0.6rem 0.625rem;
	background: #444952;
	font-weight: 600;
	border-radius: 0 0 0.375rem 0.375rem;
	top: 0;
	left: 2rem;
}

.highlight .copy {
	position: absolute;
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url('/webdocs/assets/images/copy.svg') no-repeat;
	transition: 0.3s;
	font-size: 0;
	border-radius: 0 0 0.375rem 0.375rem;
	top: 0;
	right: 2rem;
	background-size: contain;
}

.highlight .copy:hover {
	opacity: .5;
	cursor: pointer;
}

.highlight .copy.cheked {
	background: url('/webdocs/assets/images/copy-check.svg') no-repeat;
	background-size: contain;
}

.listingblock {
	margin: 1.5rem 0 3rem;
}

@media (max-width: 740px) {

	.listingblock .highlight,
	.admonitionblock,
	blockquote,
	.listingblock pre:not(.highlight) {
		border-radius: 0.625rem;
	}


	.listingblock .highlight,
	.admonitionblock {
		padding: 1rem;
		padding-top: 2.625rem;
	}

	blockquote,
	.listingblock pre:not(.highlight) {
		padding: 1rem;
	}

	.admonitionblock {
		padding-top: 0;
	}

	.admonitionblock:before {
		margin-bottom: 0.5rem;
	}

	.highlight .label {
		left: 1rem;
	}

	.highlight .copy {
		right: 1rem;
	}

	.admonitionblock td.content {
		font-size: 1rem;
		line-height: 140%
	}

	.literalblock pre,
	.listingblock pre:not(.highlight) {
		font-size: 1rem;
	}

	@media (max-width: 740px) {

		.dlist code,
		dl dt {
			font-size: 1rem;
		}
	}

	.attribution {
		font-size: 1rem;
	}

}


/* Таблицы */

caption.title {
	text-align: left;
}

table.stretch {
	position: relative;
	display: block;
	overflow: auto;
	table-layout: fixed;
}

table * {
	line-height: normal;
	font-size: 0.875rem;
	margin: 0;
	min-width: 150px;
}

table p,
table dl {
	margin-bottom: 0.5rem;
}

th {
	text-align: left;
	letter-spacing: normal;
	padding: 0.5rem 1rem;
	padding-left: 0;
	min-width: 120px;
	font-size: 0.875rem;
}

td {
	border-top: 1px solid var(--light-border-color);
	padding: 1rem;
	padding-left: 0;
	vertical-align: top;
}

tbody {
	border-spacing: 0;
}

table {
	border-collapse: collapse;
}

table p a {
	word-break: keep-all;
	white-space: break-spaces;
	font-weight: 400;
}

caption {
    font-weight: 700;
    font-style: italic;
    text-align: left;
}

@media (max-width: 740px) {
	table code {
		word-break: keep-all;
	}

	table#error_code_table {
		width: 100% !important;
		overflow: auto;
		display: block;
	}
}


/* Изображения */

img {
	max-width: 100%;
	object-fit: contain;
}


/* Кнопка наверх */

.modalShowed #totop {
	display: none !important;
}

#totop {
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 50px;
	right: calc((100% - 1200px) / 2);
	cursor: pointer;
	display: none;
}

#totop div {
	border-radius: 50%;
	background: var(--accent-color);
	width: 100%;
	height: 100%;
	transition: 0.3s;
}

#totop:hover div {
	box-shadow: 0 0 0 2px var(--accent-color);
	background: transparent;
	color: var(--accent-color);
}

#totop svg {
	transition: 0.3s;
	width: 100%;
	height: 100%;
}

#totop:hover path {
	stroke: var(--accent-color);
}

@media (max-width: 1400px) {
	#totop {
		right: calc((100% - (100% - 5rem)) / 2);
	}
}

@media (max-width: 1000px) {
	#totop {
		right: calc((100% - (100% - 8rem)) / 2);
	}
}

@media (max-width: 740px) {
	#totop {
		right: calc((100% - (100% - 4rem)) / 2);
	}
}


/*Футер*/

#footnotes hr {
	border: none;
	border-top: 1px solid var(--light-border-color);
	width: 100%;
}

#footnotes {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

#footnotes a {
	text-decoration: underline;
	color: var(--light-text-color);
}

#footnotes a:hover {
	color: var(--accent-color)
}


/* Тёмная тема */

.dark {
	background: #171923;
}

.dark,
.dark li.top-level .item a {
	color: var(--dark-text-color);
}

.dark .literalblock pre,
.dark blockquote,
.dark .listingblock pre:not(.highlight),
.dark p code,
.dark .ulist code,
.dark .dlist code,
.dark div code {
	background: #292D3E;
}

.dark article nav ul,
.dark .header,
.dark .navigation nav,
.dark td {
	border-color: var(--dark-border-color);
}

.dark .divider,
.dark .header::before {
	background: var(--dark-border-color);
}

.dark h1 a,
.dark h2 a,
.dark h3 a,
.dark h4 a,
.dark h5 a,
.dark article nav ul a.link,
.dark .admonitionblock,
.dark blockquote pre,
.dark .listingblock pre:not(.highlight),
.dark article .title,
.dark .attribution,
.dark #inserted-left-nav-block a {
	color: var(--light-bg-color);

}


.dark h1 code,
.dark h2 code,
.dark h3 code,
.dark h4 code,
.dark h5 code,
.dark h6 code,
.dark .title code {
	background: #292D3E;
	color: var(--dark-code-color);
}

.dark .logo-figure__dark {
	display: block;
}

.dark .logo-figure {
	display: none;
}

.dark .modal-body {
	background: #292d3e;
}

.dark #result-list a,
.dark .search-inp {
	background: transparent !important;
	color: var(--light-bg-color);
	border-color: rgba(228, 228, 228, 0.2);
}

.dark li.top-level .item.active a {
	color: var(--light-bg-color);
}

.dark .literalblock pre {
	color: var(--dark-code-color);
}

.dark .theme-btns {
	padding-left: 0.375rem;
	padding-right: 0.125rem;
	box-shadow: inset 0 0 0 1px var(--dark-border-color);
}

.dark .light-theme {
	display: none;
}

.dark .dark-theme {
	display: inline;
}

@media (min-width: 1000px) {
	.dark .theme-icons {
		transform: translate(2.42rem, 0px);
	}

	.dark .theme-text {
		transform: translate(-2.375rem, 0px);
	}
}

.dark .hdlist1~dd {
	border-color: var(--dark-border-color);
}

.dark .hdlist1,
.dark .hdlist1 a {
	color: var(--light-bg-color);
}

.dark .hdlist1 a {
	text-decoration: underline;
}

.dark .hdlist1 a:hover {
	color: var(--accent-color)
}

.dark .burger>* {
	background: var(--light-bg-color);
}

.dark p code,
.dark .ulist code,
.dark .dlist code,
.dark div code {
	color: var(--dark-code-color);
}

#footnotes a,
mark {
	color: var(--dark-text-color);
}

#footnotes a:hover {
	color: var(--accent-color)
}

mark::before {
	background: var(--mark-dark-bg-color);
}


@media (max-width: 1000px) {
	.dark .theme-btns {
		box-shadow: none;
	}

	.dark .navigation,
	.dark .menu-open .header {
		background: #1d1f28;
	}
}

@media (max-width: 740px) {
	.dark .theme-icons {
		transform: none;
	}

	.dark .theme-btns {
		padding: 0;
	}
}


@media (prefers-color-scheme: dark) {
	body {
		background: #171923;
	}

	body,
	li.top-level .item a {
		color: var(--dark-text-color);
	}

	.literalblock pre,
	blockquote,
	.listingblock pre:not(.highlight),
	p code,
	div code,
	.ulist code,
	.dlist code,
	.admonitionblock code {
		background: #292D3E;
	}

	.admonitionblock code {
		background: rgb(41 45 62 / 40%);
	}

	#inserted-left-nav-block li {
		border-color: var(--dark-border-color) !important;
	}

	#inserted-left-nav-block li.active {
		border-color: var(--accent-color) !important;
	}

	article nav ul,
	.header,
	.navigation nav,
	td {
		border-color: var(--dark-border-color);
	}

	.divider,
	.header::before {
		background: var(--dark-border-color);
	}

	.modal-body {
		background: #292d3e;
	}

	#result-list a,
	.search-inp {
		background: transparent !important;
		color: var(--light-bg-color);
		border-color: rgba(228, 228, 228, 0.2);
	}

	h1 a,
	h2 a,
	h3 a,
	h4 a,
	h5 a,
	article nav ul a.link,
	.admonitionblock,
	blockquote pre,
	.listingblock pre:not(.highlight),
	article .title,
	.attribution,
	#inserted-left-nav-block a {
		color: var(--light-bg-color);
	}

	h1 code,
	h2 code,
	h3 code,
	h4 code,
	h5 code,
	h6 code,
	.title code {
		background: #292D3E;
		color: var(--dark-code-color);
	}

	.logo-figure__dark {
		display: block;
	}

	.logo-figure {
		display: none;
	}

	li.top-level .item.active a {
		color: var(--light-bg-color);
	}

	.theme-btns {
		padding-left: 0.375rem;
		padding-right: 0.125rem;
		box-shadow: inset 0 0 0 1px var(--dark-border-color);
	}

	.light-theme {
		display: none;
	}

	.dark-theme {
		display: inline;
	}

	@media (min-width: 1000px) {
		.theme-icons {
			transform: translate(2.42rem, 0px);
		}

		.theme-text {
			transform: translate(-2.375rem, 0px);
		}
	}

	.hdlist1~dd {
		border-color: var(--dark-border-color);
	}

	.hdlist1,
	.hdlist1 a {
		color: var(--light-bg-color);
	}

	.hdlist1 a {
		text-decoration: underline;
	}

	.hdlist1 a:hover {
		color: var(--accent-color);
	}

	.burger>* {
		background: var(--light-bg-color);
	}

	p code,
	.ulist code,
	.dlist code,
	.admonitionblock code,
	div code {
		color: var(--dark-code-color);
	}

	.literalblock pre {
		color: var(--dark-code-color);
	}

	#footnotes a,
	mark {
		color: var(--dark-text-color);
	}

	#footnotes a:hover {
		color: var(--accent-color)
	}

	mark::before {
		background: var(--mark-dark-bg-color);
	}


	@media (max-width: 1000px) {
		.theme-btns {
			box-shadow: none;
		}

		.navigation,
		.menu-open .header {
			background: #1d1f28;
		}
	}

	@media (max-width: 740px) {
		.theme-icons {
			transform: none;
		}

		.theme-btns {
			padding: 0;
		}
	}
}

/* Светлая тема */

.light {
	background: var(--light-bg-color);
}

.light,
.light li.top-level .item a,
.light #inserted-left-nav-block a {
	color: var(--light-text-color);
}


.light article nav ul,
.light .header,
.light .navigation nav,
.light td {
	border-color: var(--light-border-color);
}

.light #inserted-left-nav-block li {
	border-color: var(--light-border-color) !important;
}

.light #inserted-left-nav-block li.active {
	border-color: var(--accent-color) !important;
}

.light .divider,
.light .header::before {
	background: var(--light-border-color);
}

.light h1 a,
.light h2 a,
.light h3 a,
.light h4 a,
.light h5 a,
.light article nav ul a.link,
.light .admonitionblock,
.light blockquote pre,
.light .listingblock pre:not(.highlight),
.light article .title,
.light .attribution {
	color: var(--light-h-color);
}

.light h1 code,
.light h2 code,
.light h3 code,
.light h4 code,
.light h5 code,
.light h6 code,
.light .title code {
	background: #F5F7FC;
	color: var(--light-code-color);
}

.light .logo-figure__dark {
	display: none;
}

.light .logo-figure {
	display: block;
}

.light .modal-body {
	background: var(--light-bg-color);
}

.light #result-list a,
.light .search-inp {
	color: var(--light-text-color);
	border-color: var(--light-border-color);
}

.light .literalblock pre {
	color: var(--light-code-color);
}

.light .literalblock pre,
.light blockquote,
.light .listingblock pre:not(.highlight),
.light p code,
.light .ulist code,
.light .dlist code,
.light div code {
	background: #F5F7FC;
}

.light p code,
.light .ulist code,
.light .dlist code,
.light .admonitionblock code,
.light div code {
	color: var(--light-code-color);
	background: #F5F7FC;
}

.light .admonitionblock code {
	background: rgb(245 247 252 / 56%);
}

.light li.top-level .item.active a {
	color: #2E2E32;
}

.light .theme-btns {
	padding-left: 0.125rem;
	padding-right: 0.375rem;
	box-shadow: inset 0 0 0 1px var(--light-border-color);
}

.light .light-theme {
	display: inline;
}

.light .dark-theme {
	display: none;
}

.light .hdlist1~dd {
	border-color: var(--light-border-color);
}

.light .hdlist1,
.light .hdlist1 a {
	color: var(--light-text-color);
}

.light .hdlist1 a {
	text-decoration: underline;
}

.light .hdlist1 a:hover {
	color: var(--accent-color);
}

.light .theme-icons {
	transform: none;
}

.light .theme-text {
	transform: translate(0rem, 0px);
}

.light .burger>* {
	background: #292d3e;
}

.light p code,
.light .ulist code,
.light .dlist code,
.light div code {
	color: var(--light-code-color);
}

.light #footnotes a,
.light mark {
	color: var(--light-text-color);
}

.light #footnotes a:hover {
	color: var(--accent-color);
}

.light mark:before {
	background: var(--mark-bg-color);
}


@media (max-width: 1000px) {
	.light .theme-btns {
		box-shadow: none;
	}

	.light .navigation,
	.light .menu-open .header {
		background: #f5f7fc;
	}
}

@media (max-width: 740px) {
	.light .theme-icons {
		transform: none;
	}

	.light .theme-btns {
		padding: 0;
	}
}