@charset "UTF-8";

@font-face {
  font-display: swap;
  font-family: TT TANK;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/TT_TANK_Bold.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: TT TANK;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/TT_TANK_Light.woff2) format("woff2");
}

@font-face {
  font-display: swap;
  font-family: TT TANK;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/TT_TANK_Medium.woff2) format("woff2");
}

* {
  font-family:
    TT TANK,
    Arial,
    Helvetica,
    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: #252c2c;
  --swiper-navigation-sides-offset: 1rem;
  --swiper-navigation-size: 20px;
  --header-offset: 0px;
}

html,
body {
  scrollbar-gutter: stable;
}

.review-text.is-collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.review-text.is-expanded {
  display: block;
  overflow: visible;
}

.review-text p:last-child {
  margin-bottom: 0;
}

.models-dropdown-scroll {
  max-height: calc(100vh - 100px);
  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: #ff9549;
  border-radius: 9999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.models-dropdown-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #a3a3a3;
}