/*
 * Стили каталога "Дизайнеры интерьера РФ" (/designers/) и (в дальнейшем) профиля /portfolio/.
 * Портировано из .planning/design/portfolio_verstka/css/style.css с изоляцией: каждое правило скоуплено
 * через предок .dp-scope, чтобы не конфликтовать с local/templates/ADD_Global_RU/styles.css
 * (там уже есть незаскоупленные .information__title/.user__name и т.д.).
 * Урезано под v1: убраны шрифты (сайт уже грузит Roboto), рейтинг/отзывы, бюджет-слайдер
 * (noUiSlider), Swiper, декоративный верхний ряд из 8 select-фильтров — их нет в разметке.
 */

/*
 * Блокировка скролла фона, пока открыта панель фильтров (portfolio-designers.js
 * переключает класс "lock" на <html>). Не может быть заскоуплено через .dp-scope,
 * т.к. body — предок .dp-scope, а не потомок; класс "lock" проверен на отсутствие
 * коллизий в styles.css/шаблоне, поэтому оставлен как узкое осознанное исключение
 * (тот же приём, что body:has(.rules-page) в rules/).
 */
html.lock,
html.lock body {
  overflow: hidden;
}

.dp-scope,
.dp-scope *,
.dp-scope *::before,
.dp-scope *::after {
  box-sizing: border-box;
}

.dp-scope {
  color: #000;
  line-height: 1;
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
}

.dp-scope button,
.dp-scope input,
.dp-scope textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

.dp-scope input,
.dp-scope textarea {
  width: 100%;
}

.dp-scope label {
  display: inline-block;
}

.dp-scope button,
.dp-scope option,
.dp-scope select {
  cursor: pointer;
}

.dp-scope a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

.dp-scope ul li {
  list-style: none;
}

.dp-scope img {
  vertical-align: top;
}

.dp-scope h1,
.dp-scope h2,
.dp-scope h3,
.dp-scope h4,
.dp-scope h5,
.dp-scope h6 {
  font-weight: inherit;
  font-size: inherit;
}

.dp-scope input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

/* контейнер с автоцентрированием, как в верстке (max-width 79.625rem = 1274px) */
.dp-scope [class*="__container"] {
  max-width: 79.625rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* --- чекбоксы фильтров --- */
.dp-scope .checkbox {
  position: relative;
  margin-bottom: .625rem;
}
.dp-scope .checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.dp-scope .checkbox__input:checked + .checkbox__label:before {
  background-color: #e0c79f;
}
.dp-scope .checkbox__label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 10px;
}
.dp-scope .checkbox__label:before {
  content: "";
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  outline: 1px solid #a3a4a7;
  border: 1px solid #fff;
}
.dp-scope .checkbox__text {
  align-self: center;
  font-size: .875rem;
}

/* --- аккордеон фильтров (data-spollers) --- */
.dp-scope .spollers {
  display: grid;
  gap: 15px;
}
.dp-scope .spollers__item {
  font-size: 1.25rem;
  border-bottom: .5px solid #d9d9d9;
}
.dp-scope .spollers__title {
  width: 100%;
  cursor: default;
  text-align: left;
  padding: .9375rem 0;
  border-radius: .3125rem;
  position: relative;
  list-style: none;
  font-weight: 700;
  font-size: 14px;
}
.dp-scope .spollers__title::-webkit-details-marker,
.dp-scope .spollers__title::marker {
  display: none;
}
.dp-scope ._spoller-init .spollers__title {
  cursor: pointer;
}
.dp-scope ._spoller-init .spollers__title::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  height: 10px;
  width: 5px;
  transition: transform .5s ease 0s;
  background: #fff url(../img/sp.webp) 0 0 no-repeat;
  transform: translate(-50%, -50%);
}
.dp-scope ._spoller-init .spollers__title._spoller-active::before {
  transform: translateX(-75%) rotate(-90deg);
}
.dp-scope .spollers__body {
  padding-top: .9375rem;
  padding-bottom: .75rem;
  padding-right: .9375rem;
}

