@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&display=swap);
.rc__a1SY8,
.rc__1tOM3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.rc__a1SY8 .rc__cOVpq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

.rc__a1SY8 .rc__yHXIH {
    display: block;
    height: 30px;
    background-size: cover;
    background-position: center;
  }

.rc__1tOM3 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
  height: 50px;
}

.rc__1tOM3 .rc__yHXIH {
    max-height: 50px;
  }

.rc__cOVpq {
  font-size: 0;
}

.rc__6PpWm {
  width: 108.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/rambler.svg");
}

.rc__LJcOk {
  width: 57px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/news.svg");
}

.rc__LVyf- {
  width: 48.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/weather.svg");
}

.rc__QPLRh {
  width: 73.5px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/horoscopes.svg");
}

.rc__pJoCm {
  width: 62.25px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/finance.svg");
}

.rc__hqJbm {
  width: 66px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/woman.svg");
}

.rc__AnTfi {
  width: 34.5px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/kino.svg");
}

.rc__G0mUT {
  width: 39.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/sport.svg");
}

.rc__z9wWU {
  width: 30px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/auto.svg");
}

.rc__PmPss {
  width: 47.25px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/doctor.svg");
}

.rc__xxCTf {
  width: 78.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/weekend.svg");
}

.rc__xEMBp {
  width: 84.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/travel.svg");
}

.rc__qZ4bH {
  width: 33.75px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/soft.svg");
}

.rc__9zYUX {
  width: 40.5px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/likes.svg");
}

.rc__OnrOh {
  width: 56.25px;
  background-image: url("https://static.rambler.ru/assets/logos/v2/help.svg");
}

.rc__opYP9 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 50px;
}

.rc__opYP9.rc__hiAJd {
    height: 100px;
  }

.rc__f2oyJ {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px;
  height: 50px;
}

.rc__rEGdL {
  width: 20px;
  height: 20px;
  color: #315efb;
}

.rc__f2oyJ:active .rc__rEGdL {
    color: #274bc8;
  }

.rc__UUmyB {
  opacity: 1;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

.rc__3QePE .rc__UUmyB {
    opacity: 0;
    pointer-events: none;
  }

.rc__Y11Ma {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  width: 100vw;
  height: calc(100vh - 60px);
  top: 60px;
  left: 0;
}

.rc__YgzuZ {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-bottom: 10px;
}

.rc__j1bVK {
  width: 100%;
  height: 10px;
}

.rc__P5Bev {
  width: 100%;
}

.rc__hUPic {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 10px;
}

.rc__hUPic:active {
    background-color: #d1e2ff;
  }

.rc__BOM6U {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #343b4c;
  text-align: left;
}

.rc__BOM6U b {
    color: #315efb;
    font-weight: 700;
  }

.rc__PSdg4 {
  position: absolute;
  width: 100%;
  height: 50px;
  top: 50px;
  right: 0;
  padding: 0 10px 10px;
  background-color: #ffffff;
  -webkit-transition: width 300ms, top 300ms, padding 300ms, opacity 300ms;
  transition: width 300ms, top 300ms, padding 300ms, opacity 300ms;
}

.rc__PSdg4.rc__z-i65 {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    padding: 10px;
    z-index: 2;
  }

.rc__PSdg4.rc__S9BE- {
    -webkit-transition: none;
    transition: none;
  }

.rc__PSdg4.rc__M-xwx {
    width: calc(100% - 50px);
    top: 0;
    padding: 5px 10px 5px 0;
    -webkit-transition: none;
    transition: none;
  }

.rc__MQQRV {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}

.rc__qWmTT {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  width: 100%;
  height: 40px;
}

.rc__ARK23 {
  outline: 0 !important;
}

.rc__ARK23 {
  width: 100%;
  height: 40px;
  padding: 0 70px 0 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #343b4c;
  border: 0;
  border-radius: 5px;
  background-color: #d1e2ff;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

.rc__ARK23::-webkit-input-placeholder {
    color: #315efb;
  }

.rc__ARK23::-moz-placeholder {
    color: #315efb;
  }

.rc__ARK23:-ms-input-placeholder {
    color: #315efb;
  }

.rc__ARK23::-ms-input-placeholder {
    color: #315efb;
  }

.rc__ARK23::placeholder {
    color: #315efb;
  }

.rc__ARK23:focus {
    background-color: #c1d8ff;
  }

.rc__0KfMt {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 5px;
  z-index: 1;
}

.rc__u-NRY {
  width: 40px;
  height: 40px;
  top: 0;
  right: 35px;
  color: #343b4c;
}

.rc__u-NRY:active {
    color: #274bc8;
  }

.rc__Zn7Or {
  width: 30px;
  height: 30px;
  top: 5px;
  right: 5px;
  color: #ffffff;
  background-color: #315efb;
}

.rc__Zn7Or:active {
    background-color: #274bc8;
  }

.rc__5DQs0 {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
  height: 40px;
  min-width: 20px;
  margin-right: 10px;
  font-size: 0;
  color: #315efb;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rc__5DQs0:active {
    color: #274bc8;
  }

.rc__tLLGP {
  display: block;
  width: 20px;
  height: 20px;
}

.rc__4LQ-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rc__uoYtO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #315efb;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.rc__uoYtO:active {
    color: #274bc8;
    background-color: #c1d8ff;
  }

.rc__S2wnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 15px;
    background-color: #d1e2ff;
  }

.rc__I2f1Q {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 110px;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  border-radius: 20px;
  background-color: #315efb;
}

.rc__I2f1Q:active {
    background-color: #274bc8;
  }

.rc__I2f1Q .rc__bZSEQ {
    margin-right: 5px;
  }

.rc__BTqJU {
  padding: 10px 10px 0;
}

.rc__3PJhj {
  position: relative;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 50px;
}

.rc__gBFmG {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iMjYwIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRTBFQkZGIiBkPSJNMCAwaDI2MHYyNjBIMHoiLz48cGF0aCBmaWxsPSIjQzFEOEZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDUuNzM1IDE5NS42MjVjLTYuMjA5LTUuMzk1LTEzLjgzNi05LjU4NC0yMi42MTItMTIuNzM3QzE2OS41MzMgMTk2LjUzNyAxNTAuNzM3IDIwNSAxMzAgMjA1Yy0yMC43MzcgMC0zOS41MzMtOC40NjMtNTMuMTIyLTIyLjExMi04Ljc3NyAzLjE1My0xNi40MDQgNy4zNDItMjIuNjEzIDEyLjczN0MzNy4xODYgMjA5LjgyNyAzMC4zNTkgMjMyLjc0NCAzMCAyNjBoMjAwYy0uMzU5LTI3LjI1Ni03LjE4Ni01MC4xNzMtMjQuMjY1LTY0LjM3NVpNODAgMTEwYzAtMjcuNjE0IDIyLjM4Ni01MCA1MC01MHM1MCAyMi4zODYgNTAgNTB2MjBjMCAyNy42MTQtMjIuMzg2IDUwLTUwIDUwcy01MC0yMi4zODYtNTAtNTB2LTIwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}

.rc__-3-24,
.rc__66ziK {
  overflow: hidden;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rc__-3-24 {
  color: #343b4c;
}

.rc__bZSEQ {
  display: block;
  width: 20px;
  height: 20px;
}

.rc__bba7n {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  color: var(--rc-topline-email-color);
  text-align: left;
}

.rc__bba7n:not(.rc__9-t-4):active {
    color: #274bc8;
  }

.rc__66ziK {
  position: relative;
  max-width: 205px;
}

.rc__9-t-4 .rc__66ziK {
    color: rgba(119,126,152, 0);
    -webkit-transition: none;
    transition: none;
  }

.rc__9-t-4 .rc__66ziK::after {
      position: absolute;
      overflow: hidden;
      width: 100%;
      top: 0;
      left: 0;
      content: "Скопировано";
      color: #777e98;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

.rc__9Xym9 {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  z-index: 1;
}

.rc__9Xym9::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -5px;
    left: -5px;
    border-radius: 15px;
    background-color: transparent;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    -webkit-transition: background-color 100ms, -webkit-transform 100ms;
    transition: background-color 100ms, -webkit-transform 100ms;
    transition: background-color 100ms, transform 100ms;
    transition: background-color 100ms, transform 100ms, -webkit-transform 100ms;
    z-index: -1;
  }

.rc__bba7n:active .rc__9Xym9::before {
    background-color: #e0ebff;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

.rc__9-t-4 .rc__bZSEQ {
  display: none;
}

.rc__anKff {
  position: relative;
  padding-left: 50px;
}

.rc__i7dQ9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 230px;
  padding: 10px 0;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #315efb;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.rc__i7dQ9:active {
    color: #274bc8;
  }

button.rc__i7dQ9 {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  padding: 10px 0;
}

.rc__kUmsI {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  top: 5px;
  left: 0;
  border-radius: 20px;
  background-color: #d1e2ff;
}

.rc__kUmsI.rc__2zn1K::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    right: -5px;
    border-radius: 5px;
    background-color: #ff564e;
  }

.rc__Qp1ny {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(52,59,76, 0.8);
  z-index: 999;
}

.rc__DTuwI {
  margin: 10px -20px;
  padding: 10px 20px;
  background-color: #f7faff;
}

.rc__aydQ2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rc__aydQ2.rc__gnO2H {
    padding-left: 30px;
  }

.rc__FjYmH {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #343b4c;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: left;
}

.rc__-sYnq .rc__FjYmH,
  .rc__W6IB5 .rc__FjYmH {
    color: #315efb;
  }

.rc__FjYmH:active {
    color: #274bc8;
  }

.rc__4GcKC {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: bottom;
}

.rc__yJUQa {
  width: 20px;
  height: 20px;
}

.rc__4GbEK {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rc__9B-L4 {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  -ms-flex-negative: 0;

      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin-right: -10px;
  color: #343b4c;
}

.rc__-sYnq .rc__9B-L4,
  .rc__W6IB5 .rc__9B-L4 {
    color: #315efb;
  }

.rc__9B-L4:active {
    color: #274bc8;
  }

.rc__NBnZg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 20px;
  height: 20px;
}

.rc__-sYnq .rc__NBnZg {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }

.rc__PCsIc {
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 5px 20px;
  background-color: #eff5ff;
  z-index: 5;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}

.rc__PCsIc.rc__y-1mZ {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

.rc__oy5im {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(52,59,76, 0.8);
  opacity: 0;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
  z-index: 4;
}

.rc__oy5im.rc__thQ7c {
    opacity: 1;
  }

.rc__03r12 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: 50% 50%;
}

.rc__03r12.rc__77ZCk {
    background-image: url("https://static.rambler.ru/assets/product/regular/about.svg");
  }

.rc__03r12.rc__H5SM4 {
    background-image: url("https://static.rambler.ru/assets/product/regular/advertising.svg");
  }

.rc__03r12.rc__GHq5- {
    background-image: url("https://static.rambler.ru/assets/product/regular/apps.svg");
  }

.rc__03r12.rc__oou5o {
    background-image: url("https://static.rambler.ru/assets/product/regular/auto.svg");
  }

.rc__03r12.rc__vZF6L {
    background-image: url("https://static.rambler.ru/assets/product/regular/desktop.svg");
  }

.rc__03r12.rc__s7e1i {
    background-image: url("https://static.rambler.ru/assets/product/regular/doctor.svg");
  }

.rc__03r12.rc__CXnUS {
    background-image: url("https://static.rambler.ru/assets/product/regular/finance.svg");
  }

.rc__03r12.rc__R18-A {
    background-image: url("https://static.rambler.ru/assets/product/regular/help.svg");
  }

.rc__03r12.rc__pduUo {
    background-image: url("https://static.rambler.ru/assets/product/regular/horoscopes.svg");
  }

.rc__03r12.rc__BMxG9 {
    background-image: url("https://static.rambler.ru/assets/product/regular/images.svg");
  }

.rc__03r12.rc__9RRcS {
    background-image: url("https://static.rambler.ru/assets/product/regular/kassa.svg");
  }

.rc__03r12.rc__m28TH {
    background-image: url("https://static.rambler.ru/assets/product/regular/kino.svg");
  }

.rc__03r12.rc__6pqBs {
    background-image: url("https://static.rambler.ru/assets/product/regular/likes.svg");
  }

.rc__03r12.rc__6DTHm {
    background-image: url("https://static.rambler.ru/assets/product/regular/mail.svg");
  }

.rc__03r12.rc__vPsYK {
    background-image: url("https://static.rambler.ru/assets/product/regular/news.svg");
  }

.rc__03r12.rc__K6Msp {
    background-image: url("https://static.rambler.ru/assets/product/regular/policy.svg");
  }

.rc__03r12.rc__Q22uy {
    background-image: url("https://static.rambler.ru/assets/product/regular/search.svg");
  }

.rc__03r12.rc__lrZ5H {
    background-image: url("https://static.rambler.ru/assets/product/regular/sport.svg");
  }

.rc__03r12.rc__5kcFm {
    background-image: url("https://static.rambler.ru/assets/product/regular/starlife.svg");
  }

.rc__03r12.rc__Kaxpg {
    background-image: url("https://static.rambler.ru/assets/product/regular/terms.svg");
  }

.rc__03r12.rc__iB7X- {
    background-image: url("https://static.rambler.ru/assets/product/regular/top100.svg");
  }

.rc__03r12.rc__jVhE1 {
    background-image: url("https://static.rambler.ru/assets/product/regular/travel.svg");
  }

.rc__03r12.rc__SpIgW {
    background-image: url("https://static.rambler.ru/assets/product/regular/vacancy.svg");
  }

.rc__03r12.rc__oqiyA {
    background-image: url("https://static.rambler.ru/assets/product/regular/weather.svg");
  }

.rc__03r12.rc__te7Um {
    background-image: url("https://static.rambler.ru/assets/product/regular/weekend.svg");
  }

.rc__03r12.rc__UXePg {
    background-image: url("https://static.rambler.ru/assets/product/regular/woman.svg");
  }

.rc__03r12.rc__8vES0 {
    background-image: url("https://static.rambler.ru/assets/product/regular/work.svg");
  }

.rc__03r12.rc__-9hTj {
    background-image: url("https://static.rambler.ru/assets/product/regular/more.svg");
  }

.rc__ko-GR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}

.rc__dPIQ1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-left: -5px;
}

.rc__dPIQ1:active {
    border-radius: 20px;
    background-color: #e0ebff;
  }

.rc__dPIQ1 .rc__03r12 {
    background-image: url("https://static.rambler.ru/assets/product/regular/home.svg");
  }

.rc__HNNLD {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 200px;
  margin: 0 5px;
  color: #315efb;
}

.rc__HNNLD:active {
    color: #274bc8;
  }

.rc__HNNLD .rc__03r12 {
    margin-right: 5px;
  }

.rc__HNNLD .rc__V8CuZ {
    overflow: hidden;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.rc__6G5zM {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  width: 40px;
  margin-right: -5px;
  color: #315efb;
}

.rc__6G5zM:active {
    border-radius: 20px;
    background-color: #e0ebff;
  }

.rc__k2ble,
.rc__XwAMs {
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 10px -10px rgba(49,94,251, 0.2);
          box-shadow: 0 10px 10px -10px rgba(49,94,251, 0.2);
}

.rc__k2ble {
  padding: 10px;
}

.rc__XwAMs {
  margin-top: 10px;
  padding: 10px 20px;
}

.rc__8fSMR {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  color: #343b4c;
}

.rc__Oh0hS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  height: 200px;
}

.rc__tIYh- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 10px);
}

.rc__tIYh- + .rc__tIYh- {
    margin-left: 20px;
  }

button.rc__VQryl {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.rc__VQryl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #343b4c;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: left;
}

.rc__VQryl.rc__Qe76Y {
    color: #315efb;
  }

.rc__VQryl:active {
    color: #274bc8;
  }

.rc__YqgvS {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  z-index: 0;
}

.rc__VQryl:active .rc__YqgvS::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: -5px;
    left: -5px;
    border-radius: 15px;
    background-color: #e0ebff;
    z-index: -1;
  }

.rc__DkCva {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rc__EX8ZO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}

.rc__Pwi4j {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  font-size: 0;
  border-radius: 50%;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.rc__Pwi4j + .rc__Pwi4j {
    margin-left: 10px;
  }

.rc__Pwi4j.rc__iUSYe {
    background-color: #0077ff;
  }

.rc__Pwi4j.rc__rKf7i {
    background-color: #ee8208;
  }

.rc__Pwi4j.rc__NRyE5 {
    background-color: #2aaaed;
  }

.rc__Pwi4j.rc__WPA2X {
    background-color: #343b4c;
  }

.rc__A6bS2 {
    display: block;
    width: 20px;
    height: 20px;
    color: #ffffff;
  }

.rc__QVUue {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: #343b4c;
}

.rc__spW7k {
  display: inline-block;
  margin-left: 20px;
}

.rc__QDKf- {
  position: relative;
  min-width: 320px;
  height: 50px;
  z-index: 10;
}

.rc__QDKf-.rc__s2Wvu {
    height: 100px;
  }

.rc__QDKf-.rc__BZkzn {
    height: 140px;
  }

.rc__sTYfK {
  position: relative;
  height: 50px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 10px -10px rgba(49,94,251, 0.2);
          box-shadow: 0 10px 10px -10px rgba(49,94,251, 0.2);
}

.rc__s2Wvu .rc__sTYfK {
    height: 100px;
  }

.rc__s2Wvu .rc__sTYfK.rc__Xh8Ll {
      height: 50px;
    }

.rc__BZkzn .rc__sTYfK {
    height: 140px;
  }

.rc__BZkzn .rc__sTYfK.rc__Xh8Ll {
      height: 100px;
    }

.rc__sTYfK.rc__GISAv {
    position: fixed;
    width: 100vw;
    left: 0;
    top: -60px;
    -webkit-transition: top 300ms, -webkit-transform 300ms;
    transition: top 300ms, -webkit-transform 300ms;
    transition: top 300ms, transform 300ms;
    transition: top 300ms, transform 300ms, -webkit-transform 300ms;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

.rc__s2Wvu .rc__sTYfK.rc__GISAv {
      top: -110px;
    }

.rc__BZkzn .rc__sTYfK.rc__GISAv {
      top: -160px;
    }

.rc__sTYfK.rc__GISAv.rc__qib84 {
      -webkit-transform: translateY(60px);
              transform: translateY(60px);
    }

.rc__s2Wvu .rc__sTYfK.rc__GISAv.rc__qib84 {
        -webkit-transform: translateY(110px);
                transform: translateY(110px);
      }

.rc__BZkzn .rc__sTYfK.rc__GISAv.rc__qib84 {
        -webkit-transform: translateY(160px);
                transform: translateY(160px);
      }

.rc__Dk-ke {
  position: absolute;
  width: 100%;
  height: 50px;
  top: 50px;
  right: 0;
  -webkit-box-shadow: 0 -1px 0 0 #d1e2ff;
          box-shadow: 0 -1px 0 0 #d1e2ff;
  background-color: #ffffff;
  -webkit-transition: top 300ms;
  transition: top 300ms;
  z-index: 1;
}

.rc__BZkzn .rc__Dk-ke {
    top: 90px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

.rc__BZkzn .rc__Xh8Ll .rc__Dk-ke {
    top: 50px;
  }


:root {
  --rc-popup-full-veil-bgColor: #ffffff;
  --rc-popup-modal-veil-bgColor: rgba(52,59,76, 0.8);
  --rc-popup-bgColor: #ffffff;
  --rc-popup-boxShadow: 0px 10px 30px -5px rgba(49,94,251, 0.25);
  --rc-popup-color: #343b4c;
  --rc-popup-hover-color: #2c54e2;
  --rc-popup-active-color: #274bc8;
}

:root.dark-mode {
  --rc-popup-full-veil-bgColor: #1f2431;
  --rc-popup-modal-veil-bgColor: rgba(52,59,76, 0.8);
  --rc-popup-bgColor: #1f2431;
  --rc-popup-boxShadow: 0px 10px 30px -5px rgba(13,16,23, 0.6);
  --rc-popup-color: #eff5ff;
  --rc-popup-hover-color: #a2c4ff;
  --rc-popup-active-color: #83b1ff;
  }

.rc__X2Oix,
.rc__cIdyD {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
}

.rc__X2Oix {
  background-color: var(--rc-popup-full-veil-bgColor);
  opacity: 0;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  -webkit-transition: opacity 100ms, -webkit-transform 100ms;
  transition: opacity 100ms, -webkit-transform 100ms;
  transition: opacity 100ms, transform 100ms;
  transition: opacity 100ms, transform 100ms, -webkit-transform 100ms;
}

.rc__X2Oix.rc__8e-rO {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

.rc__cIdyD {
  background-color: var(--rc-popup-modal-veil-bgColor);
  opacity: 0;
  -webkit-transition: opacity 100ms;
  transition: opacity 100ms;
}

.rc__cIdyD.rc__8e-rO {
    opacity: 1;
  }

.rc__cIdyD .rc__NZ0Jj {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 100%;
    min-height: 100%;
    padding: 20px;
  }

.rc__X2Oix .rc__csrGU {
    width: 100%;
  }

.rc__cIdyD .rc__csrGU {
    position: relative;
    max-width: 100%;
    border-radius: 15px;
    background-color: var(--rc-popup-bgColor);
    -webkit-box-shadow: var(--rc-popup-boxShadow);
            box-shadow: var(--rc-popup-boxShadow);
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform 100ms;
    transition: -webkit-transform 100ms;
    transition: transform 100ms;
    transition: transform 100ms, -webkit-transform 100ms;
  }

.rc__cIdyD.rc__8e-rO .rc__csrGU {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

.rc__cIdyD.rc__mxoAE .rc__csrGU {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }

.rc__TqEM- {
  margin: 20px 20px 15px;
  margin-bottom: 15px;
  padding-right: 60px;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  font-size: 21px;
  line-height: 30px;
  color: var(--rc-popup-color);
}

.rc__-td8Z {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  color: var(--rc-popup-color);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: color 200ms;
  transition: color 200ms;
  cursor: pointer;
  z-index: 1;
}

.rc__-td8Z:hover {
    color: var(--rc-popup-hover-color);
  }

.rc__-td8Z:active {
    color: var(--rc-popup-active-color);
  }

.rc__BsyT1 {
  display: block;
  width: 20px;
  height: 20px;
}

.rc__MATVr {
  margin: 20px;
}

.rc__TqEM- + .rc__MATVr {
    margin-top: 0;
  }


.rc__gSnIH {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 100%;
}

  @media (min-width: 769px) {.rc__gSnIH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
  }

  .rc__gSnIH + .rc__gSnIH {
    margin-top: 20px;
  }

  .rc__a2zlT {
  display: none;
}

  .rc__I1v4k {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border-radius: 50%;
  outline: 0 solid transparent;
  border: var(--rc-geo-radio-border);
  background-color: var(--rc-geo-radio-bgColor);
  -webkit-transition: border 200ms, outline 100ms;
  transition: border 200ms, outline 100ms;
  z-index: 1;
}

  .rc__gSnIH:not(.rc__km-i0):hover .rc__I1v4k {
    border: var(--rc-geo-radio-hover-border);
  }

  .rc__gSnIH:not(.rc__km-i0):active .rc__I1v4k {
    border: var(--rc-geo-radio-active-border);
    outline: var(--rc-geo-radio-active-outline);
  }

  .rc__km-i0 .rc__I1v4k {
    border: var(--rc-geo-radio-checked-border);
    background-color: var(--rc-geo-radio-checked-bgColor);
  }

  @media (hover: hover) {
    .rc__km-i0:hover .rc__I1v4k {
      border: var(--rc-geo-radio-checked-hover-border);
    }
  }

  .rc__km-i0:active .rc__I1v4k {
    border: var(--rc-geo-radio-checked-active-border);
  }

  .rc__KJ7cJ,
.rc__kE2PT {
  display: block;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

  .rc__KJ7cJ {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 30px;
  color: var(--rc-geo-radio-label-color);
}

  @media (max-width: 768px) {

.rc__KJ7cJ {
    overflow: hidden
}
  }

  .rc__kE2PT {
  overflow: hidden;
  color: var(--rc-geo-description-color);
}

  @media (max-width: 768px) {

.rc__kE2PT {
    margin-top: 5px
}
  }

  @media (min-width: 769px) {

.rc__kE2PT {
    margin-left: 10px
}
  }

  .rc__bUHV8 {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 45px;
  left: 0;
  right: 0;
  border-radius: 5px;
  background-color: var(--rc-geo-suggest-bgColor);
  -webkit-box-shadow: var(--rc-geo-suggest-boxShadow);
          box-shadow: var(--rc-geo-suggest-boxShadow);
  z-index: 1;
}

  .rc__bUHV8.rc__w3NCv {
    display: block;
  }

  .rc__lld4d {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-geo-suggest-color);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--rc-geo-suggest-bgColor);
  -webkit-transition: color 200ms, background-color 200ms;
  transition: color 200ms, background-color 200ms;
  cursor: pointer;
}

  .rc__lld4d.rc__3RJjO {
    color: var(--rc-geo-suggest-hover-color);
    background-color: var(--rc-geo-suggest-hover-bgColor);
  }

  .rc__lld4d:active {
    color: var(--rc-geo-suggest-active-color);
    background-color: var(--rc-geo-suggest-active-bgColor);
  }

  .rc__jhm2R {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 20px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  border-radius: 25px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 200ms, color 200ms;
  transition: background-color 200ms, color 200ms;
}

  .rc__jhm2R:not(.rc__sciMl).rc__pVf0e {
    color: var(--rc-geo-button-primary-color);
    background-color: var(--rc-geo-button-primary-bgColor);
  }

  @media (hover: hover) {
      .rc__jhm2R:not(.rc__sciMl).rc__pVf0e:hover {
        background-color: var(--rc-geo-button-primary-hover-bgColor);
      }
    }

  .rc__jhm2R:not(.rc__sciMl).rc__pVf0e:active {
      background-color: var(--rc-geo-button-primary-active-bgColor);
    }

  .rc__jhm2R:not(.rc__sciMl).rc__OGbRg {
    color: var(--rc-geo-button-secondary-color);
    background-color: var(--rc-geo-button-secondary-bgColor);
  }

  @media (hover: hover) {
      .rc__jhm2R:not(.rc__sciMl).rc__OGbRg:hover {
        color: var(--rc-geo-button-secondary-hover-color);
        background-color: var(--rc-geo-button-secondary-hover-bgColor);
      }
    }

  .rc__jhm2R:not(.rc__sciMl).rc__OGbRg:active {
      color: var(--rc-geo-button-secondary-active-color);
      background-color: var(--rc-geo-button-secondary-active-bgColor);
    }

  .rc__jhm2R.rc__sciMl {
    color: var(--rc-geo-button-disabled-color);
    background-color: var(--rc-geo-button-disabled-bgColor);
    cursor: default;
    pointer-events: none;
  }

  :root {
  --rc-geo-headline-color: #343b4c;
  --rc-geo-description-color: #777e98;
  --rc-geo-loader-color: #315efb;
  --rc-geo-bgColor: #ffffff;

  --rc-geo-input-color: #343b4c;
  --rc-geo-input-bgColor: #eff5ff;
  --rc-geo-input-hover-color: #e0ebff;
  --rc-geo-input-placeholder-color: #777e98;

  --rc-geo-button-primary-color: #ffffff;
  --rc-geo-button-primary-bgColor: #315efb;
  --rc-geo-button-primary-hover-bgColor: #2c54e2;
  --rc-geo-button-primary-active-bgColor: #274bc8;
  --rc-geo-button-secondary-color: #343b4c;
  --rc-geo-button-secondary-bgColor: #e0ebff;
  --rc-geo-button-secondary-hover-color: #2c54e2;
  --rc-geo-button-secondary-hover-bgColor: #d1e2ff;
  --rc-geo-button-secondary-active-color: #274bc8;
  --rc-geo-button-secondary-active-bgColor: #c1d8ff;
  --rc-geo-button-disabled-color: #afb6c9;
  --rc-geo-button-disabled-bgColor: #f3f4f7;

  --rc-geo-radio-label-color: #343b4c;
  --rc-geo-radio-bgColor: #ffffff;
  --rc-geo-radio-border: solid 10px #e0ebff;
  --rc-geo-radio-hover-border: solid 10px #d1e2ff;
  --rc-geo-radio-active-border: solid 10px #c1d8ff;
  --rc-geo-radio-active-outline: solid 5px #eff5ff;
  --rc-geo-radio-checked-border: solid 5px #315efb;
  --rc-geo-radio-checked-hover-border: solid 5px #2c54e2;
  --rc-geo-radio-checked-active-border: solid 5px #274bc8;

  --rc-geo-suggest-color: #343b4c;
  --rc-geo-suggest-bgColor: #eff5ff;
  --rc-geo-suggest-hover-color: #2c54e2;
  --rc-geo-suggest-hover-bgColor: #e0ebff;
  --rc-geo-suggest-active-color: #274bc8;
  --rc-geo-suggest-active-bgColor: #d1e2ff;
  --rc-geo-suggest-boxShadow: 0 10px 30px -5px rgba(49,94,251, 0.25);
}

  :root.dark-mode {
  --rc-geo-headline-color: #eff5ff;
  --rc-geo-description-color: #afb6c9;
  --rc-geo-loader-color: #ffffff;
  --rc-geo-bgColor: #1f2431;

  --rc-geo-input-color: #eff5ff;
  --rc-geo-input-bgColor: #393f51;
  --rc-geo-input-hover-color: #3d4456;
  --rc-geo-input-placeholder-color: #afb6c9;

  --rc-geo-button-primary-color: #ffffff;
  --rc-geo-button-primary-bgColor: #649dff;
  --rc-geo-button-primary-hover-bgColor: #83b1ff;
  --rc-geo-button-primary-active-bgColor: #a2c4ff;
  --rc-geo-button-secondary-color: #eff5ff;
  --rc-geo-button-secondary-bgColor: #3d4456;
  --rc-geo-button-secondary-hover-color: #a2c4ff;
  --rc-geo-button-secondary-hover-bgColor: #464d60;
  --rc-geo-button-secondary-active-color: #83b1ff;
  --rc-geo-button-secondary-active-bgColor: #50566b;
  --rc-geo-button-disabled-color: #62687f;
  --rc-geo-button-disabled-bgColor: #343b4c;

  --rc-geo-radio-label-color: #eff5ff;
  --rc-geo-radio-bgColor: #1f2431;
  --rc-geo-radio-border: solid 10px #3d4456;
  --rc-geo-radio-hover-border: solid 10px #464d60;
  --rc-geo-radio-active-border: solid 10px #50566b;
  --rc-geo-radio-active-outline: solid 5px #393f51;
  --rc-geo-radio-checked-bgColor: #ffffff;
  --rc-geo-radio-checked-border: solid 5px #649dff;
  --rc-geo-radio-checked-hover-border: solid 5px #83b1ff;
  --rc-geo-radio-checked-active-border: solid 5px #a2c4ff;

  --rc-geo-suggest-color: #eff5ff;
  --rc-geo-suggest-bgColor: #393f51;
  --rc-geo-suggest-hover-color: #a2c4ff;
  --rc-geo-suggest-hover-bgColor: #3d4456;
  --rc-geo-suggest-active-color: #83b1ff;
  --rc-geo-suggest-active-bgColor: #464d60;
  --rc-geo-suggest-boxShadow: 0 10px 30px -5px rgba(13,16,23, 0.6);
  }

  .rc__3U-dx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

  .rc__-iPiR {
  margin: 0 0 20px;
  font-family: "Manrope", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 21px;
  line-height: 30px;
  color: var(--rc-geo-headline-color);
}

  .rc__buEH7 {
  position: relative;
}

  .rc__1PL-Z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

  .rc__koAK- {
  position: relative;
  margin-top: 20px;
}

  .rc__tgNud {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-geo-input-color);
  border: 0;
  outline: 0;
  border-radius: 5px;
  background-color: var(--rc-geo-input-bgColor);
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

  @media (hover: hover) {
    .rc__tgNud:hover {
      background-color: var(--rc-geo-input-hover-color);
    }
  }

  .rc__tgNud:focus {
    background-color: var(--rc-geo-input-hover-color);
  }

  .rc__tgNud::-webkit-input-placeholder {
    color: var(--rc-geo-input-placeholder-color);
  }

  .rc__tgNud::-moz-placeholder {
    color: var(--rc-geo-input-placeholder-color);
  }

  .rc__tgNud:-ms-input-placeholder {
    color: var(--rc-geo-input-placeholder-color);
  }

  .rc__tgNud::-ms-input-placeholder {
    color: var(--rc-geo-input-placeholder-color);
  }

  .rc__tgNud::placeholder {
    color: var(--rc-geo-input-placeholder-color);
  }

  .rc__0LCWU {
  margin-top: 5px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-geo-description-color);
}

  .rc__8R4iE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

  @media (max-width: 768px) {

.rc__8R4iE {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}
  }

  @media (max-width: 768px) {

.rc__8R4iE button {
      width: 100%
  }
    }

  @media (max-width: 768px) {

.rc__E7PBH {
    display: none
}
  }

  @media (min-width: 769px) {

.rc__E7PBH {
    margin-left: 20px
}
  }

  .rc__pSIZI {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--rc-geo-bgColor);
  z-index: 1;
}

  .rc__CyMPJ {
  display: block;
  width: 61px;
  height: 61px;
  color: var(--rc-geo-loader-color);
}


:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Filters__root--3HufP {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  color: #343B4C;
}

.Filters__root_opened--2cg63 {
  -webkit-animation-name: Filters__show--Yhhwz;
          animation-name: Filters__show--Yhhwz;
}

.Filters__root_opened_noanim--2aSvU {
}

.Filters__root_closed--1758A {
  -webkit-animation-name: Filters__hide--1ipmA;
          animation-name: Filters__hide--1ipmA;
}

.Filters__wrapper--w9tqs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  line-height: 40px;
  padding: 10px 0;
  width: 100%;
}

.Filters__wrapper_closed--1fALc {
  display: none;
}

.Filters__item--2-sOI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 0 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  position: relative;
  white-space: nowrap;
}

