/*Основное*/
	.comment > a[data-id-parent] {display:inline-block;margin-bottom:5px;margin-left:31px;color:#777;} /*реплай юзеру*/
	.comment > a[data-id-parent]:before {content: '';display: inline-block;margin-right:5px;width: 14px;height: 14px;background: url('/s/i/svg/reply.svg') center center no-repeat;background-size:contain;opacity: 0.5;} /*реплай юзеру*/
	.comment:not([data-level="1"]) {padding-top:20px;}
	.comment[data-level="1"] > div:nth-of-type(2) > .cnt-body {padding:10px 0 0 0;}
	.comment_crush {color:#777;} /*скрытый комментарий*/

/*Тулбар коммента*/
	div[id^="chd"] {position:relative;}
	div[id^="chd"] > a[href^="/u/"] {float:left;display:block;background-size: cover;background-repeat: no-repeat;background-position:center center;border:1px solid #ddd;border-radius:50%;width:45px;height:45px;margin-right:10px;vertical-align:top;box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.15);} /*аватар*/
	div[id^="chd"] > div:first-of-type > a:first-of-type {font-size:1.1em;} /*Ник*/
	div[id^="chd"] > div:first-of-type > div {margin-top:6px;}
	div[id^="chd"] > div:first-of-type > div > * {color:#a3a3a3;font-size:0.9em;} /*все кроме ника*/
	div[id^="chd"] > div:first-of-type > span {font-size:0.8em;color:#a3a3a3;} /*last_seen*/
	div[id^="chd"] > div svg {width:9px;height:9px;fill:#a3a3a3;} /*якорь*/

	/*Чекбокс удаления коммента*/
	div[id^="chd"] > input[type="checkbox"] {position: absolute;left: 12px;bottom: -36px;opacity: 0.5;appearance: none;width:20px;height:20px;border: 1px solid rgba(0, 0, 0, 0.3);border-radius:50%;cursor: pointer;}
	div[id^="chd"] > input[type="checkbox"]:focus {outline:none;}
	div[id^="chd"] > input[type="checkbox"]:hover {opacity:1;border-color:#E01011;transition:all .5s ease-out;}
	div[id^="chd"] > input[type="checkbox"]:checked {background: url(/s/i/svg/close.svg) center center no-repeat;background-size: cover;border-color:#E01011;opacity:1;}

	/*Перемотка к автору коммента*/
		.hltd {background: rgba(255, 190, 44, 0.44);border-radius: 5px;} /*подсветка комментария к которому мотаем*/
		.rewind {display:inline-block;margin-top:20px;} /*кнопка возврата*/

	/*Доп. меню*/
		a[id^="sh"] {position:absolute;top:3px;right:4px;display:block;width:16px;height:16px;background-size:contain;background-image:url('/s/i/svg/darr.svg');opacity:0.2;}
		a[id^="sh"]:hover {opacity:0.7;}
		div[id^="cm"] {display:none;margin-top:5px;text-align:right;} /*доп.меню*/
		div[id^="cm"] > *:not(form) {padding:5px 10px;border-top:1px solid #EEE;} /*ссылки*/
		div[id^="cm"]:empty + a {display:none;} /*скрываем иконку меню если внутри пусто*/

	/*Подсветка новых и своих комментариев*/
		.mc, .nc, .ac {padding:1px 7px;border-radius:3px;}
		.mc {background-color:rgba(255, 193, 7, 0.15);color:#999;} /*Мой*/
		.nc {background-color:rgba(60,170,57,.7);color:#FFF;} /*Новый*/
		.ac {background-color:red;color:#FFF;} /*Автор*/

	/*Сворачивание ветки*/
		a.js-fold-control:before {content:'Свернуть ветку';display:inline-block;}
		a.js-fold-control.folded:before {content:'Развернуть ветку';display:inline-block;}
		.bl2dR {border-left:2px dashed #DE1000;}

/*Содержимое коммента*/
	.cnt-body {clear:both;overflow:hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding:10px 0;}
	.cnt-body, div[id^="cc"] > a[href="#"] {margin-left:55px;} /*тело и скрытые*/
	.cnt-body > p:first-of-type {margin-top:0;} /*текст без p*/
	.cnt-body > p:last-of-type {margin-bottom:0;} /*текст без p*/
	.cnt-body > p:first-letter {text-transform:capitalize;}
	.cnt-body img, .cnt-body iframe, .cnt-body object {display:block;border:1px solid #EEE;border-radius:4px;margin-top:10px;max-width:100%;}
	.cnt-body img {height:auto;max-height:250px;cursor:pointer;}
	.cnt-body li {margin:10px 0;} /*списки*/
	.cnt-body blockquote + * {margin-top:15px !important;}
	/*Pop-up на десктопах*/
		.img-popup {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.75);z-index:30000;overflow-y:hidden;overflow-x: hidden;}
		.img-popup > div {display:flex;justify-content:center;position:absolute;top:0;bottom:0;right:0;left:0;margin:5vh auto;}
		.img-popup img {box-shadow: 0px 1px 6px 1px rgba(0,0,0,.3);max-width:95vw;max-height:90vh;}
	    .img-popup button {background-image:url(/s/i/svg/close.svg);position:absolute;top:-20px;right:-20px;padding:17px;width:30px;height:30px;border-radius: 50%;border: transparent;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.5);}

/*Добавление комментария*/
	.cnt-answer {margin-top:20px;}
	.cnt-answer textarea {width:100%;height:75px;margin-bottom:20px;} /*выключенный редактор*/
	.cnt-answer > input {margin-right:10px;} /*Кнопки под textarea*/
	input[type="button"] + a {color:#777;font-size:0.9em;margin-left:20px} /*выключить редактор*/

/*Информация о проголосвавших*/
	#ratingtip {position:absolute;z-index:5100;}

/*Кнопка Ответить, изменить, рейтинг, голосовалка*/
	.cnt-action {overflow:hidden;margin-left:55px;margin-top:10px;}
	.cnt-action > :not(form) {display:inline-block;margin-right:10px;vertical-align:middle;}
	.rankp {color:#007700;}
	.rankm {color:#e01011;}
	.rankp > svg, .rankm > svg {width:12px;height:12px;vertical-align:middle;}
	.rankp > svg {fill:#007700 !important;}
	.rankm > svg {fill:#ab6262 !important;transform: rotate(180deg);}
	.rankm:empty, .rankp:empty {display:none;} /*js вырезает содержимое, и мы скрываем оставшийся border*/
	.rankz {display:none !important;} /*нужно чтобы корректно работала оценка при добавлении новой оценки комментария*/

/*Перемотка по непрочитанным комментариям*/
	.cnv {float:right;margin-right:0;}

/*Страница упомининий и ответов*/
	.item {padding:20px;margin-bottom:20px;}
	.item > span {display:block;margin-bottom:15px;}
	.c5bdy {overflow:hidden;padding:0 10px;border-radius:5px;border: 1px solid #EEE;}
	.new5bdy {overflow:hidden;padding:0 10px;border-radius:5px;border:1px solid rgba(194, 223, 187, 0.41);background-color:#E9FCE5;}
	.cm5nt {margin-left:10px;padding-left:20px;background: url('/s/i/comment.gif') left no-repeat;}
	.usl5c {margin: 10px 0 0 30px;}
	.new5c {margin: 10px 0 10px 19px;padding:0 10px;border:1px solid rgba(194, 223, 187, 0.41);background-color:#E9FCE5;}

@media only screen and (max-width:500px) and (max-aspect-ratio: 13/9)  {

	span.flexdiv > span {flex:0 100%;order:2;text-align:center;} /*Заголовок комментарией*/
	span.flexdiv > a {margin:0px auto 25px;order:2;}
	.mob_but > * {margin:10px auto;} /*кнопки добавления и закрытия комментария (внизу)*/
	div.comment:not([data-level="1"]), .cnt-body, .cnt-action {margin-left:0px !important;} /*сдвиг комментария > 1 уровня, тела и кнопок*/
	div[id^="chd"] > div:first-of-type > div {margin-top:4px;}
	div[id^="chd"] > div > div .bull:before {all:unset;}
	.mc, .nc, .ac {margin-left:10px;}
	div[id^="chd"] > a[href^="/u/"] {width:40px;height:40px;} /*Аватар*/
	div[id^="chd"] > input[type="checkbox"] {left:initial;right:2px;top:25px;} /*Чекбокс удаления коммента*/

	.cnt-body img {max-width:100%;max-height:100vh;}

	/* Доп меню */
	div[id^="cm"] {margin-top:20px;text-align:center;} /*доп.меню*/
	div[id^="cm"] > a {display:block;padding:10px 0px;border-top:1px solid #EEE;} /*ссылки*/

	.editor-container {overflow:hidden;}
	.editor-container >input:nth-of-type(2) {float:right;margin:10px 0 0 0;} /*кнопка Отмена*/

	.mcb:before, .ncb:before, .redactor-toolbar > li > a {display:none !important;} /*выключаем все*/
	.redactor-toolbar > li > a.re-image, .redactor-toolbar > li > a.re-video {display:block !important;margin-right:10px;font-size:1.5em;color:#444;}  /*включаем картинки и видео*/
	.redactor-editor[contenteditable="true"] {font-size:1.2em;} /*Увеличиваем шрифт в поле ввода.*/

	.item {margin-bottom:10px;} /*упоминания и ответы*/
	.x11x > :nth-child(n+4) {margin-top:20px;} /*кнопки управления комментарием*/
	.x11x > span:not(.ajax_spinner) {display:inline-block;}
}