/* --- хлебные крошки / заголовок раздела (замена .page__head) --- */
.dp-scope .source-link {
  padding: .6875rem 0;
  background: #f4f4f4;
}
.dp-scope .source-link__container {
  display: flex;
  justify-content: space-between;
  column-gap: .9375rem;
  align-items: center;
  flex-wrap: wrap;
  row-gap: .5rem;
}
.dp-scope .source-link__title {
  font-size: 1.5rem;
  line-height: 116.666667%;
}
.dp-scope .source-link__body {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: .625rem;
  font-size: .75rem;
  line-height: 116.666667%;
  padding-top: .3125rem;
}
.dp-scope .source-link__item {
  white-space: nowrap;
  transition: color .3s ease;
}
.dp-scope .source-link__current {
  color: #a3a4a7;
  position: relative;
  padding-left: .8125rem;
  pointer-events: none;
  text-transform: uppercase;
}
.dp-scope .source-link__current::before {
  content: "";
  position: absolute;
  width: .3125rem;
  height: .5rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #fff url(../img/arrow.webp) 0 0 no-repeat;
}

/* --- hero-блок с числом дизайнеров --- */
.dp-scope .first {
  padding-top: 3.875rem;
  padding-bottom: 2.4375rem;
  background-color: #252429;
}
/* Статичная заглушка: показывается, когда в слоте нет активного баннера.
   Фиксированная пропорция + object-fit живут здесь, а не на .first__img, —
   рекламный макет обрезать нельзя, а декоративную картинку можно. */
.dp-scope .first__img-plug {
  position: relative;
  overflow: hidden;
  padding-bottom: 22.691%;
  min-height: 9.375rem;
}
.dp-scope .first__img-plug img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
/* Баннер: натуральные пропорции, без обрезки. Big 1170x270 не растягиваем шире
   натуральной ширины, иначе на широком экране мыло; размер переключает <picture>. */
.dp-scope .first__banner {
  max-width: 73.125rem;
  margin: 0 auto;
}
/* Обязательно: .dp-scope a — inline-block (см. выше), из-за чего обёртка-ссылка
   сжималась бы по натуральной ширине файла, и баннер со ссылкой выводился бы
   не так, как без неё (а картинка в 2x — вылезала бы за контейнер). */
.dp-scope .first__banner a,
.dp-scope .first__banner picture {
  display: block;
}
.dp-scope .first__banner img {
  display: block;
  width: 100%;
  height: auto;
}
/* Маркировка рекламы: глобальный .nom_top_banner цвет не задаёт, а фон hero тёмный. */
.dp-scope .first__banner-note {
  display: block;
  color: rgba(255, 255, 255, .55);
}
.dp-scope .first__title {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  padding-top: 2.904375rem;
  padding-bottom: 1.375rem;
  line-height: 116.666667%;
  text-transform: uppercase;
}
.dp-scope .first__text {
  color: #fff;
  line-height: 135%;
}

/* --- поиск + верхняя панель фильтров --- */
.dp-scope .content {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.dp-scope .content__top-t {
  display: flex;
  align-items: flex-end;
  column-gap: 1.25rem;
  margin-bottom: 1.25rem;
}
.dp-scope .content__form {
  position: relative;
  display: flex;
  align-items: center;
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  border-radius: 3.125rem;
  padding: .25rem .25rem .25rem 1.5625rem;
  flex: 1 1 auto;
  min-width: 9.375rem;
  transition: border-color .3s ease;
}
.dp-scope .content__form:focus-within {
  border-color: #d1ad83;
}
.dp-scope .content__search {
  flex: 1 1 auto;
  min-width: 0;
  font-size: .875rem;
  color: #252429;
  outline: 0;
  border: 0;
  border-radius: 3.125rem;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  padding: .75rem 0;
}
.dp-scope .content__search::placeholder {
  color: #a3a4a7;
}
.dp-scope .content__search:-webkit-autofill,
.dp-scope .content__search:-webkit-autofill:hover,
.dp-scope .content__search:-webkit-autofill:focus,
.dp-scope .content__search:autofill {
  border-radius: 3.125rem;
  -webkit-text-fill-color: #252429;
  -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset;
  box-shadow: 0 0 0 1000px #f4f4f4 inset;
  transition: background-color 9999s ease-in-out 0s;
}
.dp-scope .content__button-search {
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 50%;
  background: #d1ad83;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .3s ease;
}
.dp-scope .content__button-search svg {
  display: block;
  width: 1rem;
  height: 1rem;
  color: #fff;
}

/* --- ряд кнопок-тегов (Жилые/Коммерческие/Шорт-лист/Премиум-Люкс/Реализовано) --- */
.dp-scope .content__buttons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: .625rem;
}
.dp-scope .content__button {
  position: relative;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: #000;
  background: #d1ad83;
  padding: 1.0625rem .78125rem 1.0625rem 2.65625rem;
  white-space: nowrap;
  transition: background .3s ease, color .3s ease;
  border: 0;
  cursor: pointer;
}
.dp-scope .content__button::before {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  top: 50%;
  left: .78125rem;
  transform: translateY(-50%);
  background: url(../img/star.webp) 0 0 no-repeat;
}
.dp-scope .content__button.is-active {
  background: #252429;
  color: #fff;
}
.dp-scope .content__button.is-active::before {
  filter: brightness(0) invert(1);
}

