.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;
}
/* Типы карточек: blog_noimage, blog_image, image, blockquote, no_image, number */
.rui__3c4kZZZ {
  position: relative;
  z-index: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (max-width: 1299px) {
.rui__3c4kZZZ {

    height: 290px
}
    .rui__3c4kZZZ.rui__RHYfUES {
      width: 315px;
    }

    .rui__3c4kZZZ.rui__3vqRDDt {
      width: 650px;
    }
  }
@media (min-width: 1300px) {
.rui__3c4kZZZ {

    height: 290px
}
    .rui__3c4kZZZ.rui__RHYfUES {
      width: 300px;
    }

    .rui__3c4kZZZ.rui__3vqRDDt {
      width: 620px;
    }
  }
.rui__3c4kZZZ.rui__1lXkq4n,
  .rui__3c4kZZZ.rui__1Ju2ed7 {
    z-index: 1;
  }
.rui__1sM8aCe {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 15px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/* safari border-radius transition background fix */
.rui__1sM8aCe::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: #fff;
    border-radius: 16px;
  }
.rui__1GUE2OM .rui__1sM8aCe,
  .rui__1z-7NC4 .rui__1sM8aCe,
  .rui__4oPoAdB .rui__1sM8aCe {
    background-color: #eff5ff;
  }
.t-dark .rui__1GUE2OM .rui__1sM8aCe, .t-dark .rui__1z-7NC4 .rui__1sM8aCe, .t-dark .rui__4oPoAdB .rui__1sM8aCe {
      background-color: #1f2431;
  }
.rui__2smdJg9 .rui__1sM8aCe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
.rui__2xJ42rI .rui__1sM8aCe {
    z-index: 1;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-transition: -webkit-transform 300ms ease-out;
    transition: -webkit-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  }
.rui__2xJ42rI .rui__1sM8aCe.rui__3WL8xpq {
      -webkit-transition: none;
      transition: none;
    }
/* cover */
.rui__n73BI5q {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/* safari border-radius transition background fix */
.rui__1wYfTi0 .rui__n73BI5q,
  .rui__3w01hWO .rui__n73BI5q {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    background-color: #eff5ff;
  }
.rui__1wYfTi0 .rui__n73BI5q::after, .rui__3w01hWO .rui__n73BI5q::after {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;

      content: "";
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.7)));
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 54%, rgba(0, 0, 0, 0.7));
    }
.rui__1wYfTi0.rui__RHYfUES:hover .rui__n73BI5q,
  .rui__3w01hWO.rui__RHYfUES:hover .rui__n73BI5q {
    opacity: 0.9;
  }
.rui__1wYfTi0.rui__RHYfUES .rui__1sM8aCe:active .rui__n73BI5q,
  .rui__3w01hWO.rui__RHYfUES .rui__1sM8aCe:active .rui__n73BI5q {
    opacity: 0.8;
  }
.rui__2smdJg9 .rui__n73BI5q {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%;
    margin-bottom: -15px;
    z-index: -1;
  }
.rui__2smdJg9 .rui__n73BI5q::after {
      content: "";
      position: absolute;
      width: 0;
      right: 30px;
      bottom: 15px;
      border-top: 5px solid transparent;
      border-left: 5px solid #315efb;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #315efb;
      -webkit-transition: border 300ms;
      transition: border 300ms;
      z-index: 1;
    }
.rui__2smdJg9 .rui__1sM8aCe:hover .rui__n73BI5q::after {
    border-left: 5px solid #2c54e2;
    border-bottom: 5px solid #2c54e2;
  }
.rui__2smdJg9 .rui__1sM8aCe:active .rui__n73BI5q::after {
    border-left: 5px solid #274bc8;
    border-bottom: 5px solid #274bc8;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__n73BI5q::after {
    border-left: 5px solid #c60d8b;
    border-bottom: 5px solid #c60d8b;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__1sM8aCe:hover .rui__n73BI5q::after {
    border-left: 5px solid #b20c7d;
    border-bottom: 5px solid #b20c7d;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__1sM8aCe:active .rui__n73BI5q::after {
    border-left: 5px solid #9e0a6f;
    border-bottom: 5px solid #9e0a6f;
  }
.rui__1BqN3LY {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-clip: border-box;

  background-size: cover;

  background-position: center;

  background-color: #edf0f3;
}
.rui__1BqN3LY.rui__23C_-tw {
    opacity: 0;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
  }
.rui__1BqN3LY.rui__16lG6OA {
    opacity: 1;
  }
.rui__1BqN3LY.rui__1KSIyIe {
    background-color: #f7f9fa;
    background-image: url("https://static.rambler.ru/icons/error/no-image.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
  }
.rui__2smdJg9 .rui__1BqN3LY {
    background-position: center top;
  }
.rui__2smdJg9 .rui__1BqN3LY.rui__1KSIyIe {
    background-position: center center;
  }
/* body */
.rui__3imAkW- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}
.rui__1GUE2OM .rui__3imAkW-,
  .rui__1wYfTi0 .rui__3imAkW-,
  .rui__3w01hWO .rui__3imAkW-,
  .rui__1z-7NC4 .rui__3imAkW-,
  .rui__4oPoAdB .rui__3imAkW- {
    position: relative;
    width: 100%;
    height: 100%;
  }