.Filters__item--2-sOI:last-child {
  margin: 0;
}

.Filters__item__wide--2poWN {
  -webkit-box-flex: 20;
      -ms-flex-positive: 20;
          flex-grow: 20;
}

@media only screen and (max-width: 1240px) {
  .Filters__item__wide--2poWN .Filters__label--bZZYh {
    display: none;
  }
}

.Filters__label--bZZYh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Filters__label_selected--AnQXR {
}

.Filters__label_opened--11-qQ {
}

.Filters__label_selected--AnQXR {
  color: #315efb;
}

.Filters__label--bZZYh:hover {
  color: #2c54e2;
}

.Filters__label_selected--AnQXR.Filters__label_unselect--3V4uh {
  color: #2c54e2;
}

.Filters__label_selected--AnQXR.Filters__label_unselect--3V4uh:hover {
  color: #2c54e2;
}

.Filters__label_selected--AnQXR.Filters__label_opened--11-qQ {
  color: #274bc8;
}

.Filters__label_selected--AnQXR.Filters__label_opened--11-qQ:hover {
  color: #274bc8;
}

.Filters__label--bZZYh > svg {
  margin: 0 0 0 5px;
}

.Filters__label_opened--11-qQ > svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.Filters__label--bZZYh:active {
  color: #274bc8;
}

.Filters__label_unselect--3V4uh {
  cursor: default;
}

.Filters__label_unselect--3V4uh:hover {
  color: #343B4C;
}

.Filters__value--2o92c {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.Filters__form--2Jw3f {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  margin: 0 0 0 10px;
  position: relative;
}

@media only screen and (max-width: 1240px) {
  .Filters__form--2Jw3f {
    margin: 0;
  }
}

.Filters__input--FfSKm {
  background: #EFF5FF;
  border-radius: 5px;
  line-height: 20px;
  height: 40px;
  padding: 10px 40px 10px 15px;
  font-family: 'Manrope';
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  width: 100%;
  min-width: 215px;
  outline: none;
  -webkit-transition: color 200ms, background-color 200ms;
  transition: color 200ms, background-color 200ms;
  color: #343B4C;
}

.Filters__input--FfSKm::-webkit-input-placeholder {
  color:#777E98;
}

.Filters__input--FfSKm::-moz-placeholder {
  color:#777E98;
}

.Filters__input--FfSKm:-ms-input-placeholder {
  color:#777E98;
}

.Filters__input--FfSKm::-ms-input-placeholder {
  color:#777E98;
}

.Filters__input--FfSKm::placeholder {
  color:#777E98;
}

.Filters__input--FfSKm:focus {
  background-color: #E0EBFF;
}

.Filters__input_error--2CPBL {
  background-color: #FFEEED;
}

.Filters__input_error--2CPBL:focus {
  background-color: #FFEEED;
}

.Filters__form--2Jw3f svg {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #343B4C;
  cursor: pointer;
}

.Filters__form--2Jw3f svg:hover {
  color: #2c54e2;
}

.Filters__form--2Jw3f svg:active {
  color: #274bc8;
}

.Filters__select--T1Iwu {
  background: #EFF5FF;
  -webkit-box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
          box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 40px;
  list-style: none;
  z-index: 5;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Filters__select_column--30n2s {
  width: 400px;
}

.Filters__select_wide--1wq5h {
  width: 220px;
}

.Filters__option--1e7TZ {
  width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  color: #343B4C;
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.Filters__option_wide--1ula8 {
  width: 400px;
}

.Filters__option__colored--3VbwA {
  height: 40px;
  width: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px 0 15px;
}

.Filters__link--37XzS {
  color: #343B4C;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.Filters__link--37XzS:hover {
  color: #2c54e2;
}

.Filters__link_selected--s1jAD:hover svg {
  color: #2c54e2;
}

.Filters__link--37XzS:active {
  color: #274bc8;
}

.Filters__link_selected--s1jAD:active svg {
  color: #274bc8;
}

.Filters__link_selected--s1jAD {
  color: #315efb;
  font-weight: 700;
}

.Filters__link_selected--s1jAD svg {
  margin: 0 5px 0 0;
}

.Filters__link__colored--IMfyB {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.Filters__link__colored--IMfyB:active {
  border: 1px solid #315efb;
}

.Filters__link_selected--s1jAD.Filters__link__colored--IMfyB {
  color: #2c54e2;
  border: 1px solid #315efb;
}

.Filters__link__colored--IMfyB svg {
  display: none;
  margin: 0;
}

.Filters__link_selected--s1jAD.Filters__link__colored--IMfyB svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.Filters__link__white--2PoeQ {
  border: 1px solid #C1D8FF;
  background-color: #fff;
}

.Filters__link__red--12nnZ {
  background: #F03026;
}

.Filters__link__orange--7Q4dC {
  background: #FF8300;
}

.Filters__link__yellow--2V_Jf {
  background: #FACE21;
}

.Filters__link__green--2eB5E {
  background: #00B96B;
}

.Filters__link__cyan--3AJwG {
  background: #9FDFFF;
}

.Filters__link__blue--3E0Ds {
  background: #315EFB;
}

.Filters__link__violet--3odiv {
  background: #9A04A4;
}

.Filters__link__black--30R1O {
  background: #262626;
}

.Filters__link_selected--s1jAD.Filters__link__red--12nnZ,
.Filters__link_selected--s1jAD.Filters__link__green--2eB5E,
.Filters__link_selected--s1jAD.Filters__link__blue--3E0Ds,
.Filters__link_selected--s1jAD.Filters__link__violet--3odiv,
.Filters__link_selected--s1jAD.Filters__link__black--30R1O {
  color: #fff;
}

:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.FiltersWidget__control--13MFx {
  color: #343B4C;
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 0 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 200ms;
  transition: color 200ms;
}

.FiltersWidget__control_apply--3xeIR {
  color: #315efb; 
}

.FiltersWidget__control--13MFx > span {
  color: #315efb; 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #e0ebff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.FiltersWidget__control--13MFx:hover {
  color: #2c54e2; 
}

.FiltersWidget__control--13MFx:active {
  color: #274bc8; 
}

.FiltersWidget__control--13MFx:hover > span {
  color: #2c54e2; 
  background-color: #d1e2ff;
}

.FiltersWidget__control_apply--3xeIR > span {
  color: #2c54e2; 
  background-color: #d1e2ff;
}

.FiltersWidget__control--13MFx:active > span {
  color: #274bc8; 
  background-color: #c1d8ff;
}

.FiltersWidget__control--13MFx > span > i,
.FiltersWidget__control_apply--3xeIR > span > i {
  position: absolute;
  top: 0;
  right: -5px;
  width: 15px;
  height: 15px;
  font-family: 'Manrope';
  font-size: 9px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background-color: #315efb;
  font-style: normal;
}

.FiltersWidget__control--13MFx > div {
  margin: 0 0 0 5px;
}

.FiltersWidget__control_wide--1MxUU > div {
  margin: 0 0 0 10px;
}

@media only screen and (max-width: 1240px) {
  .FiltersWidget__control--13MFx > div {
    display: none;
  }
}

.FiltersWidget__line--CD2N7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  border-top: 1px solid #E0EBFF;
  z-index: 9;
}

.FiltersWidget__bottom--aO9K8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  max-width: 1260px;
  width: 100%;
}

@media only screen and (min-width: 1300px) {
  .FiltersWidget__bottom--aO9K8 {
    max-width: 1260px;
  }
}

@media screen and (max-width: 1299px) {
  .FiltersWidget__bottom--aO9K8 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.FiltersWidget__switcher--3JftA {
  color: #343B4C;
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin: 0 0 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 200ms;
  transition: color 200ms; 
}
@-webkit-keyframes Dots__dots--3lRSc {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1) translate3d(0, 6px, 0);
            transform: scale(1) translate3d(0, 6px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes Dots__dots--3lRSc {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1) translate3d(0, 6px, 0);
            transform: scale(1) translate3d(0, 6px, 0);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

.Dots__loading--j07DN {
  position: relative;
  height: 35px;
}

.Dots__loading_mobile--KSuiu {
  height: 45px;
}

.Dots__progress--2o4AS {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  visibility: visible;
  width: 26px;
  height: 12px;
  margin-top: -6px;
  margin-left: -13px;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.Dots__dot--3CMtr {
  display: block;
  float: left;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #315efb;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-animation: Dots__dots--3lRSc 0.6s ease-out;
          animation: Dots__dots--3lRSc 0.6s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.Dots__dot_light--3I4y2 {
  background-color: #fff;
}

.Dots__dot--3CMtr:nth-child(1) {
  -webkit-animation-delay: -0.24s;
          animation-delay: -0.24s;
}

.Dots__dot--3CMtr:nth-child(2) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
  margin: 0 4px;
}

.Dots__dot--3CMtr:nth-child(3) {
  -webkit-animation-delay: -0.08s;
          animation-delay: -0.08s;
}

:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Button__button--3Yr7O {
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  border-radius: 20px;
  border: none;
  display: inline-block;
  padding: 10px 20px;
  outline: none !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  -webkit-transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
  transition: background-color .2s, border .2s, -webkit-box-shadow .2s;
  transition: background-color .2s, border .2s, box-shadow .2s;
  transition: background-color .2s, border .2s, box-shadow .2s, -webkit-box-shadow .2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #315efb;
  color: #fff;
}

.Button__button--3Yr7O:hover {
  color: #fff;
  background: #2c54e2;
}

.Button__button--3Yr7O:active {
  color: #fff;
  background: #274bc8;
}

.Button__button_primary--1f34F {
}

.Button__button_secondary--1-K5C {
  background: #eff5ff;
  color: #343B4C;
}

.Button__button_secondary--1-K5C:hover {
  background: #315efb;
}

.Button__button_secondary--1-K5C:active {  
  background: #274bc8;
}

.Button__button_danger--WsKfm {
  background: #ff564e;
}

.Button__button_outline--1zK1z {
  color: #343B4C;
  background: transparent;
}

.Button__button_flat--9XWvX {
  color: #343B4C;
}

.Button__button_primary--1f34F:disabled,
.Button__button_secondary--1-K5C:disabled,
.Button__button_danger--WsKfm:disabled,
.Button__button_outline--1zK1z:disabled,
.Button__button_flat--9XWvX:disabled {
  background: #f5f7f8;
  color: #afb5c9;
  pointer-events: none;
}

.Button__button_mobile--J0-SM {
  width: 100%;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */
  --z-index-above-content: 9;

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */
  --z-index-above-topline: 1001;

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */
  --z-index-max: 9001;

  /* Дебаг нужен нам вообще всегда */
  --z-index-debug: 9002;

  --page-min-width: 1010px;

  --color-default: #343B4C;
  /* Цвета ссылок */
  --link-color-default: #315efb;
  --link-color-hover: #2c54e2;
  --link-color-active: #274bc8;
}
.FiltersWidget__control--13MFx {
  color: var(--color-default);
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
  line-height: 40px;
  display: flex;
  cursor: pointer;
  margin: 0 0 0 20px;
  user-select: none;
  align-items: center;
  transition: color 200ms;
}
.FiltersWidget__control_apply--3xeIR {
  color: var(--link-color-default); 
}
.FiltersWidget__control--13MFx > span {
  color: var(--link-color-default); 
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #e0ebff;
  align-items: center;
  justify-content: center;
  position: relative;
}
.FiltersWidget__control--13MFx:hover {
  color: var(--link-color-hover); 
}
.FiltersWidget__control--13MFx:active {
  color: var(--link-color-active); 
}
.FiltersWidget__control--13MFx:hover > span,
.FiltersWidget__control_apply--3xeIR > span {
  color: var(--link-color-hover); 
  background-color: #d1e2ff;
}
.FiltersWidget__control--13MFx:active > span {
  color: var(--link-color-active); 
  background-color: #c1d8ff;
}

.FiltersWidget__control--13MFx > span > i,
.FiltersWidget__control_apply--3xeIR > span > i {
  position: absolute;
  top: 0;
  right: -5px;
  width: 15px;
  height: 15px;
  font-family: 'Manrope';
  font-size: 9px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  background-color: #315efb;
  font-style: normal;
}

.FiltersWidget__control--13MFx > div {
  margin: 0 0 0 5px;
}

.FiltersWidget__control_wide--1MxUU > div {
  margin: 0 0 0 10px;
}


@media only screen and (max-width: 1240px) {
  .FiltersWidget__control--13MFx > div {
    display: none;
  }
}
.FiltersWidget__line--CD2N7 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  border-top: 1px solid #E0EBFF;
  z-index: 9;
}

.FiltersWidget__bottom--aO9K8 {
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  max-width: 1260px;
  width: 100%;
}


@media only screen and (min-width: 1300px) {
  .FiltersWidget__bottom--aO9K8 {
    max-width: 1260px;
  }
}

@media screen and (max-width: 1299px) {
  .FiltersWidget__bottom--aO9K8 {
    padding-right: 20px;
    padding-left: 20px;
  }
}


.FiltersWidget__switcher--3JftA {
  color: var(--color-default);
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
  display: flex;
  cursor: pointer;
  margin: 0 0 0 20px;
  user-select: none;
  align-items: center;
  transition: color 200ms; 
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Settings__control--CDbyj {
}

.Settings__bg--28tVN {
  background-color: rgba(52,59,76, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
}

.Settings__popup--1UnLl {
  padding: 20px;
  border-radius: 15px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
          box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 15px;
  font-family: 'Manrope'
}

.Settings__popup--1UnLl * {
  -webkit-overflow-scrolling: touch;
}

.Settings__settings--1V_jP {
  max-width: 560px;
  width: 100%;
}

.Settings__caption--2YCrJ {
  font-family: 'Manrope';
  font-weight: 800;
  font-size: 21px;
  line-height: 30px;
  color: #343B4C;
  margin: 0 0 20px;
}

.Settings__close--3ny7a {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #343B4C;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 20px;
  top: 20px;
  overflow: hidden;
}

.Settings__close--3ny7a:hover {
  color: #2c54e2;
}

.Settings__close--3ny7a:active {
  color: #274bc8;
}

.Settings__item--3a4l9 {
  margin: 0 0 20px;
  color: #343B4C;
}

.Settings__select--1REpT {
  color: #343B4C;
  background: #EFF5FF;
  border-radius: 5px;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Settings__select_opened--pwv2H {
}

.Settings__select_opened--pwv2H:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTkuMjkzLTcuNjQ3bC0zLjQ3LTMuNDY5Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDEwLjkzOWwzLjExNi0zLjExNmMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsLjM1NC4zNTRjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLTMuNDcgMy40NjljLS4zOS4zOTEtMS4wMjQuMzkxLTEuNDE0IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjAgLTcwMCkgdHJhbnNsYXRlKDUwIDY5MCkgdHJhbnNsYXRlKDE3MCAxMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Settings__value--ZbNFM {
  padding: 10px 40px 10px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 300;
  font-family: 'Manrope';
  font-size: 15px;
  line-height: 20px;
}

.Settings__value--ZbNFM svg {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 20px;
}

.Settings__value--ZbNFM span {
  text-transform: lowercase;
  font-family: 'Manrope';
  font-size: 15px;
  line-height: 20px;
}

.Settings__value--ZbNFM span.Settings__label--2ZvRN {
  text-transform: none;
}

.Settings__select_opened--pwv2H .Settings__value--ZbNFM {
  border-radius: 5px;
  background-color: #e0ebff;
  color: #274bc8;
}

.Settings__select_opened--pwv2H .Settings__value--ZbNFM svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.Settings__options--1MAky {
  background-color: #eff5ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 1001;
  -webkit-box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
          box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 5px;
  overflow: hidden;
}

.Settings__scrollable--19-rR {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden; 
  overflow-y: scroll; 
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.Settings__scrollable--19-rR::-webkit-scrollbar {
  width: 5px;
}

.Settings__scrollable--19-rR::-webkit-scrollbar-thumb {
  background: #c6cad8;
  border-radius: 2.5px;
}

.Settings__scrollable--19-rR::-webkit-scrollbar-track {
  margin: 10px 0;
  padding-right: 10px;
}

.Settings__option--2mM2L {
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Settings__option--2mM2L:hover {
  background-color: #e0ebff;
  color: #2c54e2;
}

.Settings__option--2mM2L:active {
  background-color: #e0ebff;
  color: #274bc8;
}

.Settings__option--2mM2L > svg {
  margin: 0 5px 0 0;
}

.Settings__option_selected--1IEp8 {
  font-weight: 600;
  position: relative;
  color: #315efb;
}

.Settings__option_selected--1IEp8 span.Settings__name--2FrCz::first-letter {
  text-transform: uppercase;
}

.Settings__option_selected--1IEp8 span.Settings__label--2ZvRN {
  text-transform: none;

}

.Settings__option_selected--1IEp8 span.Settings__name--2FrCz::after {
  display: inline-block;
  content: "\00a0";
}

.Settings__option_selected--1IEp8 span {
  text-transform: lowercase;
}

.Settings__buttons--2cf_K {
  display: block;
}

.Settings__buttons--2cf_K > button {
  margin: 0 20px 0 0;
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
}

.Settings__buttons--2cf_K > button:last-child {
  margin: 0;
}

/* Mobile */

.Settings__settings_mobile--3yRJx {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 20px;
  background: #fff;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  overflow-y: scroll;
  min-width: 300px;
}

.Settings__settings_mobile--3yRJx .Settings__close--3ny7a  {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMG0yMCAwdjIwTTE2LjE3NyA0Ljg4NEwxMS4wNjEgMTBsNS4xMTYgNS4xMTZjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLS4zNTQuMzU0Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDBMMTAgMTEuMDYxbC01LjExNiA1LjExNmMtLjE5NS4xOTUtLjUxMi4xOTUtLjcwNyAwbC0uMzU0LS4zNTRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3TDguOTM5IDEwIDMuODIzIDQuODg0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDguOTM5bDUuMTE2LTUuMTE2Yy4xOTUtLjE5NS41MTItLjE5NS43MDcgMGwuMzU0LjM1NGMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MCAtMzApIHRyYW5zbGF0ZSgxMCAxMCkgdHJhbnNsYXRlKDI2MCAyMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Settings__close_mobile--35088 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMG0yMCAwdjIwTTE2LjE3NyA0Ljg4NEwxMS4wNjEgMTBsNS4xMTYgNS4xMTZjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLS4zNTQuMzU0Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDBMMTAgMTEuMDYxbC01LjExNiA1LjExNmMtLjE5NS4xOTUtLjUxMi4xOTUtLjcwNyAwbC0uMzU0LS4zNTRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3TDguOTM5IDEwIDMuODIzIDQuODg0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDguOTM5bDUuMTE2LTUuMTE2Yy4xOTUtLjE5NS41MTItLjE5NS43MDcgMGwuMzU0LjM1NGMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MCAtMzApIHRyYW5zbGF0ZSgxMCAxMCkgdHJhbnNsYXRlKDI2MCAyMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Settings__settings_mobile--3yRJx .Settings__options--1MAky {
  padding-right: 5px;
}

.Settings__settings_mobile--3yRJx .Settings__buttons--2cf_K {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.Settings__settings_mobile--3yRJx .Settings__buttons--2cf_K > button {
  margin: 0 0 10px;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.Settings__settings_mobile--3yRJx .Settings__value--ZbNFM span,
.Settings__settings_mobile--3yRJx .Settings__option_selected--1IEp8 span {
  text-transform: lowercase;
  text-transform: none;
}

.Settings__switcher--1k8XG {
  display: block;
  height: 20px;
  width: 20px;
}
.Settings__control--CDbyj {
}

.Settings__bg--28tVN {
  background-color: rgba(52,59,76, 0.8);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
}

.Settings__popup--1UnLl {
  padding: 20px;
  border-radius: 15px;
  background-color: #ffffff;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 15px;
  font-family: 'Manrope'
}

.Settings__popup--1UnLl * {
  -webkit-overflow-scrolling: touch;
}

.Settings__settings--1V_jP {
  max-width: 560px;
  width: 100%;
}

.Settings__caption--2YCrJ {
  font-family: 'Manrope';
  font-weight: 800;
  font-size: 21px;
  line-height: 30px;
  color: var(--color-default);
  margin: 0 0 20px;
}

.Settings__close--3ny7a {
  cursor: pointer;
  display: flex;
  color: var(--color-default);
  position: absolute;
  height: 20px;
  width: 20px;
  right: 20px;
  top: 20px;
  overflow: hidden;
}
.Settings__close--3ny7a:hover {
  color: var(--link-color-hover);
}
.Settings__close--3ny7a:active {
  color: var(--link-color-active);
}

.Settings__item--3a4l9 {
  margin: 0 0 20px;
  color: var(--color-default);
}

.Settings__select--1REpT {
  color: var(--color-default);
  background: #EFF5FF;
  border-radius: 5px;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  box-sizing: border-box;
  position: relative;
  flex-direction: column;
  cursor: pointer;
  user-select: none;
}

.Settings__select_opened--pwv2H {
}
.Settings__select_opened--pwv2H:after {
  transform: rotate(180deg);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTkuMjkzLTcuNjQ3bC0zLjQ3LTMuNDY5Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDEwLjkzOWwzLjExNi0zLjExNmMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsLjM1NC4zNTRjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLTMuNDcgMy40NjljLS4zOS4zOTEtMS4wMjQuMzkxLTEuNDE0IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjAgLTcwMCkgdHJhbnNsYXRlKDUwIDY5MCkgdHJhbnNsYXRlKDE3MCAxMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Settings__value--ZbNFM {
  padding: 10px 40px 10px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  user-select: none;
  font-weight: 300;
  font-family: 'Manrope';
  font-size: 15px;
  line-height: 20px;
}

.Settings__value--ZbNFM svg {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 20px;
}
.Settings__value--ZbNFM span {
  text-transform: lowercase;
  font-family: 'Manrope';
  font-size: 15px;
  line-height: 20px;
}
.Settings__value--ZbNFM span.Settings__label--2ZvRN {
  text-transform: none;
}

.Settings__select_opened--pwv2H .Settings__value--ZbNFM {
  border-radius: 5px;
  background-color: #e0ebff;
  color: var(--link-color-active);
}
.Settings__select_opened--pwv2H .Settings__value--ZbNFM svg {
  transform: rotate(180deg);
}

.Settings__options--1MAky {
  background-color: #eff5ff;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  z-index: 1001;
  box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 5px;
  overflow: hidden;
}

.Settings__scrollable--19-rR {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden; 
  overflow-y: scroll; 
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.Settings__scrollable--19-rR::-webkit-scrollbar {
  width: 5px;
}

.Settings__scrollable--19-rR::-webkit-scrollbar-thumb {
  background: #c6cad8;
  border-radius: 2.5px;
}

.Settings__scrollable--19-rR::-webkit-scrollbar-track {
  margin: 10px 0;
  padding-right: 10px;
}



.Settings__option--2mM2L {
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
}
.Settings__option--2mM2L:hover {
  background-color: #e0ebff;
  color: var(--link-color-hover);
}
.Settings__option--2mM2L:active {
  background-color: #e0ebff;
  color: var(--link-color-active);
}
.Settings__option--2mM2L > svg {
  margin: 0 5px 0 0;
}

.Settings__option_selected--1IEp8 {
  font-weight: 600;
  position: relative;
  color: var(--link-color-default);
}
.Settings__option_selected--1IEp8 span.Settings__name--2FrCz::first-letter {
  text-transform: uppercase;
}
.Settings__option_selected--1IEp8 span.Settings__label--2ZvRN {
  text-transform: none;

}
.Settings__option_selected--1IEp8 span.Settings__name--2FrCz::after {
  display: inline-block;
  content: "\00a0";
}
.Settings__option_selected--1IEp8 span {
  text-transform: lowercase;
}


.Settings__buttons--2cf_K {
  display: block;
}

.Settings__buttons--2cf_K > button {
  margin: 0 20px 0 0;
  font-family: 'Manrope';
  font-weight: 700;
  font-size: 15px;
}
.Settings__buttons--2cf_K > button:last-child {
  margin: 0;
}

/* Mobile */
.Settings__settings_mobile--3yRJx {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 20px;
  background: #fff;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  overflow-y: scroll;
  min-width: 300px;
}

.Settings__settings_mobile--3yRJx .Settings__close--3ny7a  {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMG0yMCAwdjIwTTE2LjE3NyA0Ljg4NEwxMS4wNjEgMTBsNS4xMTYgNS4xMTZjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLS4zNTQuMzU0Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDBMMTAgMTEuMDYxbC01LjExNiA1LjExNmMtLjE5NS4xOTUtLjUxMi4xOTUtLjcwNyAwbC0uMzU0LS4zNTRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3TDguOTM5IDEwIDMuODIzIDQuODg0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDguOTM5bDUuMTE2LTUuMTE2Yy4xOTUtLjE5NS41MTItLjE5NS43MDcgMGwuMzU0LjM1NGMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MCAtMzApIHRyYW5zbGF0ZSgxMCAxMCkgdHJhbnNsYXRlKDI2MCAyMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}
.Settings__close_mobile--35088 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMG0yMCAwdjIwTTE2LjE3NyA0Ljg4NEwxMS4wNjEgMTBsNS4xMTYgNS4xMTZjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLS4zNTQuMzU0Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDBMMTAgMTEuMDYxbC01LjExNiA1LjExNmMtLjE5NS4xOTUtLjUxMi4xOTUtLjcwNyAwbC0uMzU0LS4zNTRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3TDguOTM5IDEwIDMuODIzIDQuODg0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDguOTM5bDUuMTE2LTUuMTE2Yy4xOTUtLjE5NS41MTItLjE5NS43MDcgMGwuMzU0LjM1NGMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3MCAtMzApIHRyYW5zbGF0ZSgxMCAxMCkgdHJhbnNsYXRlKDI2MCAyMCkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Settings__settings_mobile--3yRJx .Settings__options--1MAky {
  padding-right: 5px;
}

.Settings__settings_mobile--3yRJx .Settings__buttons--2cf_K {
  display: flex;
  flex-direction: column;
}  
.Settings__settings_mobile--3yRJx .Settings__buttons--2cf_K > button {
  margin: 0 0 10px;
  font-family: 'Manrope';
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}
.Settings__settings_mobile--3yRJx .Settings__value--ZbNFM span,
.Settings__settings_mobile--3yRJx .Settings__option_selected--1IEp8 span {
  text-transform: lowercase;
  text-transform: none;
}

.Settings__switcher--1k8XG {
  display: block;
  height: 20px;
  width: 20px;
}
.Filters__root--3HufP {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  z-index: var(--z-index-above-content);
  display: flex;
  width: 100%;
  color: var(--color-default);
}

.Filters__root_opened--2cg63 {
  animation-name: Filters__show--Yhhwz;
}

.Filters__root_opened_noanim--2aSvU {
}

.Filters__root_closed--1758A {
  animation-name: Filters__hide--1ipmA;
}

.Filters__wrapper--w9tqs {
  display: flex;
  flex-wrap: nowrap;
  line-height: 40px;
  padding: 10px 0;
  width: 100%;
}
.Filters__wrapper_closed--1fALc {
  display: none;
}


.Filters__item--2-sOI {
  display: flex;
  margin: 0 20px 0 0;
  flex-grow: 0;
  position: relative;
  white-space: nowrap;
}
.Filters__item--2-sOI:last-child {
  margin: 0;
}
.Filters__item__wide--2poWN {
  flex-grow: 20;
}
@media only screen and (max-width: 1240px) {
  .Filters__item__wide--2poWN .Filters__label--bZZYh {
    display: none;
  }
}


.Filters__label--bZZYh {
  display: flex;
  cursor: pointer;
  align-items: center;
  user-select: none;
}
.Filters__label_selected--AnQXR {
}
.Filters__label_opened--11-qQ {
}
.Filters__label_selected--AnQXR {
  color: var(--link-color-default);
}
.Filters__label--bZZYh:hover,
.Filters__label_selected--AnQXR.Filters__label_unselect--3V4uh,
.Filters__label_selected--AnQXR.Filters__label_unselect--3V4uh:hover {
  color: var(--link-color-hover);
}
.Filters__label_selected--AnQXR.Filters__label_opened--11-qQ,
.Filters__label_selected--AnQXR.Filters__label_opened--11-qQ:hover {
  color: var(--link-color-active);
}

.Filters__label--bZZYh > svg {
  margin: 0 0 0 5px;
}
.Filters__label_opened--11-qQ > svg {
  transform: rotate(180deg);
}
.Filters__label--bZZYh:active {
  color: var(--link-color-active);
}
.Filters__label_unselect--3V4uh {
  cursor: default;
}
.Filters__label_unselect--3V4uh:hover {
  color: var(--color-default);
}
.Filters__value--2o92c {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}

.Filters__form--2Jw3f {
  flex-grow: 2;
  margin: 0 0 0 10px;
  position: relative;
}
@media only screen and (max-width: 1240px) {
  .Filters__form--2Jw3f {
    margin: 0;
  }
}
.Filters__input--FfSKm {
  background: #EFF5FF;
  border-radius: 5px;
  line-height: 20px;
  height: 40px;
  padding: 10px 40px 10px 15px;
  font-family: 'Manrope';
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  box-sizing: border-box;
  border: 0;
  width: 100%;
  min-width: 215px;
  outline: none;
  transition: color 200ms, background-color 200ms;
  color: #343B4C;
}
.Filters__input--FfSKm::placeholder {
  color:#777E98;
}
.Filters__input--FfSKm:focus {
  background-color: #E0EBFF;
}
.Filters__input_error--2CPBL {
  background-color: #FFEEED;
}
.Filters__input_error--2CPBL:focus {
  background-color: #FFEEED;
}

.Filters__form--2Jw3f svg {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #343B4C;
  cursor: pointer;
}

.Filters__form--2Jw3f svg:hover {
  color: var(--link-color-hover);
}
.Filters__form--2Jw3f svg:active {
  color: var(--link-color-active);
}

.Filters__select--T1Iwu {
  background: #EFF5FF;
  box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25);
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 40px;
  list-style: none;
  z-index: 5;
  width: 200px;
  display: flex;
  flex-wrap: wrap;
}
.Filters__select_column--30n2s {
  width: 400px;
}
.Filters__select_wide--1wq5h {
  width: 220px;
}

.Filters__option--1e7TZ {
  width: 200px;
  box-sizing: border-box;
  padding: 10px 15px;
  color: var(--color-default);
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  overflow: hidden;
  flex-shrink: 1;
}
.Filters__option_wide--1ula8 {
  width: 400px;
}
.Filters__option__colored--3VbwA {
  height: 40px;
  width: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  margin: 0 5px 0 15px;
}

.Filters__link--37XzS {
  color: var(--color-default);
  text-decoration: none;
  display: flex;
  align-items: center;
}
.Filters__link--37XzS:hover,
.Filters__link_selected--s1jAD:hover svg {
  color: var(--link-color-hover);
}
.Filters__link--37XzS:active,
.Filters__link_selected--s1jAD:active svg {
  color: var(--link-color-active);
}
.Filters__link_selected--s1jAD {
  color: var(--link-color-default);
  font-weight: 700;
}
.Filters__link_selected--s1jAD svg {
  margin: 0 5px 0 0;
}

.Filters__link__colored--IMfyB {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
}
.Filters__link__colored--IMfyB:active {
  border: 1px solid var(--link-color-default);
}
.Filters__link_selected--s1jAD.Filters__link__colored--IMfyB {
  color: var(--link-color-hover);
  border: 1px solid var(--link-color-default);
}
.Filters__link__colored--IMfyB svg {
  display: none;
  margin: 0;
}
.Filters__link_selected--s1jAD.Filters__link__colored--IMfyB svg {
  display: flex;
}

.Filters__link__white--2PoeQ {
  border: 1px solid #C1D8FF;
  background-color: #fff;
}

.Filters__link__red--12nnZ {
  background: #F03026;
}
.Filters__link__orange--7Q4dC {
  background: #FF8300;
}
.Filters__link__yellow--2V_Jf {
  background: #FACE21;
}
.Filters__link__green--2eB5E {
  background: #00B96B;
}
.Filters__link__cyan--3AJwG {
  background: #9FDFFF;
}
.Filters__link__blue--3E0Ds {
  background: #315EFB;
}
.Filters__link__violet--3odiv {
  background: #9A04A4;
}
.Filters__link__black--30R1O {
  background: #262626;
}
.Filters__link_selected--s1jAD.Filters__link__red--12nnZ,
.Filters__link_selected--s1jAD.Filters__link__green--2eB5E,
.Filters__link_selected--s1jAD.Filters__link__blue--3E0Ds,
.Filters__link_selected--s1jAD.Filters__link__violet--3odiv,
.Filters__link_selected--s1jAD.Filters__link__black--30R1O {
  color: #fff;
}

:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.FiltersMobile__bg--FSv7n {
}

.FiltersMobile__settings--1lKVl {
}

.FiltersMobile__caption--q3hIm {
}

.FiltersMobile__close--1aRIg {
}

.FiltersMobile__buttons--235mR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.FiltersMobile__buttons--235mR {
  display: block;
}

.FiltersMobile__buttons--235mR > button:last-child {
  margin: 0;
}

.FiltersMobile__buttons--235mR > button {
  margin:  0 20px 10px 0;
}

.FiltersMobile__item--3iqQo {
}

.FiltersMobile__label--1C66n {
}

.FiltersMobile__label_active--3fIc- {
  cursor: pointer;
}

.FiltersMobile__select--3YMRU {
}

.FiltersMobile__select_opened--345wC {
}

.FiltersMobile__value--24tAX {
  padding: 10px 35px 10px 15px;
  font-weight: 500;
}

.FiltersMobile__scrollable--vj-9V {
  display: block !important;
  max-height: 250px;
}

.FiltersMobile__options--3CUAv {
  padding-right: 5px;
}

.FiltersMobile__option--1qu9b {
  padding: 10px 15px;
}

.FiltersMobile__option_selected--1nKkg {
  padding: 10px 15px;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_colored--2u0C3 {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 0;
  display: inline-block;
  margin: 10px 5px 10px 15px;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_colored--2u0C3:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im05LjM1NCAxNC4wNiA2LTZhLjUuNSAwIDAgMCAwLS43MDdsLS43MDctLjcwN2EuNS41IDAgMCAwLS43MDcgMEw5IDExLjU4N2wtMi40NC0yLjQ0YS41LjUgMCAwIDAtLjcwNiAwbC0uNzA3LjcwN2EuNS41IDAgMCAwIDAgLjcwN2wzLjUgMy41YS41LjUgMCAwIDAgLjcwNyAwTTAgMjBWMG0yMCAwdjIwIiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==) no-repeat;
  left: 12px;
  top: 11px;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_white--33JBC {
  background: #fff !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_white--33JBC:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im05LjM1NCAxNC4wNiA2LTZhLjUuNSAwIDAgMCAwLS43MDdsLS43MDctLjcwN2EuNS41IDAgMCAwLS43MDcgMEw5IDExLjU4N2wtMi40NC0yLjQ0YS41LjUgMCAwIDAtLjcwNiAwbC0uNzA3LjcwN2EuNS41IDAgMCAwIDAgLjcwN2wzLjUgMy41YS41LjUgMCAwIDAgLjcwNyAwTTAgMjBWMG0yMCAwdjIwIiBmaWxsPSIjMzE1ZWZiIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==) no-repeat;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_red--29t7R {
  background: #f03026 !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_orange--_OaVl {
  background: #ff8300 !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_yellow--2mwfb {
  background: #face21 !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_green--1b2be {
  background: #00b96b !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_cyan--1igSX {
  background: #9fdfff !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_blue--1zcZC {
  background: #315efb !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_violet--3_suC {
  background: #9a04a4 !important;
}

.FiltersMobile__options--3CUAv .FiltersMobile__option_black--3MUC3 {
  background: #262626 !important;
}

.FiltersMobile__wrapper--3HhKq {
  margin: 0 0 20px;
  position: relative;
}

.FiltersMobile__wrapper--3HhKq svg {
  position: absolute;
  top: 10px;
  right: 10px;
}

.FiltersMobile__wrapper--3HhKq svg.FiltersMobile__clear--16bWU {
  right: 40px;
}

.FiltersMobile__input--U0wLK {
  padding-right: 70px;
}

.FiltersMobile__input--U0wLK::-webkit-input-placeholder {
  color: #343B4C;
}

.FiltersMobile__input--U0wLK::-moz-placeholder {
  color: #343B4C;
}

.FiltersMobile__input--U0wLK:-ms-input-placeholder {
  color: #343B4C;
}

.FiltersMobile__input--U0wLK::-ms-input-placeholder {
  color: #343B4C;
}

.FiltersMobile__input--U0wLK::placeholder {
  color: #343B4C;
}

.FiltersMobile__input_error--2M_Hv {
  background-color: #FFEEED !important;
}

.FiltersMobile__error--2Uz8s {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  margin: 5px 0 0;
  padding: 0 25px;
  color: #E54D46;
  position: relative;
}

.FiltersMobile__error--2Uz8s:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDIwVjBWMjBaTTIwIDBWMjBWMFpNMTQuNTk2IDE0LjU5NkMxMy4zNjkgMTUuODI0IDExLjczNiAxNi41IDEwIDE2LjVDOC41MTcgMTYuNSA3LjExMSAxNi4wMDMgNS45NjcgMTUuMDkzTDE1LjA5MyA1Ljk2N0MxNi4wMDMgNy4xMTEgMTYuNSA4LjUxNyAxNi41IDEwQzE2LjUgMTEuNzM2IDE1LjgyNCAxMy4zNjggMTQuNTk2IDE0LjU5NlpNMy41IDEwQzMuNSA4LjI2NCA0LjE3NiA2LjYzMSA1LjQwNCA1LjQwNEM2LjYzMSA0LjE3NiA4LjI2NCAzLjUgMTAgMy41QzExLjQ4MyAzLjUgMTIuODg5IDMuOTk3IDE0LjAzMyA0LjkwN0w0LjkwNyAxNC4wMzNDMy45OTcgMTIuODg5IDMuNSAxMS40ODMgMy41IDEwWk0xNS42NTcgNC4zNDNDMTQuMDk1IDIuNzgxIDEyLjA0NyAyIDEwIDJDNy45NTMgMiA1LjkwNSAyLjc4MSA0LjM0MyA0LjM0M0MxLjIxOSA3LjQ2NyAxLjIxOSAxMi41MzMgNC4zNDMgMTUuNjU3QzUuOTA1IDE3LjIxOSA3Ljk1MyAxOCAxMCAxOEMxMi4wNDcgMTggMTQuMDk1IDE3LjIxOSAxNS42NTcgMTUuNjU3QzE4Ljc4MSAxMi41MzMgMTguNzgxIDcuNDY3IDE1LjY1NyA0LjM0M1oiIGZpbGw9IiNFNTRENDYiLz4KPC9zdmc+Cg==) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
}
:root .rc__yOgJO {
    --rc-footer-bgColor: #1f2431;
    --rc-footer-color: #afb6c9;
    --rc-footer-hover-color: #62687f;
    --rc-footer-active-color: #8d96b2;
    --rc-footer-partner-bgColor: #343b4c;
    --rc-footer-partner-color: #afb6c9;
    --rc-footer-social-color: #c6cad8;
    --rc-footer-social-bgColor: #343b4c;
    --rc-footer-social-hover-bgColor: #62687f;
    --rc-footer-social-active-bgColor: #8d96b2;
    --rc-footer-age-border: 1px solid #afb6c9;
    --rc-footer-age-bgColor: transparent;
  }
  :root .rc__i--UB {
    --rc-footer-bgColor: #ffffff;
    --rc-footer-color: #777e98;
    --rc-footer-hover-color: #2c54e2;
    --rc-footer-active-color: #274bc8;
    --rc-footer-partner-bgColor: #f3f4f7;
    --rc-footer-partner-color: #8d96b2;
    --rc-footer-social-color: #4a7dfd;
    --rc-footer-social-bgColor: #e0ebff;
    --rc-footer-social-hover-bgColor: #c1d8ff;
    --rc-footer-social-active-bgColor: #a2c4ff;
    --rc-footer-age-border: 0;
    --rc-footer-age-bgColor: #f3f4f7;
  }
  .rc__t-YAH {
  display: block;
  width: 100%;
  min-width: 320px;
  background-color: var(--rc-footer-bgColor);
}
  .rc__yHV-5 {
  margin: 0 auto;
}
  @media (max-width: 1299px) {

.rc__rAfCK {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px
}
  }
  @media (min-width: 1300px) {

.rc__rAfCK {
    width: 1260px
}
  }
  .rc__NuVfz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
  @media (max-width: 768px) {

.rc__NuVfz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 25px
}
  }
  @media (min-width: 769px) {

.rc__NuVfz {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 20px
}
  }
  @media (max-width: 1299px) {

.rc__NuVfz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column
}
  }
  .rc__Gk-Q9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  list-style: none;
}
  @media (max-width: 768px) {

.rc__Gk-Q9 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 5px 0 0
}
  }
  @media (min-width: 769px) and (max-width: 1299px) {

.rc__Gk-Q9 {
    width: 100%;
    margin: 0 0 20px
}
  }
  @media (min-width: 1300px) {

.rc__Gk-Q9 {
    margin: 0 40px 0 0
}
  }
  .rc__8k9m1 {
  margin-top: 10px;
  margin-right: 20px;
  text-align: left;
}
  .rc__8k9m1:first-child {
    width: 100%;
  }
  .rc__8k9m1:last-child {
    margin-right: 0;
  }
  @media (max-width: 768px) {

.rc__8k9m1 {
    margin: 20px 10px 0;
    text-align: center
}
  }
  .rc__Tx3kJ,
.rc__swJId,
.rc__mHWy4 {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}
  .rc__Tx3kJ,
.rc__swJId {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  -webkit-text-decoration: none;

  text-decoration: none;
  color: var(--rc-footer-color);
}
  @media (hover: hover) {

.rc__Tx3kJ,
.rc__swJId {
    -webkit-transition: color 200ms;
    transition: color 200ms
}

    .rc__Tx3kJ:hover, .rc__swJId:hover {
      color: var(--rc-footer-hover-color);
    }
  }
  .rc__Tx3kJ:active, .rc__swJId:active {
    color: var(--rc-footer-active-color);
  }
  .rc__Kr6Hw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
  @media (max-width: 768px) {

.rc__Kr6Hw {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1
}
  }
  @media (min-width: 769px) {

.rc__Kr6Hw {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end
}
  }
  @media (max-width: 1299px) {

.rc__Kr6Hw {
    width: 100%
}
  }
  @media (max-width: 768px) {

.rc__Bn5m0 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin: 20px 10px 0 0
}
  }
  @media (min-width: 769px) {

.rc__Bn5m0 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1
}
  }
  .rc__r9Jdf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: var(--rc-footer-color);
  border-radius: 50%;
  border: var(--rc-footer-age-border);
  background-color: var(--rc-footer-age-bgColor);
}
  .rc__MKQBo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
  @media (max-width: 768px) {

.rc__MKQBo {
    margin-top: 20px
}
  }
  @media (min-width: 769px) {

.rc__MKQBo {
    margin-left: 40px
}

    .rc__MKQBo + .rc__MKQBo {
      margin-left: 10px;
    }
  }
  .rc__IoC4g {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  font-size: 0;
  border-radius: 50%;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: var(--rc-footer-social-bgColor);
}
  @media (hover: hover) {

.rc__IoC4g {
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
    cursor: pointer
}

    .rc__IoC4g:hover {
      background-color: var(--rc-footer-social-hover-bgColor);
    }
  }
  .rc__IoC4g:active {
    background-color: var(--rc-footer-social-active-bgColor);
  }
  @media (max-width: 768px) {

.rc__IoC4g {
    margin: 0 10px
}
  }
  @media (min-width: 769px) {
    .rc__IoC4g + .rc__IoC4g {
      margin-left: 10px;
    }
  }
  .rc__Q90Ha {
    display: block;
    width: 20px;
    height: 20px;
    color: var(--rc-footer-social-color);
  }
  .rc__czQEt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  background-color: var(--rc-footer-partner-bgColor);
}
  .rc__qH8O- {
    margin-right: 10px;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
    color: var(--rc-footer-partner-color);
  }
  .rc__EYB27 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--rc-footer-color);
  }


:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.ToplineMobile__projects_wrapper--5Qojd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 10px 0;
}

.ToplineMobile__project--3hCvU {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  color: #343B4C;
  margin: 5px 20px 5px 0;
}

.ToplineMobile__project--3hCvU:visited {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  color: #343B4C;
  margin: 5px 20px 5px 0;
}

.ToplineMobile__project--3hCvU:hover {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  color: #343B4C;
  margin: 5px 20px 5px 0;
}

.ToplineMobile__project--3hCvU:active {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  color: #343B4C;
  margin: 5px 20px 5px 0;
}

.ToplineMobile__project_active--1h9Sa {
  color: #315efb;
}

.ToplineMobile__project_active--1h9Sa:visited {
  color: #315efb;
}

.ToplineMobile__wrapper--1vy03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 15px;
}