/* --- доп. фильтры ("Страна", "Позиционирование", "Номинация") под строкой
   поиска. margin-bottom здесь и в медиа-запросе ниже — тот же отступ, что был
   у .content__top-b до того, как весь этот блок скрыли (display:none), из-за
   чего его собственный margin-bottom перестал влиять на разметку. */
.dp-scope .content__extra-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-top: .9375rem;
  /* 1.5625rem — тот же левый паддинг, что у .content__form, чтобы текст
     "СТРАНА" начинался вровень с текстом "Найти специалиста". */
  margin-left: 1.5625rem;
  margin-bottom: 3.75rem;
}

/* --- кастомный дропдаун-фильтр (details/summary) — родной <select> нельзя
   стилизовать кроссбраузерно (список опций рисует ОС), поэтому список опций
   здесь — обычная разметка, полностью управляемая CSS. --- */
.dp-scope .dp-select {
  position: relative;
  display: inline-block;
  min-width: 9.375rem;
}
.dp-scope .dp-select__button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .625rem;
  list-style: none;
  cursor: pointer;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 .5rem;
  font-weight: 700;
  font-size: .75rem;
  text-transform: uppercase;
  color: #9b9b9b;
  transition: color .3s ease, border-color .3s ease;
}
.dp-scope .dp-select__button::-webkit-details-marker {
  display: none;
}
.dp-scope .dp-select__button::after {
  content: "";
  flex: 0 0 auto;
  width: .375rem;
  height: .375rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-3px);
  transition: transform .3s ease;
}
.dp-scope .dp-select.is-active .dp-select__button,
.dp-scope .dp-select[open] .dp-select__button {
  color: #252429;
  border-bottom-color: #252429;
}
.dp-scope .dp-select[open] .dp-select__button::after {
  transform: rotate(225deg) translateY(1px);
}
.dp-scope .dp-select__panel {
  position: absolute;
  top: calc(100% + .625rem);
  left: 0;
  z-index: 20;
  width: 15.625rem;
  max-width: 80vw;
  background: #fff;
  border-radius: .5rem;
  box-shadow: 0 .625rem 1.875rem rgba(0, 0, 0, .12);
  padding: .9375rem;
}
.dp-scope .dp-select__panel_compact {
  width: 11.25rem;
}
.dp-scope .dp-select__search {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 .5rem;
  margin-bottom: .625rem;
  font-size: .875rem;
  color: #252429;
  outline: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
}
.dp-scope .dp-select__search::placeholder {
  color: #a3a4a7;
}
.dp-scope .dp-select__list {
  max-height: 15rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: .125rem;
}
.dp-scope .dp-select__option {
  display: block;
  padding: .5rem .625rem;
  border-radius: .375rem;
  font-size: .875rem;
  color: #252429;
  transition: background .2s ease, color .2s ease;
}
.dp-scope .dp-select__option.is-selected {
  background: #d1ad83;
  color: #000;
  font-weight: 700;
}

.dp-scope .content__top-b {
  position: relative;
  margin-bottom: 3.75rem;
}
.dp-scope .content__filter {
  display: flex;
  align-items: center;
  column-gap: 1.875rem;
  justify-content: space-between;
  min-height: 3.125rem;
}
.dp-scope .content__all {
  font-weight: 700;
  font-size: .875rem;
  text-transform: uppercase;
}

/* --- ряд select'ов из макета — целиком декоративный, без функции, как в
   оригинале (реальные "Бюджет"/"Стиль" вынесены в .content__extra-filters выше) --- */