.rui__1wYfTi0 .rui__3imAkW-,
  .rui__3w01hWO .rui__3imAkW- {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
.rui__1GUE2OM .rui__3imAkW-,
  .rui__1z-7NC4 .rui__3imAkW-,
  .rui__4oPoAdB .rui__3imAkW- {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
.rui__4oPoAdB .rui__3imAkW- {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.rui__2smdJg9 .rui__3imAkW- {
    border-radius: 15px;
    background-color: #315efb;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
  }
.rui__2smdJg9 .rui__1sM8aCe:hover .rui__3imAkW- {
    background-color: #2c54e2;
  }
.rui__2smdJg9 .rui__1sM8aCe:active .rui__3imAkW- {
    background-color: #274bc8;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__3imAkW- {
    background-color: #c60d8b;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__1sM8aCe:hover .rui__3imAkW- {
    background-color: #b20c7d;
  }
.rui__E3_oCBT.rui__2smdJg9 .rui__1sM8aCe:active .rui__3imAkW- {
    background-color: #9e0a6f;
  }
/* titles */
.rui__32gfrIi {
  max-width: 100%;
}
.rui__3xWuvyg {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  word-break: break-word;
}
.rui__3xWuvyg::after {
    content: "";
    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;
  }
.rui__1wYfTi0 .rui__2bJZM79,
  .rui__3w01hWO .rui__2bJZM79 {
    font-size: 20px;
    color: #eff5ff;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 125px;

    line-height: 25px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;
  }
.rui__3vqRDDt.rui__1wYfTi0 .rui__2bJZM79,
  .rui__3vqRDDt.rui__3w01hWO .rui__2bJZM79 {
    font-size: 26px;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 120px;

    line-height: 30px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;
  }
.rui__2smdJg9 .rui__2bJZM79 {
    font-size: 18px;
    color: #fff;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 100px;

    line-height: 25px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;
  }
.rui__1GUE2OM .rui__2bJZM79,
  .rui__1z-7NC4 .rui__2bJZM79,
  .rui__4oPoAdB .rui__2bJZM79 {
    font-size: 20px;
    color: #343b4c;
    -webkit-transition: color 300ms;
    transition: color 300ms;
  }
.t-dark .rui__1GUE2OM .rui__2bJZM79, .t-dark .rui__1z-7NC4 .rui__2bJZM79, .t-dark .rui__4oPoAdB .rui__2bJZM79 {
      color: #eff5ff;
  }
.rui__1GUE2OM .rui__2bJZM79,
  .rui__1z-7NC4 .rui__2bJZM79 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 200px;
    line-height: 25px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }
.rui__1cVkZT3.rui__1GUE2OM .rui__2bJZM79,
  .rui__1cVkZT3.rui__1z-7NC4 .rui__2bJZM79 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 150px;
    line-height: 25px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
.rui__3vqRDDt .rui__1cVkZT3.rui__1GUE2OM .rui__2bJZM79, .rui__3vqRDDt .rui__1cVkZT3.rui__1z-7NC4 .rui__2bJZM79 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      max-height: 120px;
      line-height: 30px;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
.rui__4oPoAdB .rui__2bJZM79 {
    text-align: center;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 125px;

    line-height: 25px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;
  }
.rui__3vqRDDt .rui__4oPoAdB .rui__2bJZM79 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      max-height: 120px;
      line-height: 30px;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
.rui__1cVkZT3.rui__4oPoAdB .rui__2bJZM79 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 75px;
    line-height: 25px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
.rui__3vqRDDt .rui__1cVkZT3.rui__4oPoAdB .rui__2bJZM79 {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      max-height: 60px;
      line-height: 30px;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
.rui__3vqRDDt.rui__1GUE2OM .rui__2bJZM79,
  .rui__3vqRDDt.rui__1z-7NC4 .rui__2bJZM79,
  .rui__3vqRDDt.rui__4oPoAdB .rui__2bJZM79,
  .rui__3vqRDDt.rui__1cVkZT3.rui__1GUE2OM .rui__2bJZM79,
  .rui__3vqRDDt.rui__1cVkZT3.rui__1z-7NC4 .rui__2bJZM79 {
    font-size: 26px;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 120px;

    line-height: 30px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;
  }
.rui__3vqRDDt.rui__1cVkZT3.rui__4oPoAdB .rui__2bJZM79 {
    font-size: 26px;

    display: block;

    display: -webkit-box;

    overflow: hidden;

    max-height: 60px;

    line-height: 30px;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
  }
.rui__4oPoAdB .rui__1AJbak2 + .rui__2bJZM79,
  .rui__1cVkZT3.rui__4oPoAdB .rui__1AJbak2 + .rui__2bJZM79 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 125px;
    line-height: 25px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
.rui__3vqRDDt.rui__4oPoAdB .rui__1AJbak2 + .rui__2bJZM79,
  .rui__3vqRDDt.rui__1cVkZT3.rui__4oPoAdB .rui__1AJbak2 + .rui__2bJZM79 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 120px;
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
.rui__1GUE2OM .rui__1sM8aCe:hover .rui__2bJZM79,
  .rui__1z-7NC4 .rui__1sM8aCe:hover .rui__2bJZM79,
  .rui__4oPoAdB .rui__1sM8aCe:hover .rui__2bJZM79 {
    color: #315efb;
  }
.rui__1GUE2OM .rui__1sM8aCe:active .rui__2bJZM79,
  .rui__1z-7NC4 .rui__1sM8aCe:active .rui__2bJZM79,
  .rui__4oPoAdB .rui__1sM8aCe:active .rui__2bJZM79 {
    color: #274bc8;
  }
.rui__E3_oCBT.rui__1GUE2OM .rui__1sM8aCe:hover .rui__2bJZM79,
  .rui__E3_oCBT.rui__1z-7NC4 .rui__1sM8aCe:hover .rui__2bJZM79,
  .rui__E3_oCBT.rui__4oPoAdB .rui__1sM8aCe:hover .rui__2bJZM79 {
    color: #c60d8b;
  }
.rui__E3_oCBT.rui__1GUE2OM .rui__1sM8aCe:active .rui__2bJZM79,
  .rui__E3_oCBT.rui__1z-7NC4 .rui__1sM8aCe:active .rui__2bJZM79,
  .rui__E3_oCBT.rui__4oPoAdB .rui__1sM8aCe:active .rui__2bJZM79 {
    color: #9e0a6f;
  }
.rui__NYOhqjT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 5px;
}
.rui__12cQ1AU {
  margin-top: 5px;
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.rui__pMnCshD {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 58px;
  font-weight: 900;
  line-height: 60px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #315efb;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.rui__4oPoAdB .rui__1sM8aCe:active .rui__pMnCshD {
    color: #274bc8;
  }
.rui__E3_oCBT .rui__pMnCshD {
    color: #c60d8b;
  }
.rui__E3_oCBT.rui__4oPoAdB .rui__1sM8aCe:active .rui__pMnCshD {
    color: #9e0a6f;
  }
.rui__1cVkZT3 .rui__1AJbak2,
  .rui__1AJbak2 {
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
/* meta */
.rui__1a6u99a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}
.rui__1ClwSel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.rui__4oPoAdB .rui__1a6u99a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.rui__DH1pqYk,
.rui__1fNK6_P,
.rui__3ShLPwX {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
.rui__3w01hWO .rui__DH1pqYk, .rui__3w01hWO .rui__1fNK6_P, .rui__3w01hWO .rui__3ShLPwX {
    color: #eff5ff;
  }
.rui__DH1pqYk,
.rui__1fNK6_P {
  margin-right: 10px;
}
.rui__1z-7NC4 .rui__DH1pqYk,
  .rui__4oPoAdB .rui__DH1pqYk,
  .rui__1z-7NC4 .rui__1fNK6_P,
  .rui__4oPoAdB .rui__1fNK6_P {
    color: #343b4c;
  }
.t-dark .rui__1z-7NC4 .rui__DH1pqYk, .t-dark .rui__4oPoAdB .rui__DH1pqYk, .t-dark .rui__1z-7NC4 .rui__1fNK6_P, .t-dark .rui__4oPoAdB .rui__1fNK6_P {
      color: #eff5ff;
  }
.rui__3ShLPwX {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.rui__1z-7NC4 .rui__3ShLPwX,
  .rui__4oPoAdB .rui__3ShLPwX {
    color: #8d96b2;
  }
.t-dark .rui__1z-7NC4 .rui__3ShLPwX, .t-dark .rui__4oPoAdB .rui__3ShLPwX {
      color: #eff5ff;
  }
.rui__2smdJg9 .rui__3ShLPwX {
    margin-top: 5px;
    color: #9fdfff;
  }
.rui__2QQI0PW {
    width: 20px;
    height: 20px;
  }
/* author */
.rui__1sRN_wK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 10px;
}
.rui__3uO2JIx {
  overflow: hidden;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-color: #eff5ff;
}
.rui__30st8mi {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Crect id='a' width='30' height='30' x='0' y='0' rx='15'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23e8eaef' xlink:href='%23a'/%3E%3Cpath fill='%23c7cad7' d='M24.088 23.275c-.745-.647-1.66-1.15-2.713-1.528C19.744 23.384 17.488 24.4 15 24.4s-4.744-1.016-6.375-2.653c-1.053.378-1.968.88-2.713 1.528C3.862 24.979 3.043 27.729 3 31h24c-.043-3.27-.862-6.02-2.912-7.725zM9 13a6 6 0 1112 0v2.4a6 6 0 11-12 0V13z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
  }
.rui__FvxJcOU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rui__2K2cPZo,
.rui__2hDLvRv {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rui__2K2cPZo {
  font-weight: 600;
}
.rui__1GUE2OM .rui__2K2cPZo {
    color: #343b4c;
  }
.t-dark .rui__1GUE2OM .rui__2K2cPZo {
      color: #eff5ff;
  }
.rui__1wYfTi0 .rui__2K2cPZo {
    color: #eff5ff;
  }
.rui__1GUE2OM .rui__2hDLvRv {
    color: #8d96b2;
  }
.rui__1wYfTi0 .rui__2hDLvRv {
    color: #eff5ff;
  }
/* sourceLink */
.rui__Z22C9cK {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.rui__Z22C9cK.rui__DH1pqYk,
  .rui__Z22C9cK .rui__2K2cPZo {
    -webkit-transition: color 200ms;
    transition: color 200ms;
  }
.rui__Z22C9cK.rui__DH1pqYk:hover,
  .rui__Z22C9cK:hover .rui__2K2cPZo {
    color: #8d96b2;
  }
@-webkit-keyframes rui__1WfPluf {
  0% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  90% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  100% {
    background-color: transparent;
  }
}
@keyframes rui__1WfPluf {
  0% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  90% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  100% {
    background-color: transparent;
  }
}
/* highlighted */
.rui__2mg35NP::before {
  content: "";
  z-index: 1;
  -webkit-animation: rui__1WfPluf 5.2s linear 0s 1;
          animation: rui__1WfPluf 5.2s linear 0s 1;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;
}
/* icons */
.rui__ON7cDIP,
.rui__qcPc3M4,
.rui__3Lj0QTn,
.rui__xV60myG {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.rui__ON7cDIP,
.rui__qcPc3M4 {
  top: 20px;
  left: 20px;
  background-color: #315efb;
  background-repeat: no-repeat;
  background-position: center center;
}
.rui__ON7cDIP {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M20 0v20M0 0v20m17.48-9.132L6.496 17.146A1 1 0 015 16.276V3.724a1 1 0 011.496-.87L17.48 9.132a1 1 0 010 1.736'/%3E%3C/svg%3E");
}
.rui__qcPc3M4 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M20 0v20M0 0v20M10 7c-1.93 0-3.5 1.57-3.5 3.5S8.07 14 10 14s3.5-1.57 3.5-3.5S11.93 7 10 7m0 1.5a2 2 0 11.001 3.999A2 2 0 0110 8.5M6.707 3.293L5 5H3a1 1 0 00-1 1v10a1 1 0 001 1h14a1 1 0 001-1V6a1 1 0 00-1-1h-2l-1.707-1.707A1 1 0 0012.586 3H7.414a1 1 0 00-.707.293M12.379 4.5l1.707 1.707a.997.997 0 00.707.293H16.5v9h-13v-9h1.707c.265 0 .52-.105.707-.293L7.621 4.5h4.758'/%3E%3C/svg%3E");
}
/* reaction */
.rui__3Lj0QTn,
.rui__xV60myG {
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;

  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;
  opacity: 0;
}
.rui__RHYfUES .rui__3Lj0QTn, .rui__RHYfUES .rui__xV60myG {
    z-index: 1;
    cursor: pointer;
    -webkit-transition: opacity 300ms, background-color 200ms;
    transition: opacity 300ms, background-color 200ms;
  }
.rui__1RSrPqZ, .rui__23up0X2 {
    width: 20px;
    height: 20px;
  }
.rui__RHYfUES.rui__1GUE2OM .rui__3Lj0QTn,
  .rui__RHYfUES.rui__1z-7NC4 .rui__3Lj0QTn,
  .rui__RHYfUES.rui__4oPoAdB .rui__3Lj0QTn,
  .rui__RHYfUES.rui__1GUE2OM .rui__xV60myG,
  .rui__RHYfUES.rui__1z-7NC4 .rui__xV60myG,
  .rui__RHYfUES.rui__4oPoAdB .rui__xV60myG {
    bottom: 20px;
  }
.rui__RHYfUES.rui__1wYfTi0 .rui__3Lj0QTn,
  .rui__RHYfUES.rui__2smdJg9 .rui__3Lj0QTn,
  .rui__RHYfUES.rui__3w01hWO .rui__3Lj0QTn,
  .rui__RHYfUES.rui__1wYfTi0 .rui__xV60myG,
  .rui__RHYfUES.rui__2smdJg9 .rui__xV60myG,
  .rui__RHYfUES.rui__3w01hWO .rui__xV60myG {
    top: 20px;
  }
.rui__RHYfUES:hover .rui__3Lj0QTn,
  .rui__RHYfUES.rui__1Y9d6eU .rui__3Lj0QTn,
  .rui__RHYfUES:hover .rui__xV60myG,
  .rui__RHYfUES.rui__1Y9d6eU .rui__xV60myG {
    opacity: 1;
    -webkit-transition: opacity 200ms, background-color 200ms;
    transition: opacity 200ms, background-color 200ms;
  }
.rui__RHYfUES:hover .rui__3Lj0QTn.rui__2AQLATS, .rui__RHYfUES.rui__1Y9d6eU .rui__3Lj0QTn.rui__2AQLATS, .rui__RHYfUES:hover .rui__xV60myG.rui__2AQLATS, .rui__RHYfUES.rui__1Y9d6eU .rui__xV60myG.rui__2AQLATS {
      opacity: 0.5;
    }
.rui__RHYfUES .rui__3Lj0QTn:hover,
  .rui__RHYfUES .rui__3Lj0QTn.rui__2AQLATS:hover,
  .rui__RHYfUES .rui__3Lj0QTn:active,
  .rui__RHYfUES .rui__3Lj0QTn.rui__2AQLATS:active,
  .rui__RHYfUES .rui__xV60myG:hover,
  .rui__RHYfUES .rui__xV60myG.rui__2AQLATS:hover,
  .rui__RHYfUES .rui__xV60myG:active,
  .rui__RHYfUES .rui__xV60myG.rui__2AQLATS:active {
    opacity: 1;
  }
.rui__2xJ42rI .rui__3Lj0QTn, .rui__2xJ42rI .rui__xV60myG {
    top: 20px;
  }
.rui__3Lj0QTn {
  background-color: #28bc00;
}
.rui__RHYfUES .rui__3Lj0QTn {
    right: 80px;
  }
.rui__RHYfUES .rui__3Lj0QTn:hover {
      background-color: #24a900;
    }
.rui__RHYfUES .rui__3Lj0QTn:active {
      background-color: #209600;
    }
.rui__2xJ42rI .rui__3Lj0QTn {
    left: 20px;
  }
.rui__2xJ42rI.rui__1Ju2ed7 .rui__3Lj0QTn {
    opacity: 1;
  }
.rui__xV60myG {
  background-color: #ff564e;
}
.rui__RHYfUES .rui__xV60myG {
    right: 20px;
  }
.rui__RHYfUES .rui__xV60myG:hover {
      background-color: #f2514a;
    }
.rui__RHYfUES .rui__xV60myG:active {
      background-color: #e54d46;
    }
.rui__2xJ42rI .rui__xV60myG {
    right: 20px;
  }
.rui__2xJ42rI.rui__1lXkq4n .rui__xV60myG {
    opacity: 1;
  }
.rui__23up0X2 {
    width: 20px;
    height: 20px;
  }
.rui__88hgtku,
.rui__iWEsDzC {
  position: absolute;
  width: 40px;
  height: 40px;
  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;
  right: 20px;
  font-size: 0;
  border-radius: 20px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.rui__1GUE2OM .rui__88hgtku,
  .rui__1z-7NC4 .rui__88hgtku,
  .rui__4oPoAdB .rui__88hgtku,
  .rui__1GUE2OM .rui__iWEsDzC,
  .rui__1z-7NC4 .rui__iWEsDzC,
  .rui__4oPoAdB .rui__iWEsDzC {
    bottom: 20px;
  }
.rui__1wYfTi0 .rui__88hgtku,
  .rui__2smdJg9 .rui__88hgtku,
  .rui__3w01hWO .rui__88hgtku,
  .rui__1wYfTi0 .rui__iWEsDzC,
  .rui__2smdJg9 .rui__iWEsDzC,
  .rui__3w01hWO .rui__iWEsDzC {
    top: 20px;
  }
.rui__88hgtku {
  background-color: #28bc00;
}
.rui__iWEsDzC {
  background-color: #ff564e;
}
/* reaction veil */
@-webkit-keyframes rui__2YuhnMp {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}
@keyframes rui__2YuhnMp {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}
@-webkit-keyframes rui__2YzoW85 {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}
@keyframes rui__2YzoW85 {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  20% {
    opacity: 0.4;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(50);
            transform: scale(50);
  }
}
.rui__1ioegFH {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.rui__1GUE2OM .rui__1ioegFH,
  .rui__1z-7NC4 .rui__1ioegFH,
  .rui__4oPoAdB .rui__1ioegFH {
    bottom: 20px;
  }
.rui__1wYfTi0 .rui__1ioegFH,
  .rui__2smdJg9 .rui__1ioegFH,
  .rui__3w01hWO .rui__1ioegFH {
    top: 20px;
  }
.rui__1ioegFH.rui__2YuhnMp,
  .rui__1ioegFH.rui__2YzoW85 {
    border-radius: 20px;
    opacity: 0;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: none;
            animation-fill-mode: none;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
.rui__1ioegFH.rui__2YuhnMp {
    right: 80px;
    background-color: #28bc00;
    -webkit-animation-name: rui__2YuhnMp;
            animation-name: rui__2YuhnMp;
  }
.rui__1ioegFH.rui__2YzoW85 {
    right: 20px;
    background-color: #ff564e;
    -webkit-animation-name: rui__2YzoW85;
            animation-name: rui__2YzoW85;
  }
/* Типы карточек: blog_noimage, blog_image, image, blockquote, no_image, number, gallery */
.rui__1bDWlN7 {
  width: 100%;
  padding-bottom: 19px;
  border-bottom: 1px solid #e8eaf0;
}
.rui__1Z2OELm {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.rui__1sJtt42 .rui__1Z2OELm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    height: 440px;
  }
/* cover */
.rui__2qCWcKZ {
  overflow: hidden;
  width: 220px;
  min-width: 220px;
  height: 165px;
  margin-right: 30px;
  border-radius: 15px;
  background-color: #eff5ff;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
.rui__3jDMRi3 .rui__2qCWcKZ {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 0;
    margin-left: 30px;
  }
.rui__2Ote9Z5 .rui__1Z2OELm:hover .rui__2qCWcKZ,
  .rui__Nippx78 .rui__1Z2OELm:hover .rui__2qCWcKZ {
    opacity: 0.9;
  }
.rui__jRTtg5s .rui__2qCWcKZ {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 30px;
    margin-right: 0;
  }
.rui__35iMfwd .rui__2qCWcKZ {
    position: relative;
    margin-right: -20px;
    z-index: -1;
  }
.rui__35iMfwd .rui__2qCWcKZ::after {
      content: "";
      position: absolute;
      width: 0;
      top: 40px;
      right: 20px;
      border-top: 5px solid #315efb;
      border-left: 5px solid transparent;
      border-right: 5px solid #315efb;
      border-bottom: 5px solid transparent;
      -webkit-transition: border 300ms;
      transition: border 300ms;
      z-index: 1;
    }
.rui__35iMfwd .rui__1Z2OELm:hover .rui__2qCWcKZ::after {
    border-top: 5px solid #2c54e2;
    border-right: 5px solid #2c54e2;
  }
.rui__35iMfwd .rui__1Z2OELm:active .rui__2qCWcKZ::after {
    border-top: 5px solid #274bc8;
    border-right: 5px solid #274bc8;
  }
.rui__zrch0o2.rui__35iMfwd .rui__2qCWcKZ::after {
    border-top: 5px solid #c60d8b;
    border-right: 5px solid #c60d8b;
  }
.rui__zrch0o2.rui__35iMfwd .rui__1Z2OELm:hover .rui__2qCWcKZ::after {
    border-top: 5px solid #b20c7d;
    border-right: 5px solid #b20c7d;
  }
.rui__zrch0o2.rui__35iMfwd .rui__1Z2OELm:active .rui__2qCWcKZ::after {
    border-top: 5px solid #9e0a6f;
    border-right: 5px solid #9e0a6f;
  }
.rui__1sJtt42 .rui__2qCWcKZ {
    position: absolute;
    width: auto;
    height: 375px;
    top: 0;
    left: 0;
    right: 20px;
    margin-left: 0;
    margin-right: 0;
    z-index: -1;
  }
.rui__3IpKyKs {
  width: 100%;
  height: 100%;

  background-size: cover;

  background-position: center;

  background-color: #edf0f3;
}
.rui__3IpKyKs.rui__V8GcCGg {
    opacity: 0;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
  }
.rui__3IpKyKs.rui__MCa_BpP {
    opacity: 1;
  }
.rui__3IpKyKs.rui__1GSSkT- {
    background-color: #f7f9fa;
    background-image: url("https://static.rambler.ru/icons/error/no-image.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
  }
/* body */
.rui__29a_SuA {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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%;
}
.rui__3jDMRi3 .rui__29a_SuA {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
.rui__35iMfwd .rui__29a_SuA,
  .rui__1sJtt42 .rui__29a_SuA {
    border-radius: 15px;
    background-color: #315efb;
    -webkit-transition: background-color 300ms;
    transition: background-color 300ms;
  }
.rui__35iMfwd .rui__29a_SuA {
    margin-top: 20px;
    padding: 20px 40px;
  }
.rui__1sJtt42 .rui__29a_SuA {
    padding: 20px;
  }
@media (max-width: 1299px) {

  .rui__1sJtt42 .rui__29a_SuA {
      margin-left: 205px
  }
    }
@media (min-width: 1300px) {

  .rui__1sJtt42 .rui__29a_SuA {
      margin-left: 240px
  }
    }
.rui__35iMfwd .rui__1Z2OELm:hover .rui__29a_SuA,
  .rui__1sJtt42 .rui__1Z2OELm:hover .rui__29a_SuA {
    background-color: #2c54e2;
  }
.rui__35iMfwd .rui__1Z2OELm:active .rui__29a_SuA,
  .rui__1sJtt42 .rui__1Z2OELm:active .rui__29a_SuA {
    background-color: #274bc8;
  }
.rui__zrch0o2.rui__35iMfwd .rui__29a_SuA,
  .rui__zrch0o2.rui__1sJtt42 .rui__29a_SuA {
    background-color: #c60d8b;
  }
.rui__zrch0o2.rui__35iMfwd .rui__1Z2OELm:hover .rui__29a_SuA,
  .rui__zrch0o2.rui__1sJtt42 .rui__1Z2OELm:hover .rui__29a_SuA {
    background-color: #b20c7d;
  }
.rui__zrch0o2.rui__35iMfwd .rui__1Z2OELm:active .rui__29a_SuA,
  .rui__zrch0o2.rui__1sJtt42 .rui__1Z2OELm:active .rui__29a_SuA {
    background-color: #9e0a6f;
  }
/* titles */
.rui__2Bx6GIe {
  overflow: hidden;
}
.rui__8I8-inP .rui__2Bx6GIe,
  .rui__Dl51ga4 .rui__2Bx6GIe,
  .rui__1VcePQ2 .rui__2Bx6GIe {
    padding-top: 20px;
  }
.rui__2H432zN {
  font-family: "Montserrat", sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 30px;
  word-break: break-word;
}
.rui__2H432zN::after {
    content: "";
    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;
  }
.rui__8I8-inP .rui__3tXEl49,
  .rui__2Ote9Z5 .rui__3tXEl49,
  .rui__Nippx78 .rui__3tXEl49,
  .rui__Dl51ga4 .rui__3tXEl49,
  .rui__1VcePQ2 .rui__3tXEl49 {
    color: #343b4c;
    -webkit-transition: color 300ms;
    transition: color 300ms;
  }
.rui__2Ote9Z5 .rui__3tXEl49 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    max-height: 90px;
    line-height: 30px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
.rui__8I8-inP .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__2Ote9Z5 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__Nippx78 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__Dl51ga4 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__1VcePQ2 .rui__1Z2OELm:hover .rui__3tXEl49 {
    color: #315efb;
  }
.rui__8I8-inP .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__2Ote9Z5 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__Nippx78 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__Dl51ga4 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__1VcePQ2 .rui__1Z2OELm:active .rui__3tXEl49 {
    color: #274bc8;
  }
.rui__zrch0o2.rui__8I8-inP .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__zrch0o2.rui__2Ote9Z5 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__zrch0o2.rui__Nippx78 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__zrch0o2.rui__Dl51ga4 .rui__1Z2OELm:hover .rui__3tXEl49,
  .rui__zrch0o2.rui__1VcePQ2 .rui__1Z2OELm:hover .rui__3tXEl49 {
    color: #c60d8b;
  }
.rui__zrch0o2.rui__8I8-inP .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__zrch0o2.rui__2Ote9Z5 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__zrch0o2.rui__Nippx78 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__zrch0o2.rui__Dl51ga4 .rui__1Z2OELm:active .rui__3tXEl49,
  .rui__zrch0o2.rui__1VcePQ2 .rui__1Z2OELm:active .rui__3tXEl49 {
    color: #9e0a6f;
  }
.rui__35iMfwd .rui__3tXEl49,
  .rui__1sJtt42 .rui__3tXEl49 {
    color: #fff;
  }
.rui__1ekZaUE {
  margin-top: 10px;
}
.rui__35r18K- {
  margin-right: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
}
.rui__36Wl_2t {
  display: block;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 58px;
  font-weight: 900;
  line-height: 60px;
  color: #315efb;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.rui__1VcePQ2 .rui__1Z2OELm:active .rui__36Wl_2t {
    color: #274bc8;
  }
.rui__zrch0o2 .rui__36Wl_2t {
    color: #c60d8b;
  }
.rui__zrch0o2.rui__1VcePQ2 .rui__1Z2OELm:active .rui__36Wl_2t {
    color: #9e0a6f;
  }
.rui__37BFu2o {
  color: #343b4c;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.rui__1VcePQ2 .rui__1Z2OELm:hover .rui__37BFu2o {
    color: #315efb;
  }
.rui__1VcePQ2 .rui__1Z2OELm:active .rui__37BFu2o {
    color: #274bc8;
  }
.rui__zrch0o2.rui__1VcePQ2 .rui__1Z2OELm:hover .rui__37BFu2o {
    color: #c60d8b;
  }
.rui__zrch0o2.rui__1VcePQ2 .rui__1Z2OELm:active .rui__37BFu2o {
    color: #9e0a6f;
  }
/* meta */
.rui__1Pe8Cyj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}
.rui__ySOCu7c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.rui__36rfxc7,
.rui__1CeQYIJ,
.rui__284_S4V {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
.rui__36rfxc7,
.rui__1CeQYIJ {
  margin-right: 10px;
}
.rui__Nippx78 .rui__36rfxc7,
  .rui__Dl51ga4 .rui__36rfxc7,
  .rui__1VcePQ2 .rui__36rfxc7,
  .rui__Nippx78 .rui__1CeQYIJ,
  .rui__Dl51ga4 .rui__1CeQYIJ,
  .rui__1VcePQ2 .rui__1CeQYIJ {
    color: #343b4c;
  }
.rui__35iMfwd .rui__36rfxc7,
  .rui__1sJtt42 .rui__36rfxc7,
  .rui__35iMfwd .rui__1CeQYIJ,
  .rui__1sJtt42 .rui__1CeQYIJ {
    color: #fff;
  }
.rui__284_S4V {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #8d96b2;
}
.rui__35iMfwd .rui__284_S4V,
  .rui__1sJtt42 .rui__284_S4V {
    color: #9fdfff;
  }
.rui__3YR08KK {
    width: 20px;
    height: 20px;
  }
/* author */
.rui__3H0jDkF {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 15px;
}
.rui__3OabvHo {
  overflow: hidden;
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 20px;
  background-position: center;
  background-size: cover;
  background-color: #eff5ff;
}
.rui__g89_K3P {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Crect id='a' width='30' height='30' x='0' y='0' rx='15'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23e8eaef' xlink:href='%23a'/%3E%3Cpath fill='%23c7cad7' d='M24.088 23.275c-.745-.647-1.66-1.15-2.713-1.528C19.744 23.384 17.488 24.4 15 24.4s-4.744-1.016-6.375-2.653c-1.053.378-1.968.88-2.713 1.528C3.862 24.979 3.043 27.729 3 31h24c-.043-3.27-.862-6.02-2.912-7.725zM9 13a6 6 0 1112 0v2.4a6 6 0 11-12 0V13z' mask='url(%23b)'/%3E%3C/g%3E%3C/svg%3E");
  }
.rui__Tt2XkJK {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.rui__KIDlcKo,
.rui__fAlBg8F {
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rui__KIDlcKo {
  font-weight: 600;
  color: #343b4c;
}
.rui__fAlBg8F {
  color: #8d96b2;
}
/* sourceLink */
.rui__1AWgVqT {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.rui__1AWgVqT.rui__36rfxc7,
  .rui__1AWgVqT .rui__KIDlcKo,
  .rui__1AWgVqT  {
    -webkit-transition: color 200ms;
    transition: color 200ms;
  }
.rui__1AWgVqT.rui__36rfxc7:hover,
  .rui__1AWgVqT:hover .rui__KIDlcKo {
    color: #8d96b2;
  }
@-webkit-keyframes rui__35kSbq1 {
  0% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  90% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  100% {
    background-color: transparent;
  }
}
@keyframes rui__35kSbq1 {
  0% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  90% {
    background-color: rgba(159, 223, 255, 0.25);
  }

  100% {
    background-color: transparent;
  }
}
/* highlighted */
.rui__D-ZryfQ::before {
  content: "";
  z-index: 1;
  -webkit-animation: rui__35kSbq1 5.2s linear 0s 1;
          animation: rui__35kSbq1 5.2s linear 0s 1;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;
}


.News__root--3BUYt {
  position: relative;
  -webkit-transition: all 1s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 1s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  margin-top: 0;
}

.News__root_ready--1CVL7 {

  margin-top: -25vh;
}

.News__list--2oiwh {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}

.News__enter--1pZxv {
  opacity: 0.01;
}

.News__enter--1pZxv.News__enter_active--1ShEk {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in;
  transition: opacity 500ms ease-in;
}

.News__leave--356Ih {
  opacity: 1;
}

.News__leave--356Ih.News__leave_active--fxnjb {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
}

.News__adv--2gnu4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 300px;
  height: 290px;
  border-radius: 2px;
  background-color: #eff5ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
}

.News__adv--2gnu4 > div {
  width: 100%;
}

@media screen and (max-width: 1299px) {
  .News__adv--2gnu4 {
    width: 315px;
  }
}

@media screen and (max-width: 1024px) {
  .News__adv--2gnu4 {
    width: 305px;
  }
}

.News__item--3D6Ot {
  margin-bottom: 20px;
}

.News__item--3D6Ot a {
  text-decoration: none;
  font-size: 26px;
  line-height: 30px;
}

/* .item > *:nth-child(1) > *:nth-child(2) {
  box-sizing: border-box;
} */

.News__item--3D6Ot > *:nth-child(1) > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1014px) {
  .rui__3c4kZZZ.rui__RHYfUES {
    width: 300px;
  }
  .rui__3c4kZZZ.rui__RHYfUES.rui__3vqRDDt {
    width: 620px;
  }
}
.News__root--2jwmU {
  position: relative;
  /* transition: all 1s 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  margin-top: 255px; */
}

.News__root_ready--27IY5 {
  /* margin-top: 0; */
}

.News__list--3gVJL {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.News__adv--2CpCp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  height: 119px;
  border-radius: 2px;
  background-color: #fff;
  margin-bottom: 5px;
  text-decoration: none;
  overflow: hidden;
  background-size: cover;
  border-top: 1px solid #e8eaf0;
  padding-top: 10px;
}

.News__adv--2CpCp:last-child {
  border-bottom: 1px solid #e8eaf0;
}

.News__buttons--3j31p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 75px;
}

.News__button_more--EF1dJ {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 60px;
}
: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-контентом */

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

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

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

.News__card--18WHp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  margin-bottom: 15px;
  text-decoration: none;
  overflow: hidden;
  background-size: cover;
}

.News__card--18WHp * {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.News__image--1C7NI {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  width: 100%;
  z-index: 1;
  background-position: center center;
}

.News__title--1IrW7 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #343B4C;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;

  z-index: 1;
  position: relative;
  max-height: 60px;
}

.News__description--2s4e8 {
  height: 60px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #343B4C;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  max-height: 60px;
  overflow: hidden;
  z-index: 1;
  text-align: left;
}

.News__source--1txHR {
  display: block;
  padding-top: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.News__default_card--278bA {
  height: 165px;
}

.News__default_card--278bA .News__title--1IrW7 {
  margin-bottom: 10px;
}

.News__image_card--131vY {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /*align-items: center;*/
  /*text-align: center;*/
}

.News__image_card--131vY:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)),
    -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000),
    linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 2;
}

.News__image_card--131vY .News__title--1IrW7 {
  line-height: 1.5;
  color: #fff;
  max-height: 60px;
  -webkit-line-clamp: none;
  /*overflow: visible;*/
  z-index: 3;
}

.News__illustrated_card--3R8NW {
  padding-top: 110px;
}

.News__illustrated_card--3R8NW .News__image--1C7NI {
  height: 110px;
  bottom: auto;
}

.News__illustrated_card--3R8NW .News__title--1IrW7 {
  margin-top: 15px;
}

.News__image_card_new--3zUOd {
  /* composes: card_new; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
  /* height: 300px; */
  padding-top: 20px;
  overflow: hidden;
  text-decoration: none;
  border-top: 1px solid #e8eaf0;
}

.News__image_card_new--3zUOd:first-child {
  padding-top: 0;
  border-top: none;
}

.News__image_big--39wam {
  display: block;
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center;
}

.News__title_big--1xVH4 {
  position: relative;
  top: -20px;
  margin-right: 20px;
  padding: 20px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  background-color: #315efb;
  border-radius: 15px;
}

.News__card_new--3wDtN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  text-decoration: none;
  border-top: 1px solid #e8eaf0;
}

.News__default_card_new--3-9M3 {
}

.News__title_new--dgOy0 {
  padding: 0 20px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  color: #343B4C;
}

.News__image_new--cSzZh {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 120px;
  height: 90px;
  background-position: center;
  background-size: cover;
  border-radius: 1px;
}

.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;
}


/* @import '../variables.css'; */

.ScrollTopMobile__root--1nlaX {
  /* position: relative; */
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  /* box-shadow: 0 2px 10px 0 rgba(102, 116, 166, 0.2); */
  background-color: #315efb;
  cursor: pointer;

  margin: 15px 10px 20px 0;
}

.ScrollTopMobile__root--1nlaX:after {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI0ZGRiI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDIwVjBtMjAgMHYyMG0tNC44ODQtNi44MjNMMTAgOC4wNjFsLTUuMTE2IDUuMTE2Yy0uMTk1LjE5NS0uNTEyLjE5NS0uNzA3IDBsLS4zNTQtLjM1NGMtLjE5NS0uMTk1LS4xOTUtLjUxMiAwLS43MDdsNS40Ny01LjQ2OWMuMzktLjM5MSAxLjAyNC0uMzkxIDEuNDE0IDBsNS40NyA1LjQ2OWMuMTk1LjE5NS4xOTUuNTEyIDAgLjcwN2wtLjM1NC4zNTRjLS4xOTUuMTk1LS41MTIuMTk1LS43MDcgMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ0MC4wMDAwMDAsIC0yMzc1LjAwMDAwMCkgdHJhbnNsYXRlKDQzMC4wMDAwMDAsIDIzNjUuMDAwMDAwKSB0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC4wMDAwMDApIHRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
  margin-top: 10px;
  margin-left: 10px;
}

/* .scroll {
  content: '';
  position: fixed;
  background-size: contain;
  right: 25px;
  bottom: 25px;
  z-index: var(--z-index-above-content);
  width: 50px;
  height: 50px;
  border-radius: 100px;
  box-shadow: 0 2px 10px 0 rgba(102, 116, 166, 0.2);
  background-color: #315efb;
  cursor: pointer;
  transition: opacity 0.2s;
  opacity: 1;
} */

/* .scroll:after {
  content: '';
  width: 20px;
  height: 13px;
  display: block;
  background-image: url(./icon-arrow.svg);
  margin-top: 18px;
  margin-left: 15px;
} */

/* .scroll:hover {
  background-color: #274bc8;
} */

/* .scroll_hidden {
  composes: scroll;
  opacity: 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-контентом */

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

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

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

.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;*/

/*}*/

: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');}}

.LayoutR0Mobile__default_link--1no4A {
  text-decoration: none;
  color: #315efb;
}

.LayoutR0Mobile__default_link--1no4A:hover {
  color: #2c54e2;
}

.LayoutR0Mobile__default_link--1no4A:active {
  color: #274bc8;
}

/* .default_link:visited {
  color: #ab47bc;
} */

.LayoutR0Mobile__colored_link--2gC7j {
  text-decoration: none;
}

.LayoutR0Mobile__colored_link--2gC7j:hover {
  color: #315efb;
}

.LayoutR0Mobile__colored_link--2gC7j:active {
  color: #274bc8;
}

/* .colored_link:visited {
  color: #ab47bc;
} */

.LayoutR0Mobile__root--3GBaT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.LayoutR0Mobile__news--2cFh_ {
  max-width: 640px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 100px rgba(38, 38, 38, 0.1);
          box-shadow: 0 0 100px rgba(38, 38, 38, 0.1);
}

.LayoutR0Mobile__footer--3ovL_ {
  margin-top: auto;
}

.LayoutR0Mobile__form__wrapper--2p8CE {
  height: 45px;
  -webkit-transition: top 0.2s linear;
  transition: top 0.2s linear;
}

.LayoutR0Mobile__form--1MDIy {
  position: -webkit-sticky;
  position: sticky;
  padding: 15px 10px;
}

.LayoutR0Mobile__form--1MDIy::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.form_fixed .LayoutR0Mobile__topline--T2ujM {
  display: none;
}

.form_fixed {
  top: 0;
  left: 0;
  right: 0;
  padding: 15px 10px;
  z-index: 9;
}

.form_fixed::before {
  opacity: 1;
}