.rui__19NLT {
  position: relative;
  height: 50px;
  z-index: 15;
}

.rui__1uzyO {
  position: relative;
  width: 100%;
  min-width: 768px;
  background-color: #315efb;
}

.rui__1uzyO.rui__1Qn93 {
    background-color: #c60d8b;
  }

.rui__1uzyO.rui__268p7 {
    background-color: #343b4c;
  }

.rui__1uzyO.rui__TI6Y4 {
    position: fixed;
    top: -65px;
    left: 0;
    box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
    transition: top 200ms;
  }

.rui__1uzyO.rui__TI6Y4.rui__3Ng9s {
      top: 0;
    }

.rui__3Ynaz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  max-height: 50px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1279px) {

.rui__20AoT {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}
  }

@media (min-width: 1280px) {

.rui__20AoT {
    width: 1240px
}
  }

.rui__2Jkuc {
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rui__2Jkuc.rui__1gC92 {
    overflow: visible;
  }

.rui__2-q5Y {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.rui__1r8ar {
  display: block;
  margin-right: 20px;
  background-color: #343b4c;
}

.rui__1HMZk {
  position: relative;
}

.rui__1SZUn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;

  /* Закладыывается ширина кнопки Ещё, что бы ее не рендерить в fakes */
  padding-left: 75px;
}

.rui__1SZUn,
.rui__3oNtZ {
  display: flex;
}

.rui__jomji {
  display: inline-flex;
}

.rui__jomji + .rui__jomji {
    padding-left: 20px;
  }

.rui__3otde {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 50px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 200ms;
}

.rui__3otde:hover {
    color: #c6cad8;
  }

.rui__3otde:active {
    color: #8d96b2;
  }

.rui__3otde.rui__22sCz::after {
    content: "";
    position: absolute;
    height: 5px;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 2.5px 2.5px;
    background-color: #fff;
  }

.rui__1r8ar .rui__3otde {
    padding: 0 20px;
  }

.rui__1r8ar .rui__3otde::after {
      display: none;
    }

.rui__3otde .rui__2wp0S,
  .rui__3otde .rui__cKe_7 {
    display: inline-block;
    width: 20px;
    height: 20px;
  }

.rui__3otde .rui__2wp0S {
    margin-right: 5px;
  }

.rui__3otde .rui__cKe_7 {
    margin-left: 5px;
  }

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

.rui__1zRDH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: 5px;
  padding: 0 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  border-radius: 15px;
  background-color: #343b4c;
  box-sizing: border-box;
}

.rui__268p7 .rui__1zRDH {
    background-color: #315efb;
  }

.rui__cg_h0 {
  margin-left: 40px;
  transition: opacity 200ms;
}

.rui__cg_h0.rui__25eOR {
    opacity: 0;
    pointer-events: none;
  }

.rui__cg_h0 .button-banner-place {
      padding: 5px 0;
    }

.rui__cg_h0 .button-banner-place .button {
        position: relative;
        width: auto;
      }

@media (min-width: 1023px) {

.rui__cg_h0 .button-banner-place .button {
          background-color: transparent !important
      }
        }

@media (max-width: 1022px) {

.rui__cg_h0 .button-banner-place .button {
          overflow: hidden;
          width: 40px;
          justify-content: center;
          border-radius: 20px
      }
        }

.rui__cg_h0 .button-banner-place .button-link {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          height: 40px;
        }

.rui__cg_h0 .button-banner-place .button-link::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
          }

@media (max-width: 1023px) {

.rui__cg_h0 .button-banner-place .button-link {
            width: 40px
        }
          }

.rui__cg_h0 .button-banner-place .button__image-container {
          display: inline-flex;
          width: 20px;
          min-width: 20px;
          height: 20px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
        }

.rui__cg_h0 .button-banner-place .button__text-container {
          padding-left: 5px;
          font-family: "Montserrat", sans-serif;
          font-size: 14px;
          font-weight: 600;
          line-height: 20px;
          color: #fff;
          white-space: nowrap;
        }