.ToplineMobile__controls--1NBRa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ToplineMobile__controls--1NBRa > div {
  margin: 0 0 0 20px;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Debug__root--iJEsI {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 5px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-family: monospace;
  z-index: 9002;

  /*overflow: auto;*/
  /*background: rgba(255, 255, 255, 0.9);*/

  /*max-height: 5px;*/
  /*width: 5px;*/

  /*box-shadow: 0 0 5px #333;*/
}

.Debug__root--iJEsI a {
  color: #dcdfe7;
  text-decoration: none;
}

.Debug__root--iJEsI span {
  cursor: pointer;
}

.top100_markup {
  position: absolute;
  background-color: rgba(255, 0, 0, 0.5);
  color: #fff;
  font-size: 10px;
  font-family: monospace;
  pointer-events: none;
  text-shadow: 1px 1px 1px #333;
  z-index: 9002;
}

.utm__links {
  position: absolute;
  font-size: 10px;
  pointer-events: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  color: #fff;
  background-color: #274bc8;
  text-align: center;
  line-height: 20px;
  z-index: 9002;
}

.utm__table {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 550px;
  max-height: calc(100% - 60px);
  overflow-y: auto;
  background-color: #fff;
  opacity: 0.8;
  font-family: sans-serif;
  z-index: 9002;
}

.utm__table table {
  border-collapse: collapse;
  border-color: #dcdfe7;
}

.utm__table td {
  padding: 1px 2px;
}

.js-hidden,
.js-utm-hidden {
  display: none;
}

/*.root:hover {*/

/*max-height: 100vh;*/

/*width: 50%;*/

/*}*/

/*.root:before {*/

/*content: '';*/

/*width: 5px;*/

/*height: 5px;*/

/*background: #f00;*/

/*top: 0;*/

/*left: 0;*/

/*}*/

/*.state {*/

/*white-space: pre-wrap;*/

/*font-family: Monaco, monospace;*/

/*font-size: 11px;*/

/*}*/

.GeoSelect__bg--3oMEu {
}

.GeoSelect__settings--2_CTU {
}

.GeoSelect__settings_mobile--3oDSt {
}

.GeoSelect__caption--4OIke {
}

.GeoSelect__close--yUFA2 {
}

.GeoSelect__buttons--16tap {
}

.GeoSelect__label--3ABxB {
  padding: 0 0 0 30px;
}
.GeoSelect__label_active--2wPth {
  cursor: pointer;
}

.GeoSelect__info--3GWOW {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #8d96b2;
  margin: 5px 0 0;
}

.GeoSelect__option--26U5v {
  list-style-type: none;
  margin: 0 0 20px;
  position: relative;
}
.GeoSelect__option--26U5v:before {
  left: 0;
  top: 0;
  transition: all 0.1s ease-in;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid #e0ebff;
  position: absolute;
  box-sizing: border-box;
}

.GeoSelect__option--26U5v:active:before {
  border: 5px solid #315efb;
}

.GeoSelect__option--26U5v:after {
  transition: all 0.1s ease-in;
}

.GeoSelect__option--26U5v:hover:before {
  border: 5px solid #315efb;
}

.GeoSelect__option_selected--2XAPK {
  position: relative;
}

.GeoSelect__option_selected--2XAPK:before {
  border: 5px solid #315efb;
}

.GeoSelect__line--3vbjC {
  position: relative;
  margin: 20px 0 0;
}

.GeoSelect__line--3vbjC i {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 10px;
  top: 10px;
  content: '';
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDIwVjB2MjB6TTIwIDB2MjBWMHptLTIuNSAxN2gtNy4zNzlsMS41LTEuNUgxNy41Yy4yNzYgMCAuNS4yMjQuNS41di41YzAgLjI3Ni0uMjI0LjUtLjUuNXpNOS42MjEgNS41TDExIDQuMTIxIDE0Ljg3OSA4IDEzLjUgOS4zNzkgOS42MjEgNS41em0tMi4yNDIgMTBIMy41di0zLjg3OWw1LjA2MS01LjA2IDMuODc4IDMuODc4LTUuMDYgNS4wNjF6bTIuOTE0LTEyLjc5M2wtOCA4Yy0uMTg4LjE4OC0uMjkzLjQ0Mi0uMjkzLjcwN1YxNmMwIC41NTIuNDQ4IDEgMSAxaDQuNTg2Yy4yNjUgMCAuNTE5LS4xMDUuNzA3LS4yOTNsOC04Yy4zOS0uMzkuMzktMS4wMjQgMC0xLjQxNGwtNC41ODYtNC41ODZjLS4zOS0uMzktMS4wMjQtLjM5LTEuNDE0IDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjU1IC0zNjMpIHRyYW5zbGF0ZSgzMDUgMTgzKSB0cmFuc2xhdGUoMjAgMTcwKSB0cmFuc2xhdGUoMzMwIDEwKSIvPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
  cursor: pointer
}

@media screen and (hover: none) {
  .GeoSelect__line--3vbjC i {
    display: none;
  }
}

.GeoSelect__input--2THRP {
  border: none;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 20px;
  border-radius: 22.5px;
  background-color: #eff5ff;
  padding: 10px 50px 10px 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  /* color: #315efb; */
  color: var(--color-default);
}

.GeoSelect__input_opened--3KU9w {
  border-radius: 22.5px 22.5px 0 0;
}

.GeoSelect__input--2THRP::placeholder {
  color: var(--color-default);
  opacity: 0.5;
}

.GeoSelect__line--3vbjC:hover .GeoSelect__input--2THRP:hover,
.GeoSelect__input--2THRP:hover,
.GeoSelect__line--3vbjC:hover .GeoSelect__input--2THRP:focus,
.GeoSelect__input--2THRP:focus {
  background-color: #e0ebff;
  outline: none;
}

.GeoSelect__line--3vbjC:hover .GeoSelect__input--2THRP {
  background-color: #e0ebff;  
}

.GeoSelect__suggest--2m2PB {
  display: none;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  border-radius: 0 0 22.5px 22.5px;
  background-color: #eff5ff;
  z-index: 1;
  overflow: hidden;
}

.GeoSelect__suggest_item--1efSb {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  line-height: 40px;
  padding: 10px 20px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--color-default);
}

.GeoSelect__suggest_item_selected--2s3Q_ {
  background-color: #e0ebff;
  color: #315efb;
}

.GeoSelect__suggest_item--1efSb:hover {
  background-color: #e0ebff;
  color: #315efb;
}
.GeoSelect__suggest_item--1efSb:active {
  background-color: #e0ebff;
  color: #274bc8;
}


.GeoSelect__suggest_details--1jTkE {
  color: #8d96b2;
}

.GeoSelect__suggest_visible--3wJCi {
  display: block;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Captcha__bg--1sxKj {
}

.Captcha__popup--3sbb- {
  width: 420px;
}

.Captcha__caption--2F9cT {
}

.Captcha__input--2h-3X {
}

.Captcha__text--1ws_u {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343B4C;
  margin: 0 0 15px;
}

.Captcha__captcha--UDLKs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 20px;
}

.Captcha__image--1inVp {
  vertical-align: top;
  margin: 0 14px 0 0;
  display: inline-block;
  width: 250px;
  height: 82px;
  text-align: center;
  font-size: 0;
}

.Captcha__image--1inVp img {
  max-width: 250px;
  max-height: 82px;
  vertical-align: middle;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.Captcha__refresh--3S59z {
  color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 90px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 0 0 25px;
  position: relative;
}

.Captcha__refresh--3S59z:before {
  content: ' ';
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMxNUVGQiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTEyLjUtNi42aDEuODA2Yy0xLjAwOCAxLjI3NS0yLjU1OSAyLjEtNC4zMDYgMi4xLTIuODggMC01LjI0OS0yLjIyNC01LjQ4MS01LjA0NS0uMDIyLS4yNTctLjIzNi0uNDU1LS40OTQtLjQ1NWgtLjUwMmMtLjI5MiAwLS41MjUuMjQ4LS41MDMuNTRDMy4yOTYgMTQuMTUzIDYuMzE2IDE3IDEwIDE3YzIuMzAxIDAgNC4zMjYtMS4xMjMgNS42LTIuODM5VjE2LjVjMCAuMjc2LjIyNC41LjUuNWguNGMuMjc2IDAgLjUtLjIyNC41LS41di00YzAtLjI3Ni0uMjI0LS41LS41LS41aC00Yy0uMjc2IDAtLjUuMjI0LS41LjV2LjRjMCAuMjc2LjIyNC41LjUuNU03LjUgOGgtNGMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTRjMC0uMjc2LjIyNC0uNS41LS41aC40Yy4yNzYgMCAuNS4yMjQuNS41djIuMzM5QzUuNjc0IDQuMTIzIDcuNjk5IDMgMTAgM2MzLjY4NCAwIDYuNzA0IDIuODQ2IDYuOTggNi40Ni4wMjIuMjkyLS4yMTEuNTQtLjUwMy41NGgtLjUwMmMtLjI1OCAwLS40NzItLjE5OC0uNDk0LS40NTVDMTUuMjQ5IDYuNzI0IDEyLjg4IDQuNSAxMCA0LjVjLTEuNzQ3IDAtMy4yOTguODI1LTQuMzA2IDIuMUg3LjVjLjI3NiAwIC41LjIyNC41LjV2LjRjMCAuMjc2LS4yMjQuNS0uNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUwIC0zNTApIHRyYW5zbGF0ZSgyOTUgMTY1KSB0cmFuc2xhdGUoMjU1IDE4NSkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Captcha__refresh--3S59z:hover,
.Captcha__refresh--3S59z:active {
  color: #274bc8;
  text-decoration: none;
}

.Captcha__refresh--3S59z:hover:before,
.Captcha__refresh--3S59z:active:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzI3NGJjOCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTEyLjUtNi42aDEuODA2Yy0xLjAwOCAxLjI3NS0yLjU1OSAyLjEtNC4zMDYgMi4xLTIuODggMC01LjI0OS0yLjIyNC01LjQ4MS01LjA0NS0uMDIyLS4yNTctLjIzNi0uNDU1LS40OTQtLjQ1NWgtLjUwMmMtLjI5MiAwLS41MjUuMjQ4LS41MDMuNTRDMy4yOTYgMTQuMTUzIDYuMzE2IDE3IDEwIDE3YzIuMzAxIDAgNC4zMjYtMS4xMjMgNS42LTIuODM5VjE2LjVjMCAuMjc2LjIyNC41LjUuNWguNGMuMjc2IDAgLjUtLjIyNC41LS41di00YzAtLjI3Ni0uMjI0LS41LS41LS41aC00Yy0uMjc2IDAtLjUuMjI0LS41LjV2LjRjMCAuMjc2LjIyNC41LjUuNU03LjUgOGgtNGMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTRjMC0uMjc2LjIyNC0uNS41LS41aC40Yy4yNzYgMCAuNS4yMjQuNS41djIuMzM5QzUuNjc0IDQuMTIzIDcuNjk5IDMgMTAgM2MzLjY4NCAwIDYuNzA0IDIuODQ2IDYuOTggNi40Ni4wMjIuMjkyLS4yMTEuNTQtLjUwMy41NGgtLjUwMmMtLjI1OCAwLS40NzItLjE5OC0uNDk0LS40NTVDMTUuMjQ5IDYuNzI0IDEyLjg4IDQuNSAxMCA0LjVjLTEuNzQ3IDAtMy4yOTguODI1LTQuMzA2IDIuMUg3LjVjLjI3NiAwIC41LjIyNC41LjV2LjRjMCAuMjc2LS4yMjQuNS0uNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUwIC0zNTApIHRyYW5zbGF0ZSgyOTUgMTY1KSB0cmFuc2xhdGUoMjU1IDE4NSkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Captcha__pic--WaXI1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}

.Captcha__buttons--2XIn2 {
  margin: 20px 0 0;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Captcha__bg--2vhn2 {
}

.Captcha__popup--3C9LW {
  width: calc(100% - 20px);
  min-width: 300px;
  max-width: 420px;
}

.Captcha__popup_mobile--JI77Z {
}

.Captcha__caption--wBL2y {
}

.Captcha__input--2tU58 {
}

.Captcha__text--1LcLr {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343B4C;
  margin: 0 0 20px;
}

.Captcha__captcha--PEFyB {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.Captcha__image--Ie7jF {
  vertical-align: top;
  margin: 0 0 20px;
  display: block;
  max-width: 260px;
  height: 82px;
  text-align: left;
  font-size: 0;
  margin: 0 10px 20px 0;
}

.Captcha__image--Ie7jF img {
  max-width: 260px;
  max-height: 82px;
  vertical-align: middle;
  border-radius: 15px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.Captcha__refresh__wrapper--3Xyni {
  margin: 0 0 20px;
}

.Captcha__refresh--1pzNC {
  color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 90px;
  line-height: 20px;
  text-decoration: none;
  padding: 0 0 0 25px;
  position: relative;
}

.Captcha__refresh--1pzNC:before {
  content: ' ';
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMxNUVGQiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTEyLjUtNi42aDEuODA2Yy0xLjAwOCAxLjI3NS0yLjU1OSAyLjEtNC4zMDYgMi4xLTIuODggMC01LjI0OS0yLjIyNC01LjQ4MS01LjA0NS0uMDIyLS4yNTctLjIzNi0uNDU1LS40OTQtLjQ1NWgtLjUwMmMtLjI5MiAwLS41MjUuMjQ4LS41MDMuNTRDMy4yOTYgMTQuMTUzIDYuMzE2IDE3IDEwIDE3YzIuMzAxIDAgNC4zMjYtMS4xMjMgNS42LTIuODM5VjE2LjVjMCAuMjc2LjIyNC41LjUuNWguNGMuMjc2IDAgLjUtLjIyNC41LS41di00YzAtLjI3Ni0uMjI0LS41LS41LS41aC00Yy0uMjc2IDAtLjUuMjI0LS41LjV2LjRjMCAuMjc2LjIyNC41LjUuNU03LjUgOGgtNGMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTRjMC0uMjc2LjIyNC0uNS41LS41aC40Yy4yNzYgMCAuNS4yMjQuNS41djIuMzM5QzUuNjc0IDQuMTIzIDcuNjk5IDMgMTAgM2MzLjY4NCAwIDYuNzA0IDIuODQ2IDYuOTggNi40Ni4wMjIuMjkyLS4yMTEuNTQtLjUwMy41NGgtLjUwMmMtLjI1OCAwLS40NzItLjE5OC0uNDk0LS40NTVDMTUuMjQ5IDYuNzI0IDEyLjg4IDQuNSAxMCA0LjVjLTEuNzQ3IDAtMy4yOTguODI1LTQuMzA2IDIuMUg3LjVjLjI3NiAwIC41LjIyNC41LjV2LjRjMCAuMjc2LS4yMjQuNS0uNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUwIC0zNTApIHRyYW5zbGF0ZSgyOTUgMTY1KSB0cmFuc2xhdGUoMjU1IDE4NSkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Captcha__refresh--1pzNC:hover,
.Captcha__refresh--1pzNC:active {
  color: #274bc8;
  text-decoration: none;
}

.Captcha__refresh--1pzNC:hover:before,
.Captcha__refresh--1pzNC:active:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzI3NGJjOCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTEyLjUtNi42aDEuODA2Yy0xLjAwOCAxLjI3NS0yLjU1OSAyLjEtNC4zMDYgMi4xLTIuODggMC01LjI0OS0yLjIyNC01LjQ4MS01LjA0NS0uMDIyLS4yNTctLjIzNi0uNDU1LS40OTQtLjQ1NWgtLjUwMmMtLjI5MiAwLS41MjUuMjQ4LS41MDMuNTRDMy4yOTYgMTQuMTUzIDYuMzE2IDE3IDEwIDE3YzIuMzAxIDAgNC4zMjYtMS4xMjMgNS42LTIuODM5VjE2LjVjMCAuMjc2LjIyNC41LjUuNWguNGMuMjc2IDAgLjUtLjIyNC41LS41di00YzAtLjI3Ni0uMjI0LS41LS41LS41aC00Yy0uMjc2IDAtLjUuMjI0LS41LjV2LjRjMCAuMjc2LjIyNC41LjUuNU03LjUgOGgtNGMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTRjMC0uMjc2LjIyNC0uNS41LS41aC40Yy4yNzYgMCAuNS4yMjQuNS41djIuMzM5QzUuNjc0IDQuMTIzIDcuNjk5IDMgMTAgM2MzLjY4NCAwIDYuNzA0IDIuODQ2IDYuOTggNi40Ni4wMjIuMjkyLS4yMTEuNTQtLjUwMy41NGgtLjUwMmMtLjI1OCAwLS40NzItLjE5OC0uNDk0LS40NTVDMTUuMjQ5IDYuNzI0IDEyLjg4IDQuNSAxMCA0LjVjLTEuNzQ3IDAtMy4yOTguODI1LTQuMzA2IDIuMUg3LjVjLjI3NiAwIC41LjIyNC41LjV2LjRjMCAuMjc2LS4yMjQuNS0uNS41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUwIC0zNTApIHRyYW5zbGF0ZSgyOTUgMTY1KSB0cmFuc2xhdGUoMjU1IDE4NSkiLz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.Captcha__pic--1q-GF {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}

.Captcha__buttons--2GbgM {
  margin: 20px 0 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

html {
  height: 100%;
}

b {
  font-weight: 700;
}
h1 {
  font-size: inherit;
  font-weight: inherit;
}

/* Мобильный дизайн достаточно продуман, чтобы отключить автоматическое увеличивание текста браузером */
body {
  -webkit-text-size-adjust: none;
  min-width: var(--page-min-width);
}

.mobile {
  min-width: auto;
}

/* Содержимое файла https://static.rambler.ru/fonts/Roboto/Roboto.css */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('https://static.rambler.ru/fonts/Roboto/bold.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/bold.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://static.rambler.ru/fonts/Roboto/light.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/light.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://static.rambler.ru/fonts/Roboto/medium.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/medium.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.rambler.ru/fonts/Roboto/regular.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/regular.woff') format('woff');
}

/* Содержимое файла https://static.rambler.ru/fonts/CorsicaRamblerLX/CorsicaRamblerLX.css */
@font-face {
  /* Нестандартное название, чтобы не использовался установленный системный шрифт (который может быть с другой базовой линией) */
  font-family: 'CorsicaRamblerLX';
  font-style: normal;
  font-weight: 500;
  src: url('https://static.rambler.ru/fonts/CorsicaRamblerLX/medium.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/CorsicaRamblerLX/medium.woff')
      format('woff');
}
@font-face {
  /* Нестандартное название, чтобы не использовался установленный системный шрифт (который может быть с другой базовой линией) */
  font-family: 'CorsicaRamblerLX';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.rambler.ru/fonts/CorsicaRamblerLX/regular.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/CorsicaRamblerLX/regular.woff')
      format('woff');
}

/* Содержимое файла https://static.rambler.ru/fonts/Montserrat/Montserrat.css */
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/regular.woff) format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/medium.woff) format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/semibold.woff) format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/bold.woff) format("woff")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/black.woff) format("woff")}


