/*---------------------------------------------------
    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 */
/* Фильтры для svg иконок https://codepen.io/sosuke/pen/Pjoqqp */
/* Breakpoints */
/* Base heading style */
/* Base button style */
/* old colors */
/* Fonts */
/* Цвета */
/* Breakpoints */
/* Шрифты */
/* Base heading style */
/* Кнопки */
/* Контейнер */
/* header */
/* footer */
/* Popup */
/* form checkbox */
/* input checkbox */
/* form tags */
.current-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  border-bottom: 0;
  margin: 0;
  gap: 10px;
}
.current-filters__filter {
  background-color: #f2f2f2;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 3px;
  height: auto;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  transition: all 0.35s;
  cursor: pointer;
  text-decoration: none;
}
.current-filters__filter:hover {
  background-color: #fc0d2d;
  text-decoration: none;
  color: #fff;
}
.current-filters__filter:hover .current-filters__remove {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(100%) contrast(103%);
}
.current-filters__filter:focus {
  text-decoration: none;
}
.current-filters__name {
  display: inline-block;
  margin: 0 3px 0 0;
}
.current-filters__remove {
  background-image: url('/skin/frontend/lite/interskol/icons/cross.svg');
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  display: block;
  height: 11px;
  width: 11px;
  margin: 0 0 0 10px;
  filter: invert(61%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(96%) contrast(84%);
}
.current-filters__reset {
  margin: 0;
}
.current-filters__reset form {
  margin: 0;
}
.current-filters__reset button,
.current-filters__reset a {
  background-color: #f2f2f2;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: auto;
  outline: none;
  display: inline-block;
  background-color: transparent;
  padding: 3px;
  font-weight: 700;
  border-radius: 0;
  color: #ABABAB;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.35s;
}
.current-filters__reset button:hover,
.current-filters__reset a:hover,
.current-filters__reset button:focus,
.current-filters__reset a:focus,
.current-filters__reset button:active,
.current-filters__reset a:active,
.current-filters__reset button:active:focus,
.current-filters__reset a:active:focus {
  color: #dc1735;
  outline: none;
}
.current-filters__reset button:hover,
.current-filters__reset a:hover {
  background-color: transparent;
}
@media (max-width: 768px) {
  .current-filters {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .current-filters__filter {
    margin-top: 4px;
    margin-right: 4px;
  }
  .current-filters__reset {
    margin-top: 4px;
  }
}