/* 20.01.2022 в связи с разработкой мобильной версии было принято решение об организации стилей:
1) Отступить от стандартной файловой структуры проекта БЭМ, которая подразумевает наличие уровней
переопределения при разделении проекта на платформы (например: mobile, desktop)
2) Создать отдельные папки с независимыми друг от друга стилями для desktop и mobile
учитывая, что при этом будет происходить copy-paste
Ссылка на документацию БЭМ для разделения проекта на платформы:
https://ru.bem.info/methodology/redefinition-levels */


/* view-phrases */

.word-not-candidate{
	line-height: 1;
}


/* minus-word-candidate */
.minus-word-candidate{
	margin: 3px 0;
	padding: 0.4em 0.357em 0.5em;

	font-size: 14px;
	color: #000;
	line-height: 1;

	background: #FFFFFF;
	border: 1px dashed rgba(136, 136, 136, 0.5);
	border-radius: 2px;

	transition: color .1s linear, background .1s linear, border .1s linear ;

	cursor: pointer;
}
.minus-word-candidate:hover{
	color: #fff;
	background: #C80000;
	border: 1px solid #C80000;
}
.minus-word-candidate + .minus-word-candidate{
	margin-left: 0;
}
.minus-word-candidate--hidden{
	padding: 0.5em 0;

	color: rgba(0, 0, 0, 0.5);

	background: transparent;
	border: 1px solid transparent;

	border-left: none;
	border-right: none;

	pointer-events: none;
}
.minus-word-candidate--red{
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(200, 0, 0, 0.1)), to(rgba(200, 0, 0, 0.1))), #FFFFFF;
	background: -o-linear-gradient(bottom, rgba(200, 0, 0, 0.1), rgba(200, 0, 0, 0.1)), #FFFFFF;
	background: linear-gradient(0deg, rgba(200, 0, 0, 0.1), rgba(200, 0, 0, 0.1)), #FFFFFF;
	border: 1px solid rgba(200, 0, 0, 0.5);
	color: #C80000;
}
.minus-word-candidate--yellow{
	background: #FFF5CA;
	border: 1px dashed #FFDB4D;
}
.minus-word-candidate--yellow:hover{
	color: #000;
	background: #FFDB4D;
	border: 1px solid #FFDB4D;
}
.minus-word-candidate--yellow-current{
	background: #FFF5CA;
	border: 1px dashed #FFDB4D;
}
.minus-word-candidate--yellow-current:hover{
	color: #000;
	background: #FFDB4D;
	border: 1px solid #FFDB4D;
}
.minus-word-candidate--orange{
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 130, 77, 0.1)), to(rgba(255, 130, 77, 0.1))), #FFFFFF;
	background: -o-linear-gradient(bottom, rgba(255, 130, 77, 0.1), rgba(255, 130, 77, 0.1)), #FFFFFF;
	background: linear-gradient(0deg, rgba(255, 130, 77, 0.1), rgba(255, 130, 77, 0.1)), #FFFFFF;

	border: 1px solid #FF824D;

	color: #FF824D;
}
.minus-word-candidate--orange:hover{
	background: #FF824D;

	border: 1px solid #FF824D;

	color: #FFFFFF;
}
.minus-word-candidate--orange-current{
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 130, 77, 0.1)), to(rgba(255, 130, 77, 0.1))), #FFFFFF;
	background: -o-linear-gradient(bottom, rgba(255, 130, 77, 0.1), rgba(255, 130, 77, 0.1)), #FFFFFF;
	background: linear-gradient(0deg, rgba(255, 130, 77, 0.1), rgba(255, 130, 77, 0.1)), #FFFFFF;

	border: 1px solid #FF824D;

	color: #FF824D;
}
.minus-word-candidate--orange-current:hover{
	background: #FF824D;

	border: 1px solid #FF824D;

	color: #FFFFFF;
}
.minus-word-candidate--purple{
	background: #F1EDF9;
	border: 1px dashed #8D67CC;
	color: #000000;
}