@media (max-width: 1023px) {

.rui__cg_h0 .button-banner-place .button__text-container {
            display: none
        }
          }

.rui__J_IXn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
  font-size: 0;
}

.rui__3xhC5 {
  display: flex;
}

.rui__3xhC5 .rui__1zYZB {
    height: 35px;
  }

.rui__3xhC5 .rui__1zYZB.rui__2zfQn { width: 111px; }

.rui__3xhC5 .rui__1zYZB.rui__YA14E { width: 50px; }

.rui__3xhC5 .rui__1zYZB.rui__3C0zh { width: 63px; }

.rui__2Rc62 {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}

.rui__1JBXf {
  width: 100%;
  padding-top: 10px;
  background: #274bc8;
  transition: padding-top 200ms, opacity 200ms;
  box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  opacity: 0;
}

.rui__1JBXf.rui__1ooMW {
    background-color: #9e0a6f;
  }

.rui__1JBXf.rui__3Vz10 {
    background-color: #1f2431;
  }

.rui__1JBXf.rui__3Fbz3 {
    padding-top: 0;
    opacity: 1;
  }

.rui__3thPP {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px !important;
}

.rui__1ABds {
  display: inline-flex;
  margin-top: 15px;
  margin-right: 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  transition: color 200ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rui__1ABds:hover {
    color: #c6cad8;
  }

.rui__1ABds:active {
    color: #8d96b2;
  }

.rui__1ABds.rui__qA1-e {
    color: #9fdfff;
  }

.rui__3Tb2z {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

.rui__1EsRS {
  position: relative;
  height: 40px;
  margin-left: 30px;
  margin-right: -10px;
}

.rui__kdQpY {
  position: absolute;
  overflow: hidden;
  width: 40px;
  height: 40px;
  top: 0;
  right: 0;
  opacity: 0;
  border-radius: 20px;
  transition: width 200ms, opacity 200ms;
}

.rui__kdQpY.rui__2L-Ki {
    width: 250px;
    opacity: 1;
  }

.rui__3fw82 {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  top: 0;
  padding: 0 40px 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  box-sizing: border-box;
  border: 0;
  outline: 0 !important;
  background-color: #274bc8;
}

.rui__3fw82::-moz-placeholder {
    color: #fff;
    opacity: 0.5;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
  }

.rui__3fw82:-ms-input-placeholder {
    color: #fff;
    opacity: 0.5;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
  }

.rui__3fw82::placeholder {
    color: #fff;
    opacity: 0.5;
    transition: opacity 200ms;
  }

.rui__3fw82:focus::-moz-placeholder {
    opacity: 0.3;
  }

.rui__3fw82:focus:-ms-input-placeholder {
    opacity: 0.3;
  }

.rui__3fw82:focus::placeholder {
    opacity: 0.3;
  }

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

  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 0;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
  transition: color 200ms;
}

.rui__2fBcE:hover {
    color: #c6cad8;
  }

.rui__2fBcE:active {
    color: #8d96b2;
  }

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

.rui__31SmT {
  position: relative;
  flex-shrink: 0;
  height: 50px;
  margin-left: 40px;
  z-index: 1;
}

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

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
  text-decoration: none;
}

.rui__2FTrL,
.rui__2ldi_ {
  display: flex;
  align-items: center;
  height: 50px;
  cursor: pointer;
}

.rui__K3bZp,
.rui__35skI {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
}

.rui__35skI {
  border-radius: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #f3f4f7;
}

