:root {
  --scrollbarBg: rgba(33, 59, 28, 0.17);
  --scrollbarThumb: rgba(33, 59, 28, 0.34);
  --scrollbarWidth: thin;
  --scrollbarHeight: 8px;
  --scrollbarBorder: 2px solid var(--scrollbarBg);
  --scrollbarBorderRadius: calc(var(--scrollbarWidth) / 2);
}

/* W3C standard для Firefox */
* {
  scrollbar-width: var(--scrollbarWidth);
  scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}

/* для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: var(--scrollbarHeight);
  width: var(--scrollbarWidth);
}

*::-webkit-scrollbar-track {
  background: var(--scrollbarBg);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbarBg);
  border-radius: var(--scrollbarBorderRadius);
  border: var(--scrollbarBorder);
}

/* 
 * Стили радиокнопок формы 
 */
.radio-custom {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 1em;
  padding-right: 1em;
}

.radio-custom__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.radio-custom__icon {
  width: 1em;
  height: 1em;
  background-image: url('images/radio-off.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: .25em;
  flex-shrink: 0;
  transition: background-image 0.2s ease;
}

.radio-custom__input:checked+.radio-custom__icon {
  background-image: url('images/radio-on.svg');
}

.radio-custom__label {
  font-size: 0.875em;
  line-height: 1.25em;
}

/* Стили для состояния hover */
.radio-custom:hover .radio-custom__icon {
  opacity: 0.8;
}

/* Стили для состояния focus 
.radio-custom__input:focus+.radio-custom__icon {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}
*/


[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
}