/* Содержимое файла https://static.rambler.ru/fonts/Manrope/Manrope.css */
@font-face {font-family:'Manrope';font-style: normal;font-weight: 400;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/regular.woff2") format("woff2");}
@font-face {font-family:'Manrope';font-style: normal;font-weight: 500;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/medium.woff2") format("woff2");}
@font-face {font-family:'Manrope';font-style: normal;font-weight: 600;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/semibold.woff2") format("woff2");}
@font-face {font-family:'Manrope';font-style: normal;font-weight: 700;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/bold.woff2") format("woff2");}
@font-face {font-family:'Manrope';font-style: normal;font-weight: 800;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/extrabold.woff2") format("woff2");}
/* Set up Manrope for modern browsers, all weights */
@supports (font-variation-settings: normal) {@font-face {font-family:'Manrope';font-style: normal;font-weight: 400 800;font-stretch: normal;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2 supports variations'),url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2-variations');}}

.components__default_link--3ZFPT {
  text-decoration: none;
  color: var(--link-color-default);
}
.components__default_link--3ZFPT:hover {
  color: var(--link-color-hover);
}
.components__default_link--3ZFPT:active {
  color: var(--link-color-active);
}
/* .default_link:visited {
  color: #ab47bc;
} */

.components__colored_link--9ft9T {
  text-decoration: none;
}
.components__colored_link--9ft9T:hover {
  color: var(--link-color-default);
}
.components__colored_link--9ft9T:active {
  color: var(--link-color-active);
}
/* .colored_link:visited {
  color: #ab47bc;
} */
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Spellchecker__root--1rOR2 {
  border: 1px solid #e0ebff;
  margin: 0 0 20px 34px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 20px;
  color: #343B4C;
  border-radius: 5px;
  white-space: nowrap;
}

.Spellchecker__root_mobile--8_0Gl {
  margin: 20px 10px;
}

.Spellchecker__root_images--1D0Wx {
  margin-left: 0;
  margin-top: 20px;
}

.Spellchecker__query--247AM {
  font-weight: 600;
}

.Spellchecker__link--14Ojs {
  font-weight: 600;
  text-decoration: none;
}

.Spellchecker__link_mobile--11h_f {
  color: #315efb;
}

.Spellchecker__prompt--1ETok {
  margin: 0 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre-wrap;
}

.Spellchecker__line--2r9oO {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre-wrap;
}
.YaCopyright__root--3XqPg {
  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  background-color: #343b4c;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #afb6c9;
}

.YaCopyright__logo--14o3O {
  height: 20px;
  display: inline-block;
  font-size: 0;
  margin: 0 0 0 10px;
  vertical-align: top;
  width: 53px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MyIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDUzIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI2FmYjZjOSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICA8Zz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMzM5IDEuNzRINS4zMzVjLTEuODQgMC0yLjgwNy45MjYtMi44MDcgMi4yOTcgMCAxLjU1NS42NjkgMi4yNzcgMi4wNDUgMy4yMDRMNS43MDcgOGwtMy4yNyA0Ljg3SDBsMi45MzgtNC4zNTJDMS4yNDUgNy4zMTUuMjk4IDYuMTQ5LjI5OCA0LjE2Ni4yOTcgMS42ODYgMi4wMjUgMCA1LjMxNyAwaDMuMjY5djEyLjg3aC0yLjI1TDYuMzQgMS43NHpNMjYuODI3IDMuNTU1aC02LjQ1MnYuNzk3YzAgMi4yNzgtLjE0OCA1LjIyMi0uOTI5IDYuNzc3aC0uNjg2VjE1aDIuMDQ2di0yLjEzaDQuOTZWMTVoMi4wNDZ2LTMuODdoLS45ODVWMy41NTR6bS0yLjIxMiA3LjU3MUgyMS40OWMuNjEzLTEuNDA1Ljc3OC0zLjk0NC43NzgtNS41NTV2LS4yNzhoMi4zNDNsLjAwMyA1LjgzM3pNMTUuNjE2IDcuMjQxTDEyLjY2IDcuMjQxIDEyLjY2IDMuNTU2IDEwLjQ0NyAzLjU1NiAxMC40NDcgMTIuODcxIDEyLjY2IDEyLjg3MSAxMi42NiA4Ljk4MiAxNS42MTYgOC45ODIgMTUuNjE2IDEyLjg3MSAxNy44MjggMTIuODcxIDE3LjgyOCAzLjU1NiAxNS42MTYgMy41NTZ6TTQ5Ljg2MiA1LjExYy44NTYgMCAxLjY5Mi4yOTcgMi4xMzguNTc1VjMuODEyYy0uNDY3LS4yNi0xLjI4My0uNDQ0LTIuMzgtLjQ0NC0yLjgyNSAwLTQuMjk0IDIuMDE4LTQuMjk0IDQuODUyIDAgMy4xMSAxLjQzMSA0LjgzMyA0LjM4NyA0LjgzMyAxLjAyMyAwIDEuNzQ4LS4xODUgMi4yODctLjU3M3YtMS43OTVjLS41NTcuMzktMS4yMjcuNjMtMi4xNTYuNjMtMS41ODEgMC0yLjIzMS0xLjIyMy0yLjIzMS0zLjE1IDAtMi4wMTguOC0zLjA1NSAyLjI0OS0zLjA1NU00NS4wMjggMy41NTVMNDIuNzk3IDMuNTU1IDM5LjY3NCA3Ljg1MiAzOS42NzQgMy41NTUgMzcuNDYxIDMuNTU1IDM3LjQ2MSAxMi44NzEgMzkuNjc0IDEyLjg3MSAzOS42NzQgOC4yOTcgNDIuOTQ2IDEyLjg3MSA0NS40NTYgMTIuODcxIDQxLjkwNSA3Ljg1MnpNMzIuMzMgMy4zN2MtMi42OTYgMC0zLjk3OSAyLjA1Ni0zLjk3OSA0Ljg3IDAgMy4yNDEgMS42IDQuODE2IDQuNDI2IDQuODE2IDEuNDEyIDAgMi40NTMtLjM3MSAzLjEwNC0uODE1di0xLjc5NWMtLjY4OC40NjMtMS44NC44Ny0yLjkyLjg3LTEuNjE2IDAtMi4yMy0uNzYtMi4zMjMtMi4zMTVoNS4zMzZWNy44M2MwLTMuMjQyLTEuNDMyLTQuNDY0LTMuNjQ0LTQuNDY0bTEuMzk1IDRoLTMuMDg3Yy4wNTYtMS40ODMuNTk1LTIuMjYgMS42NTUtMi4yNiAxLjA5NyAwIDEuNDMyLjkwOCAxLjQzMiAyLjA3NXYuMTg1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1MSAtMjk4OSkgdHJhbnNsYXRlKDAgMjk3OSkgdHJhbnNsYXRlKDc1MSAxMCkgdHJhbnNsYXRlKDEgMykiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.More__root--rhwWU {
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
}

.More__root__rabota--26Vi5 {
  text-align: left;
  height: 45px;
}

.More__button--9AznM {
  cursor: pointer;
  height: 35px;
  line-height: 35px;
  border-radius: 1px;
  background-color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.3px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 20px;
  border: none;
}

.More__button--9AznM:hover {
  background: #234ae4;
}

.More__button--9AznM:active {
  background: #1039d6;
  outline: none;
}

.More__button_loading--DttZO {
  background: #fff;
  /*line-height: 45px;*/
}

.More__button__rabota--uY6Pn {
  background: #315efb;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  border: none;
  line-height: 45px;
  height: 45px;
  display: inline-block;
  text-align: center;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 1px;
  padding: 0 30px;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  min-width: 160px;
}

.More__button__rabota--uY6Pn:hover {
  background: #234ae4;
  color: #fff;
}

.More__button__rabota--uY6Pn:active {
  background: #1039d6;
  color: #fff;
}

.More__root__rabota--26Vi5 .More__button__rabota--uY6Pn {
  line-height: 35px;
  height: 35px;
}

.More__root--yovnK {
  display: block;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 15px;
}

.More__button--1WWda {
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 1px;
  background-color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 1.4px;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
}

.More__button_loading--2lc2Z {
  background: #fff;
}

.More__wrapper--3dlwt {
  display: block;
  text-align: center;
  margin: 15px 10px 20px 10px;
}

.More__more--3YeKn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  background-color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  border: none;
}

.More__more_loading--20ru0 {
  background: #fff;
}


:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.HintsMobile__root--k_ry6 {
  margin: 30px 10px;
  font-family: "Montserrat", sans-serif;
}

.HintsMobile__title--3m0IG {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  margin: 0 0 15px;
  color: #343B4C;
}

.HintsMobile__hint--4uXos {
  margin: 0 0 15px;
  list-style: none;
}

.HintsMobile__hint--4uXos:last-child {
  margin-bottom: 0;
}

.HintsMobile__link--2P0-U {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #315efb;
}

.HintsMobile__link--2P0-U b {
  font-weight: 500;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}


.Mixin__lazyimg--2Sli1 {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
}


.Mixin__root--1rvpI {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  color: #343B4C;
  margin: 0 0 25px;
  padding: 0 0 0 36px;
}


.Mixin__root_mobile--UuqGS {
  padding: 0;
  margin: 0 10px 25px;
}


.Mixin__title--1aT9p {
  position: relative;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: normal;
  word-wrap: break-word;
  font-family: "Montserrat", sans-serif; 
  font-weight: 500;
}


.Mixin__title--1aT9p span {
  white-space: nowrap;
}


.Mixin__title__dark--1u-B7 {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #2a2a2a;
  font-weight: 500;
}


.Mixin__title--1aT9p:first-letter {
  text-transform: uppercase;
}


.Mixin__title--1aT9p i {
  content: '';
  position: absolute;
  left: -36px;
  top: 0;
  margin-top: 5px;
  height: 16px;
  width: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMzE1RUZCIiByeD0iMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05LjEwMyAxLjk5M0w0LjcxNSAxNC4wMDhoMi4xODJsNC4zODctMTIuMDE1eiIvPgogICAgPC9nPgo8L3N2Zz4K);
}


.Mixin__title__link--3M6Td {
  text-decoration: none;
}


.Mixin__title__link--3M6Td b {
  font-weight: 700;
}


@media screen and (hover: none) {
  .Mixin__title__link--3M6Td b {
    font-weight: 700;
  }
}


.Mixin__title__dark--1u-B7 .Mixin__title__link--3M6Td {
  color: #2a2a2a;
  text-decoration: none;
}


.Mixin__title__dark--1u-B7 .Mixin__title__link--3M6Td:hover {
  color: #2c54e2;
}


.Mixin__project--1C0Jh {
  font-size: 14px;
  line-height: 15px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #8d96b2;
  line-height: 20px;
  margin: 0 0 10px;
}


.Mixin__project__link--29KgC {
  color: #8d96b2;
  text-decoration: none;
}


.Mixin__project__link--29KgC:first-letter {
  text-transform: uppercase;
}


.Mixin__project__separator--10OgY {
  content: ' ';
  vertical-align: top;
  overflow: hidden;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzhEOTZCMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCAwdjIwTTAgMHYyMG04LjE3Ny01LjgyM2wtLjM1NC0uMzU0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN0wxMC45MzkgMTAgNy44MjMgNi44ODRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3bC4zNTQtLjM1NGMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsMy40NjkgMy40N2MuMzkxLjM5LjM5MSAxLjAyNCAwIDEuNDE0bC0zLjQ2OSAzLjQ3Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODggLTIzMDMpIHRyYW5zbGF0ZSgxMDAgMjI3MykgdHJhbnNsYXRlKDM2IDMwKSB0cmFuc2xhdGUoNTIpIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
}


.Mixin__description--3hhmb {
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #343B4C;
}


.Mixin__button--YEJxP {
  background: #315efb;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  border: none;
  line-height: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 1px;
  padding: 0 20px;
  font-weight: 500;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


.Mixin__button--YEJxP:hover {
  background: #234ae4;
  color: #fff;
}


.Mixin__button--YEJxP:active {
  background: #1039d6;
  color: #fff;
}


.Mixin__button_gray--2esYy {
  color: #343B4C;
  background-color: #f3f4f7;
}


.Mixin__button-with-arrow--RlFc7 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  color: #343B4C;
  background: rgba(141, 150, 178, 0.1);
}


.Mixin__button-with-arrow--RlFc7:hover {
  background: #e8eaf0;
  color: #315efb;
}


.Mixin__button-with-arrow--RlFc7::after {
  content: '';
  position: absolute;
  top: 18px;
  width: 6px;
  height: 9px;
  margin-left: 5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiPgogICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjY1IDcuMzZjLS4wOC4wOC0uMDguMjEtLjAwNy4yODNsLjcxNC43MTRjLjA3Ni4wNzYuMjA3LjA2OS4yOC0uMDA0bDMuNTY2LTMuNTY2YS40MS40MSAwIDAgMCAwLS41NzRMMS42MzcuNjQ3YS4yMDEuMjAxIDAgMCAwLS4yOC0uMDA0bC0uNzE0LjcxNGEuMTk4LjE5OCAwIDAgMCAuMDA3LjI4M0wzLjUxIDQuNS42NSA3LjM2eiIvPgo8L3N2Zz4K);
}


.Mixin__button-new--1Sajc {
  display: inline-block ;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 20px;
  color: #2c54e2;
  background-color: #315efb;
  color: #fff;
  text-decoration: none;
}


.Mixin__button-new--1Sajc:hover {
  color: #fff;
  background-color: #2c54e2;
}


.Mixin__button-new--1Sajc:active {
  color: #fff;
  background-color: #274bc8;
}


.Mixin__project__tip--2WbZ4 {
  content: ' ';
  vertical-align: top;
  overflow: hidden;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzhEOTZCMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTkuMjkzLTcuNjQ3bC0zLjQ3LTMuNDY5Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDEwLjkzOWwzLjExNi0zLjExNmMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsLjM1NC4zNTRjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLTMuNDcgMy40NjljLS4zOS4zOTEtMS4wMjQuMzkxLTEuNDE0IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzQgLTY4MykgdHJhbnNsYXRlKDIwIDE0MCkgdHJhbnNsYXRlKDAgNTEzKSB0cmFuc2xhdGUoMzYgMzApIHRyYW5zbGF0ZSgyNzgpIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinNews__count--3pWZJ {
  font-size: 18px;
  line-height: 25px;
  color: #b0b4c2;
  font-weight: 500;
}

.MixinNews__element--1oUeh {
  margin: 0 0 25px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 700px) {
  .MixinNews__element--1oUeh:last-child {
    margin: 0 0 20px;
  }
}

.MixinNews__element--1oUeh b {
  font-weight: 900;
}

.MixinNews__element__text--3GJ3T {
  margin-top: -4px;
}

.MixinNews__imagelink--19Ors {
  width: 190px;
  height: 125px;
  background-color: rgba(141, 150, 178, 0.1);
  border-radius: 1px;
  margin-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  position: relative;
}

.MixinNews__imagelink_mobile--16tEx {
  width: 100px;
  height: 75px;
  background-color: rgba(141, 150, 178, 0.1);
  border-radius: 1px;
  margin-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin: 0 10px 0 0;
}

.MixinNews__element--1oUeh .MixinNews__imagelink--19Ors { 
  border-radius: 5px;
  margin: 0 20px 0 0;
}

.MixinNews__image--2VwTt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.MixinNews__title--1EKSP {
  font-family: "Montserrat", sans-serif; 
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  margin: 0 0 5px;
}

.MixinNews__title__link--3yvxh {
  color: #343B4C;
  text-decoration: none;
}

.MixinNews__topic--3Pn3P {
  font-family: "Montserrat", sans-serif;
  margin: 0 10px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #343B4C;
  text-transform: normal;
}

.MixinNews__topic__link--1VpdO {
  color: #343B4C;
  text-transform: normal;
  text-decoration: none;
}

.MixinNews__topic__link_active--aZO-T {
  color: #315efb;
}

.MixinNews__time--3nsaT {
  color: #8d96b2;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.MixinNews__text--3M6YA {
  overflow: hidden;
  max-height: 40px;
  margin: 0;
  font-size: 13px;
  line-height: 20px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
}

.MixinNews__link--X6hYx {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  color: #315efb;
}
.MixinCoolstream_news__caption--2BrFX {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 0 10px;
}

.MixinCoolstream_news__details--gvsd9 {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 0 0 30px;
}

.MixinCoolstream_news__content--3Npa8 {
  position: relative;
  height: 210px;
  box-sizing: border-box;
}

.MixinCoolstream_news__cover--3FQrd {
  width: 200px;
  height: 115px;
  border-radius: 5px;
  background-size: cover;
}

.MixinCoolstream_news__viewport--1Vgrl {
  overflow: auto;
}
.MixinCoolstream_news__viewport_active--1XFum {
  overflow: hidden;
}
.MixinCoolstream_news__list--2SliJ {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  transition: all 0.3s ease-in;
}

.MixinCoolstream_news__element--3CJLw {
  width: 200px;
  margin: 0 20px 0 0;
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.MixinCoolstream_news__element--3CJLw:last-child {
  margin-right: 0;
}
.MixinCoolstream_news__element--3CJLw:hover .MixinCoolstream_news__cover--3FQrd {
  opacity: 0.9;
}

.MixinCoolstream_news__link--KIW9N {
  text-decoration: none;
}
.MixinCoolstream_news__link--KIW9N:hover .MixinCoolstream_news__title--1SXVJ {
  color: var(--link-color-hover);
}
.MixinCoolstream_news__link--KIW9N:active .MixinCoolstream_news__title--1SXVJ {
  color: var(--link-color-active);
}

.MixinCoolstream_news__title--1SXVJ {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-wrap;
  color: var(--color-default);
  min-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px;
  margin: 10px 0 5px;
}

.MixinCoolstream_news__time--3PnfI {
  color: #777E98;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinCoolstream_main__caption--3l-45 {
}

.MixinCoolstream_main__details--3DIim {
}

.MixinCoolstream_main__content--3AWZ9 {
}

.MixinCoolstream_main__cover--3f0FG {
}

.MixinCoolstream_main__viewport--2xKde {
}

.MixinCoolstream_main__viewport_active--vZu3B {
}

.MixinCoolstream_main__list--3UYXG {
}

.MixinCoolstream_main__element--1rVDC {
}

.MixinCoolstream_main__link--2kY7u {
}

.MixinCoolstream_main__title--11Lpj {
}

.MixinCoolstream_main__time--kOOZH {
}
.Mixin__lazyimg--2Sli1 {
  transition: opacity 0.1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
}

.Mixin__root--1rvpI {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  color: var(--color-default);
  margin: 0 0 25px;
  padding: 0 0 0 36px;
}

.Mixin__root_mobile--UuqGS {
  padding: 0;
  margin: 0 10px 25px;
}

.Mixin__title--1aT9p {
  position: relative;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: normal;
  word-wrap: break-word;
  font-family: "Montserrat", sans-serif; 
  font-weight: 500;
}

.Mixin__title--1aT9p span {
  white-space: nowrap;
}

.Mixin__title__dark--1u-B7 {
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #2a2a2a;
  font-weight: 500;
}

.Mixin__title--1aT9p:first-letter {
  text-transform: uppercase;
}
.Mixin__title--1aT9p i {
  content: '';
  position: absolute;
  left: -36px;
  top: 0;
  margin-top: 5px;
  height: 16px;
  width: 16px;
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMzE1RUZCIiByeD0iMSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik05LjEwMyAxLjk5M0w0LjcxNSAxNC4wMDhoMi4xODJsNC4zODctMTIuMDE1eiIvPgogICAgPC9nPgo8L3N2Zz4K);
}
.Mixin__title__link--3M6Td {
  text-decoration: none;
}
.Mixin__title__link--3M6Td b {
  font-weight: 700;
}

@media screen and (hover: none) {
  .Mixin__title__link--3M6Td b {
    font-weight: 700;
  }
}

.Mixin__title__dark--1u-B7 .Mixin__title__link--3M6Td {
  color: #2a2a2a;
  text-decoration: none;
}
.Mixin__title__dark--1u-B7 .Mixin__title__link--3M6Td:hover {
  color: var(--link-color-hover);
}

.Mixin__project--1C0Jh {
  font-size: 14px;
  line-height: 15px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #8d96b2;
  line-height: 20px;
  margin: 0 0 10px;
}
.Mixin__project__link--29KgC {
  color: #8d96b2;
  text-decoration: none;
}
.Mixin__project__link--29KgC:first-letter {
  text-transform: uppercase;
}
.Mixin__project__separator--10OgY {
  content: ' ';
  vertical-align: top;
  overflow: hidden;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzhEOTZCMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCAwdjIwTTAgMHYyMG04LjE3Ny01LjgyM2wtLjM1NC0uMzU0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN0wxMC45MzkgMTAgNy44MjMgNi44ODRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3bC4zNTQtLjM1NGMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsMy40NjkgMy40N2MuMzkxLjM5LjM5MSAxLjAyNCAwIDEuNDE0bC0zLjQ2OSAzLjQ3Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODggLTIzMDMpIHRyYW5zbGF0ZSgxMDAgMjI3MykgdHJhbnNsYXRlKDM2IDMwKSB0cmFuc2xhdGUoNTIpIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K");
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.Mixin__description--3hhmb {
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-default);
}
.Mixin__button--YEJxP {
  background: #315efb;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  border: none;
  line-height: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
  letter-spacing: 1.3px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 1px;
  padding: 0 20px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.Mixin__button--YEJxP:hover {
  background: #234ae4;
  color: #fff;
}
.Mixin__button--YEJxP:active {
  background: #1039d6;
  color: #fff;
}
.Mixin__button_gray--2esYy {
  color: var(--color-default);
  background-color: #f3f4f7;
}
.Mixin__button-with-arrow--RlFc7 {
  position: relative;
  box-sizing: border-box;
  height: 45px;
  line-height: 45px;
  color: var(--color-default);
  background: rgba(141, 150, 178, 0.1);
}
.Mixin__button-with-arrow--RlFc7:hover {
  background: #e8eaf0;
  color: #315efb;
}
.Mixin__button-with-arrow--RlFc7::after {
  content: '';
  position: absolute;
  top: 18px;
  width: 6px;
  height: 9px;
  margin-left: 5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiPgogICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjY1IDcuMzZjLS4wOC4wOC0uMDguMjEtLjAwNy4yODNsLjcxNC43MTRjLjA3Ni4wNzYuMjA3LjA2OS4yOC0uMDA0bDMuNTY2LTMuNTY2YS40MS40MSAwIDAgMCAwLS41NzRMMS42MzcuNjQ3YS4yMDEuMjAxIDAgMCAwLS4yOC0uMDA0bC0uNzE0LjcxNGEuMTk4LjE5OCAwIDAgMCAuMDA3LjI4M0wzLjUxIDQuNS42NSA3LjM2eiIvPgo8L3N2Zz4K);
}

.Mixin__button-new--1Sajc {
  display: inline-block ;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 20px;
  color: var(--link-color-hover);
  background-color: var(--link-color-default);
  color: #fff;
  text-decoration: none;
}

.Mixin__button-new--1Sajc:hover {
  color: #fff;
  background-color: var(--link-color-hover);
}
.Mixin__button-new--1Sajc:active {
  color: #fff;
  background-color: var(--link-color-active);
}

.Mixin__project__tip--2WbZ4 {
  content: ' ';
  vertical-align: top;
  overflow: hidden;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzhEOTZCMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTkuMjkzLTcuNjQ3bC0zLjQ3LTMuNDY5Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDEwLjkzOWwzLjExNi0zLjExNmMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsLjM1NC4zNTRjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLTMuNDcgMy40NjljLS4zOS4zOTEtMS4wMjQuMzkxLTEuNDE0IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzQgLTY4MykgdHJhbnNsYXRlKDIwIDE0MCkgdHJhbnNsYXRlKDAgNTEzKSB0cmFuc2xhdGUoMzYgMzApIHRyYW5zbGF0ZSgyNzgpIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.MixinCoolstream_news__root--3zDE9 {
    margin: 0 10px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.MixinCoolstream_news__list--1C0_- {
    list-style: none;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
}

.MixinCoolstream_news__element--OuSe4 {
    margin: 20px 0 0;
}

.MixinCoolstream_news__link--WHZh6 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-decoration: none;
}

.MixinCoolstream_news__cover--2gP0A {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-size: cover;
}

.MixinCoolstream_news__description--1i0cD {
    flex: 1 0;
    margin: 0 0 0 10px;
}

.MixinCoolstream_news__title--1XnT3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    white-space: pre-wrap;
    color: var(--color-default);
    min-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 80px;
    margin: 0 0 5px;
}

.MixinCoolstream_news__time--3_8VD {
  color: #777E98;
}

.MixinCoolstream_news__details--7B9-d {
}
.MixinCoolstream_main__root--2Kqof {
}

.MixinCoolstream_main__list--2bSmv {
}

.MixinCoolstream_main__element--2cMqt {
}

.MixinCoolstream_main__link--rwqyQ {
}

.MixinCoolstream_main__cover--hXNAI {
}

.MixinCoolstream_main__description--2RFEz {
}

.MixinCoolstream_main__title--za7Cd {
}

.MixinCoolstream_main__time--1pShI {
}

.MixinCoolstream_main__details--3cRxp {
}
.Slider__wrapper--T7mgR {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  white-space: nowrap;
}

.Slider__viewport--2mzQo {
  overflow: hidden;
  width: 100%;
}

@media screen and (hover: none), screen and  (max-width: 700px) {
  .Slider__viewport--2mzQo {
    /* Тачевая прокрутка с инерцией */
    overflow-x: scroll;
    margin-bottom: -10px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .Slider__viewport--2mzQo {
    overflow-x: scroll;
    /* Убирает скролл бар в firefox*/
    scrollbar-width: none;
  }
  /* Убирает скролл бар в chrome & safari */
  .Slider__viewport--2mzQo::-webkit-scrollbar {
    display: none;
  }
}

.Slider__list--3-8ax {
  position: relative;
  list-style-type: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
  padding: 0;
}

/* TODO Для скрытия «еще» сделать параметр у компонента слайдера (?) */

/* .list li:last-child {
  display: none;
} */

@media screen and (hover: none), screen and  (max-width: 700px) {
  .Slider__list--3-8ax li:last-child {
    display: inline-block;
  }
}

.Slider__list--3-8ax li {
  display: inline-block;
  vertical-align: top;
}

@media screen and (hover: none), screen and  (max-width: 700px) {
  .Slider__controls-and-decoration--2jGir {
    display: none;
  }
}

.Slider__arrow--3cfYQ {
  position: absolute;
  top: 50%;
  background: #fff;
  content: '';
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 22.5px;
  -webkit-box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
          box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
  cursor: pointer;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Slider__arrow--3cfYQ::before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  top: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzM0M0I0QyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCAwdjIwTTAgMHYyMG04LjE3Ny01LjgyM2wtLjM1NC0uMzU0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN0wxMC45MzkgMTAgNy44MjMgNi44ODRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3bC4zNTQtLjM1NGMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsMy40NjkgMy40N2MuMzkxLjM5LjM5MSAxLjAyNCAwIDEuNDE0bC0zLjQ2OSAzLjQ3Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzIwIC0zMTUpIHRyYW5zbGF0ZSg4NzAgMTcwKSB0cmFuc2xhdGUoNDQwIDEzNSkgdHJhbnNsYXRlKDEwIDEwKSIvPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) 0 0 no-repeat;
  z-index: 1;
}

.Slider__arrow--3cfYQ a {
  z-index: 3;
}

.Slider__arrow--3cfYQ:hover::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMxNWVmYiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCAwdjIwTTAgMHYyMG04LjE3Ny01LjgyM2wtLjM1NC0uMzU0Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN0wxMC45MzkgMTAgNy44MjMgNi44ODRjLS4xOTUtLjE5NS0uMTk1LS41MTIgMC0uNzA3bC4zNTQtLjM1NGMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsMy40NjkgMy40N2MuMzkxLjM5LjM5MSAxLjAyNCAwIDEuNDE0bC0zLjQ2OSAzLjQ3Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzIwIC0zMTUpIHRyYW5zbGF0ZSg4NzAgMTcwKSB0cmFuc2xhdGUoNDQwIDEzNSkgdHJhbnNsYXRlKDEwIDEwKSIvPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==) 0 0 no-repeat;
}

.Slider__arrow_right--1QC0J {
  right: -20px;
}

.Slider__arrow_right--1QC0J.Slider__arrow_wide--1rW4d {
  right: -30px;
}

.Slider__arrow_left--uU2qx {
  left: -20px;
}

.Slider__arrow_left--uU2qx.Slider__arrow_wide--1rW4d {
  left: -30px;
}

.Slider__arrow_left--uU2qx:before {
  left: 18px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.Slider__arrow_right--1QC0J:before {
  right: 10px;
}

.Slider__arrow_right_content--1Q3-j {
}

:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Mixin__root--KqIr9 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  color: #343B4C;
  margin: 0 0 25px;
  padding: 0;
}

.Mixin__root_mobile--uPnfz {
  padding: 0;
  margin: 0 10px 25px;
}

.Mixin__title--3KlgO {
  color: #343B4C;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin: 0;
}

.Mixin__title--3KlgO:first-letter {
  text-transform: uppercase;
}

.Mixin__title__link--2GFQv {
  color: #343B4C;
  text-decoration: none;
  background: #fff;
  padding: 0 10px;
}

/** mobile **/

.Mixin__title_mobile--2Krxt {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
  color: #343B4C;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E0EBFF), to(#E0EBFF));
  background-image: linear-gradient(#E0EBFF, #E0EBFF);
  background-size: 100% 1px; /* add your height of the line here*/
  background-repeat: no-repeat;
  background-position: 50% 55%;
}

.Mixin__title_mobile--2Krxt:first-letter {
  text-transform: uppercase;
}

.Mixin__title_mobile--2Krxt > span {
  background: #fff;
  padding: 0 20px;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinCoolstream_news__caption--2BrFX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 10px;
}

.MixinCoolstream_news__details--gvsd9 {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 0 0 30px;
}

.MixinCoolstream_news__content--3Npa8 {
  position: relative;
  height: 210px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.MixinCoolstream_news__cover--3FQrd {
  width: 200px;
  height: 115px;
  border-radius: 5px;
  background-size: cover;
}

.MixinCoolstream_news__viewport--1Vgrl {
  overflow: auto;
}

.MixinCoolstream_news__viewport_active--1XFum {
  overflow: hidden;
}

.MixinCoolstream_news__list--2SliJ {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.MixinCoolstream_news__element--3CJLw {
  width: 200px;
  margin: 0 20px 0 0;
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.MixinCoolstream_news__element--3CJLw:last-child {
  margin-right: 0;
}

.MixinCoolstream_news__element--3CJLw:hover .MixinCoolstream_news__cover--3FQrd {
  opacity: 0.9;
}

.MixinCoolstream_news__link--KIW9N {
  text-decoration: none;
}

.MixinCoolstream_news__link--KIW9N:hover .MixinCoolstream_news__title--1SXVJ {
  color: #2c54e2;
}

.MixinCoolstream_news__link--KIW9N:active .MixinCoolstream_news__title--1SXVJ {
  color: #274bc8;
}

.MixinCoolstream_news__title--1SXVJ {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-wrap;
  color: #343B4C;
  min-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 60px;
  margin: 10px 0 5px;
}

.MixinCoolstream_news__time--3PnfI {
  color: #777E98;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinCoolstream_news__root--3zDE9 {
    margin: 0 10px;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.MixinCoolstream_news__list--1C0_- {
    list-style: none;
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.MixinCoolstream_news__element--OuSe4 {
    margin: 20px 0 0;
}

.MixinCoolstream_news__link--WHZh6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    text-decoration: none;
}

.MixinCoolstream_news__cover--2gP0A {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-size: cover;
}

.MixinCoolstream_news__description--1i0cD {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    margin: 0 0 0 10px;
}

.MixinCoolstream_news__title--1XnT3 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    white-space: pre-wrap;
    color: #343B4C;
    min-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 80px;
    margin: 0 0 5px;
}

.MixinCoolstream_news__time--3_8VD {
  color: #777E98;
}

.MixinCoolstream_news__details--7B9-d {
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinCoolstream_rubric__caption--33OyH {
}

.MixinCoolstream_rubric__caption--33OyH:not(:root) {
  margin: 0;
}

.MixinCoolstream_rubric__details--1t3ZO {
}

.MixinCoolstream_rubric__content--3M7p- {
}

.MixinCoolstream_rubric__content--3M7p-:not(:root) {
  height: auto;
}

.MixinCoolstream_rubric__time--JVncm {
}

.MixinCoolstream_rubric__list--27VBo {
  list-style: none;
  margin: 0 0 20px;
}

.MixinCoolstream_rubric__element--1OZJL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 20px 0 0;
}

.MixinCoolstream_rubric__element--1OZJL:first-child {
  margin: 15px 0 0;
}

.MixinCoolstream_rubric__time--JVncm {
  width: 40px;
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 10px 0 0;
}

.MixinCoolstream_rubric__title--RyRWM {
  color: #343B4C;
  min-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 40px;
}
.MixinCoolstream_rubric__root--2VHcZ {
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinCoolstream_video__caption--33GmZ {
}

.MixinCoolstream_video__details--3YZYl {
}

.MixinCoolstream_video__content--Hr0Yb {
}

.MixinCoolstream_video__content--Hr0Yb:not(:root) {
  height: 200px;
}

.MixinCoolstream_video__cover--1O2Ud {
}

.MixinCoolstream_video__cover--1O2Ud:not(:root) {
  height: 125px;
}

.MixinCoolstream_video__video--_VCi9 {
  position: relative;
}

.MixinCoolstream_video__video--_VCi9::before {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 15px;
  width: 15px;
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAwVjE1VjBaTTAgMFYxNVYwWk0xMy4xMSA4LjE1MUw0Ljg3MiAxMi44NTk1QzQuMzcyNSAxMy4xNDQ1IDMuNzUgMTIuNzgzNyAzLjc1IDEyLjIwN1YyLjc5M0MzLjc1IDIuMjE2MjUgNC4zNzI1IDEuODU1NSA0Ljg3MiAyLjE0MDVMMTMuMTEgNi44NDlDMTMuNjE0IDcuMTM3IDEzLjYxNCA3Ljg2MyAxMy4xMSA4LjE1MVoiIGZpbGw9IiMzMTVFRkIiLz4KPC9zdmc+Cg==);
}

.MixinCoolstream_video__viewport--1dG5e {
}

.MixinCoolstream_video__viewport_active--3GekC {
}

.MixinCoolstream_video__list--3pvUl {
}

.MixinCoolstream_video__element--3N4LZ {
}

.MixinCoolstream_video__link--3uR4X {
}

.MixinCoolstream_video__title--edrH6 {
}

.MixinCoolstream_video__title--edrH6:not(:root) {
  -webkit-line-clamp: 2;
  max-height: 40px;
}

.MixinCoolstream_video__time--2i2EX {
}
.MixinCoolstream_video__caption--33GmZ {
}

.MixinCoolstream_video__details--3YZYl {
}

.MixinCoolstream_video__content--Hr0Yb {
}
.MixinCoolstream_video__content--Hr0Yb:not(:root) {
  height: 200px;
}

.MixinCoolstream_video__cover--1O2Ud {
}
.MixinCoolstream_video__cover--1O2Ud:not(:root) {
  height: 125px;
}

.MixinCoolstream_video__video--_VCi9 {
  position: relative;
}
.MixinCoolstream_video__video--_VCi9::before {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 15px;
  width: 15px;
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAwVjE1VjBaTTAgMFYxNVYwWk0xMy4xMSA4LjE1MUw0Ljg3MiAxMi44NTk1QzQuMzcyNSAxMy4xNDQ1IDMuNzUgMTIuNzgzNyAzLjc1IDEyLjIwN1YyLjc5M0MzLjc1IDIuMjE2MjUgNC4zNzI1IDEuODU1NSA0Ljg3MiAyLjE0MDVMMTMuMTEgNi44NDlDMTMuNjE0IDcuMTM3IDEzLjYxNCA3Ljg2MyAxMy4xMSA4LjE1MVoiIGZpbGw9IiMzMTVFRkIiLz4KPC9zdmc+Cg==);
}

.MixinCoolstream_video__viewport--1dG5e {
}
.MixinCoolstream_video__viewport_active--3GekC {
}
.MixinCoolstream_video__list--3pvUl {
}

.MixinCoolstream_video__element--3N4LZ {
}

.MixinCoolstream_video__link--3uR4X {
}

.MixinCoolstream_video__title--edrH6 {
}
.MixinCoolstream_video__title--edrH6:not(:root) {
  -webkit-line-clamp: 2;
  max-height: 40px;
}

.MixinCoolstream_video__time--2i2EX {
}
.MixinCoolstream_video__root--1Nv9D {
}

.MixinCoolstream_video__content--2FePs {
    position: relative;
    height: 195px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 20px 0;
}

.MixinCoolstream_video__element--12Hfh {
    width: 200px;
    margin: 0 20px 0 0;
}

.MixinCoolstream_video__element--12Hfh:last-child:not(:root) {
    margin-right: 0;
    padding-right: 0;
}

.MixinCoolstream_video__link--2qqe- {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.MixinCoolstream_video__cover--1kPUB {
    height: 120px;
    width: 200px;
    border-radius: 5px;
    background-size: cover;
}

.MixinCoolstream_video__video--3LIWg {
}

.MixinCoolstream_video__description--3MuRy {
}

.MixinCoolstream_video__title--1utgb {
}

.MixinCoolstream_video__title--1utgb:not(:root) {
    margin: 10px 0 5px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 40px;
}

.MixinCoolstream_video__time--1g61A {
}

.MixinCoolstream_video__details--9dpGF {
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinImages__slider_mobile--3xC7X {
  margin: 15px 0 0;
}

@media screen and (hover: none) {
  .MixinImages__slider_mobile--3xC7X {
    margin: 10px 0 0;
  }
}

.MixinImages__element--1ps89 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.MixinImages__element--1ps89:last-child {
  margin-right: 0;
}

.MixinImages__imagelink--2L3ZE {
  display: block;
  min-height: 100px;
  min-width: 100px;
  background-color: rgba(141, 150, 178, 0.1);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  text-decoration: none;
}

.MixinImages__imagelink_more--2TUzW {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  width: 100%;
  text-decoration: none;
  color: #343B4C;
}

.MixinImages__imagelink_more--2TUzW:hover {
  color: #315efb;
}

.MixinImages__image--jxu9p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.MixinImages__info--2VIRa {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 2px 2px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  text-transform: uppercase;
}

.MixinImages__imagelink--2L3ZE:hover .MixinImages__info--2VIRa {
  opacity: 1;
}

.MixinImages__imagelink--2L3ZE::after {
  background: rgba(255, 255, 255, 1);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.MixinImages__imagelink--2L3ZE:hover::after {
  content: '';
  opacity: 0.1;
}

.MixinImages__description--Xxkvn {
  margin: -5px 0 10px;
  font-size: 14px;
  line-height: 22px;
  color: #343B4C;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinMail__text--3Qxzx {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #343B4C;
  margin-bottom: 10px;
}

.MixinMail__text__link--2hxom {
  text-decoration: none;
  color: #315efb;
}

.MixinMail__avatar--2lTR_ {
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  width: 95px;
  background-color: #f3f4f7;
}

.MixinMail__avatar__image--3yr8L {
  position: relative;
  top: 50%;
  width: 65px;
  height: 65px;
  margin: -33px auto 0 auto;
  background-size: cover;
  background-position: center;
  border-radius: 33px;
}

.MixinMail__name--1SOik {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #8d96b2;
  margin-bottom: 14px;
}

.MixinMail__title--1ff8j {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 8px;
}

.MixinMail__mail--2Ha1Q {
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #8d96b2;
  margin-bottom: 15px;
  text-decoration: none;
}

.MixinMail__mail--2Ha1Q:hover {
  color: #315efb;
}

.MixinMail__count--17Egz {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  text-decoration: none;
  color: #343B4C;
  font-weight: 500;
  padding-left: 25px;
  margin-bottom: 14px;
  position: relative;
}

.MixinMail__count--17Egz::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiMzMTVFRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwek0zLjgzMyA1LjVoMTIuMzM0TDEwIDEwLjEyNSAzLjgzMyA1LjV6bTEyLjY2NyAxMGgtMTNWNy4xMjVsNS45IDQuNDI1Yy4zNTYuMjY3Ljg0NC4yNjcgMS4yIDBsNS45LTQuNDI1VjE1LjV6TTIgNXYxMWMwIC41NTIuNDQ4IDEgMSAxaDE0Yy41NTIgMCAxLS40NDggMS0xVjVjMC0uNTUyLS40NDgtMS0xLTFIM2MtLjU1MiAwLTEgLjQ0OC0xIDF6Ii8+Cjwvc3ZnPgo=);
  content: '';
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0;
  top: -1px;
}

.MixinMail__count_active--2qmHH {
}

.MixinMail__count--17Egz:hover {
  color: #315efb;
}

.MixinMail__write--2Odtc {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  text-decoration: none;
  color: #343B4C;
  font-weight: 500;
  padding-left: 25px;
  margin-left: 40px;
  margin-bottom: 14px;
  position: relative;
}

.MixinMail__write--2Odtc:hover {
  color: #315efb;
}

.MixinMail__write--2Odtc::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiMzMTVFRkIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwem0tMi41IDE3aC03LjM3OWwxLjUtMS41SDE3LjVjLjI3NiAwIC41LjIyNC41LjV2LjVjMCAuMjc2LS4yMjQuNS0uNS41ek05LjYyMSA1LjVMMTEgNC4xMjEgMTQuODc5IDggMTMuNSA5LjM3OSA5LjYyMSA1LjV6bS0yLjI0MiAxMEgzLjV2LTMuODc5bDUuMDYxLTUuMDYgMy44NzggMy44NzgtNS4wNiA1LjA2MXptMi45MTQtMTIuNzkzbC04IDhjLS4xODguMTg4LS4yOTMuNDQyLS4yOTMuNzA3VjE2YzAgLjU1Mi40NDggMSAxIDFoNC41ODZjLjI2NSAwIC41MTktLjEwNS43MDctLjI5M2w4LThjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0bC00LjU4Ni00LjU4NmMtLjM5LS4zOS0xLjAyNC0uMzktMS40MTQgMHoiLz4KPC9zdmc+Cg==);
  content: '';
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  left: 0px;
  top: -1px;
}

.MixinMail__button--2o0aB {
  margin-right: 20px;
}

.MixinMail__button_gray--3utrU {
}

.MixinMail__button_gray_with-arrow--cDmcW {
  position: relative;
}

.MixinMail__button_gray_with-arrow--cDmcW::after {
  content: '';
  width: 6px;
  height: 9px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA2IDkiPgogICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjY1IDcuMzZjLS4wOC4wOC0uMDguMjEtLjAwNy4yODNsLjcxNC43MTRjLjA3Ni4wNzYuMjA3LjA2OS4yOC0uMDA0bDMuNTY2LTMuNTY2YS40MS40MSAwIDAgMCAwLS41NzRMMS42MzcuNjQ3YS4yMDEuMjAxIDAgMCAwLS4yOC0uMDA0bC0uNzE0LjcxNGEuMTk4LjE5OCAwIDAgMCAuMDA3LjI4M0wzLjUxIDQuNS42NSA3LjM2eiIvPgo8L3N2Zz4K);
  position: absolute;
  right: 20px;
  top: 12px;
}

.MixinMail__hidden--2yTpD {
  position: absolute;
  font-size: 0;
}

.MixinMail__wrapper--1i2PT {
  padding: 20px 20px 25px;
  font-family: "Montserrat", sans-serif; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: 5px;
  background: #eff5ff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTcwIiBoZWlnaHQ9IjUiIHZpZXdCb3g9IjAgMCA1NzAgNSI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0idG04czFwdW5tYSIgZD0iTTAgMEg1NzBWNUgweiIvPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8Zz4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU2IC03MTA5KSB0cmFuc2xhdGUoMTAwIDY5NDkpIHRyYW5zbGF0ZSg1NiAxNjApIj4KICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ic2NvaXB1M3d6YiIgZmlsbD0iI2ZmZiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3RtOHMxcHVubWEiLz4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZD0iTTAgNVYwbTE5NSAwdjVtLTI5LjEyMS0uODc5bDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzltLTUwIDBMNjkuMTQ2Ljg1NGMuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzlNMTMuNzU3IDVIMS4yMDdjLS40NDUgMC0uNjY4LS41MzktLjM1My0uODU0TDQuMTIxLjg3OUM0LjY4NC4zMTYgNS40NDcgMCA2LjI0MyAwaDEyLjU1Yy40NDUgMCAuNjY4LjUzOS4zNTMuODU0bC0zLjI2NyAzLjI2N2MtLjU2My41NjMtMS4zMjYuODc5LTIuMTIyLjg3OSIgbWFzaz0idXJsKCNzY29pcHUzd3piKSIvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNGRjU2NEUiIGQ9Ik0wIDVWMG0xOTUgMHY1bS00LjEyMS0uODc5bDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzltLTUwIDBMOTQuMTQ2Ljg1NGMuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzlNMzguNzU3IDVoLTEyLjU1Yy0uNDQ1IDAtLjY2OC0uNTM5LS4zNTMtLjg1NEwyOS4xMjEuODc5QzI5LjY4NC4zMTYgMzAuNDQ3IDAgMzEuMjQzIDBoMTIuNTVjLjQ0NSAwIC42NjguNTM5LjM1My44NTRsLTMuMjY3IDMuMjY3Yy0uNTYzLjU2My0xLjMyNi44NzktMi4xMjIuODc5IiBtYXNrPSJ1cmwoI3Njb2lwdTN3emIpIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZD0iTTIwMCA1VjBtMTk1IDB2NW0tMjkuMTIxLS44NzlsMy4yNjctMy4yNjdjLjMxNS0uMzE1LjA5Mi0uODU0LS4zNTMtLjg1NGgtMTIuNTVjLS43OTYgMC0xLjU1OS4zMTYtMi4xMjIuODc5bC0zLjI2NyAzLjI2N2MtLjMxNS4zMTUtLjA5Mi44NTQuMzUzLjg1NGgxMi41NWMuNzk2IDAgMS41NTktLjMxNiAyLjEyMi0uODc5bS01MCAwbDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzlNMjEzLjc1NyA1aC0xMi41NWMtLjQ0NSAwLS42NjgtLjUzOS0uMzUzLS44NTRsMy4yNjctMy4yNjdjLjU2My0uNTYzIDEuMzI2LS44NzkgMi4xMjItLjg3OWgxMi41NWMuNDQ1IDAgLjY2OC41MzkuMzUzLjg1NGwtMy4yNjcgMy4yNjdjLS41NjMuNTYzLTEuMzI2Ljg3OS0yLjEyMi44NzkiIG1hc2s9InVybCgjc2NvaXB1M3d6YikiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY1NjRFIiBkPSJNMjAwIDVWMG0xOTUgMHY1bS00LjEyMS0uODc5bDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzltLTUwIDBsMy4yNjctMy4yNjdjLjMxNS0uMzE1LjA5Mi0uODU0LS4zNTMtLjg1NGgtMTIuNTVjLS43OTYgMC0xLjU1OS4zMTYtMi4xMjIuODc5bC0zLjI2NyAzLjI2N2MtLjMxNS4zMTUtLjA5Mi44NTQuMzUzLjg1NGgxMi41NWMuNzk2IDAgMS41NTktLjMxNiAyLjEyMi0uODc5TTIzOC43NTcgNWgtMTIuNTVjLS40NDUgMC0uNjY4LS41MzktLjM1My0uODU0bDMuMjY3LTMuMjY3Yy41NjMtLjU2MyAxLjMyNi0uODc5IDIuMTIyLS44NzloMTIuNTVjLjQ0NSAwIC42NjguNTM5LjM1My44NTRsLTMuMjY3IDMuMjY3Yy0uNTYzLjU2My0xLjMyNi44NzktMi4xMjIuODc5IiBtYXNrPSJ1cmwoI3Njb2lwdTN3emIpIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD0iIzMxNUVGQiIgZD0iTTQwMCA1VjBtMTk1IDB2NW0tMjkuMTIxLS44NzlsMy4yNjctMy4yNjdjLjMxNS0uMzE1LjA5Mi0uODU0LS4zNTMtLjg1NGgtMTIuNTVjLS43OTYgMC0xLjU1OS4zMTYtMi4xMjIuODc5bC0zLjI2NyAzLjI2N2MtLjMxNS4zMTUtLjA5Mi44NTQuMzUzLjg1NGgxMi41NWMuNzk2IDAgMS41NTktLjMxNiAyLjEyMi0uODc5bS01MCAwbDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzlNNDEzLjc1NyA1aC0xMi41NWMtLjQ0NSAwLS42NjgtLjUzOS0uMzUzLS44NTRsMy4yNjctMy4yNjdjLjU2My0uNTYzIDEuMzI2LS44NzkgMi4xMjItLjg3OWgxMi41NWMuNDQ1IDAgLjY2OC41MzkuMzUzLjg1NGwtMy4yNjcgMy4yNjdjLS41NjMuNTYzLTEuMzI2Ljg3OS0yLjEyMi44NzkiIG1hc2s9InVybCgjc2NvaXB1M3d6YikiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkY1NjRFIiBkPSJNNDAwIDVWMG0xOTUgMHY1bS00LjEyMS0uODc5bDMuMjY3LTMuMjY3Yy4zMTUtLjMxNS4wOTItLjg1NC0uMzUzLS44NTRoLTEyLjU1Yy0uNzk2IDAtMS41NTkuMzE2LTIuMTIyLjg3OWwtMy4yNjcgMy4yNjdjLS4zMTUuMzE1LS4wOTIuODU0LjM1My44NTRoMTIuNTVjLjc5NiAwIDEuNTU5LS4zMTYgMi4xMjItLjg3OW0tNTAgMGwzLjI2Ny0zLjI2N2MuMzE1LS4zMTUuMDkyLS44NTQtLjM1My0uODU0aC0xMi41NWMtLjc5NiAwLTEuNTU5LjMxNi0yLjEyMi44NzlsLTMuMjY3IDMuMjY3Yy0uMzE1LjMxNS0uMDkyLjg1NC4zNTMuODU0aDEyLjU1Yy43OTYgMCAxLjU1OS0uMzE2IDIuMTIyLS44NzltLTUwIDBsMy4yNjctMy4yNjdjLjMxNS0uMzE1LjA5Mi0uODU0LS4zNTMtLjg1NGgtMTIuNTVjLS43OTYgMC0xLjU1OS4zMTYtMi4xMjIuODc5bC0zLjI2NyAzLjI2N2MtLjMxNS4zMTUtLjA5Mi44NTQuMzUzLjg1NGgxMi41NWMuNzk2IDAgMS41NTktLjMxNiAyLjEyMi0uODc5TTQzOC43NTcgNWgtMTIuNTVjLS40NDUgMC0uNjY4LS41MzktLjM1My0uODU0bDMuMjY3LTMuMjY3Yy41NjMtLjU2MyAxLjMyNi0uODc5IDIuMTIyLS44NzloMTIuNTVjLjQ0NSAwIC42NjguNTM5LjM1My44NTRsLTMuMjY3IDMuMjY3Yy0uNTYzLjU2My0xLjMyNi44NzktMi4xMjIuODc5IiBtYXNrPSJ1cmwoI3Njb2lwdTN3emIpIi8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) no-repeat 20px bottom;
  position: relative;
}

.MixinMail__subtitle--3UfLe {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 0 5px;
}

.MixinMail__text--3Qxzx {
  font-family: "Montserrat", sans-serif; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 0 15px;
}

.MixinMail__link--3xkYj {
  font-family: "Montserrat", sans-serif; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin: 0 20px 0 0;
}

.MixinMail__text_link--1dKit {
  margin: 0;
}

.MixinMail__email_wrapper--zJIus {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 70px 0 0;
  white-space: nowrap;
}

.MixinMail__email--3wK8Y {
  font-family: "Montserrat", sans-serif; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #343B4C;
  text-decoration: none;
  display: inline;
}

.MixinMail__logout--B3LxO {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
  color: #343B4C;
  font-size: 14px;
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
}

.MixinMail__letters--D-V6E {
  padding: 0 0 0 25px;
  margin: 20px 20px 0 0;
  position: relative;
  white-space: nowrap;
  display: inline-block;
}

.MixinMail__letters--D-V6E::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMxNUVGQiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwek0zLjgzMyA1LjVoMTIuMzM0TDEwIDEwLjEyNSAzLjgzMyA1LjV6bTEyLjY2NyAxMGgtMTNWNy4xMjVsNS45IDQuNDI1Yy4zNTYuMjY3Ljg0NC4yNjcgMS4yIDBsNS45LTQuNDI1VjE1LjV6TTIgNXYxMWMwIC41NTIuNDQ4IDEgMSAxaDE0Yy41NTIgMCAxLS40NDggMS0xVjVjMC0uNTUyLS40NDgtMS0xLTFIM2MtLjU1MiAwLTEgLjQ0OC0xIDF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU2IC03MDY5KSB0cmFuc2xhdGUoMTAwIDY5NDkpIHRyYW5zbGF0ZSg1NiAxMjApIi8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
  left: 0;
  top: -2px;
}

.MixinMail__new--2F90J {
}

.MixinMail__new--2F90J::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzMxNUVGQiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwem0tMi41IDE3aC03LjM3OWwxLjUtMS41SDE3LjVjLjI3NiAwIC41LjIyNC41LjV2LjVjMCAuMjc2LS4yMjQuNS0uNS41ek05LjYyMSA1LjVMMTEgNC4xMjEgMTQuODc5IDggMTMuNSA5LjM3OSA5LjYyMSA1LjV6bS0yLjI0MiAxMEgzLjV2LTMuODc5bDUuMDYxLTUuMDYgMy44NzggMy44NzgtNS4wNiA1LjA2MXptMi45MTQtMTIuNzkzbC04IDhjLS4xODguMTg4LS4yOTMuNDQyLS4yOTMuNzA3VjE2YzAgLjU1Mi40NDggMSAxIDFoNC41ODZjLjI2NSAwIC41MTktLjEwNS43MDctLjI5M2w4LThjLjM5LS4zOS4zOS0xLjAyNCAwLTEuNDE0bC00LjU4Ni00LjU4NmMtLjM5LS4zOS0xLjAyNC0uMzktMS40MTQgMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjggLTcwNjkpIHRyYW5zbGF0ZSgxMDAgNjk0OSkgdHJhbnNsYXRlKDIyOCAxMjApIi8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
}