.rui__1E3a7 {
  position: relative;
  margin-left: 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  max-width: 230px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.rui__2FTrL .rui__1E3a7 {
    transition: color 200ms;
  }

.rui__2FTrL:hover .rui__1E3a7 {
    color: #c6cad8;
  }

.rui__2FTrL:active .rui__1E3a7 {
    color: #8d96b2;
  }

.rui__2ldi_ .rui__1E3a7.rui__AEQZk {
    color: rgba(255, 255, 255, 0);
  }

.rui__2ldi_ .rui__1E3a7.rui__AEQZk::after {
      position: absolute;
      overflow: hidden;
      width: 100%;
      top: 0;
      left: 0;
      content: "Скопировано";
      color: #8d96b2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

.rui__733T1,
.rui__9Vp5f {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  font-size: 0;
}

.rui__733T1 {
  cursor: pointer;
}

@-webkit-keyframes rui__1kr_2 {
  0% {
    padding-top: 5px;
    opacity: 0;
  }

  100% {
    padding-top: 0;
    opacity: 1;
  }
}

@keyframes rui__1kr_2 {
  0% {
    padding-top: 5px;
    opacity: 0;
  }

  100% {
    padding-top: 0;
    opacity: 1;
  }
}

.rui__1AhnD {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  border-radius: 15px;
  background-color: #1f2431;
}

.rui__AL464 {
    padding: 0 20px;
  }

.rui__AL464 .rui__2ldi_ {
      box-shadow: inset 0 -1px 0 #343b4c;
      cursor: default;
    }

.rui__2nEYi {
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-name: rui__1kr_2;
            animation-name: rui__1kr_2;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }

.rui__1fr6Q {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px;
}

.rui__1iR9f {
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: color 200ms;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rui__1iR9f:hover {
    color: #c6cad8;
  }

.rui__1iR9f:active {
    color: #8d96b2;
  }

.rui__1iR9f + .rui__1iR9f {
    margin-top: 10px;
  }

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

.rui__2mTcU {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 5px;
  padding: 0 5px;
  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  border-radius: 15px;
  background-color: #315efb;
  box-sizing: border-box;
}

.rui__33Ye7 .rui__2mTcU {
    background-color: #c60d8b;
  }

.rui__1Hml2 {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  background-color: #343b4c;
}


.rui__1IpsK {
  position: relative;
  min-width: 320px;
  z-index: 10;
}

.rui__2ADif {
  position: relative;
  background-color: #fff;
  transition: shadow 300ms;
}

.rui__2ADif:not(.rui__PU8Xg) {
    box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  }

.rui__2ADif.rui__PU8Xg {
    box-shadow: 0 1px 0 0 #e0ebff;
  }

.rui__2zEfr {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 20px;
  box-sizing: border-box;
  z-index: 1;
}

.rui__3F39_ {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  left: 50%;
  font-size: 0;
  transform: translateX(-50%);
}

.rui__3nxe5 {
  display: flex;
}

.rui__3nxe5 .rui__17y54 {
    height: 35px;
  }

.rui__3nxe5 .rui__17y54.rui__2GU90 { width: 111px; }

.rui__3nxe5 .rui__17y54.rui__1RFdE { width: 39px; }

.rui__3nxe5 .rui__17y54.rui__2nZQI { width: 29px; }

.rui__3nxe5 .rui__17y54.rui__1-C5T { width: 49px; }

.rui__3nxe5 .rui__17y54.rui__33bWu { width: 98px; }

.rui__3nxe5 .rui__17y54.rui__1RRLm { width: 60px; }

.rui__3nxe5 .rui__17y54.rui__2Frnp { width: 74px; }

.rui__3nxe5 .rui__17y54.rui__1il7A { width: 39px; }

.rui__3nxe5 .rui__17y54.rui__1L6NE { width: 70px; }

.rui__3nxe5 .rui__17y54.rui__2Q9V1 { width: 89px; }

.rui__3nxe5 .rui__17y54.rui__af4xo { width: 50px; }

.rui__3nxe5 .rui__17y54.rui__2cOKd { width: 42px; }

.rui__3nxe5 .rui__17y54.rui__DuZUR { width: 51px; }

.rui__3nxe5 .rui__17y54.rui__3vVfq { width: 50px; }

.rui__3nxe5 .rui__17y54.rui__1gjDT { width: 54px; }

.rui__3nxe5 .rui__17y54.rui__2_Vo3 { width: 96px; }

.rui__3nxe5 .rui__17y54.rui__2HPRz { width: 76px; }

.rui__3nxe5 .rui__17y54.rui__3W3xA { width: 41px; }

.rui__3nxe5 .rui__17y54.rui__378Un { width: 48px; }

.rui__3nxe5 .rui__17y54.rui__1UDNn { width: 63px; }

.rui__3nxe5 .rui__17y54.rui__WKNqP { width: 101px; }

.rui__3nxe5 .rui__17y54.rui__2hP2A { width: 40px; }

.rui__3nxe5 .rui__17y54.rui__2-PAO { width: 62px; }

.rui__3nxe5 .rui__17y54.rui__1dNyl { width: 93px; }

.rui__3nxe5 .rui__17y54.rui__1r0IC { width: 78px; }

.rui__30Zof {
  position: absolute;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 200px;
  height: 50px;
  left: 50%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  transform: translateX(-50%);
}

.rui__1l3tH {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 60px;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
}

  .rui__1l3tH.rui__140kY {
    background-color: #fcf2f9;
  }

  .rui__1l3tH.rui__1nuZM {
    display: block;
  }

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

  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  box-sizing: border-box;
}

.rui__2DOZZ.rui__2jb3B {
    background-color: #e0ebff;
  }

.rui__140kY .rui__2DOZZ.rui__2jb3B {
      background-color: #f9e6f3;
    }

.rui__1CtHI {
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #343b4c;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rui__3LwdU {
  overflow: hidden;
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 5px;
  border-radius: 1px;
  background-size: cover;
  background-position: center center;
}

.rui__iwnED b {
    color: #315efb;
    font-weight: 600;
  }

.rui__140kY .rui__iwnED b {
      color: #c60d8b;
    }

.rui__2hXT2 {
  color: #8d96b2;
}

.rui__3aoTs {
  position: relative;
  width: 100%;
  height: 60px;
  background-color: #fff;
  z-index: 2;
}

  .rui__3aoTs.rui__etHNN,
  .rui__3aoTs.rui__1Orsm {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    transition: height 300ms, opacity 300ms, box-shadow 300ms;
  }

  .rui__3aoTs.rui__etHNN {
    box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
  }

  .rui__3aoTs.rui__1Orsm {
    height: 0;
    opacity: 0;
  }

.rui__2-LXs {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 10px;
  background-color: #fff;
  box-sizing: border-box;
}

.rui__2-LXs.rui__1K0r5 {
    position: fixed;
    width: 100vw;
    left: 0;
    top: -70px;
    box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
    transition: transform 300ms;
  }

.rui__2-LXs.rui__1K0r5.rui__3ZEhb {
      transform: translateY(70px);
    }

.rui__3grbq {
  position: relative;
  width: 100%;
  height: 40px;
}

.rui__uyY06 {
  width: 100%;
  height: 40px;
  padding: 0 75px 0 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #315efb;
  border: 0;
  outline: 0 !important;
  border-radius: 20px;
  background-color: #e0ebff;
  box-sizing: border-box;
}

.rui__uyY06::-ms-clear {
    display: none;
  }

.rui__uyY06::-moz-placeholder {
    color: #315efb;
    -moz-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

.rui__uyY06:-ms-input-placeholder {
    color: #315efb;
    -ms-transition: opacity 200ms;
    transition: opacity 200ms;
    opacity: 1;
  }

.rui__uyY06::placeholder {
    color: #315efb;
    transition: opacity 200ms;
    opacity: 1;
  }

.rui__uyY06:focus::-moz-placeholder {
    opacity: 0.5;
  }

.rui__uyY06:focus:-ms-input-placeholder {
    opacity: 0.5;
  }

.rui__uyY06:focus::placeholder {
    opacity: 0.5;
  }

.rui__2Tw9K .rui__uyY06 {
    color: #c60d8b;
    background-color: #f9e6f3;
  }

.rui__2Tw9K .rui__uyY06::-moz-placeholder {
      color: #c60d8b;
    }

.rui__2Tw9K .rui__uyY06:-ms-input-placeholder {
      color: #c60d8b;
    }

.rui__2Tw9K .rui__uyY06::placeholder {
      color: #c60d8b;
    }

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

  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 15px;
  z-index: 1;
}

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

.rui__1MHIT {
  top: 5px;
  right: 40px;
  color: #315efb;
}

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

.rui__2Tw9K .rui__1MHIT {
    color: #c60d8b;
  }

.rui__2Tw9K .rui__1MHIT:active {
      color: #a00b70;
    }

.rui__3lcaL {
  top: 5px;
  right: 5px;
  color: #fff;
  background-color: #315efb;
  transition: background-color 200ms;
}

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

.rui__2Tw9K .rui__3lcaL {
    background-color: #c60d8b;
  }

.rui__2Tw9K .rui__3lcaL:active {
      background-color: #a00b70;
    }

.rui__1dYc- {
  position: relative;
  height: 50px;
  z-index: 3;
}

.rui__2fkzK {
  position: relative;
  height: 50px;
  background-color: #fff;
}

.rui__2fkzK.rui__SPZQT {
    position: fixed;
    width: 100vw;
    left: 0;
    top: -60px;
    box-shadow: 0 10px 10px -10px rgba(49, 94, 251, 0.4);
    transition: transform 300ms;
  }

.rui__3mi0u .rui__2fkzK.rui__SPZQT {
      top: -120px;
    }

.rui__2fkzK.rui__SPZQT.rui__28i_K {
      transform: translateY(60px);
    }

.rui__3mi0u .rui__2fkzK.rui__SPZQT.rui__28i_K {
        transform: translateY(120px);
      }

.rui__3tFpZ .rui__2fkzK {
    position: fixed;
    width: 100vw;

    /* -60px нужет тут, что бы работало совместно со sticky */
    top: -60px;
    left: 0;

    /* translateY(60px) нужет тут, что бы работало совместно со sticky */
    transform: translateY(60px);
    transition: none;
  }

.rui__3FRWt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}

.rui__3tFpZ.rui__2YhkF .rui__1OSS1 {
    display: none;
  }

.rui__1W4lW,
.rui__3U1TA,
.rui__3Dq3q {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}

.rui__24ifI, .rui__2yYc4, .rui__32H6H {
    width: 20px;
    height: 20px;
    color: #315efb;
  }

.rui__2DHuG .rui__24ifI, .rui__2DHuG .rui__2yYc4, .rui__2DHuG .rui__32H6H {
      color: #c60d8b;
    }

.rui__1W4lW,
.rui__3U1TA {
  display: flex;
}

.rui__3tFpZ .rui__1W4lW, .rui__3tFpZ .rui__3U1TA {
    display: none;
  }

.rui__3Dq3q {
  position: absolute;
  display: none;
  top: 0;
  right: 0;
}

.rui__3tFpZ .rui__3Dq3q {
    display: flex;
  }

.rui__1dtXh {
  position: absolute;
  display: flex;
  align-items: center;
  left: -1000px;
  z-index: -1;
}

.rui__3tFpZ .rui__1dtXh {
    position: relative;
    left: auto;
    z-index: 0;
  }

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

  display: inline-flex;
  align-items: center;
  height: 50px;
  padding-left: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.rui__21_Ve {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

.rui__2BHvN {
  display: flex;
  align-items: center;
  padding-left: 10px;
  text-decoration: none;
}

.rui__2tvVc {
    display: inline-flex;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
  }

.rui__2IVUj {
    overflow: hidden;
    max-width: 170px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #343b4c;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

.rui__2BHvN:active .rui__3KGXA {
    color: #315efb;
  }

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

  display: none;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 10px;
}

.rui__3tFpZ .rui__3h0qi {
    display: flex;
  }

.rui__NSwmQ {
    width: 20px;
    height: 20px;
    color: #343b4c;
  }

@font-face {
  font-family: "RamblerLikes";
  src:
    url("https://static.rambler.ru/fonts/RamblerLikes/regular.woff2") format("woff2"),
    url("https://static.rambler.ru/fonts/RamblerLikes/regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  /* stylelint-disable-next-line csstree/validator */
  font-display: swap;
}

.rui__2DjlI {
  position: fixed;
  overflow-y: scroll;
  min-height: calc(100% - 50px);
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2c54e2;
  box-sizing: border-box;
  transform: translate3d(-100vw, 0, 0);
  transition: transform 300ms;
  z-index: 4;
}

.rui__2DjlI.rui__2u8WC {
    transform: translate3d(0, 0, 0);
  }

.rui__3uWcU {
  position: relative;
  display: flex;
  height: 50px;
  background: #315efb;
}

.rui__3uWcU.rui__3fzQG {
    margin-top: 10px;
  }

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

  overflow: hidden;
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 50px;
  padding: 0 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: inset 0 -1px 0 0 #2c54e2;
  box-sizing: border-box;
}

.rui__3ph0z:hover,
  .rui__3ph0z:active {
    color: #fff;
  }

.rui__eVkNA,
.rui__3_oDj {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 15px;
}

.rui__eVkNA svg, .rui__3_oDj svg {
    width: 20px;
    height: 20px;
  }

.rui__3_oDj {
  background-color: #274bc8;
}

.rui__3_oDj svg {
    color: #fff;
  }

.rui__3ph0z:active .rui__3_oDj,
  .rui__3ph0z.rui__qTnQ8 .rui__3_oDj {
    background-color: #fff;
  }

.rui__3ph0z:active .rui__3_oDj svg, .rui__3ph0z.rui__qTnQ8 .rui__3_oDj svg {
      color: #274bc8;
    }

.rui__eVkNA svg {
    color: #274bc8;
  }

.rui__3ph0z:active .rui__eVkNA svg, .rui__3ph0z.rui__qTnQ8 .rui__eVkNA svg {
      color: #fff;
    }

.rui__Fep8B {
  width: 83px;
  height: 30px;
}

.rui__2XdTD {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 9px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  border-radius: 10px;
  background: #343b4c;
  box-sizing: border-box;
}

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

  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  box-shadow: inset 0 -1px 0 0 #2c54e2;
}

.rui__3md_m {
    width: 15px;
    height: 15px;
    color: #fff;
    transition: transform 300ms;
  }

.rui__1tY4n.rui__25dsa .rui__3md_m {
    transform: rotate(180deg);
  }

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

  overflow: hidden;
  max-height: 0;
  padding: 0 50px;
  background-color: #2c54e2;
  transition: max-height 100ms;
}

