Alt-vkui - *comment input field* by vwilo0-0oliwv

/* ==UserStyle==
@name               Alt-vkui - *comment input field*
@version            1.0
@namespace          vwil.o0_0o.liwv
@description        Теперь ваше поле для ввода комментариев в ВКонтакте будет выглядеть по-новому. Совместим с VK Next💚
@author             vwilo0-0oliwv
==/UserStyle== */


@-moz-document domain("vk.ru"), domain("vk.com") {


/* Меняет внешний вид поля для ввода комментариев */


/* настройки - основное поле / настройки при открытии записи - основное поле */

.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap .reply_field_wrap, 
.deep_active .replies .reply_field_wrap, 
.deep_active .replies .reply_fakebox_container, 

.deep_active .wl_replies_block_wrap .reply_field_wrap, 
.deep_active.wall_module .wl_replies_block_wrap .reply_field_wrap, 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_field_wrap, 
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_field_wrap {
	min-height: 30px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-right: 70px !important;
	padding-left: 36px !important;
	
	
	/* Если у вас светлая тема, то без особой разницы, какой фон использовать для поля ввода.
	Если с вашей темой поле ввода плохо видно, то попробуйте воспользоваться вторым вариантом. */
	
	
	background-color: var(--vkui--color_background_modal) !important; /* V1 - адаптивен для темы чёрная/тёмная/светлая */
	
	/*background-color: var(--vkui--color_background_modal--hover) !important; /* V2 - для темы Green-Black💚v0.3 */
  
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 16px 0px rgba(0, 0, 0, 0.16) !important; /* тень поля ввода */
	
	border-radius: 12px !important;
	margin-right: 0px !important;
} 

/* настройки при открытии фотографии/клипа/видео - основное поле */

.pv_cont .pv_reply_form_wrap .reply_field_wrap,
.mv_box .VideoLayerInfo__commentsReply .reply_field_wrap,
.mv_box .VerticalVideoLayerInfo__commentsReply .reply_field_wrap {
	margin-left: 10px !important;
	margin-right: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
	padding-right: 36px !important;
	padding-left: 44px !important;
	
	
	/* Если у вас светлая тема, то без особой разницы, какой фон использовать для поля ввода.
	Если с вашей темой поле ввода плохо видно, то попробуйте воспользоваться вторым вариантом. */
	
	
	background-color: var(--vkui--color_background_modal) !important; /* V1 - адаптивен для темы чёрная/тёмная/светлая */
	
	/*background-color: var(--vkui--color_background_modal--hover) !important; /* V2 - для темы Green-Black💚v0.3 */
	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.16), 0px 4px 16px 0px rgba(0, 0, 0, 0.16) !important; /* тень поля ввода */
	
	border-radius: 12px !important;
}


/* настройки - смешение для аватара */

.deep_active .replies .reply_form_user_image {
	top: 2px !important;
}
.deep_active .replies .reply_fakebox_with_official .reply_fakebox_wrap_image:hover::after {
	top: 2px !important;
}
.deep_active .replies .reply_fakebox_wrap .post_field_user_image {
	top: 2px !important;
}
.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap .post_field_user_link {
	top: 5px !important;
}
.deep_active .replies .replies_wrap_deep .checkbox_official {
	top: 5px !important;
}

/* настройки при открытии записи - смешение для аватара */

.deep_active .wl_replies_block_wrap .reply_form_user_image,
.deep_active.wall_module .wl_replies_block_wrap .reply_form_user_image {
	top: 2px !important;
}
.wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap .post_field_user_link, 
.deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap .post_field_user_link {
	top: 5px !important;
}
.deep_active .wl_replies_block_wrap .replies_wrap_deep .checkbox_official, 
.deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .checkbox_official {
	top: 5px !important;
}

/* настройки - тень для аватара */

.deep_active .replies .reply_fakebox_wrap .post_field_user_image {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3)) !important;
}
.deep_active .replies .reply_box .post_field_user_image {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* настройки при открытии записи - тень для аватара */

.deep_active .wl_replies_block_wrap .reply_box .post_field_user_image,
.deep_active.wall_module .wl_replies_block_wrap .reply_box .post_field_user_image {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* настройки - поле ввода */

.deep_active .replies .reply_fakebox {
	margin: 0px !important;
	padding: 7px 6px !important;
	border: 0px !important;
	border-radius: 0px !important;
	width: auto !important;
}
.deep_active .replies .reply_box div.submit_post_field, .deep_active .replies .reply_box div.submit_post_field[contenteditable=true] {
	min-height: 16px !important;
	margin: 0px !important;
	padding: 7px 6px !important;
	width: auto !important;
}
.deep_active .replies .reply_field_wrap .reply_field {
	border: 0px !important;
	border-radius: 0px !important;
	width: auto !important;
}
.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field, 
.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field[contenteditable=true] {
	margin: 0px !important;
	padding: 7px 6px !important;
	min-height: 16px !important;
	width: auto !important;
}
.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field~.placeholder .ph_input, 
.deep_active .replies .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field[contenteditable=true]~.placeholder .ph_input {
	padding: 7px 6px !important;
	min-height: 16px !important;
}

.deep_active .replies .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active .replies .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input {
	line-height: 16px !important;
}
.deep_active .replies .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active .replies .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input {
	min-height: 16px !important;
	max-height: none !important;
	height: auto !important;
	padding: 7px 6px !important;
}

/* настройки при открытии записи - поле ввода */

.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field, 
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field, 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field, 
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field, 
.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable=true], 
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable=true], 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable=true], 
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable=true] {
	min-height: 16px !important;
	max-height: none !important;
	height: auto !important;
	padding: 7px 6px !important;
	line-height: 16px !important;
	border: 0px !important;  
	border-radius: 0px !important;
	width: auto !important;
}
.deep_active .wl_replies_block_wrap .reply_field_wrap .reply_field, 
.deep_active.wall_module .wl_replies_block_wrap .reply_field_wrap .reply_field, 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_field_wrap .reply_field, 
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_field_wrap .reply_field {
	border: 0px !important;
	padding: 7px 6px !important;
	min-height: 16px !important;
	max-height: none !important;
	height: auto !important;
	border-radius: 0px !important;
	line-height: 16px !important;
	width: auto !important;
}
.deep_active .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field, 
.deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field, 
.deep_active .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field[contenteditable=true], 
.deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field[contenteditable=true] {
	padding: 7px 6px !important;
	min-height: 16px !important;
	width: auto !important;
}
.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field~.placeholder .ph_input, 
.deep_active .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input, 
.deep_active.wall_module .wl_replies_block_wrap .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input, 
.deep_active .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input,
.deep_active.wall_module .wl_replies_block_wrap .wl_reply_form_wrap .reply_box div.submit_post_field[contenteditable=true]~.placeholder .ph_input {
	line-height: 16px !important;
	min-height: 16px !important;
	max-height: none !important;
	height: auto !important;
	padding: 7px 6px !important;
}
.deep_active .wl_replies_block_wrap .replies_wrap_deep .reply_box_inner_wrap div.submit_post_field~.placeholder .ph_input,
.deep_active.wall_module .wl_replies_block_wrap .replies_wrap_deep .reply_box_i...