@media screen and (hover: none) {
  .MixinMail__text--3Qxzx {
    color: #2f3b51;
  }
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinOkko__content--1jtpD {
  position: relative;
}

.MixinOkko__content_single--2b5TW {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 20px 20px 300px;
  border-radius: 5px;
  background: #1b082c;
  height: 185px;
  position: relative;
  font-family: "Montserrat", sans-serif; 
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.MixinOkko__content--1jtpD a {
  text-decoration: none;
}

.MixinOkko__element--2MpcZ .MixinOkko__cover--gIPCy {
  width: 220px;
  height: 120px;
  border-radius: 5px;
  background-size: cover;
}

.MixinOkko__content_single--2b5TW .MixinOkko__cover--gIPCy {
  width: 260px;
  height: 145px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  background-color: #3a284c;
  background-size: cover;
}

.MixinOkko__content_single--2b5TW .MixinOkko__cover--gIPCy:hover {
  opacity: .9;
}

.MixinOkko__content_single--2b5TW .MixinOkko__description--6lz6b {
  overflow: hidden;
}

.MixinOkko__okko-logo--2W1hT {
  display: inline-block;
  margin-bottom: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.MixinOkko__content_single--2b5TW .MixinOkko__okko-logo--2W1hT {
  margin: 0 0 10px;
}

.MixinOkko__okko-logo__image--1W2Sm {
  position: relative;
  left: -3px;
  display: inline-block;
  width: 40px;
  height: 20px;
  vertical-align: top;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDQwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGg0MHYyMEgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNy4yODUgMTEuMTM3bDMuMzg4IDMuNzgzaC0yLjUxOGwtMi4wMTUtMi4xMjMtLjUxNi43NDl2MS4zNzRoLTEuOTczVjRoMS45NzN2Ni4wOGwuMjk5LS40MzMgMi4yMzItMy4xMDNoMi4yNTdsLTMuMTI3IDQuNTkzem03LjU2NCAwTDI4LjM4MSAxNWgtMi42NjJsLTIuMDE1LTIuMjAzLS41MTYuNzQ5VjE1SDIxLjIxNVY0aDEuOTczdjYuMDhsLjI5OS0uNDMzIDIuMjMyLTMuMTAzaDIuNDk1bC0zLjM2NSA0LjU5M3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMzYgMTAuNzVjMCAyLjM0Ny0xLjkzMyA0LjI1LTQuMzE4IDQuMjUtMi4zODQgMC00LjMxNy0xLjkwMy00LjMxNy00LjI1czEuOTMzLTQuMjUgNC4zMTctNC4yNUMzNC4wNjcgNi41IDM2IDguNDAzIDM2IDEwLjc1em0tNC4zMTcgMi4yODZjMS4zMjQgMCAyLjM5OC0xLjA1NyAyLjM5OC0yLjM2MSAwLTEuMzA0LTEuMDc0LTIuMzYxLTIuMzk4LTIuMzYxLTEuMzI1IDAtMi4zOTkgMS4wNTctMi4zOTkgMi4zNjEgMCAxLjMwNCAxLjA3NCAyLjM2MSAyLjM5OSAyLjM2MXpNOC4zMTcgNi41YzIuMzg1IDAgNC4zMTggMS45MDMgNC4zMTggNC4yNVMxMC43MDIgMTUgOC4zMTcgMTVDNS45MzMgMTUgNCAxMy4wOTcgNCAxMC43NVM1LjkzMyA2LjUgOC4zMTcgNi41em0wIDYuNjExYzEuMzI1IDAgMi4zOTktMS4wNTcgMi4zOTktMi4zNiAwLTEuMzA1LTEuMDc0LTIuMzYyLTIuMzk5LTIuMzYyLTEuMzI0IDAtMi4zOTggMS4wNTctMi4zOTggMi4zNjEgMCAxLjMwNCAxLjA3NCAyLjM2MSAyLjM5OCAyLjM2MXpNOS4zMDIgNWMwIC41NTItLjQ0MSAxLS45ODUgMWEuOTkyLjk5MiAwIDAgMS0uOTg0LTFjMC0uNTUyLjQ0LTEgLjk4NC0xcy45ODUuNDQ4Ljk4NSAxem0yLjU3MSAwYzAgLjU1Mi0uNDQgMS0uOTg0IDFhLjk5Mi45OTIgMCAwIDEtLjk4NC0xYzAtLjU1Mi40NC0xIC45ODQtMSAuNTQzIDAgLjk4NC40NDguOTg0IDF6TTUuNzQ1IDZhLjk5Mi45OTIgMCAwIDEtLjk4My0xYzAtLjU1Mi40NC0xIC45ODMtMSAuNTQ0IDAgLjk4NC40NDguOTg0IDFzLS40NCAxLS45ODQgMXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
}

.MixinOkko__title--23Mmv {
  margin: 0;
  padding: 8px 0 0 0;
  font-family: "Montserrat", sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 500;
}

.MixinOkko__title--23Mmv a {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-right: 15px;
  white-space: normal;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #343B4C;
  display: -webkit-box;
  max-height: 50px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
}

.MixinOkko__title--23Mmv span {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-right: 15px;
  white-space: normal;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #343B4C;
  display: -webkit-box;
  max-height: 50px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
}

a:hover .MixinOkko__title--23Mmv span {
  color: #315efb;
}

a:active .MixinOkko__title--23Mmv span {
  color: #274bc8;
}

.MixinOkko__element--2MpcZ .MixinOkko__title--23Mmv {
  font-family: "Montserrat", sans-serif; 
  padding: 10px 0 0 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.MixinOkko__content_single--2b5TW .MixinOkko__title--23Mmv {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}

.MixinOkko__content_single--2b5TW .MixinOkko__title--23Mmv a {
    max-height: 25px;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    color: #fff;
}

.MixinOkko__content_single--2b5TW .MixinOkko__title--23Mmv a:hover {
  color: #315efb;
}

.MixinOkko__content_single--2b5TW .MixinOkko__title--23Mmv a:active {
  color: #274bc8;
}

.MixinOkko__subtitle--2LQ92 {
  font-family: "Montserrat", sans-serif;
  margin: 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #8d96b2;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 20px;
  font-weight: normal;
}

.MixinOkko__subtitle--2LQ92 a {
  text-decoration: none;
}

.MixinOkko__subtitle--2LQ92 a,
.MixinOkko__subtitle--2LQ92 a:hover,
.MixinOkko__subtitle--2LQ92 a:visited {
  color: #8d96b2;
}

.MixinOkko__controls--3Y_Wu {
  margin: 20px 0 0;
  padding: 0;
}

.MixinOkko__control--PUyxH {
  /* @include button; */
  display: inline-block;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.MixinOkko__button--sPid6 {
  background-color: #7e58c2;
  margin: 0 20px 0 0;
}

.MixinOkko__button--sPid6:hover,
.MixinOkko__button--sPid6:visited {
  background-color: #6d4ca8;
}

.MixinOkko__link--3vTsV {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}

.MixinOkko__link--3vTsV .MixinOkko__t--1cm1z {
  color: #fff;
}

.MixinOkko__link--3vTsV .MixinOkko__t--1cm1z:hover {
  color: #2c54e2;
}

.MixinOkko__link--3vTsV .MixinOkko__t--1cm1z:active {
  color: #274bc8;
}

.MixinOkko__decoration--1fG7A {
  position: absolute;
  top: 0;
  width: 2px;
  height: 125px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}

.MixinOkko__decoration_left--Gqodo {
  left: 0;
}

.MixinOkko__decoration_right--32kyd {
  right: 0;
}

.MixinOkko__arrow--1N8nU {
  position: absolute;
  top: 45px;
  background: #fff;
  content: '';
  color: #343B4C;
  width: 35px;
  height: 35px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
          box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
  cursor: pointer;
  z-index: 2;
  font-size: 11px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: 1.3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.MixinOkko__arrow--1N8nU:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  margin-top: -8px;
  margin-left: -8px;
  left: 50%;
  top: 50%;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1MS4xICg1NzUwMSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+OEU5RUNDQTgtMzFDRi00NzZFLUIzNzAtNUM0MTkwM0EyMjY5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMS43MTIsNi44NjQgTDYuMjc3LDEuNDMgQzYuMDgyLDEuMjM0IDUuNzY1LDEuMjM1IDUuNTcsMS40MyBMNS40MjksMS41NzEgQzUuMjM0LDEuNzY2IDUuMjM0LDIuMDgzIDUuNDI5LDIuMjc4IEwxMC42NTEsNy41IEw1LjQyOSwxMi43MjMgQzUuMjM0LDEyLjkxOCA1LjIzNCwxMy4yMzQgNS40MjksMTMuNDMgTDUuNTcsMTMuNTcxIEM1Ljc2NSwxMy43NjYgNi4wODIsMTMuNzY2IDYuMjc3LDEzLjU3MSBMMTEuNzEyLDguMTM3IEMxMi4wNjQsNy43ODUgMTIuMDY0LDcuMjE1IDExLjcxMiw2Ljg2NCBNMCwxNSBMMCwwIE0xNSwwIEwxNSwxNSIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhdG9tcy9pY29ucy8xNXgxNS9uZXh0Ij4KICAgICAgICAgICAgPGcgaWQ9Imljb25fbmV4dF8xNXgxNSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9uZXh0XzE1eDE1Ij48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImF0b21zL2NvbG9ycy93aGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMjYyNjI2Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  z-index: 1;
}

.MixinOkko__arrow--1N8nU:hover {
  text-decoration: none;
  color: #315efb;
}

.MixinOkko__arrow--1N8nU:hover:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1MS4xICg1NzUwMSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+OEU5RUNDQTgtMzFDRi00NzZFLUIzNzAtNUM0MTkwM0EyMjY5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMS43MTIsNi44NjQgTDYuMjc3LDEuNDMgQzYuMDgyLDEuMjM0IDUuNzY1LDEuMjM1IDUuNTcsMS40MyBMNS40MjksMS41NzEgQzUuMjM0LDEuNzY2IDUuMjM0LDIuMDgzIDUuNDI5LDIuMjc4IEwxMC42NTEsNy41IEw1LjQyOSwxMi43MjMgQzUuMjM0LDEyLjkxOCA1LjIzNCwxMy4yMzQgNS40MjksMTMuNDMgTDUuNTcsMTMuNTcxIEM1Ljc2NSwxMy43NjYgNi4wODIsMTMuNzY2IDYuMjc3LDEzLjU3MSBMMTEuNzEyLDguMTM3IEMxMi4wNjQsNy43ODUgMTIuMDY0LDcuMjE1IDExLjcxMiw2Ljg2NCBNMCwxNSBMMCwwIE0xNSwwIEwxNSwxNSIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhdG9tcy9pY29ucy8xNXgxNS9uZXh0Ij4KICAgICAgICAgICAgPGcgaWQ9Imljb25fbmV4dF8xNXgxNSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbiI+CiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9uZXh0XzE1eDE1Ij48L2c+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImF0b21zL2NvbG9ycy93aGl0ZSIgbWFzaz0idXJsKCNtYXNrLTIpIiBmaWxsPSIjMzE1ZWZiIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}

.MixinOkko__arrow_left--2F4Z6 {
  left: -5px;
}

.MixinOkko__arrow_left--2F4Z6:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.MixinOkko__arrow_right--qOM-r {
  right: -5px;
}

.MixinOkko__ratings--2Yn99 {
  display: block;
  margin: 10px 0 0;
  padding-left: 95px;
  position: relative;
  width: 95px;
  overflow: hidden;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.MixinOkko__ratings--2Yn99 i {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDIwIDE1Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGQzAwMCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDE1VjB2MTV6TTE1IDB2MTVWMHpNNS4wMDYgNC4yNTNsLTQuMDcyLjU5MmMtLjYxNS4wODktLjg2MS44NDUtLjQxNiAxLjI3OWwyLjk0NyAyLjg3Mi0uNjk2IDQuMDU2Yy0uMTA1LjYxMy41MzggMS4wOCAxLjA4OS43OTFMNy41IDExLjkyOGwzLjY0MiAxLjkxNWMuNTUxLjI4OSAxLjE5NC0uMTc4IDEuMDg5LS43OTFsLS42OTYtNC4wNTYgMi45NDctMi44NzJjLjQ0NS0uNDM0LjE5OS0xLjE5LS40MTYtMS4yNzlsLTQuMDcyLS41OTJMOC4xNzMuNTYzYy0uMjc2LS41NTgtMS4wNy0uNTU4LTEuMzQ2IDBsLTEuODIxIDMuNjl6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTM2IC0xMTE5KSB0cmFuc2xhdGUoMTAwIDk2MikgdHJhbnNsYXRlKDM2IDE1NCkgdHJhbnNsYXRlKDAgMykiLz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
  z-index: 2;
}

.MixinOkko__ratings--2Yn99 i,
.MixinOkko__ratings--2Yn99:before {
  top: 2px;
  position: absolute;
  height: 15px;
  background-repeat: repeat-x !important;
  left: 0;
}

.MixinOkko__ratings--2Yn99:before {
  display: block;
  content: '';
  border-radius: 0;
  width: 95px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDIwIDE1Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0M2Q0FEOCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAgMTVWMHYxNXpNMTUgMHYxNVYwek01LjAwNiA0LjI1M2wtNC4wNzIuNTkyYy0uNjE1LjA4OS0uODYxLjg0NS0uNDE2IDEuMjc5bDIuOTQ3IDIuODcyLS42OTYgNC4wNTZjLS4xMDUuNjEzLjUzOCAxLjA4IDEuMDg5Ljc5MUw3LjUgMTEuOTI4bDMuNjQyIDEuOTE1Yy41NTEuMjg5IDEuMTk0LS4xNzggMS4wODktLjc5MWwtLjY5Ni00LjA1NiAyLjk0Ny0yLjg3MmMuNDQ1LS40MzQuMTk5LTEuMTktLjQxNi0xLjI3OWwtNC4wNzItLjU5Mkw4LjE3My41NjNjLS4yNzYtLjU1OC0xLjA3LS41NTgtMS4zNDYgMGwtMS44MjEgMy42OXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTkzIC0xOTYzKSB0cmFuc2xhdGUoOTMwIDEyNTgpIHRyYW5zbGF0ZSgxMCA0MzApIHRyYW5zbGF0ZSgwIDI3MCkgdHJhbnNsYXRlKDE3MyA1KSB0cmFuc2xhdGUoODApIi8+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=);
  z-index: 1;
}

.MixinOkko__viewport--1n9e3 {
  overflow: auto;
}

.MixinOkko__viewport_active--1yPUS {
  overflow: hidden;
}

.MixinOkko__list--3nhcv {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.MixinOkko__element--2MpcZ {
  width: 220px;
  margin: 0 10px 0 0;
  display: inline-block;
  list-style-type: none;
  vertical-align: top;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.MixinOkko__element--2MpcZ:last-child {
  margin-right: 0;
}

.MixinOkko__element--2MpcZ:hover {
  opacity: 0.9;
}

.MixinOkko__popup--3gDBU {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  z-index: 9001;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.MixinOkko__popup__movie--dzyYH {
  position: relative;
  max-width: 90%;
  margin: 0 60px;
  font-size: 0;
  background: #000;
  -webkit-box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
          box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
}

.MixinOkko__popup__movie--dzyYH video {
  outline: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80vh;
}

.MixinOkko__popup__close--2ABRo {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1Mi41ICg2NzQ2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QTM1OEFDNzUtNUY3Ni00NjkwLUJFRDAtNUE3QTcyRURGMEI1PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLDIwIEwwLDAgTTIwLDAgTDIwLDIwIE0xNi4xNzcsNC44ODQgTDExLjA2MSwxMCBMMTYuMTc3LDE1LjExNiBDMTYuMzcyLDE1LjMxMSAxNi4zNzIsMTUuNjI4IDE2LjE3NywxNS44MjMgTDE1LjgyMywxNi4xNzcgQzE1LjYyOCwxNi4zNzIgMTUuMzExLDE2LjM3MiAxNS4xMTYsMTYuMTc3IEwxMCwxMS4wNjEgTDQuODg0LDE2LjE3NyBDNC42ODksMTYuMzcyIDQuMzcyLDE2LjM3MiA0LjE3NywxNi4xNzcgTDMuODIzLDE1LjgyMyBDMy42MjgsMTUuNjI4IDMuNjI4LDE1LjMxMSAzLjgyMywxNS4xMTYgTDguOTM5LDEwIEwzLjgyMyw0Ljg4NCBDMy42MjgsNC42ODkgMy42MjgsNC4zNzIgMy44MjMsNC4xNzcgTDQuMTc3LDMuODIzIEM0LjM3MiwzLjYyOCA0LjY4OSwzLjYyOCA0Ljg4NCwzLjgyMyBMMTAsOC45MzkgTDE1LjExNiwzLjgyMyBDMTUuMzExLDMuNjI4IDE1LjYyOCwzLjYyOCAxNS44MjMsMy44MjMgTDE2LjE3Nyw0LjE3NyBDMTYuMzcyLDQuMzcyIDE2LjM3Miw0LjY4OSAxNi4xNzcsNC44ODQiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iYXRvbXMvaWNvbnMvMjB4MjAvY2xvc2UiPgogICAgICAgICAgICA8ZyBpZD0iaWNvbkNvbG9yIj4KICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik1hc2siPjwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iYXRvbXMvY29sb3JzL2NoZXJyeS9jaGVycnkiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI2ZmZmZmZiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJkYXJrQmx1ZSIgcG9pbnRzPSIwIDAgMjAgMCAyMCAyMCAwIDIwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  content: '';
  position: absolute;
  top: 0;
  right: -30px;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}

.MixinOkko__popup__close--2ABRo:hover {
  opacity: 0.7;
}

/** mobile **/

.MixinOkko__content_single_mobile--20jTJ {
  padding: 20px;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.MixinOkko__cover_mobile--1JBcZ {
  width: 140px;
  height: 80px;
  border-radius: 5px;
  background-color: #3a284c;
  margin-bottom: 20px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.MixinOkko__cover_mobile--1JBcZ:hover {
  opacity: .9;
}

.MixinOkko__controls_mobile--2ulV- {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.MixinOkko__controls_mobile--2ulV- > * {
  margin-right: 0;
}

.MixinOkko__controls_mobile--2ulV- > a {
  margin-bottom: 15px;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.RabotaSerpItem__caption--1fuuV {
  margin: 0 0 5px;
  line-height: 25px;
}

/* Т.к. селектор ".caption > *" имеет тот же вес, что и просто ".element",
   дабавим больше веса дублированием класса */

.RabotaSerpItem__caption--1fuuV.RabotaSerpItem__caption--1fuuV > * {
  vertical-align: middle;
  margin-right: 10px;
}

.RabotaSerpItem__caption__info--1rDH7 > * {
  vertical-align: top;
  margin-right: 10px;
}

.RabotaSerpItem__caption--1fuuV > *:last-child,
.RabotaSerpItem__caption__info--1rDH7 > *:last-child {
  margin-right: 0;
}

.RabotaSerpItem__caption__header--1s7MO {
  display: inline;
  white-space: normal;
  font-family: "Montserrat", sans-serif;
  padding: 0;
  margin: 0 10px 0 0;
  font-weight: normal;
  font-size: 18px;
  color: #274bc8;
  font-weight: 500;
}

.RabotaSerpItem__caption__header--1s7MO a {
  text-decoration: none;
  color: #315efb;
  margin-right: 7px;
}

.RabotaSerpItem__caption__header--1s7MO a:hover {
  color: #2c54e2;
}

.RabotaSerpItem__caption__header--1s7MO a:active {
  color: #274bc8;
}

.RabotaSerpItem__caption__info--1rDH7 {
  display: inline-block;
  height: 15px;
}

.RabotaSerpItem__item--1bygf {
  position: relative;
  padding: 10px 15px 20px 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  -webkit-transition: -webkit-box-shadow 0.2s ease-in;
  transition: -webkit-box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in;
  transition: box-shadow 0.2s ease-in, -webkit-box-shadow 0.2s ease-in;
}

.RabotaSerpItem__item--1bygf:hover {
  -webkit-box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
          box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
  z-index: 2;
}

.RabotaSerpItem__badge--YPBAC {
  font-style: normal;
  display: inline-block;
  background-color: #757575;
  font-size: 11px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0 7px;
  height: 20px;
  border-radius: 1px;
  letter-spacing: 1.3px;
  position: relative;
  top: -1px;
  color: #fff;
  border-radius: 10px;
}

.RabotaSerpItem__badge_urgent--1221s {
  background-color: #F44336;
}

.RabotaSerpItem__badge_new--rZ0i_ {
  background-color: #63bc66;
}

.RabotaSerpItem__info--1hdi_ {
  color: #343B4C;
}

.RabotaSerpItem__tags--2GpPu {
  color: #343B4C;
}

.RabotaSerpItem__note--1kYjn,
.RabotaSerpItem__info--1hdi_,
.RabotaSerpItem__tags--2GpPu {
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
}

.RabotaSerpItem__note--1kYjn {
  margin-bottom: 2px;
  color:#8d96b2;
}

.RabotaSerpItem__note__line--2GMnb {
  margin-bottom: 3px;
}

.RabotaSerpItem__info--1hdi_ {
  margin-bottom: 5px;
  cursor: pointer;
}

.RabotaSerpItem__info__expanded--2sHVA {
}

.RabotaSerpItem__info--1hdi_ ul,
.RabotaSerpItem__info--1hdi_ ol {
  margin: 0 0 5px 20px;
}

.RabotaSerpItem__info--1hdi_ p {
  margin-bottom: 5px;
}

.RabotaSerpItem__note__item--2FMYE {
  display: inline-block;
  margin-right: 5px;
}

.RabotaSerpItem__note__item--2FMYE::after {
  content: ',';
}

.RabotaSerpItem__note__item--2FMYE:last-child::after {
  display: none;
}

.RabotaSerpItem__note__item--2FMYE.RabotaSerpItem__company--2PTyh {
  color: #318472;
}

.RabotaSerpItem__subway--2F5Dc i {
  display: inline-block;
  margin-right: 5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.RabotaSerpItem__info_important--3K_nx {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.RabotaSerpItem__description__more--1Vdee {
  display: block;
  white-space: nowrap;
  height: 25px;
  color: #315efb;
  cursor: pointer;
}

.RabotaSerpItem__description__more--1Vdee:hover {
  text-decoration: underline;
}

.RabotaSerpItem__more--3wtGU {
  display: inline-block ;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 20px;
  border: none;
  color: #2c54e2;
  background-color: #315efb;
  color: #fff;
  text-decoration: none;
  margin: 0 20px 0 0;
  cursor: pointer;
}

.RabotaSerpItem__more--3wtGU:hover {
  color: #fff;
  background-color: #2c54e2;
}

.RabotaSerpItem__more--3wtGU:active {
  color: #fff;
  background-color: #274bc8;
}

.RabotaSerpItem__ruble_icon--3kQwl {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: normal;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinRabota__geo--2dtXl {
  line-height: 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  color: #8d96b2;
  font-weight: normal;
  margin-left: 10px;
}

.MixinRabota__more--18RhU {
  display: inline-block;
}

.MixinRabota__tags--3PUEE {
  font-family: "Montserrat", sans-serif; 
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  color: #afb6c9;
  margin: -5px 0 20px;
}

.MixinRabota__tags--3PUEE li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

.MixinRabota__tag--31qtn {
  display: block;
  padding: 0 10px;
  border-radius: 11px;
  background-color: #f3f4f7;
  color: #afb6c9;
}

.MixinRabota__all--2e69O {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.MixinRabota__offers--loO8Q {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.MixinRabota__offer--2IA-7 {
  margin: 0 0 25px;
  list-style-type: none;
}

.MixinRabota__name--29n3a {
  font-size: 18px;
  line-height: 25px;
}

.MixinRabota__info--1_QUA {
  margin: 5px 0 0;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.MixinRabota__details--1K_MZ {
  margin: 5px 0 0;
  color: #8d96b2;
  word-wrap: break-word;
}

.MixinRabota__text--h7t54 {
  display: inline-block;
  margin: 0 10px 5px 0;
}

.MixinRabota__status--2AmDA {
}

.MixinRabota__status_urgent--2Xy-p {
  color: #ff564e;
}

.MixinRabota__status_new--1xVH_ {
  color: #28bc00;
}

.MixinRabota__button--17j8A {
  margin: 5px 0 0;
}

.MixinRabota__button_mobile--1xwWz {
  margin: 30px 0 0;
}

/** Mobile **/

@media screen and (hover: none) {
  .MixinRabota__tags--3PUEE {
    margin-top: 0;
  }
  .MixinRabota__info--1_QUA {
    margin-top: 0;
  }  
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinTopperson__container--2XxeH {
  font-family: "Montserrat", sans-serif;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
          box-shadow: 0 2px 5px 0 rgba(102, 116, 166, 0.2);
}

.MixinTopperson__container_single--21YJF {
}

.MixinTopperson__news--1AK_L {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
}

.MixinTopperson__news__cover--3NIM6 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 135px;
  height: 90px;
  margin-right: 15px;
  margin-bottom: 20px;
  background-color: #ccc;
  background-size: cover;
  background-position: center;
  border-radius: 2px;
}

.MixinTopperson__news__title--2NMaK {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: #343B4C;
  text-decoration: none;
  cursor: pointer;
}

.MixinTopperson__news__title--2NMaK:hover {
  color: #315efb;
}

.MixinTopperson__button--3nM_3 {
  height: 35px;
  margin-bottom: 20px;
  padding-right: 31px;
  font-family: "Montserrat", sans-serif;
  line-height: 35px;
  background-color: transparent;
  border: solid 1px #dcdfe7;
}

.MixinTopperson__button--3nM_3:hover {
  background: none;
  border-color: #315efb;
}

.MixinTopperson__button--3nM_3::after {
  top: 13px;
}

.MixinTopperson__info--1R6cD {
  margin: 0 0 30px;
  border-radius: 20px;
  background-color: #eff5ff;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  white-space: nowrap;
}

.MixinTopperson__person--1lf3z {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.MixinTopperson__place--3_qWZ {
  padding: 10px 5px;
  border-radius: 20px;
  background-color: #315efb;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-weight: 600;
}

.MixinTopperson__name--2E7c8 {
  color: #343B4C;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  margin: 0 20px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}

.MixinTopperson__mentions--3fyl6 {
  color: #8d96b2;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0;
  margin: 0 20px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.MixinTopperson__more--1A3io {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #315efb;
  margin: 10px 20px 10px 0;
  text-decoration: none;
}

.MixinTopperson__new--1lw9v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.MixinTopperson__image--1mAci {
  display: block;
  height: 120px;
  width: 160px;
  margin: 0 20px 0 0;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media only screen and (max-width: 700px) {
  .MixinTopperson__image--1mAci {
    height: 75px;
    width: 100px;  
  }  
}

.MixinTopperson__subtitle--vj3YP {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  color: #343B4C;
  text-decoration: none;
}
.rc__6X--6 {
  position: absolute;
  display: none;
  top: 45px;
  left: 0;
  right: 0;
}

  @media (min-width: 769px) {.rc__6X--6 {
    min-width: 600px
}
  }

  .rc__6X--6.rc__lux7M {
    display: block;
  }

  .rc__y7dg3 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  border-radius: 5px;
  background-color: var(--rc-search-suggest-bgColor);
  -webkit-box-shadow: var(--rc-search-suggest-box-shadow);
          box-shadow: var(--rc-search-suggest-box-shadow);
}

  .rc__h6uof {
  height: 1px;
  margin: 9px 15px 10px;
  background-color: var(--rc-search-suggest-separator-bgColor);
}

  .rc__PYCZK {
  width: 100%;
}

  .rc__7J9BR {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 10px 15px;
  background-color: var(--rc-search-suggest-bgColor);
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

  .rc__7J9BR.rc__KIP9w {
    background-color: var(--rc-search-suggest-hover-bgColor);
  }

  .rc__7J9BR:active {
    background-color: var(--rc-search-suggest-active-bgColor);
  }

  .rc__K0ujt {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-search-suggest-item-color);
  text-align: left;
}

  .rc__K0ujt b {
    color: var(--rc-search-suggest-item-bold-color);
    font-weight: 700;
  }

  .rc__7J9BR.rc__KIP9w .rc__K0ujt,
  .rc__7J9BR.rc__KIP9w .rc__K0ujt b,
  .rc__7J9BR:hover .rc__K0ujt,
  .rc__7J9BR:hover .rc__K0ujt b {
    color: var(--rc-search-suggest-item-hover-color);
  }

  :root {
  --rc-search-input-color: #343b4c;
  --rc-search-input-bgColor: #e0ebff;
  --rc-search-input-hover-bgColor: #d1e2ff;
  --rc-search-placeholder-color: #315efb;
  --rc-search-placeholder-light-color: #777e98;
  --rc-search-button-color: #315efb;
  --rc-search-button-hover-color: #2c54e2;
  --rc-search-button-active-color: #274bc8;
  --rc-search-searchButton-color: #ffffff;

  --rc-search-suggest-bgColor: #eff5ff;
  --rc-search-suggest-hover-bgColor: #e0ebff;
  --rc-search-suggest-active-bgColor: #d1e2ff;
  --rc-search-suggest-box-shadow: 0 10px 30px -5px rgba(49,94,251, 0.25);
  --rc-search-suggest-separator-bgColor: #c1d8ff;
  --rc-search-suggest-item-color: #343b4c;
  --rc-search-suggest-item-bold-color: #315efb;
  --rc-search-suggest-item-hover-color: #2c54e2;
}

  :root.dark-mode {
  --rc-search-input-color: #eff5ff;
  --rc-search-input-bgColor: #393f51;
  --rc-search-input-hover-bgColor: #3d4456;
  --rc-search-placeholder-color: #c1d8ff;
  --rc-search-button-color: #649dff;
  --rc-search-button-hover-color: #83b1ff;
  --rc-search-button-active-color: #a2c4ff;
  }

  .rc__-wgyQ {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
}

  .rc__u-8cE {
  position: relative;
  width: 100%;
  height: 40px;
}

  .rc__gH-ip {
  outline: 0 !important;
}

  .rc__gH-ip {
  width: 100%;
  height: 40px;
  padding: 0 75px 0 15px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--rc-search-input-color);
  border: 0;
  border-radius: 5px;
  background-color: var(--rc-search-input-bgColor);
  -webkit-transition: color 200ms, background-color 200ms;
  transition: color 200ms, background-color 200ms;
}

  .rc__tFCmd .rc__gH-ip {
    padding: 0 40px 0 15px;  
  }

  .rc__tFCmd .rc__gH-ip::-webkit-input-placeholder {
      color: var(--rc-search-placeholder-light-color);
    }

  .rc__tFCmd .rc__gH-ip::-moz-placeholder {
      color: var(--rc-search-placeholder-light-color);
    }

  .rc__tFCmd .rc__gH-ip:-ms-input-placeholder {
      color: var(--rc-search-placeholder-light-color);
    }

  .rc__tFCmd .rc__gH-ip::-ms-input-placeholder {
      color: var(--rc-search-placeholder-light-color);
    }

  .rc__tFCmd .rc__gH-ip::placeholder {
      color: var(--rc-search-placeholder-light-color);
    }

  .rc__u-8cE:hover .rc__gH-ip,
  .rc__gH-ip:focus {
    background-color: var(--rc-search-input-hover-bgColor);
  }

  .rc__gH-ip::-webkit-input-placeholder {
    color: var(--rc-search-placeholder-color);
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

  .rc__gH-ip::-moz-placeholder {
    color: var(--rc-search-placeholder-color);
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

  .rc__gH-ip:-ms-input-placeholder {
    color: var(--rc-search-placeholder-color);
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

  .rc__gH-ip::-ms-input-placeholder {
    color: var(--rc-search-placeholder-color);
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

  .rc__gH-ip::placeholder {
    color: var(--rc-search-placeholder-color);
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

  .rc__gH-ip::-ms-clear {
    display: none;
  }

  .rc__SPvQA {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  font-size: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 5px;
  z-index: 1;
}

  .rc__dwULM {
    display: block;
    width: 20px;
    height: 20px;
  }

  .rc__4KzN- {
  top: 5px;
  right: 40px;
  color: var(--rc-search-button-color);
  background-color: transparent;
}

  .rc__tFCmd .rc__4KzN- {
    right: 5px;
  }

  .rc__4KzN-:hover,
  .rc__4KzN-:focus {
    color: var(--rc-search-button-hover-color);
  }

  .rc__4KzN-:active {
    color: var(--rc-search-button-active-color);
  }

  .rc__hh65y {
  top: 5px;
  right: 5px;
  color: var(--rc-search-searchButton-color);
  background-color: var(--rc-search-button-color);
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

  .rc__hh65y:hover,
  .rc__hh65y:focus {
    background-color: var(--rc-search-button-hover-color);
  }

  .rc__hh65y:active {
    background-color: var(--rc-search-button-active-color);
  }

  .rc__tFCmd .rc__hh65y {
    display: none;
  }


.rc__-QfJ- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 300px;
  position: relative;
  background-color: #ffffff;
  border-radius: 15px;
  -webkit-box-shadow: 0 20px 20px -10px rgba(49,94,251, 0.3);
          box-shadow: 0 20px 20px -10px rgba(49,94,251, 0.3);
  overflow: hidden;
  word-break: normal;
}

  .rc__-QfJ-.rc__NmYhv {
    width: 260px;
  }

  .rc__-QfJ-.rc__raeC9 {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .rc__XMP9T {
  width: 300px !important;
}

  .rc__XMP9T {
  background-color: #ffffff;
}

  .rc__NmYhv .rc__XMP9T {
    width: 260px !important;
  }

  .rc__n8z4C {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 10px 10px 0;
}

  .rc__NmYhv .rc__n8z4C {
    height: 30px;
  }

  .rc__4YFCV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
}

  .rc__NmYhv .rc__4YFCV {
    height: 30px;
  }

  .rc__Nqjks {
    width: 100%;
  }

  .rc__Y82tI {
  line-height: 20px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #343b4c;
  text-transform: capitalize;
  padding: 0 5px;
  white-space: nowrap;
}

  .rc__0eCix,
.rc__t-ue2 {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 20px;
}

  .rc__NmYhv .rc__0eCix, .rc__NmYhv .rc__t-ue2 {
    width: 30px;
    height: 30px;
  }

  .rc__0eCix:not(:disabled):hover, .rc__t-ue2:not(:disabled):hover {
      background-color: #eff5ff;
    }

  .rc__0eCix:not(:disabled):hover svg path, .rc__t-ue2:not(:disabled):hover svg path {
        fill: #315efb;
      }

  .rc__0eCix:not(:disabled):active, .rc__t-ue2:not(:disabled):active {
      background-color: #d1e2ff;
    }

  .rc__0eCix:not(:disabled):active svg path, .rc__t-ue2:not(:disabled):active svg path {
        fill: #274bc8;
      }

  .rc__0eCix:disabled, .rc__t-ue2:disabled {
    cursor: default;
  }

  .rc__0eCix:disabled svg path, .rc__t-ue2:disabled svg path {
      fill: #c6cad8;
    }

  .rc__0eCix.rc__3yrbr, .rc__t-ue2.rc__3yrbr {
    visibility: hidden;
    pointer-events: none;
  }

  .rc__t-ue2 {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

  .rc__T3T0I {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  border-radius: 20px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #315efb;
}

  .rc__T3T0I:hover {
    background-color: #eff5ff;
  }

  .rc__T3T0I:active {
    background-color: #d1e2ff;
    color: #274bc8;
  }

  .rc__T3T0I:active svg path {
      fill: #274bc8;
    }

  .rc__QjZt7 {
    margin-left: 5px;
  }

  .rc__O8x5R {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  background-color: #ffffff;
}

  .rc__ZK1A1 {
  margin: 0 10px 10px;
  overflow: hidden;
}

  .rc__uIMo5 .rc__ZK1A1 {
    -webkit-transition: height 300ms linear;
    transition: height 300ms linear;
  }

  .rc__zMuIa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .rc__NmYhv .rc__zMuIa {
      margin: -5px 0 0 -5px;
    }

  .rc__uIMo5 .rc__zMuIa {
      -webkit-transition: -webkit-transform 300ms linear;
      transition: -webkit-transform 300ms linear;
      transition: transform 300ms linear;
      transition: transform 300ms linear, -webkit-transform 300ms linear;
    }

  .rc__GkvDG,
.rc__7ABjb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 35px;
}

  .rc__GkvDG {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  cursor: default;
  width: 40px;
  height: 20px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #afb6c9;
}

  .rc__NmYhv .rc__GkvDG {
    width: 30px;
    height: 15px;
    font-size: 12px;
    line-height: 15px;
  }

  .rc__7ABjb {
  position: relative;
  height: 40px;
  width: 40px;
  background-color: rgba(255,255,255, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

  .rc__uIMo5 .rc__7ABjb {
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms;
  }

  .rc__NmYhv .rc__7ABjb {
    width: 30px;
    height: 30px;
    margin: 5px 0 0 5px;
    font-size: 12px;
  }

  .rc__2IfIa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    width: 40px;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #343b4c;
    border-radius: 20px;
    background-color: rgba(255,255,255, 0);
  }

  .rc__NmYhv .rc__2IfIa {
      width: 30px;
      height: 30px;
      font-size: 12px;
    }

  .rc__7ABjb.rc__heQuf .rc__2IfIa {
      color: #ff564e !important;
    }

  .rc__7ABjb.rc__ceqYL .rc__2IfIa {
      background-color: #d9f2ff;
    }

  .rc__7ABjb.rc__Q2HpD .rc__2IfIa {
      color: #343b4c;
      border-radius: 0;
      background-color: #d9f2ff;
    }

  .rc__7ABjb.rc__Q2HpD.rc__d9r6D .rc__2IfIa {
        border-radius: 20px 0 0 20px;
      }

  .rc__7ABjb.rc__Q2HpD.rc__trJrN .rc__2IfIa {
        border-radius: 0 20px 20px 0;
      }

  .rc__7ABjb.rc__Q2HpD.rc__L9o3k .rc__2IfIa {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
      }

  .rc__7ABjb.rc__Q2HpD.rc__Z2V2V .rc__2IfIa {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
      }

  .rc__7ABjb.rc__md-b5 .rc__2IfIa {
      color: #ffffff !important;
    }

  .rc__7ABjb.rc__md-b5 .rc__2IfIa {
      border-radius: 20px;
      background-color: #315efb;
    }

  .rc__7ABjb.rc__HA9Jh {
      background-color: #d9f2ff;
      border-radius: 20px 0 0 20px;
    }

  .rc__7ABjb.rc__Raj4Z {
      background-color: #d9f2ff;
      border-radius: 0 20px 20px 0;
    }

  .rc__7ABjb.rc__Raj4Z.rc__L9o3k {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .rc__7ABjb.rc__HA9Jh.rc__Z2V2V {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  /* stylelint-disable */

  /* temporary solution */

  .rc__NmYhv .rc__7ABjb.rc__Q2HpD::after, .rc__NmYhv .rc__7ABjb.rc__HA9Jh::after, .rc__NmYhv .rc__7ABjb.rc__Raj4Z::after {
      content: "";
      position: absolute;
      height: 100%;
      top: 0;
      background-color: #d9f2ff;
      z-index: -1;
    }

  .rc__NmYhv .rc__7ABjb.rc__Q2HpD::after {
      width: 35px;
      left: -2.5px;
    }

  .rc__NmYhv .rc__7ABjb.rc__HA9Jh::after {
      width: 17.5px;
      left: 15px;
    }

  .rc__NmYhv .rc__7ABjb.rc__Raj4Z::after {
      width: 17.5px;
      left: -2.5px;
    }

  /* end temporary solution */

  /* stylelint-enable */

  .rc__7ABjb.rc__FFenE .rc__2IfIa {
      background-color: #d9f2ff;
    }

  .rc__7ABjb.rc__9W--R {
      background-color: #d9f2ff;
      border-radius: 20px 0 0 20px;
    }

  .rc__7ABjb.rc__fRpVn {
      background-color: #d9f2ff;
      border-radius: 0 20px 20px 0;
    }

  .rc__7ABjb.rc__4XJUl .rc__2IfIa {
      color: #c6cad8;
    }

  .rc__7ABjb.rc__4XJUl.rc__ceqYL .rc__2IfIa {
        background-color: #f3f4f7;
      }

  .rc__7ABjb.rc__zob0z {
    opacity: 0;
    cursor: default;
    pointer-events: none;
  }

  button.rc__7ABjb {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

  button.rc__7ABjb:hover .rc__2IfIa {
      background-color: #eff5ff;
      color: #315efb;
      -webkit-transition: color 200ms, background-color 200ms;
      transition: color 200ms, background-color 200ms;
    }

  button.rc__7ABjb:active .rc__2IfIa {
      background-color: #d1e2ff;
      color: #274bc8;
      -webkit-transition: color 200ms, background-color 200ms;
      transition: color 200ms, background-color 200ms;
    }

  button.rc__7ABjb.rc__ceqYL:hover .rc__2IfIa {
        color: #ffffff;
        background-color: #2c54e2;
      }

  button.rc__7ABjb.rc__ceqYL:active .rc__2IfIa {
        color: #ffffff;
        background-color: #274bc8;
      }

  button.rc__7ABjb.rc__Q2HpD:hover .rc__2IfIa {
        color: #315efb;
        background-color: #d9f2ff;
      }

  button.rc__7ABjb.rc__Q2HpD:active .rc__2IfIa {
        color: #274bc8;
        background-color: #d9f2ff;
      }

  button.rc__7ABjb.rc__md-b5:hover .rc__2IfIa {
        color: #ffffff;
        background-color: #2c54e2;
      }

  button.rc__7ABjb.rc__md-b5:active .rc__2IfIa {
        color: #ffffff;
        background-color: #274bc8;
      }

  button.rc__7ABjb.rc__md-b5.rc__4XJUl:hover .rc__2IfIa {
          color: #afb6c9;
          background-color: #274bc8;
        }

  .rc__DxabF {
  width: 300px !important;
}

  .rc__DxabF {
  height: 100%;
  position: absolute;
  font-family: "Manrope", sans-serif;
  overflow-y: scroll;
  background-color: #ffffff;
  border: 5px solid #ffffff;
  z-index: -1;
}

  .rc__GFzZU {
    z-index: 1;
  }

  .rc__K9x79 {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Manrope", sans-serif;
  color: #343b4c;
  font-size: 15px;
  font-weight: 500;
  line-height: 40px;
  border-radius: 20px;
  border-right: 5px solid #ffffff;
}

  .rc__K9x79:hover {
    background-color: #eff5ff;
    color: #315efb;
  }

  .rc__K9x79:active {
    background-color: #d1e2ff;
    color: #274bc8;
  }

  .rc__K9x79.rc__PTiWx {
    font-size: 20px;
    font-weight: 800;
  }

  .rc__K9x79.rc__wBmQb {
    pointer-events: none;
    color: #c6cad8;
  }


:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinWater__wrapper--244dM {
  padding: 0 0 25px;
  border-bottom: 1px solid #E0EBFF;
  position: relative;
}

.mobile .MixinWater__wrapper--244dM {
  margin: 0 10px;
}

.MixinWater__source--Y_-VC {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #777E98;
  margin: 5px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.MixinWater__source__link--3bHKw {
  color: #CC2222;
  margin: 0 0 0 5px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.MixinWater__source__icon--3222K {
  color: inherit;
}

.MixinWater__source__link--3bHKw:hover {
  color: #2c54e2; 
}

.MixinWater__source__icon--3222K:hover {
  color: #2c54e2; 
}

.MixinWater__source__link--3bHKw:active {
  color: #274bc8; 
}

.MixinWater__source__link--3bHKw:active {
  color: #274bc8; 
}

.MixinWater__search--3Qubw {
  padding: 25px 0 0;
  z-index: 4;
  position: relative;
}

.MixinWater__period--bqIXW {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  margin: 25px 0 0;
}

.MixinWater__period--bqIXW b {
  white-space: nowrap;
}

.MixinWater__calendar--2Up1p {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  width: 630px !important;
  margin: 25px 0 0;
}

.mobile .MixinWater__calendar--2Up1p {
  max-width: 360px;
  width: auto !important;
}

.MixinWater__calendar--2Up1p > div {
  border: 1px solid #E0EBFF;
  border-radius: 5px;
  margin: 0 0 0 15px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.mobile .MixinWater__calendar--2Up1p > div {
  margin: 20px 0 0 0;
}

.MixinWater__calendar--2Up1p > div:first-child {
  margin: 0;
}

.MixinWater__loader--3c9in {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: .9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  z-index: 5;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinWeather_main__root--1T4p6 {
  font-family: "Montserrat",sans-serif; 
  font-size: 14px;
  line-height: 20px;
  color: #343B4C;
  margin: 0 0 -10px;
}

.MixinWeather_main__caption--y181p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20px;
}

.MixinWeather_main__details--1_9QB {
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 0 0 30px;
}

.MixinWeather_main__data--3RRHN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.MixinWeather_main__graph--24IwR {
  width: 300px;
  height: 145px;
}

.MixinWeather_main__info--1w2Mh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 0 0 30px;
}

.MixinWeather_main__info_item--2Gs4L {
  margin: 0 0 5px;
  padding-left: 30px;
}

.MixinWeather_main__feel--3Ss6L {
  font-weight: 600;
  margin: 0 0 15px;
}

.MixinWeather_main__downfall--2CtTy {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzcwMF8yNDc5KSI+CjxwYXRoIGQ9Ik0xMCA1LjA3QzExLjQ1IDYuODMgMTQgMTAuMDcgMTQgMTIuNUMxNCAxMy41NjA5IDEzLjU3ODYgMTQuNTc4MyAxMi44Mjg0IDE1LjMyODRDMTIuMDc4MyAxNi4wNzg2IDExLjA2MDkgMTYuNSAxMCAxNi41QzguOTM5MTMgMTYuNSA3LjkyMTcyIDE2LjA3ODYgNy4xNzE1NyAxNS4zMjg0QzYuNDIxNDMgMTQuNTc4MyA2IDEzLjU2MDkgNiAxMi41QzYgMTAuMTEgOC41NSA2LjgzIDEwIDUuMDdaTTEwIDNDOS45MjcyNyAyLjk5OTkyIDkuODU1NDQgMy4wMTYwMyA5Ljc4OTcxIDMuMDQ3MTdDOS43MjM5OCAzLjA3ODMgOS42NjYwMSAzLjEyMzY4IDkuNjIgMy4xOEM4LjM3IDQuNzIgNC41IDkgNC41IDEyLjVDNC41IDEzLjk1ODcgNS4wNzk0NiAxNS4zNTc2IDYuMTEwOTEgMTYuMzg5MUM3LjE0MjM2IDE3LjQyMDUgOC41NDEzMSAxOCAxMCAxOEMxMS40NTg3IDE4IDEyLjg1NzYgMTcuNDIwNSAxMy44ODkxIDE2LjM4OTFDMTQuOTIwNSAxNS4zNTc2IDE1LjUgMTMuOTU4NyAxNS41IDEyLjVDMTUuNSA5LjA0IDExLjYzIDQuNzIgMTAuMzggMy4xOEMxMC4zMzQgMy4xMjM2OCAxMC4yNzYgMy4wNzgzIDEwLjIxMDMgMy4wNDcxN0MxMC4xNDQ2IDMuMDE2MDMgMTAuMDcyNyAyLjk5OTkyIDEwIDNaIiBmaWxsPSIjMzQzQjRDIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNzAwXzI0NzkiPgo8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat left center;
}

.MixinWeather_main__wind--WfFiv {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzk3OV8yNTY2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS45NTA3MyAxNi4wNDlMOC41ODc3MyAxMS40MTRMMy45NTI3MyAxMC4wNTFDMy44NTMxOSAxMC4wMjE3IDMuNzY1MjIgOS45NjIyMSAzLjcwMTAxIDkuODgwNzFDMy42MzY4IDkuNzk5MjIgMy41OTk1MyA5LjY5OTc4IDMuNTk0MzcgOS41OTYxNkMzLjU4OTIxIDkuNDkyNTQgMy42MTY0IDkuMzg5ODggMy42NzIxOSA5LjMwMjQxQzMuNzI3OTggOS4yMTQ5MyAzLjgwOTU5IDkuMTQ2OTggMy45MDU3MyA5LjEwNzk3TDE0LjU2MzcgNC43ODY5N0MxNC42NTQ3IDQuNzUwMTUgMTQuNzU0NiA0Ljc0MDk1IDE0Ljg1MDggNC43NjA1MUMxNC45NDcgNC43ODAwNiAxNS4wMzUzIDQuODI3NTEgMTUuMTA0OCA0Ljg5Njk0QzE1LjE3NDIgNC45NjYzNiAxNS4yMjE2IDUuMDU0NjggMTUuMjQxMiA1LjE1MDlDMTUuMjYwNyA1LjI0NzExIDE1LjI1MTUgNS4zNDY5NSAxNS4yMTQ3IDUuNDM3OTdMMTAuODkzNyAxNi4wOTZDMTAuODU0NyAxNi4xOTIxIDEwLjc4NjggMTYuMjczNyAxMC42OTkzIDE2LjMyOTVDMTAuNjExOCAxNi4zODUzIDEwLjUwOTIgMTYuNDEyNSAxMC40MDU1IDE2LjQwNzNDMTAuMzAxOSAxNi40MDIyIDEwLjIwMjUgMTYuMzY0OSAxMC4xMjEgMTYuMzAwN0MxMC4wMzk1IDE2LjIzNjUgOS45Nzk5OSAxNi4xNDg1IDkuOTUwNzMgMTYuMDQ5WiIgZmlsbD0iIzM0M0I0QyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzk3OV8yNTY2Ij4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left center;
}

.MixinWeather_main__pressure--2YpC4 {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMjU3OSA3LjU2QzguMTY2MTMgNy40NjkwMSA4LjA0MjEzIDcuNDE3OTYgNy45MTI5IDcuNDE3OTZDNy43ODM2NyA3LjQxNzk2IDcuNjU5NjcgNy40NjkwMSA3LjU2NzkgNy41Nkw2LjczNzkgOC4zOVYzLjVDNi43MzkyMyAzLjQzNDgyIDYuNzI3NTQgMy4zNzAwMiA2LjcwMzUxIDMuMzA5NDFDNi42Nzk0OCAzLjI0ODggNi42NDM2IDMuMTkzNiA2LjU5Nzk3IDMuMTQ3MDNDNi41NTIzMyAzLjEwMDQ3IDYuNDk3ODYgMy4wNjM0OCA2LjQzNzc1IDMuMDM4MjNDNi4zNzc2NCAzLjAxMjk4IDYuMzEzMSAyLjk5OTk5IDYuMjQ3OSAzSDUuNzQ3OUM1LjY4MjcgMi45OTk5OSA1LjYxODE2IDMuMDEyOTggNS41NTgwNSAzLjAzODIzQzUuNDk3OTMgMy4wNjM0OCA1LjQ0MzQ3IDMuMTAwNDcgNS4zOTc4MyAzLjE0NzAzQzUuMzUyMiAzLjE5MzYgNS4zMTYzMiAzLjI0ODggNS4yOTIyOSAzLjMwOTQxQzUuMjY4MjYgMy4zNzAwMiA1LjI1NjU3IDMuNDM0ODIgNS4yNTc5IDMuNVY4LjM5TDQuNDI3OSA3LjU2QzQuMzM2MTMgNy40NjkwMSA0LjIxMjEzIDcuNDE3OTYgNC4wODI5IDcuNDE3OTZDMy45NTM2NyA3LjQxNzk2IDMuODI5NjcgNy40NjkwMSAzLjczNzkgNy41NkwzLjM5NzkgNy45QzMuMzUxMDMgNy45NDY0OCAzLjMxMzg0IDguMDAxNzggMy4yODg0NSA4LjA2MjcxQzMuMjYzMDcgOC4xMjM2NCAzLjI1IDguMTg4OTkgMy4yNSA4LjI1NUMzLjI1IDguMzIxMDEgMy4yNjMwNyA4LjM4NjM2IDMuMjg4NDUgOC40NDcyOUMzLjMxMzg0IDguNTA4MjIgMy4zNTEwMyA4LjU2MzUyIDMuMzk3OSA4LjYxTDUuNjQ3OSAxMC44NkM1Ljc0MTM2IDEwLjk1MTYgNS44NjcwMiAxMS4wMDI5IDUuOTk3OSAxMS4wMDI5QzYuMTI4NzggMTEuMDAyOSA2LjI1NDQzIDEwLjk1MTYgNi4zNDc5IDEwLjg2TDguNTk3OSA4LjYxQzguNjQ0NzYgOC41NjM1MiA4LjY4MTk2IDguNTA4MjIgOC43MDczNSA4LjQ0NzI5QzguNzMyNzMgOC4zODYzNiA4Ljc0NTggOC4zMjEwMSA4Ljc0NTggOC4yNTVDOC43NDU4IDguMTg4OTkgOC43MzI3MyA4LjEyMzY0IDguNzA3MzUgOC4wNjI3MUM4LjY4MTk2IDguMDAxNzggOC42NDQ3NiA3Ljk0NjQ4IDguNTk3OSA3LjlMOC4yNTc5IDcuNTZaIiBmaWxsPSIjMzQzQjRDIi8+CjxwYXRoIGQ9Ik0xNi41IDEzSDMuNUMzLjIyMzg2IDEzIDMgMTMuMjIzOSAzIDEzLjVWMTRDMyAxNC4yNzYxIDMuMjIzODYgMTQuNSAzLjUgMTQuNUgxNi41QzE2Ljc3NjEgMTQuNSAxNyAxNC4yNzYxIDE3IDE0VjEzLjVDMTcgMTMuMjIzOSAxNi43NzYxIDEzIDE2LjUgMTNaIiBmaWxsPSIjMzQzQjRDIi8+CjxwYXRoIGQ9Ik0xNC41IDE2SDUuNUM1LjIyMzg2IDE2IDUgMTYuMjIzOSA1IDE2LjVWMTdDNSAxNy4yNzYxIDUuMjIzODYgMTcuNSA1LjUgMTcuNUgxNC41QzE0Ljc3NjEgMTcuNSAxNSAxNy4yNzYxIDE1IDE3VjE2LjVDMTUgMTYuMjIzOSAxNC43NzYxIDE2IDE0LjUgMTZaIiBmaWxsPSIjMzQzQjRDIi8+CjxwYXRoIGQ9Ik0xNi4yNTc5IDcuNTZDMTYuMTY2MSA3LjQ2OTAxIDE2LjA0MjEgNy40MTc5NiAxNS45MTI5IDcuNDE3OTZDMTUuNzgzNyA3LjQxNzk2IDE1LjY1OTcgNy40NjkwMSAxNS41Njc5IDcuNTZMMTQuNzM3OSA4LjM5VjMuNUMxNC43MzkyIDMuNDM0ODIgMTQuNzI3NSAzLjM3MDAyIDE0LjcwMzUgMy4zMDk0MUMxNC42Nzk1IDMuMjQ4OCAxNC42NDM2IDMuMTkzNiAxNC41OTggMy4xNDcwM0MxNC41NTIzIDMuMTAwNDcgMTQuNDk3OSAzLjA2MzQ4IDE0LjQzNzggMy4wMzgyM0MxNC4zNzc2IDMuMDEyOTggMTQuMzEzMSAyLjk5OTk5IDE0LjI0NzkgM0gxMy43NDc5QzEzLjY4MjcgMi45OTk5OSAxMy42MTgyIDMuMDEyOTggMTMuNTU4IDMuMDM4MjNDMTMuNDk3OSAzLjA2MzQ4IDEzLjQ0MzUgMy4xMDA0NyAxMy4zOTc4IDMuMTQ3MDNDMTMuMzUyMiAzLjE5MzYgMTMuMzE2MyAzLjI0ODggMTMuMjkyMyAzLjMwOTQxQzEzLjI2ODMgMy4zNzAwMiAxMy4yNTY2IDMuNDM0ODIgMTMuMjU3OSAzLjVWOC4zOUwxMi40Mjc5IDcuNTZDMTIuMzM2MSA3LjQ2OTAxIDEyLjIxMjEgNy40MTc5NiAxMi4wODI5IDcuNDE3OTZDMTEuOTUzNyA3LjQxNzk2IDExLjgyOTcgNy40NjkwMSAxMS43Mzc5IDcuNTZMMTEuMzk3OSA3LjlDMTEuMzUxIDcuOTQ2NDggMTEuMzEzOCA4LjAwMTc4IDExLjI4ODUgOC4wNjI3MUMxMS4yNjMxIDguMTIzNjQgMTEuMjUgOC4xODg5OSAxMS4yNSA4LjI1NUMxMS4yNSA4LjMyMTAxIDExLjI2MzEgOC4zODYzNiAxMS4yODg1IDguNDQ3MjlDMTEuMzEzOCA4LjUwODIyIDExLjM1MSA4LjU2MzUyIDExLjM5NzkgOC42MUwxMy42NDc5IDEwLjg2QzEzLjc0MTQgMTAuOTUxNiAxMy44NjcgMTEuMDAyOSAxMy45OTc5IDExLjAwMjlDMTQuMTI4OCAxMS4wMDI5IDE0LjI1NDQgMTAuOTUxNiAxNC4zNDc5IDEwLjg2TDE2LjU5NzkgOC42MUMxNi42NDQ4IDguNTYzNTIgMTYuNjgyIDguNTA4MjIgMTYuNzA3MyA4LjQ0NzI5QzE2LjczMjcgOC4zODYzNiAxNi43NDU4IDguMzIxMDEgMTYuNzQ1OCA4LjI1NUMxNi43NDU4IDguMTg4OTkgMTYuNzMyNyA4LjEyMzY0IDE2LjcwNzMgOC4wNjI3MUMxNi42ODIgOC4wMDE3OCAxNi42NDQ4IDcuOTQ2NDggMTYuNTk3OSA3LjlMMTYuMjU3OSA3LjU2WiIgZmlsbD0iIzM0M0I0QyIvPgo8L3N2Zz4K) no-repeat left center;
}

.MixinWeather_main__magnetic--27fYa {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzc1OV8zMDcxKSI+CjxwYXRoIGQ9Ik0xNC4yMjc4IDkuMjMxNkgxMy43Mzc4QzEzLjYxMTkgOS4yMzIwMSAxMy40OTA0IDkuMTg0ODUgMTMuMzk3NyA5LjA5OTU3QzEzLjMwNSA5LjAxNDI5IDEzLjI0NzkgOC44OTcxNiAxMy4yMzc4IDguNzcxNkMxMy4xMzEyIDcuNDE0NDggMTIuNTQ1NyA2LjEzOTQ0IDExLjU4NTggNS4xNzQxMUMxMC42MjYgNC4yMDg3OCA5LjM1NDMgMy42MTYgNy45OTc4MSAzLjUwMTZDNy44NjY5NSAzLjQ5ODk4IDcuNzQyMzIgMy40NDUxNSA3LjY1MDcxIDMuMzUxNjdDNy41NTkwOSAzLjI1ODE4IDcuNTA3NzkgMy4xMzI1IDcuNTA3ODIgMy4wMDE2VjIuNTAxNkM3LjUwNzU5IDIuNDMyNDQgNy41MjE3MiAyLjM2Mzk4IDcuNTQ5MzIgMi4zMDA1NUM3LjU3NjkxIDIuMjM3MTIgNy42MTczNiAyLjE4MDExIDcuNjY4MTEgMi4xMzMxMkM3LjcxODg2IDIuMDg2MTMgNy43Nzg4MSAyLjA1MDE4IDcuODQ0MTcgMi4wMjc1NEM3LjkwOTUzIDIuMDA0OSA3Ljk3ODg3IDEuOTk2MDcgOC4wNDc4MiAyLjAwMTZDOS43NzY3MyAyLjEzNTE4IDExLjQwMDcgMi44ODMxOSAxMi42MjYgNC4xMTAyOEMxMy44NTEyIDUuMzM3MzcgMTQuNTk2OCA2Ljk2MjQ5IDE0LjcyNzggOC42OTE2QzE0LjczMzMgOC43NjA1NSAxNC43MjQ1IDguODI5ODkgMTQuNzAxOSA4Ljg5NTI1QzE0LjY3OTIgOC45NjA2MSAxNC42NDMzIDkuMDIwNTYgMTQuNTk2MyA5LjA3MTMxQzE0LjU0OTMgOS4xMjIwNiAxNC40OTIzIDkuMTYyNTEgMTQuNDI4OSA5LjE5MDFDMTQuMzY1NCA5LjIxNzY5IDE0LjI5NyA5LjIzMTgyIDE0LjIyNzggOS4yMzE2WiIgZmlsbD0iIzM0M0I0QyIvPgo8cGF0aCBkPSJNOS4yMyA1Ljc3MTEzVjYuMjYxMTNDOS4yMzA0IDYuMzg3MDkgOS4xODMyNSA2LjUwODU3IDkuMDk3OTcgNi42MDEyNkM5LjAxMjY5IDYuNjkzOTYgOC44OTU1NiA2Ljc1MTA2IDguNzcgNi43NjExM0M3LjQxMjg4IDYuODY3NzggNi4xMzc4NCA3LjQ1MzI5IDUuMTcyNTEgOC40MTMxM0M0LjIwNzE3IDkuMzcyOTcgMy42MTQ0IDEwLjY0NDYgMy41IDEyLjAwMTFDMy40ODk5MiAxMi4xMjY3IDMuNDMyODMgMTIuMjQzOCAzLjM0MDEzIDEyLjMyOTFDMy4yNDc0MyAxMi40MTQ0IDMuMTI1OTYgMTIuNDYxNSAzIDEyLjQ2MTFIMi41QzIuMzc0MDQgMTIuNDYxNSAyLjI1MjU3IDEyLjQxNDQgMi4xNTk4NyAxMi4zMjkxQzIuMDY3MTcgMTIuMjQzOCAyLjAxMDA4IDEyLjEyNjcgMiAxMi4wMDExQzIuMTIyMTMgMTAuMjYzMyAyLjg2NTA5IDguNjI3MzYgNC4wOTMyNiA3LjM5MTg0QzUuMzIxNDQgNi4xNTYzMiA2Ljk1Mjk0IDUuNDAzNjIgOC42OSA1LjI3MTEzQzguNzU4OTQgNS4yNjU2IDguODI4MjkgNS4yNzQ0MyA4Ljg5MzY1IDUuMjk3MDdDOC45NTkgNS4zMTk3MSA5LjAxODk1IDUuMzU1NjYgOS4wNjk3MSA1LjQwMjY1QzkuMTIwNDYgNS40NDk2NCA5LjE2MDkxIDUuNTA2NjYgOS4xODg1IDUuNTcwMDhDOS4yMTYwOSA1LjYzMzUxIDkuMjMwMjIgNS43MDE5NyA5LjIzIDUuNzcxMTNaIiBmaWxsPSIjMzQzQjRDIi8+CjxwYXRoIGQ9Ik01Ljc3MjExIDEwLjc2OTVINi4yNjIxMUM2LjM4ODA3IDEwLjc2OTEgNi41MDk1NCAxMC44MTYzIDYuNjAyMjQgMTAuOTAxNkM2LjY5NDk0IDEwLjk4NjggNi43NTIwMyAxMS4xMDQgNi43NjIxMSAxMS4yMjk1QzYuODY4NzYgMTIuNTg2NyA3LjQ1NDI3IDEzLjg2MTcgOC40MTQxIDE0LjgyN0M5LjM3Mzk0IDE1Ljc5MjQgMTAuNjQ1NiAxNi4zODUxIDEyLjAwMjEgMTYuNDk5NUMxMi4xMjc3IDE2LjUwOTYgMTIuMjQ0OCAxNi41NjY3IDEyLjMzMDEgMTYuNjU5NEMxMi40MTU0IDE2Ljc1MjEgMTIuNDYyNSAxNi44NzM2IDEyLjQ2MjEgMTYuOTk5NVYxNy40OTk1QzEyLjQ2MjUgMTcuNjI1NSAxMi40MTU0IDE3Ljc0NyAxMi4zMzAxIDE3LjgzOTdDMTIuMjQ0OCAxNy45MzI0IDEyLjEyNzcgMTcuOTg5NSAxMi4wMDIxIDE3Ljk5OTVDMTAuMjczMiAxNy44NjYgOC42NDkxOSAxNy4xMTc5IDcuNDIzOTMgMTUuODkwOUM2LjE5ODY4IDE0LjY2MzggNS40NTMxIDEzLjAzODYgNS4zMjIxMSAxMS4zMDk1QzUuMzEwOTcgMTEuMTc4NCA1LjM1MTk2IDExLjA0ODIgNS40MzYyIDEwLjk0NzFDNS41MjA0NCAxMC44NDYgNS42NDExNCAxMC43ODIyIDUuNzcyMTEgMTAuNzY5NVoiIGZpbGw9IiMzNDNCNEMiLz4KPHBhdGggZD0iTTEwLjc2NjYgMTQuMjI5MVYxMy43MzkxQzEwLjc2NjIgMTMuNjEzMSAxMC44MTM0IDEzLjQ5MTYgMTAuODk4NyAxMy4zOTg5QzEwLjk4MzkgMTMuMzA2MiAxMS4xMDExIDEzLjI0OTEgMTEuMjI2NiAxMy4yMzkxQzEyLjU4MzcgMTMuMTMyNCAxMy44NTg4IDEyLjU0NjkgMTQuODI0MSAxMS41ODcxQzE1Ljc4OTUgMTAuNjI3MiAxNi4zODIyIDkuMzU1NTUgMTYuNDk2NiA3Ljk5OTA3QzE2LjUwNjcgNy44NzM1MSAxNi41NjM4IDcuNzU2MzggMTYuNjU2NSA3LjY3MTFDMTYuNzQ5MiA3LjU4NTgxIDE2Ljg3MDcgNy41Mzg2NiAxNi45OTY2IDcuNTM5MDdIMTcuNDk2NkMxNy41NjU4IDcuNTM4ODQgMTcuNjM0MyA3LjU1Mjk3IDE3LjY5NzcgNy41ODA1N0MxNy43NjExIDcuNjA4MTYgMTcuODE4MSA3LjY0ODYxIDE3Ljg2NTEgNy42OTkzNkMxNy45MTIxIDcuNzUwMTEgMTcuOTQ4MSA3LjgxMDA2IDE3Ljk3MDcgNy44NzU0MkMxNy45OTMzIDcuOTQwNzggMTguMDAyMiA4LjAxMDEyIDE3Ljk5NjYgOC4wNzkwN0MxNy44NjMgOS44MDc5OCAxNy4xMTUgMTEuNDMyIDE1Ljg4OCAxMi42NTcyQzE0LjY2MDkgMTMuODgyNSAxMy4wMzU3IDE0LjYyODEgMTEuMzA2NiAxNC43NTkxQzExLjIzNTEgMTQuNzY1IDExLjE2MzEgMTQuNzU1NCAxMS4wOTU2IDE0LjczMUMxMS4wMjgxIDE0LjcwNjUgMTAuOTY2NiAxNC42Njc5IDEwLjkxNTQgMTQuNjE3NkMxMC44NjQyIDE0LjU2NzMgMTAuODI0NCAxNC41MDY2IDEwLjc5ODcgMTQuNDM5NUMxMC43NzMgMTQuMzcyNSAxMC43NjIxIDE0LjMwMDcgMTAuNzY2NiAxNC4yMjkxWiIgZmlsbD0iIzM0M0I0QyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzc1OV8zMDcxIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left center;
}

.MixinWeather_main__text--1ukS0 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.MixinWeather_main__title--3P7uW {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.MixinWeather_main__shadow_0--2-U41 {
  -webkit-box-shadow: 0px 5px 30px -10px rgba(49, 94, 251, 0.3);
          box-shadow: 0px 5px 30px -10px rgba(49, 94, 251, 0.3);
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}.MixinWeather_main__root--374l2 {
  font-family: "Montserrat",sans-serif; 
  font-size: 14px;
  line-height: 20px;
  color: #343B4C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 10px;
}.MixinWeather_main__caption--2D7V2 {
  margin: 0 0 20px;
}.MixinWeather_main__graph--2Zf3h {
  text-align: center;
}.MixinWeather_main__info--2-CAs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 15px 0 20px;
}.MixinWeather_main__details--35XCC {
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.MixinWeather_other_towns__root--3oFSl {
  font-family: "Montserrat",sans-serif; 
  font-size: 14px;
  line-height: 20px;
  background: #EFF5FF;
  border-radius: 5px;
  height: 50px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.MixinWeather_other_towns__caption--Dk3sy {
  color: #777E98;
  margin: 0 10px 0 0;
  white-space: nowrap;
}

.MixinWeather_other_towns__city--3KaId {
  margin: 0 10px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #343B4C;
  white-space: nowrap;
}

.MixinWeather_other_towns__city--3KaId:last-child {
  margin-right: 0;
}

.MixinWeather_other_towns__name--2ktNj {
  margin: 0 5px 20px 0;
}

.MixinWeather_other_towns__temp--2Iagh {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  min-width: 40px;
  height: 30px;
  background: #D8D664;
  border-radius: 40px;
  position: relative;
  top: -5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.MixinWeather_other_towns__root--3KwA8 {
  font-family: "Montserrat",sans-serif; 
  font-size: 14px;
  line-height: 20px;
  background: #EFF5FF;
  border-radius: 5px;
  height: 50px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 10px;
}
.SerpWarning__warning--3lAu5 {
  margin: 10px 0 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.SerpWarning__warning__text--77kZh {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #62687F;
  cursor: pointer;
}

.SerpWarning__warning__popup--25fiU {
  opacity: 0;
  visibility: hidden;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  background: #343b4c;
  width: 301px;
  height: 160px;
  margin: 5px 0 0;
  padding: 10px 20px;
  border-radius: 5px;
  -webkit-box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
          box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
  background-color: #343b4c;
  color: #fff;
  z-index: 100;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.SerpWarning__warning__popup_visible--3xd1Y {
  opacity: 1;
  visibility: visible;
}

.SerpWarning__warning__popup--25fiU:before {
  position: absolute;
  left: 20px;
  top: -5px;
  content: '';
  width: 10px;
  height: 5px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMCA1IDQuMjkzLjcwN2ExIDEgMCAwIDEgMS40MTQgMEwxMCA1SDB6IiBmaWxsPSIjMzQzQjRDIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);
}
.Serp__item--NO2th {
  margin: 0 0 25px;
  padding: 0 0 0 36px;
  position: relative;
  color: var(--color-default);
}

.Serp__title--3i6Ro {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #315efb;
  margin: 0 0 5px;
}
.Serp__title--3i6Ro b {
  font-weight: 700;
}

.Serp__link--S29wB {
  text-decoration: none;
  margin: 0 10px 0 0;
}

.Serp__link--S29wB:visited {
  color: #ab47bc;
}

.Serp__favicon--3GPRe {
  position: absolute;
  left: 0;
  top: 5px;
  width: 16px;
  height: 16px;
  background-size: cover;
}

/* 
Чтобы загрузка внешнего спрайта с фавиконками не блокировала страницу,
Иконки будут показаны (что означает «загружены») после полной загрузки страницы (wl == window.onload) 
*/
.favicon {
  opacity: 0;
  transition: all 0.2s;
}
.wl .favicon {
  opacity: 1;
}

.Serp__info--2EMHt {
  margin: 0 0 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 500;
}

.Serp__url--3NdzA {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  height: 20px;
  color: #8d96b2;
  text-decoration: none;
  display: block;
  max-width: 580px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Serp__url--3NdzA:hover,
.Serp__url--3NdzA:active {
  text-decoration: none;
}

.Serp__more--3XlDt {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzhEOTZCMiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwIDB2MjBNMCAwdjIwbTkuMjkzLTcuNjQ3bC0zLjQ3LTMuNDY5Yy0uMTk1LS4xOTUtLjE5NS0uNTEyIDAtLjcwN2wuMzU0LS4zNTRjLjE5NS0uMTk1LjUxMi0uMTk1LjcwNyAwTDEwIDEwLjkzOWwzLjExNi0zLjExNmMuMTk1LS4xOTUuNTEyLS4xOTUuNzA3IDBsLjM1NC4zNTRjLjE5NS4xOTUuMTk1LjUxMiAwIC43MDdsLTMuNDcgMy40NjljLS4zOS4zOTEtMS4wMjQuMzkxLTEuNDE0IDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzQgLTY4MykgdHJhbnNsYXRlKDIwIDE0MCkgdHJhbnNsYXRlKDAgNTEzKSB0cmFuc2xhdGUoMzYgMzApIHRyYW5zbGF0ZSgyNzgpIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
  position: relative;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.Serp__list--1RD_Q {
  width: 200px;
  max-height: 80px;
  border-radius: 15px;
  box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-default);
  position: absolute;
  top: 20px;
  left: -180px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
}

.Serp__filter--2mewc,
.Serp__saved--2-_Ra {
  background-color: #eff5ff;
  display: block;
  padding: 10px 20px;
  color: var(--color-default);
  text-decoration: none;
}

.Serp__filter--2mewc:hover,
.Serp__saved--2-_Ra:hover,
.Serp__filter--2mewc:active,
.Serp__saved--2-_Ra:active {
  background-color: #e0ebff;
}

.c-opened .Serp__list--1RD_Q {
  opacity: 1;
  visibility: visible;
}

.Serp__snippet--2mmWu {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.Serp__mime--3aQXe {
  white-space: nowrap;
  display: inline-block;
}

.Serp__type--gfMbl {
  font-style: normal;
  display: inline-block;
  background-color: rgba(117, 117, 117, 0.2);
  font-size: 14px;
  line-height: 30px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  vertical-align: middle;
  height: 30px;
  border-radius: 20px;
  position: relative;
  color: #757575;
  padding: 0 10px;
}

.Serp__type_pdf--3rWgH {
  background-color: rgba(231, 55, 45, 0.2);
  color: #e7372d;
}
.Serp__type_doc--3q6mK,
.Serp__type_docx--p7gKd,
.Serp__type_odt--2QnWc {
  background-color: rgba(62, 78, 184, 0.2);
  color: #3e4eb8;
  text-transform: none;
}
.Serp__type_doc--3q6mK::first-letter,
.Serp__type_docx--p7gKd::first-letter,
.Serp__type_odt--2QnWc::first-letter {
  text-transform: uppercase;
}
.Serp__type_rtf--3GOGM,
.Serp__type_odg--BhCkt,
.Serp__type_odp--3YrCQ {
}
.Serp__type_ppt--em8hK,
.Serp__type_odb--2xWHR,
.Serp__type_pptx--3KY1g {
  background-color: rgba(183, 28, 28, 0.2);
  color: #b71c1c;
}
.Serp__type_ods--2Jvsw,
.Serp__type_xls--XVOcR,
.Serp__type_xslx--Wl9TH {
  background-color: rgba(52, 143, 55, 0.2);
  color: #348f37;
}
.Serp__type_swf---Bsj8 {
  background-color: rgba(242, 96, 145, 0.2);
  color: #f26091;
}

.Serp__size--2qSpm {
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  color: #8d96b2;
  margin: 0 0 0 10px;
  font-family: "Montserrat", sans-serif;
}

.Serp__modified--2ay-H {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #8d96b2;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.SerpMobile__root--3okM4 {
  padding: 0 10px;
}

.SerpMobile__item--3bXYt {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 25px;
}

.SerpMobile__item--3bXYt b {
  font-weight: 700;
}

.SerpMobile__item__title--1aZoH {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #315efb;
  margin: 0 0 5px;
  padding: 0;
  word-wrap: break-word;
}

.SerpMobile__item__link--2wnUb {
  text-decoration: none;
}

.SerpMobile__item__link--2wnUb:link {
  color: #315efb;
}

.SerpMobile__item__link--2wnUb:visited {
  color: #7ca6db;
}

.SerpMobile__item__info--3nAYr {
  display: inline-block;
  color: #8d96b2;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 0 5px;
}

.SerpMobile__item__snippet--3WVR2 {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  line-height: 22px;
  color: #343B4C;
  word-break: break-word;
  margin: 0;
}

.SerpMobile__item__turbo--26iYK {
  position: relative;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #8d96b2;
  text-decoration: none;
  padding-right: 34px;
}

.SerpMobile__item__turbo--26iYK::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 8px;
  width: 3px;
  height: 3px;
  background-color: #8d96b2;
  border-radius: 3px;
}

.SerpMobile__item__turbo--26iYK::before {
  content: '';
  position: absolute;
  right: 13px;
  top: -1px;
  height: 20px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE2IDIwIj4KICAgIDxwYXRoIGZpbGw9IiM4RDk2QjIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUuMyAxMGMuNDIzLS41NC45MzctMS4xMSAxLjUyMy0xLjcgMi4yOTUtMi4zMDkgNC44NC0yLjQ0NiA1LjA4Mi0yLjIwMi4yNDIuMjQ1LjA5IDIuNzctMi4yMDUgNS4wOEExOS4wODQgMTkuMDg0IDAgMCAxIDggMTIuNzE0djEuNjJjMCAuNjY2LjAxNS42ODgtLjQwNiAxLS4yMjUuMTY2LTEuMTk0Ljk2MS0yLjIzNCAxLjU5Ny0uMjU1LjE1Ny0uNDY2LjAyNy0uMzA0LS4yMDIuNDQtLjYyLjc1Ni0xLjE3Mi45NS0xLjY1OS4xNzgtLjQ0Ni4xNzctLjg0Mi0uMDAzLTEuMTg5LS42NjMuMjExLTEuMjE4LjE0OS0xLjYyNi0uMjQ5LS40MTEtLjQwMS0uNDcyLS45Ni0uMjUzLTEuNjMzLS4zNDgtLjE4Mi0uNzQ2LS4xODQtMS4xOTUtLjAwNS0uNDg3LjE5NC0xLjA0LjUxLTEuNjU5Ljk0OS0uMjI5LjE2Mi0uMzU4LS4wNDgtLjIwMi0uMzA0LjYzNi0xLjA0IDEuNDMyLTIuMDA4IDEuNTk4LTIuMjM0LjMxMi0uNDIuMzMzLS40MDUgMS0uNDA1SDUuM3ptLTIuMDUgMy42MDVjLjEzOS4xNC0xLjcyLjk1Ni0xLjcyIDIuODY3IDEuOTEgMCAyLjcyNi0xLjg2IDIuODY2LTEuNzIuMTQuMTQtLjMxIDEuMjItMS4wNzQgMS45ODQtLjc2NC43NjUtMS43OTMgMS4yNjUtMy4zMjIgMS4yNjUgMC0xLjUyOS41LTIuNTU4IDEuMjY1LTMuMzIyLjc2NC0uNzY1IDEuODQ1LTEuMjEzIDEuOTg0LTEuMDc0ek0uNyAxMGMtLjAwNC4zMjItLjQwNC4zNDgtLjQgMCAuMDQ4LTQuNDE4IDIuOTkyLTggNy42OTYtOHM4IDMuMyA4IDgtMy41ODIgNy42NjgtOCA3LjY5OGMtLjE1LjAwMS0uMjE3LS4wOTgtLjIxNy0uMTk3IDAtLjEuMDY2LS4yLjIxNy0uMiAzLjY5OC4wMDcgNi44MDItMy4zMDEgNi44MDItNy4zMDFzLTIuODAyLTYuODA0LTYuODAyLTYuODA0QzMuOTk2IDMuMTk2Ljc1MiA1LjkwNi43IDEweiIvPgo8L3N2Zz4K);
  background-size: cover;
}

.SerpMobile__warning--2QML0 {
}

.SerpMobile__warning__text--1V4k8 {
}

.SerpMobile__warning__popup--3G6Ho {
}

.SerpMobile__warning__popup_visible--Ew9u3 {
}
.SerpMobile__root--3okM4 {
  padding: 0 10px;
}

.SerpMobile__item--3bXYt {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 25px;
}

.SerpMobile__item--3bXYt b {
  font-weight: 700;
}

.SerpMobile__item__title--1aZoH {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #315efb;
  margin: 0 0 5px;
  padding: 0;
  word-wrap: break-word;
}

.SerpMobile__item__link--2wnUb {
  text-decoration: none;
}
.SerpMobile__item__link--2wnUb:link {
  color: #315efb;
}
.SerpMobile__item__link--2wnUb:visited {
  color: #7ca6db;
}

.SerpMobile__item__info--3nAYr {
  display: inline-block;
  color: #8d96b2;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin: 0 0 5px;
}

.SerpMobile__item__snippet--3WVR2 {
  font-size: 14px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  line-height: 22px;
  color: var(--color-default);
  word-break: break-word;
  margin: 0;
}

.SerpMobile__item__turbo--26iYK {
  position: relative;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #8d96b2;
  text-decoration: none;
  padding-right: 34px;
}
.SerpMobile__item__turbo--26iYK::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 8px;
  width: 3px;
  height: 3px;
  background-color: #8d96b2;
  border-radius: 3px;
}
.SerpMobile__item__turbo--26iYK::before {
  content: '';
  position: absolute;
  right: 13px;
  top: -1px;
  height: 20px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDE2IDIwIj4KICAgIDxwYXRoIGZpbGw9IiM4RDk2QjIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUuMyAxMGMuNDIzLS41NC45MzctMS4xMSAxLjUyMy0xLjcgMi4yOTUtMi4zMDkgNC44NC0yLjQ0NiA1LjA4Mi0yLjIwMi4yNDIuMjQ1LjA5IDIuNzctMi4yMDUgNS4wOEExOS4wODQgMTkuMDg0IDAgMCAxIDggMTIuNzE0djEuNjJjMCAuNjY2LjAxNS42ODgtLjQwNiAxLS4yMjUuMTY2LTEuMTk0Ljk2MS0yLjIzNCAxLjU5Ny0uMjU1LjE1Ny0uNDY2LjAyNy0uMzA0LS4yMDIuNDQtLjYyLjc1Ni0xLjE3Mi45NS0xLjY1OS4xNzgtLjQ0Ni4xNzctLjg0Mi0uMDAzLTEuMTg5LS42NjMuMjExLTEuMjE4LjE0OS0xLjYyNi0uMjQ5LS40MTEtLjQwMS0uNDcyLS45Ni0uMjUzLTEuNjMzLS4zNDgtLjE4Mi0uNzQ2LS4xODQtMS4xOTUtLjAwNS0uNDg3LjE5NC0xLjA0LjUxLTEuNjU5Ljk0OS0uMjI5LjE2Mi0uMzU4LS4wNDgtLjIwMi0uMzA0LjYzNi0xLjA0IDEuNDMyLTIuMDA4IDEuNTk4LTIuMjM0LjMxMi0uNDIuMzMzLS40MDUgMS0uNDA1SDUuM3ptLTIuMDUgMy42MDVjLjEzOS4xNC0xLjcyLjk1Ni0xLjcyIDIuODY3IDEuOTEgMCAyLjcyNi0xLjg2IDIuODY2LTEuNzIuMTQuMTQtLjMxIDEuMjItMS4wNzQgMS45ODQtLjc2NC43NjUtMS43OTMgMS4yNjUtMy4zMjIgMS4yNjUgMC0xLjUyOS41LTIuNTU4IDEuMjY1LTMuMzIyLjc2NC0uNzY1IDEuODQ1LTEuMjEzIDEuOTg0LTEuMDc0ek0uNyAxMGMtLjAwNC4zMjItLjQwNC4zNDgtLjQgMCAuMDQ4LTQuNDE4IDIuOTkyLTggNy42OTYtOHM4IDMuMyA4IDgtMy41ODIgNy42NjgtOCA3LjY5OGMtLjE1LjAwMS0uMjE3LS4wOTgtLjIxNy0uMTk3IDAtLjEuMDY2LS4yLjIxNy0uMiAzLjY5OC4wMDcgNi44MDItMy4zMDEgNi44MDItNy4zMDFzLTIuODAyLTYuODA0LTYuODAyLTYuODA0QzMuOTk2IDMuMTk2Ljc1MiA1LjkwNi43IDEweiIvPgo8L3N2Zz4K);
  background-size: cover;
}

.SerpMobile__warning--2QML0 {
}

.SerpMobile__warning__text--1V4k8 {
}

.SerpMobile__warning__popup--3G6Ho {
}
.SerpMobile__warning__popup_visible--Ew9u3 {
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.DirectMobile__direct__block--2ejjO {
  color: #343B4C;
}

.DirectMobile__item--2WgUa {
  font-family: "Montserrat", sans-serif;
  margin: 0 10px 25px 10px;
}

/* на всякий случай подсвечиваем места где остались hlword */

.DirectMobile__item--2WgUa hlword {
  font-weight: 700;
}

.DirectMobile__title--2xEH_ {
}

.DirectMobile__title--2xEH_ b {
  font-weight: 500;
}

.DirectMobile__link--1SVsM {
}

.DirectMobile__site--i7gT1 {
}

.DirectMobile__site__link--2jLq2 {
  color: #8d96b2;
  text-decoration: none;
  margin-right: 10px;
}

.DirectMobile__adv--3uW83 {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  border-radius: 11px;
  background-color: #f3f4f7;
  padding: 0 10px;
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #afb6c9;
  font-weight: 600;
}

.DirectMobile__description--1vAkD {
}

.DirectMobile__description_with_image--1WnnL {
  margin-bottom: 10px;
}

.DirectMobile__quicklinks--3Zv3Q {
  margin-left: -20px;
  white-space: break-spaces;
  line-height: 20px;
}

.DirectMobile__item__noscroll--3H23Q .DirectMobile__quicklinks--3Zv3Q {
  white-space: normal;
}

.DirectMobile__quicklinks__container--3jVG_ {
  overflow-x: scroll;
  /* Убирает скролл бар в firefox*/
  scrollbar-width: none;
}

/* Убирает скролл бар в chrome & safari */

.DirectMobile__quicklinks__container--3jVG_::-webkit-scrollbar {
  display: none;
}

.DirectMobile__quicklink--2MfYF {
  display: inline-block;
  color: #649dff;
  padding-left: 20px;
  text-decoration: none;
  margin-bottom: 5px;
}

.DirectMobile__contacts--2cvhr {
  color: #649dff;
  overflow-x: scroll;
  /* Убирает скролл бар в firefox*/
  scrollbar-width: none;
  white-space: break-spaces;
  line-height: 20px;
}

.DirectMobile__item__noscroll--3H23Q .DirectMobile__contacts--2cvhr {
  white-space: normal;
}

.DirectMobile__contacts__container--1l7w_ {
  overflow-x: scroll;
  /* Убирает скролл бар в firefox*/
  scrollbar-width: none;
}

/* Убирает скролл бар в chrome & safari */

.DirectMobile__contacts__container--1l7w_::-webkit-scrollbar {
  display: none;
}

.DirectMobile__contacts__link--1VR4I {
  color: #649dff;
  padding-right: 20px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 5px;
}

.DirectMobile__contacts__item--2GL3V {
  color: #8d96b2;
  padding-right: 20px;
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 5px;
}

.DirectMobile__time--29Z_A {
}

.DirectMobile__phone--KH0K4 {
}

.DirectMobile__region--27OtN {
}

.DirectMobile__subway--q4KuK {
}

.DirectMobile__details--2aK5d {
  display: block;
  position: relative;
  overflow-x: auto;
  /* Убирает скролл бар в firefox*/
  scrollbar-width: none;
  white-space: nowrap;
  font-family: "Montserrat", sans-serif;
  line-height: 20px;
}

/* Убирает скролл бар в chrome & safari */

.DirectMobile__details--2aK5d::-webkit-scrollbar {
  display: none;
}

.DirectMobile__details__shifted--1on67 {
}

.DirectMobile__details__shifted--1on67 > *:first-child::before {
  display: none;
}

.DirectMobile__ratings--3AjfM {
  display: inline-block;
  margin-left: 0;
  padding-left: 105px;
  line-height: 20px;
  color: #8d96b2;
}

.DirectMobile__ratings--3AjfM i {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDxwYXRoIGZpbGw9IiNmZmMwMDAiIHN0cm9rZT0iI2ZmYzAwMCIgc3Ryb2tlLXdpZHRoPSIwIiBpZD0iYSIgZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwek03LjE1IDYuNjc5bC00Ljg3LjcwOGEuNzUuNzUgMCAwIDAtLjQxNSAxLjI3OWwzLjUyMyAzLjQzNS0uODMxIDQuODVhLjc1Ljc1IDAgMCAwIDEuMDg4Ljc5TDEwIDE1LjQ1Mmw0LjM1NSAyLjI4OWEuNzUuNzUgMCAwIDAgMS4wODgtLjc5bC0uODMxLTQuODUgMy41MjMtMy40MzVhLjc1Ljc1IDAgMCAwLS40MTUtMS4yNzlsLTQuODctLjcwOC0yLjE3Ny00LjQxMmEuNzUxLjc1MSAwIDAgMC0xLjM0NiAwTDcuMTUgNi42Nzl6Ii8+Cjwvc3ZnPgo=);
  z-index: 2;
}

.DirectMobile__ratings--3AjfM i,
.DirectMobile__ratings--3AjfM:before {
  top: 0;
  position: absolute;
  height: 20px;
  background-repeat: repeat-x !important;
  left: 0;
}

.DirectMobile__ratings--3AjfM:before {
  display: block;
  content: '';
  background-color: #fff;
  border-radius: 0;
  width: 100px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPgogIDxwYXRoIGZpbGw9IiNEQUUyRTgiIHN0cm9rZT0iI0RBRTJFOCIgc3Ryb2tlLXdpZHRoPSIwIiBpZD0iYSIgZD0iTTAgMjBWMHYyMHpNMjAgMHYyMFYwek03LjE1IDYuNjc5bC00Ljg3LjcwOGEuNzUuNzUgMCAwIDAtLjQxNSAxLjI3OWwzLjUyMyAzLjQzNS0uODMxIDQuODVhLjc1Ljc1IDAgMCAwIDEuMDg4Ljc5TDEwIDE1LjQ1Mmw0LjM1NSAyLjI4OWEuNzUuNzUgMCAwIDAgMS4wODgtLjc5bC0uODMxLTQuODUgMy41MjMtMy40MzVhLjc1Ljc1IDAgMCAwLS40MTUtMS4yNzlsLTQuODctLjcwOC0yLjE3Ny00LjQxMmEuNzUxLjc1MSAwIDAgMC0xLjM0NiAwTDcuMTUgNi42Nzl6Ii8+Cjwvc3ZnPgo=);
  z-index: 1;
}

.DirectMobile__app__raitings--1Rj_X {
  margin-bottom: 15px;
}

.DirectMobile__app__raitings_shifted--1S_97 {
  margin-left: -23px;
}

.DirectMobile__install_wrapper--1H8Pw {
  margin-bottom: 5px;
}

.DirectMobile__install--2RQub {
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #f4f5f8;
  color: #315efb;
  text-decoration: none;
}

.DirectMobile__install--2RQub:hover {
  color: #2c54e2;
}

.DirectMobile__install--2RQub:active {
  color: #274bc9;
}

.DirectMobile__item__content--3ujrW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 0 5px;
}

.DirectMobile__item__content_with_image--3WFi8 {
  padding-top: 5px;
}

.DirectMobile__item__icon--2GKYB {
  width: 70px;
  height: 70px;
  border-radius: 5px;
  margin: 0 10px 0 0;
}

.DirectMobile__warning--2sAm9 {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  color: #8d96b2;
}

.DirectMobile__column--2v3Tj {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.Error__error--2Pu8p {
  margin: -5px 0 40px;
}

.Error__error_mobile--1TeYW {
  margin: 10px 10px 30px;
}

.Error__title--3qsmL {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #343B4C;
  padding: 0;
  margin: 0 0 5px;
}

.Error__text--11nEb {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343B4C;
}

.Error__pre--3JkFr {
  display: block;
  font-family: 'Courier New', monospace;
  white-space: pre;
  font-size: 36px;
  line-height: 1;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

.EntitySearch__wrapper--12lIK {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343B4C;
  margin-bottom: 25px;
}

.EntitySearch__wrapper_mobile--E_1Hb {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343B4C;
  padding: 10px 10px 1px 10px;
  background-color: #eff5ff;
  margin: -10px 0 30px;
}

.EntitySearch__wrapper--12lIK b,
.EntitySearch__wrapper_mobile--E_1Hb b {
  font-weight: 600;
}

.EntitySearch__wrapper--12lIK a,
.EntitySearch__wrapper_mobile--E_1Hb a {
  color: #315efb;
  text-decoration: none;
}

.EntitySearch__wrapper--12lIK a:hover,
.EntitySearch__wrapper_mobile--E_1Hb a:hover {
  color: #2c54e2;
  text-decoration: none;
}

.EntitySearch__wrapper--12lIK a:active,
.EntitySearch__wrapper_mobile--E_1Hb a:active {
  color: #274bc8;
}

.EntitySearch__container--2W5s4 {
  margin: 0 0 20px;
  position: relative;
  margin: 0 0 20px 0;
  padding: 21px 20px 20px 20px;
  border-radius: 15px;
  -webkit-box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
          box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.EntitySearch__container_short--3tY0y {
  min-height: 122px;
}

.EntitySearch__container_short--3tY0y:after {
  content: '';
  display: block;
  clear: both;
}

h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 30px;
  color: #343B4C;
  margin: 0 0 5px;
  padding: 0;
  word-wrap: break-word;
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 25px;
  color: #343B4C;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

h4 {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
  color: #343B4C;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

.EntitySearch__caption--3Lkds {
  margin: 0 0 19px;
}

.EntitySearch__avatar--15m8L {
  display: block;
  background-size: cover;
  background-position: center;
  height: 122px;
  width: 122px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  border-radius: 2px;
  margin: 0 0 18px;
  border-radius: 5px;
  overflow: hidden;
}

.EntitySearch__avatar_115x182--2HGlD {
  width: 115px;
  height: 182px;
}

.EntitySearch__avatar_115x168--rQJ0N {
  width: 115px;
  height: 168px;
}

.EntitySearch__avatar_134x201--_lK37 {
  width: 134px;
  height: 201px;
}

.EntitySearch__avatar_122x122--1dywP {
}

.EntitySearch__avatar_200х182--2FKYE {
  width: 200px;
  height: 182px;
}

.EntitySearch__avatar--15m8L:hover {
  opacity: 0.9;
}

.EntitySearch__subtitle--zWrtR {
  color: #8d96b2;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.EntitySearch__image--38pxG {
  display: inline-block;
  height: 120px;
  border-radius: 5px;
  margin: 0 10px 0 0;
  background-size: cover;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.EntitySearch__image--38pxG:hover {
  opacity: 0.9;
}

.EntitySearch__image_more--3Dvme {
  position: relative;
  z-index: 1;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  width: 100%;
}

.EntitySearch__image_more--3Dvme:hover {
  color: #315efb;
}

.EntitySearch__image_more--3Dvme:active {
  color: #274bc8;
}

@media screen and (hover: none) {
  .EntitySearch__image_more--3Dvme {
    height: 130px;
  }
}

a.EntitySearch__image_more--3Dvme {
  color: #343B4C;
}

a.EntitySearch__image_more--3Dvme:hover {
  text-decoration: none;
}

.EntitySearch__description--J7lOi {
  margin: 0 0 15px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.EntitySearch__hidden--1Nkh2 {
  display: none;
}

.EntitySearch__rating--1YjLs {
  margin: 0 0 15px 0;
  padding: 4px 0 0 0;
  line-height: 21px;
}

.EntitySearch__rating--1YjLs li {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
}

.EntitySearch__rating--1YjLs li:last-of-type {
  margin-bottom: 0;
}

.EntitySearch__rating--1YjLs li big {
  font-family: "Montserrat", sans-serif;
  margin-right: 5px;
}

.EntitySearch__rating--1YjLs li span {
  color: #8d96b2;
  font-weight: 500;
  /* letter-spacing: -1px; */
}

.EntitySearch__info--3PmUj {
}

.EntitySearch__label--1WvlQ {
  color: #8d96b2;
}

.EntitySearch__gallery--25806 {
  margin: 0 0 20px;
}

.EntitySearch__gallery__item--3ZTSA:last-child .EntitySearch__image--38pxG {
  margin-right: 0;
}

.EntitySearch__more--2aK-H {
  cursor: pointer;
}

.EntitySearch__more--2aK-H:before {
  content: '…';
  color: #343B4C;
  white-space: nowrap;
}

.EntitySearch__sources--1Gs-Q {
  border-top: 1px solid #e0ebff;
  margin: 20px -20px 0;
  margin-top: 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #8d96b2;
  padding: 20px 20px 0 20px;
}

.EntitySearch__source--12lfH {
  color: #649dff;
  text-decoration: none;
  margin: 0 10px 0 0;
}

.EntitySearch__source--12lfH:last-child {
  margin: 0;
}

.EntitySearch__item--Ks0KH {
  display: inline-block;
  width: 100px;
}

.EntitySearch__link--2qceu {
  color: #343B4C;
  text-decoration: none;
}

.EntitySearch__link--2qceu:hover {
  text-decoration: none;
}

.EntitySearch__img_default--3Twwn {
  background-color: #f3f4f7;
  height: 100px;
  width: 100px;
  border-radius: 5px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 10px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.EntitySearch__link--2qceu:hover .EntitySearch__img_default--3Twwn {
  opacity: 0.9;
}

.EntitySearch__img_100x75--1eg9o {
  height: 75px;
}

.EntitySearch__img_100x130--1U9zb {
  height: 130px;
}

.EntitySearch__img_100x150--sTnIy {
  height: 150px;
}

.EntitySearch__img_100x100--16dGx {
}

.EntitySearch__item--Ks0KH .EntitySearch__title--2CKup {
  white-space: pre-wrap;
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  max-height: 88px;
}

.EntitySearch__item--Ks0KH .EntitySearch__title--2CKup i {
  color: #8d96b2;
  font-style: normal;
  text-transform: normal;
}

.EntitySearch__details--2XK5V {
  min-height: 80px;
  /*padding-right: 100px;*/
  position: relative;
}

.EntitySearch__details--2XK5V:after {
  content: '';
  display: block;
  clear: both;
}

.EntitySearch__details--2XK5V p {
  margin: 0;
  padding: 0;
}

.EntitySearch__control--sOehE {
  display: none;
}

.EntitySearch__list--7W7pX {
  margin: 0;
}

.EntitySearch__list--7W7pX li {
  margin: 0 10px 0 0;
}

.EntitySearch__list--7W7pX li:last-child {
  margin: 0;
}

@media screen and (max-width: 1000px) {
  .EntitySearch__wrapper--12lIK {
    margin: 20px 0 20px 36px;
    width: 604px;
  }

  .EntitySearch__container--2W5s4 {
    margin-bottom: 10px;
  }

  .EntitySearch__control--sOehE {
    display: block;
    background: #fff;
    border-radius:  0 0 15px 15px;
    margin: -5px 0 10px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 20px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    color: #649dff;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
            box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
    position: relative;
  }

  .EntitySearch__control--sOehE:hover {
    color: #315efb;
  }

  .EntitySearch__gallery--25806 {
    margin: 0 0 20px 0;
  }

  .EntitySearch__list--7W7pX {
    margin: 0;
  }

  .EntitySearch__first--3Jkon {
    max-height: 330px;
  }

  .EntitySearch__croped--3hP__ {
    border-radius: 15px 15px 0 0;
  }
  .EntitySearch__croped--3hP__:after {
    position: absolute;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    display: block;
    height: 50px;
  }

  .EntitySearch__full--3EVAV {
    max-height: none;
  }
}

.EntitySearch__wrapper_mobile--E_1Hb .EntitySearch__croped--3hP__ {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
:root {
  /* 
    Правила использования z-index:
    - попробовать обойтись без z-index
    - внутри блока постараться использовать только локальные значения z-index от -1 до 9
    - если что-то вылазит из-блока (выпадашки селекта) и должно
      перекрывать другой контент, подойдет --z-index-above-content
    - для модальных окон перекроет все --z-index-max
    - выше топлайна, но ниже модальных окон --z-index-above-topline
    
    Известные нам значения внешних компонентов:
    1999; — реклама от Яндекса
    10; — топлайн десктоп
    1000; — топлайн мобильный 
    10; — поисковый саджест десктопный
    20; — попап авторизации в топлайне
  */

  /* Просто над всем обычным static-контентом */

  /* Элемент, котоый должен оказаться над топлайном, но не модальное окно */

  /* Элемент, котоый перекрывает всё (модальные окна: капча, настройки, геопозиция) */

  /* Дебаг нужен нам вообще всегда */
  /* Цвета ссылок */
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

html {
  height: 100%;
}

b {
  font-weight: 700;
}

h1 {
  font-size: inherit;
  font-weight: inherit;
}

/* Мобильный дизайн достаточно продуман, чтобы отключить автоматическое увеличивание текста браузером */

body {
  -webkit-text-size-adjust: none;
  min-width: 1010px;
}

.mobile {
  min-width: auto;
}

/* Содержимое файла https://static.rambler.ru/fonts/Roboto/Roboto.css */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('https://static.rambler.ru/fonts/Roboto/bold.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/bold.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('https://static.rambler.ru/fonts/Roboto/light.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/light.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('https://static.rambler.ru/fonts/Roboto/medium.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/medium.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.rambler.ru/fonts/Roboto/regular.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/regular.woff') format('woff');
}

/* Содержимое файла https://static.rambler.ru/fonts/CorsicaRamblerLX/CorsicaRamblerLX.css */

@font-face {
  /* Нестандартное название, чтобы не использовался установленный системный шрифт (который может быть с другой базовой линией) */
  font-family: 'CorsicaRamblerLX';
  font-style: normal;
  font-weight: 500;
  src: url('https://static.rambler.ru/fonts/CorsicaRamblerLX/medium.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/CorsicaRamblerLX/medium.woff')
      format('woff');
}

@font-face {
  /* Нестандартное название, чтобы не использовался установленный системный шрифт (который может быть с другой базовой линией) */
  font-family: 'CorsicaRamblerLX';
  font-style: normal;
  font-weight: 400;
  src: url('https://static.rambler.ru/fonts/CorsicaRamblerLX/regular.woff2')
      format('woff2'),
    url('https://static.rambler.ru/fonts/CorsicaRamblerLX/regular.woff')
      format('woff');
}

/* Содержимое файла https://static.rambler.ru/fonts/Montserrat/Montserrat.css */

@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/regular.woff) format("woff")}

@font-face{font-family:Montserrat;font-style:normal;font-weight:500;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/medium.woff) format("woff")}

@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/semibold.woff) format("woff")}

@font-face{font-family:Montserrat;font-style:normal;font-weight:700;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/bold.woff) format("woff")}

@font-face{font-family:Montserrat;font-style:normal;font-weight:900;src:url(https://static.rambler.ru/fonts/Montserrat/ios14-osx11-fix/black.woff) format("woff")}

/* Содержимое файла https://static.rambler.ru/fonts/Manrope/Manrope.css */

@font-face {font-family:'Manrope';font-style: normal;font-weight: 400;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/regular.woff2") format("woff2");}

@font-face {font-family:'Manrope';font-style: normal;font-weight: 500;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/medium.woff2") format("woff2");}

@font-face {font-family:'Manrope';font-style: normal;font-weight: 600;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/semibold.woff2") format("woff2");}

@font-face {font-family:'Manrope';font-style: normal;font-weight: 700;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/bold.woff2") format("woff2");}

@font-face {font-family:'Manrope';font-style: normal;font-weight: 800;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/extrabold.woff2") format("woff2");}

/* Set up Manrope for modern browsers, all weights */

@supports (font-variation-settings: normal) {@font-face {font-family:'Manrope';font-style: normal;font-weight: 400 800;font-stretch: normal;src: local('Manrope'),url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2 supports variations'),url("https://static.rambler.ru/fonts/Manrope/variable.woff2") format('woff2-variations');}}

.LayoutSearchMobile__default_link--2esDT {
  text-decoration: none;
  color: #315efb;
}

.LayoutSearchMobile__default_link--2esDT:hover {
  color: #2c54e2;
}

.LayoutSearchMobile__default_link--2esDT:active {
  color: #274bc8;
}

/* .default_link:visited {
  color: #ab47bc;
} */

.LayoutSearchMobile__colored_link--TIHnI {
  text-decoration: none;
}

.LayoutSearchMobile__colored_link--TIHnI:hover {
  color: #315efb;
}

.LayoutSearchMobile__colored_link--TIHnI:active {
  color: #274bc8;
}

/* .colored_link:visited {
  color: #ab47bc;
} */

@media screen and (hover: none) {
  html,body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: auto;
    width: auto;
  }
}

.LayoutSearchMobile__root--s8uxO {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  min-height: 100vh;
}

.LayoutSearchMobile__content--2TGFH {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100vw;
  margin: 10px 0 0;
}