.auth { display: flex; flex-direction: row; align-items: center; }
	.auth__me { display: flex; flex-direction: row; align-items: center; }
	.auth__ava { display: inline-block; max-width: 32px; max-height: 32px; }
	.auth__ava svg { max-width: 100%; max-height: 100%; width: 100%; fill: #005da4; }
	.auth__fio { display: inline-block; color: #333; line-height: 1; padding: 0 0.4rem; }
	.auth_fio--small { font-size: 0.8rem; }
	.auth__logout { display: inline-block; padding: 0 0 0 0.4rem; border-left: 1px solid #ccc; }
	
	.auth input { border: 1px solid #ccc; margin: 0 0.2rem; padding: 0.2rem; }
	.auth input[type=submit] { cursor: pointer; padding: 0.2rem 0.4rem; }

	.auth__mobile { display: none; }

	.bx .auth__form { }
	.bx .auth__form input { display: block; border: 1px solid #ccc; margin: 0.4rem 0.2rem; padding: 0.2rem; }
	.bx .auth__form input[type=submit] { cursor: pointer; padding: 0.2rem 0.4rem; margin: 0 0 0 auto; }

/* ////////////////////////////////////////////////////////// */

@media (max-width: 767px) {
	.header__auth form { display: none; }
	.header__auth .auth__mobile { display: block; cursor: pointer; }
}

/* ////////////////////////////////////////////////////////// */

@media (prefers-color-scheme: dark) {
	.auth__fio { color: #eee; }
}