/* [project]/src/styles/global.css [app-client] (css) */
:root {
  --color-white: #fff;
  --color-text-white: #e9edf6;
  --color-text-muted: #c1c2c5;
  --color-text-dark-muted: #75777e;
  --color-text-hovered: #7b7d80;
  --color-gray-600: #707275;
  --color-gray-100: #e7e8ee;
  --color-text-active: #111;
  --color-bg-btn: #44af69;
  --color-green-6: #0baa71;
  --color-yellow-6: #e09400;
  --color-font-primary: #1c1b1f;
  --size-text: 1.5rem;
  --color-gray: #999;
  --slides-border: 1px solid gray;
  --color-text: var(--color-black);
  --metric-bar-color: #95a5a6;
  --color-text-blue: #0084ff;
  --color-dark-blue-6: #4856cc;
  --background-btn-blue: #e9f4ff;
  --color-bg-inp: #303540;
  --color-bg-inp-dark: #252933;
  --telegram: #0084ff;
  --telegram-hover: #1d7ad1;
  --light-blue: #c3e3ff;
  --background-color: #fff;
  --color-black: #2d2d2d;
  --color-black-2: #2d2e30;
  --color-error: #dc2626;
  --color-red-6: #f03d3d;
  --color-bg-rating: #ffcb45;
  --color-light-gray: #fff;
  --color-bg-apartment: #ebedf3;
  --color-light-blue: #c3e3ff;
  --color-gray-hover: #dee0e6;
  --box-shadow: 0 4px 8px 0 gray;
  --neutral-dark: #333437;
  --neutral-gray: #eaebf0;
  --neutral-2: #e7e8ee;
  --neutral-3: #d6d7dd;
  --neutral-4: #c1c1c1;
  --neutral-5: #9f9f9f;
  --neutral-6: #8f8f8f;
  --neutral-8: #707275;
  --neutral-11: #424242;
  --neutral-white-16: #ebebeb29;
  --primary-basic: #2852e5;
  --color-link-blue: #3f4cc5;
  --border-radius-sm: 12px;
  --border-radius: 8px;
  --container-max-width: 1280px;
  --block-padding-x: 16px;
  --block-padding-y: 16px;
  --card-border-radius: 16px;
  --cards-grid-gap: 16px;
  --font-size-h2: 20px;
}

@media (min-width: 768px) {
  :root {
    --container-max-width: 1280px;
    --block-padding-x: 32px;
    --block-padding-y: 24px;
    --card-border-radius: 16px;
    --cards-grid-gap: 24px;
    --font-size-h2: 28px;
  }
}

html {
  font-feature-settings: normal;
  font-variation-settings: normal;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 62.5%;
  line-height: 1.5;
  overflow-x: hidden;
}

body {
  font-weight: 500;
  line-height: inherit;
  background-color: var(--color-white);
  padding-inline-end: var(--scrollbar-width);
  overflow-x: clip;
}

.input::-webkit-slider-thumb {
  cursor: pointer;
  appearance: none;
  background-color: #65001c;
  border: 0 solid #000;
  border-radius: 7px;
  width: 39px;
  height: 20px;
  margin-top: -3.6px;
  box-shadow: 0 0 #000, 0 0 #0d0d0d;
}

.container {
  margin: 0 auto;
  padding: 12px 16px;
}

.flex-align {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.fx-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-start {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-column {
  flex-direction: column;
  display: flex;
}

.dots {
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
  display: flex;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dot {
  cursor: pointer;
  opacity: .5;
  background-color: var(--color-white);
  border: none;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  padding: 3px;
}

.dot:focus {
  outline: none;
}

.dot.active {
  opacity: 1;
  width: 7px;
  height: 7px;
  padding: 4px;
}

.keen-slider {
  height: 100%;
  transition: height .3s ease-in-out;
}

.keen-slider__slide {
  min-width: 100%;
  max-width: 100%;
}

svg.star-svg {
  display: inline;
}

.margin {
  margin: 24px;
}

.containerWithMargin {
  margin: 0;
}

.autoSize {
  width: 100%;
  height: auto;
}

.no-scroll, html.no-scroll {
  touch-action: none;
  overflow: hidden;
}

@media (min-width: 768px) {
  .margin, .containerWithMargin {
    margin: 28px 40px;
  }
}

@media (min-width: 1440px) {
  .margin, .containerWithMargin {
    width: 100%;
    max-width: 1240px;
    margin: 28px auto;
  }
}

.ymaps-2-1-79-gototech {
  display: none !important;
}

.ymaps-2-1-79-placemark__content.ymaps-2-1-79-placemark__content-inner {
  height: 20px;
  margin-top: 0;
  font-family: Inter, Noto Sans Arabic, Noto Sans Hebrew, sans-serif;
  overflow: visible;
}