.rui__9JszR.rui__25dsa {
    max-height: 200px;
    transition: max-height 300ms;
  }

.rui__9JszR.rui__25dsa.rui__2orc6 {
      max-height: 999px;
    }

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

  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}

.rui__2vduY:active,
  .rui__2vduY.rui__qTnQ8 {
    color: #9fdfff;
  }

.rui__1MmWn {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }

.rui__KvzIi {
  display: flex;
  align-items: center;
  height: 50px;
  padding-right: 10px;
  box-shadow: inset 0 -1px 0 0 #2c54e2;
}

.rui__PqLhI {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 20px;
  box-sizing: border-box;
  background-color: #315efb;
}

.rui__136e2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.rui__2YlsL {
    display: flex;
  }

.rui__2SFW8 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin: 15px 5px 0;
    font-size: 0;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #274bc8;
    text-decoration: none;
  }

.rui__2SFW8:active {
      background-color: #fff;
    }

.rui__2SFW8::before {
      /* stylelint-disable font-family-no-missing-generic-family-keyword */
      font-family: RamblerLikes;
      font-size: 21px;
      color: #fff;
      transform: translate(0.5px, 1px);
    }

.rui__2SFW8:active::before {
      color: #274bc8;
    }

.rui__2SFW8.rui__1Cu9y::before {
      content: "\E806";
    }

