/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.rich[contenteditable="true"] {
  -webkit-user-modify: read-only;
  -moz-user-modify: read-only;
  user-modify: read-only;
}
/* Colors */
/* Fonts */
/*
 * Aristos flex framework. Миксины Flex, применяются к любому элементу.
 */
/*
 * Стиль элементов при эффектах hover, active, focus. Применяются к любому элементу при необходимости.
 */
/**
 * Цвет для input placeholder
 */
/*
 * Автоматическая конвертация размера шрифта в REM.
 */
/* Fonts */
.category-tags__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.category-tags__link {
  display: block;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Helvetica Neue Cyr Medium', Arial, Helvetica, sans-serif;
  font-weight: 500;
  border-radius: 40px;
  background-color: #f2f2f2;
  color: #000;
  text-decoration: none;
  transition: all 0.2s;
}
.category-tags__link:hover {
  background-color: #e1e1e1;
}
.category-tags .category-tags-toggle {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Helvetica Neue Cyr Roman', Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #febd17;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
}
.category-tags .category-tags-toggle:hover,
.category-tags .category-tags-toggle:focus {
  color: #333;
}
.category-tags .category-tags-toggle::before {
  content: '+ Больше';
}
.category-tags .category-tags-toggle.open::before {
  content: '- Меньше';
}
.category-tags.primary {
  margin-top: 26px;
}
.category-tags.secondary {
  margin-top: 20px;
}