.dp-scope .content__filters {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.dp-scope .content__filters select {
  min-width: 0;
  flex: 1 1 100px;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 .5rem;
  font-weight: 700;
  font-size: .75rem;
  text-transform: uppercase;
  color: #9b9b9b;
  cursor: default;
}
.dp-scope .content__fil1 {
  display: none;
}
.dp-scope .content__button-filer {
  flex: 0 0 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  background: #d1ad83;
  transition: background .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.dp-scope .content__button-filer img {
  width: 1rem;
  height: 1rem;
}

/* --- по запросу: скрыты все фильтры, кроме поиска (content__form) ---
   Разметка и PHP-логика (SPEC/WORK/CITY/TAG/BUDGET/STYLE) не удалены,
   только спрятаны — легко вернуть, убрав это правило. */
.dp-scope .content__buttons,
.dp-scope .content__top-b,
.dp-scope .dropdown-filtercont {
  display: none !important;
}

/* --- сетка карточек дизайнеров --- */
.dp-scope .content__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.25rem;
  column-gap: 1.25rem;
}
.dp-scope .content__item {
  flex: 0 1 calc((100% - 40px) / 3);
  position: relative;
}
.dp-scope .content__image {
  position: relative;
  padding-bottom: 96.875%;
  overflow: hidden;
  background: #ececec;
}
.dp-scope .content__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
/*
 * Плашка с инициалами вместо аватара, когда у дизайнера пуст PERSONAL_PHOTO:
 * раньше в этом месте просто просвечивал фон .content__image — серый квадрат.
 * Сам градиент приходит инлайном из designers/index.php, он детерминирован
 * именем (designerPlaceholderHue), поэтому цвета здесь нет.
 */
.dp-scope .content__image-empty {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dp-scope .content__image-empty span {
  font-size: 3.25rem;
  font-weight: 500;
  letter-spacing: .125em;
  color: rgba(255, 255, 255, .9);
  /* Инициалы центрируются по всей плитке, а .content__name прижато к низу —
     на мобильных карточка низкая, поэтому подпираем инициалы вверх. */
  padding-bottom: 2rem;
}
.dp-scope .content__name {
  position: absolute;
  bottom: 1.9375rem;
  left: 0;
  font-weight: 900;
  font-size: 1.5rem;
  background: #d1ad83;
  padding: .1875rem 1.25rem;
  transition: opacity .3s ease;
}
.dp-scope .content__item:hover .content__name {
  opacity: 0;
}
.dp-scope .content__info {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 2;
  text-align: center;
}
.dp-scope .content__item:hover .content__info {
  opacity: 1;
}
.dp-scope .content__user {
  font-weight: 500;
  font-size: 1.5rem;
  padding-bottom: .3125rem;
  color: #fff;
}
.dp-scope .content__job {
  font-size: .75rem;
  margin-bottom: .5rem;
  color: #fff;
  text-align: center;
}
.dp-scope .content__profile {
  font-weight: 900;
  font-size: .75rem;
  text-transform: uppercase;
  text-align: center;
  color: #d1ad83;
  border: .125rem solid #d1ad83;
  padding: .875rem 1.4375rem;
  position: relative;
  transition: background .3s ease, color .3s ease;
  white-space: nowrap;
  margin-top: .75rem;
}
.dp-scope .content__empty {
  padding: 3.75rem 0;
  text-align: center;
  color: #717171;
  font-size: 1rem;
}

/* --- выезжающая панель фильтров --- */
.dp-scope .dropdown-filtercont {
  width: 18.75rem;
  opacity: 0;
  transform: translateX(50px);
  position: fixed;
  z-index: 100;
  overflow: auto;
  top: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}
.dp-scope .dropdown-filtercont.show {
  display: block;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.dp-scope .dropdown-filter {
  background-color: #fff;
  padding: 1.25rem;
  z-index: 5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}
.dp-scope .dropdown-filter__container {
  display: flex;
  flex-direction: column;
}
.dp-scope .dropdown-filter__title {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}
.dp-scope .dropdown-filter__search {
  width: 100%;
  font-size: .875rem;
  color: #a3a4a7;
  outline: 0;
  padding-right: .9375rem;
  background: #fff url(../img/search.webp) 100% 0 no-repeat;
  padding-bottom: .5rem;
  border-bottom: 1px solid #a3a4a7;
}
.dp-scope .dropdown-filter__search:focus {
  outline: 0;
  color: #000;
}
.dp-scope .dropdown-filter__items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.1875rem;
  margin-top: .625rem;
}
.dp-scope .dropdown-filter__button {
  font-weight: 900;
  font-size: .75rem;
  letter-spacing: .25em;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  background: #d1ad83;
  padding: 1.1875rem 1.5625rem;
  margin-top: 1.25rem;
  margin-bottom: .375rem;
  align-self: flex-end;
  transition: background .3s ease;
  border: 0;
  width: 100%;
}

/* --- пагинация каталога --- */
.dp-scope .catalog-pager {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dp-scope .catalog-pager a,
.dp-scope .catalog-pager span {
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  border: 1px solid #ebebeb;
  color: #252429;
}
.dp-scope .catalog-pager a:hover {
  background: #f4f4f4;
}
.dp-scope .catalog-pager span {
  background: #252429;
  color: #fff;
  border-color: #252429;
}

@media (max-width: 61.99875em) {
  .dp-scope .content__item {
    flex: 0 1 calc((100% - 20px) / 2);
  }
  .dp-scope .content__button_3,
  .dp-scope .content__button_4 {
    display: none;
  }
  .dp-scope .content__filters select[data-id="6"],
  .dp-scope .content__filters select[data-id="7"],
  .dp-scope .content__filters select[data-id="8"] {
    display: none;
  }
}

@media (max-width: 47.99875em) {
  .dp-scope .source-link {
    padding-top: 2.3125rem;
    padding-bottom: 2.3125rem;
  }
  .dp-scope .source-link__title {
    font-size: 1.25rem;
    line-height: 115%;
  }
  .dp-scope .source-link__body {
    display: none;
  }
  .dp-scope .first {
    padding: 1.25rem 0;
  }
  .dp-scope .first__title {
    padding-top: 1.25rem;
    padding-bottom: .3125rem;
    font-size: 1.25rem;
  }
  .dp-scope .first__text {
    font-size: .875rem;
  }
  .dp-scope .content {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }
  .dp-scope .content__top-b {
    margin-bottom: 1.875rem;
  }
  .dp-scope .content__extra-filters {
    margin-bottom: 1.875rem;
  }
  .dp-scope .content__filter {
    column-gap: .625rem;
  }
  .dp-scope .content__button_1,
  .dp-scope .content__button_2 {
    display: none;
  }
  .dp-scope .content__filters select[data-id="5"],
  .dp-scope .content__filters select[data-id="2"] {
    display: none;
  }
  .dp-scope .content__button-filer {
    flex: 0 0 2.875rem;
    width: 2.875rem;
    height: 2.875rem;
  }
  .dp-scope .content__items {
    gap: .625rem;
  }
  .dp-scope .content__item {
    flex: 0 1 calc((100% - 10px) / 2);
  }
  .dp-scope .content__name {
    padding: .0625rem .5625rem;
    font-size: .6875rem;
    font-weight: 700;
  }
  .dp-scope .content__image-empty span {
    font-size: 1.75rem;
    padding-bottom: 1.25rem;
  }
  .dp-scope .content__info {
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 1rem .3125rem;
  }
  .dp-scope .content__user {
    font-size: 1rem;
  }
}

@media (max-width: 29.99875em) {
  .dp-scope .content__profile {
    padding: .625rem .625rem;
    font-size: .625rem;
  }
  .dp-scope .content__button {
    font-size: .6875rem;
    letter-spacing: .25em;
    padding: .6875rem 1.09375rem .6875rem 2.96875rem;
    white-space: normal;
    text-align: left;
    width: 9.75rem;
  }
}

@media (any-hover: hover) {
  .dp-scope .source-link__item:hover {
    text-decoration: underline;
  }
  .dp-scope .content__button-filer:hover {
    background: #e0c79f;
  }
  .dp-scope .content__button-search:hover {
    background: #e0c79f;
  }
  .dp-scope .content__button:not(.is-active):hover {
    background: #e0c79f;
  }
  .dp-scope .content__profile:hover {
    background: #e0c79f;
    color: #000;
  }
  .dp-scope .dropdown-filter__button:hover {
    background: #e0c79f;
  }
  .dp-scope .dp-select__option:not(.is-selected):hover {
    background: #f4f4f4;
  }
}