/* Основная цветовая схема без указания встроенной (на замену синей) */
:root {
	--md-primary-fg-color:			#2E62C8;
	--md-primary-fg-color--light:	#2E62C8;
	--md-primary-fg-color--dark:	#2E62C8;
	--md-accent-fg-color: 			#193b7e;
	--md-accent-fg-color--transparent: #2E62C8;
	--md-accent-bg-color: 			#2E62C8;
	--md-accent-bg-color--light: 	#2E62C8;
}

/* Общие настройки для блоков с примечаниями (info, warning, question) */
/* Общий вид блоков*/
.md-typeset :is(.admonition, details) {
    border-width: 0; /* ширина границы */
    border-radius: .0.1rem; /* скругление границ (здесь почти квадратные) */
    border-left-width: 4px; /* ширина полоски слева */
}

/* Цвет тени вокруг сворачиваемого блока при нажатии на него */
.md-typeset .admonition.question:focus-within, .md-typeset details.question:focus-within {
    box-shadow: 0 0 0 .2rem  #2e61c810;
}

/* Блок-спойлер с вопросом (question) */
/* Цвет левой полосы у блока */
.md-typeset :is(.admonition, details):is(.question, .help, .faq) {
	border-color: rgba(46, 98, 200, 1);
	position: relative;  /*для выравнивания по вертикали */
}

/* Строка заголовок блока-спойлера */
.md-typeset :is(.question, .help, .faq)>:is(.admonition-title, summary) {
	border-color: rgba(46, 98, 200, 1);
	background-color: rgba(46, 98, 200, 0.1);
}

/* Иконка блока-спойлера */
.md-typeset :is(.question, .help, .faq)>:is(.admonition-title, summary):before  {
	background-color: rgb(46, 98, 200);
	-webkit-mask-image: var(--md-admonition-icon--question);
			mask-image: var(--md-admonition-icon--question);
			
	/* для выравнивания по вертикали */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

/* Стрелочка у раскрывающегося блока */
.md-typeset :is(.question, .help, .faq)>:is(.admonition-title, summary):after  {
	background-color: rgb(46, 98, 200);
}


/* Блок с примечаниями (info) */
/* Цвет левой полосы у блока */
.md-typeset :is(.admonition, details):is(.info) {
	border-color: rgba(46, 98, 200, 1);
}

/* Строка заголовок блока-спойлера */
.md-typeset :is(.info)>:is(.admonition-title, summary) {
	border-color: rgba(46, 98, 200, 1);
	background-color: rgba(46, 98, 200, 0.1);
}

/* Иконка блока-спойлера */
.md-typeset :is(.info)>:is(.admonition-title, summary):before  {
	background-color: rgb(46, 98, 200);
	-webkit-mask-image: var(--md-admonition-icon--info);
			mask-image: var(--md-admonition-icon--info);
}

/* Стрелочка у раскрывающегося блока */
.md-typeset :is(.info)>:is(.admonition-title, summary):after  {
	background-color: rgb(46, 98, 200);
}


/*Возможность управления выравниванием изображений в обход mkdocs */
/*Способ использования: ![image alt center](../example.png) */
/*right и left можно не использовать - они встроены по умолчанию */
img[alt$="right"] {
	float: right;
}

img[alt$="left"] {
	float: left;
}

/* center - дополнительная возможность */
img[alt$="center"] {
	display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    float: none!important;
}

/* Окно "анимация" */			
.win{
	width: 75%;
	height: 80%;
	margin: 50px auto;
	display: none;
	background: #fff;
	z-index: 200;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

/* Размер gif с масштабированием */
.gif-size{
	max-height: 100%;
	height: auto;
	min-height: 10%;	
	max-width: 100%;
    width: 100%;
    min-width: 10%;    
}

/* Затемнение при открытии окна */
.wrap{
	display: none;
	opacity: 0.8;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(1, 1, 1, 0.725); 
	z-index: 100;
	overflow: auto;
}

/* Тип курсора на Play */
.play-pointer{
	cursor: pointer;
}