.rui__2SFW8.rui__3ps1F::before {
      content: "\E814";
    }

.rui__2SFW8.rui__mbhbi::before {
      content: "\E807";
    }

.rui__2SFW8.rui__DLPaK::before {
      content: "\E800";
    }

.rui__2SFW8.rui__1FIPY::before {
      content: "\E801";
    }

.rui__2SFW8.rui__1t0pg::before {
      content: "\E819";
    }

.rui__2SFW8.rui__1UyI6::before {
      content: "\E903";
    }

.rui__2SFW8.rui__36ZKk::before {
      content: "\E904";
    }

.rui__3u6iG {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  line-height: 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  background-color: #315efb;
}

.rui__3u6iG a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
  }

.rui__3u6iG span {
    margin-left: 20px;
    font-size: 14px;
    color: #fff;
  }


:root {
  /* Dark theme */

  /* White theme */
}

@font-face {
  font-family: "RamblerLikes";
  src:
    url("https://static.rambler.ru/fonts/RamblerLikes/regular.woff2") format("woff2"),
    url("https://static.rambler.ru/fonts/RamblerLikes/regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  /* stylelint-disable-next-line csstree/validator */
  font-display: swap;
}

.rui__12e0w {
  display: block;
  width: 100%;
  min-width: 320px;
}

.rui__12e0w.rui__GnM4u {
    color: #c6cad8;
    background-color: #1f2431;
  }

.rui__12e0w.rui__1nrQ8 {
    color: #8d96b2;
    background-color: #fff;
  }

.rui__3YRCE {
  margin: 0 auto;
}

@media (min-width: 769px) {

.rui__PPn2z {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
}
  }

@media (min-width: 1280px) {

.rui__PPn2z {
    width: 1240px;
    padding: 0
}
  }

.rui__6S7un {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
}

@media (max-width: 768px) {

.rui__6S7un {
    flex-direction: column;
    align-items: center;
    padding-bottom: 25px
}
  }

@media (min-width: 769px) {

.rui__6S7un {
    padding: 10px 20px 20px
}
  }

@media (max-width: 1279px) {

.rui__6S7un {
    flex-direction: column
}
  }

.rui__1NJfp {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-right: 40px;
  list-style: none;
}

@media (max-width: 768px) {

.rui__1NJfp {
    justify-content: center;
    order: 2;
    margin-right: 0;
    padding: 0 20px;
    box-sizing: border-box
}
  }

@media (min-width: 769px) and (max-width: 1279px) {

.rui__1NJfp {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0
}
  }

.rui__LT0Id {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  margin-right: 20px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}

.rui__LT0Id:last-child {
    margin-right: 0;
  }

@media (max-width: 768px) {

.rui__LT0Id {
    margin: 20px 10px 0;
    text-align: center
}
  }

.rui__LT0Id, .rui__LT0Id a {
    text-decoration: none;
    cursor: pointer;
  }

.rui__GnM4u .rui__LT0Id, .rui__GnM4u .rui__LT0Id a {
      color: #c6cad8;
    }

.rui__GnM4u .rui__LT0Id:active, .rui__GnM4u .rui__LT0Id a:active {
        color: #8d96b2;
      }

.rui__1nrQ8 .rui__LT0Id, .rui__1nrQ8 .rui__LT0Id a {
      color: #8d96b2;
    }

.rui__1nrQ8 .rui__LT0Id:active, .rui__1nrQ8 .rui__LT0Id a:active {
        color: #274bc8;
      }

@media (min-width: 769px) {

.rui__LT0Id, .rui__LT0Id a {
      transition: color 100ms;
      cursor: pointer
  }

      .rui__LT0Id:hover, .rui__LT0Id a:hover {
        transition: color 200ms;
      }

      .rui__GnM4u .rui__LT0Id:hover, .rui__GnM4u .rui__LT0Id a:hover {
        color: #62687f;
      }

      .rui__1nrQ8 .rui__LT0Id:hover, .rui__1nrQ8 .rui__LT0Id a:hover {
        color: #2c54e2;
      }
    }

.rui__26R2r {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {

.rui__26R2r {
    order: 1
}
  }

@media (max-width: 768px) {

.rui__26R2r {
    flex-wrap: wrap
}
  }

@media (min-width: 769px) {

.rui__26R2r {
    justify-content: flex-end
}
  }

@media (max-width: 1279px) {

.rui__26R2r {
    width: 100%
}
  }

@media (max-width: 768px) {

.rui__2vW8H {
    flex-grow: 0;
    margin: 20px 10px 5px
}
  }

@media (min-width: 769px) {

.rui__2vW8H {
    flex-grow: 1
}
  }

.rui__3CFio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50%;
  box-sizing: border-box;
}

.rui__GnM4u .rui__3CFio {
    border: 1px solid #c6cad8;
    color: #c6cad8;
  }

.rui__1nrQ8 .rui__3CFio {
    background-color: #f3f4f7;
    color: #8d96b2;
  }

.rui__11vUz {
  display: flex;
}

@media (max-width: 768px) {

.rui__11vUz {
    margin-top: 20px;
    margin-bottom: 5px
}
  }

@media (min-width: 769px) {

.rui__11vUz {
    margin-left: 40px
}

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

.rui__3Seee {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 100ms;
  text-decoration: none;
}

@media (max-width: 768px) {

.rui__3Seee {
    margin: 0 10px
}
  }

@media (min-width: 769px) {
    .rui__3Seee + .rui__3Seee {
      margin-left: 10px;
    }
  }

.rui__3Seee::before {
    /* stylelint-disable font-family-no-missing-generic-family-keyword */
    font-family: RamblerLikes;
    font-size: 20px;
    color: #c6cad8;
    transform: translate(0.5px, 1px);
  }

.rui__GnM4u .rui__3Seee::before {
      color: #c6cad8;
    }

.rui__1nrQ8 .rui__3Seee::before {
      color: #649dff;
    }

.rui__3Seee.rui__3ST_Y::before {
    content: "\E806";
  }

.rui__3Seee.rui__1ooH7::before {
    content: "\E814";
  }

.rui__3Seee.rui__2Z_Pa::before {
    content: "\E807";
  }

.rui__3Seee.rui__1EyDw::before {
    content: "\E800";
  }

.rui__3Seee.rui__13lsw::before {
    content: "\E801";
  }

.rui__3Seee.rui__3rxUL::before {
    content: "\E819";
  }

.rui__3Seee.rui__1moMa::before {
    content: "\E903";
  }

.rui__3Seee.rui__2qRp3::before {
    content: "\E904";
  }

.rui__GnM4u .rui__3Seee {
    background-color: #343b4c;
  }

.rui__GnM4u .rui__3Seee:hover {
      background-color: #62687f;
    }

.rui__GnM4u .rui__3Seee:active {
      background-color: #8d96b2;
    }

.rui__1nrQ8 .rui__3Seee {
    background-color: #e0ebff;
  }

.rui__1nrQ8 .rui__3Seee:hover {
      background-color: #c1d8ff;
    }

.rui__1nrQ8 .rui__3Seee:active {
      background-color: #a2c4ff;
    }

.rui__3vHI0 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.rui__GnM4u .rui__3vHI0 {
    background-color: #343b4c;
  }

.rui__1nrQ8 .rui__3vHI0 {
    background-color: #f3f4f7;
  }

.rui__38qc1 {
    margin-right: 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
  }

.rui__GnM4u .rui__38qc1 {
      color: #c6cad8;
    }

.rui__1nrQ8 .rui__38qc1 {
      color: #8d96b2;
    }

.rui__13kcG {
    overflow: hidden;
    display: flex;
    align-items: center;
  }


@media only screen and (min-width: 1280px) {
  .footer__breakpoints {
    max-width: 1260px;
  }
}