@charset "UTF-8";

@font-face {
  font-family: "ToyotaType";
  src:
    url(../fonts/ToyotaType-Regular.woff2) format("woff2"),
    url(../fonts/ToyotaType-Regular.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ToyotaType";
  src:
    url(../fonts/ToyotaType-Semibold.woff2) format("woff2"),
    url(../fonts/ToyotaType-Semibold.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "ToyotaType", Arial, sans-serif;
}

:root {
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.7;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--accent_color);
  --swiper-pagination-color: var(--accent_color);
  --swiper-theme-color: var(--accent_color);
  --swiper-pagination-progressbar-bg-color: #ccc;
  --swiper-navigation-sides-offset: 1rem;
  --header-offset: 0px;
}

html,
body {
  scrollbar-gutter: stable;
}

.models-dropdown-scroll {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.models-dropdown-scroll::-webkit-scrollbar {
  width: 8px;
}

.models-dropdown-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.models-dropdown-scroll::-webkit-scrollbar-thumb {
  background-color: #910a2d;
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.models-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #a3a3a3;
}
.toyota_icon {
  position: relative;
  padding: 0 10px 0 47px;
  box-sizing: border-box;
  min-height: 27px;
  min-width: 231px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  background: #333;
  z-index: 5000;
  /* Якорим маркер так, чтобы остриё стрелки (.toyota_icon:before,
     которая выходит на 11px ниже прямоугольника) приземлялось точно
     в гео-точку: сдвигаем себя влево на половину ширины и вверх на
     полную высоту + высоту стрелки. */
  transform: translate(-50%, calc(-100% - 11px));
}

.toyota_icon:before {
  position: absolute;
  content: " ";
  width: 30px;
  height: 11px;
  bottom: -11px;
  left: 45%;
  background: url(/wp-content/themes/adm_template/img/arrow_map_label.png)
    no-repeat left top;
}

.toyota_icon.hover:before {
  background-position: left -11px;
}

.toyota_icon.hover {
  background: #858585;
}

.toyota_icon .icon_header {
  width: 100%;
  position: relative;
  line-height: 35px;
  font-size: 11px;
}

.toyota_icon .icon_header:before {
  position: absolute;
  content: " ";
  width: 27px;
  height: 18px;
  left: -34px;
  top: 8px;
  background: url(/wp-content/themes/adm_template/img/logo_map_label.png)
    no-repeat left top;
}