.ruble_sign {
    background: url("/new/static/shop-loyalty-program/images/ruble_sign.svg") no-repeat left top;
    background-size: contain;
    white-space: nowrap;
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    height: 16px;
  }
  @media screen and (max-width: 1023px) {
    .ruble_sign {
      width: 1.041664vw;
      height: 1.432288vw;
    }
  }
  @media screen and (max-width: 767px) {
    .ruble_sign {
      width: 8px;
      height: 11px;
      margin-left: 3px;
    }
  }
  .shop-loyalty {
    background: #0082b6;
    color: #fff;
    padding-bottom: 37px;
    max-width: 100%;
    overflow: hidden;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty {
      padding-bottom: 34px;
    }
  }
  .shop-loyalty *,
  .shop-loyalty *:after,
  .shop-loyalty *:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .shop-loyalty__title {
    position: relative;
    font-family: 'RotonBol';
    font-size: 48px;
    line-height: 1.29;
    font-weight: normal;
    text-shadow: 0px 5px 25px rgba(255,255,255,0.75);
    padding-bottom: 28px;
    z-index: 5;
    color: #ffffff;
  }
  @media screen and (max-width: 1023px) {
    .shop-loyalty__title {
      font-size: 4.687488vw;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__title {
      text-shadow: 0px 3px 15px rgba(255,255,255,0.5);
      font-size: 21px;
      line-height: 1.286;
      padding-bottom: 404px;
      max-width: 320px;
      margin: 0 auto;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__desc {
      max-width: 320px;
      margin: 0 auto;
    }
  }
  .shop-loyalty__desc,
  .shop-loyalty__desc p {
    position: relative;
    font-family: 'RotonReg';
    font-size: 21px;
    line-height: 1.282;
    opacity: 0.9;
    color: #fff;
    z-index: 5;
  }
  @media screen and (max-width: 1023px) {
    .shop-loyalty__desc,
    .shop-loyalty__desc p {
      font-size: 2.083328vw;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__desc,
    .shop-loyalty__desc p {
      font-size: 14px;
      line-height: 1.286;
    }
  }
  .shop-loyalty__desc--second {
    position: relative;
    padding: 38px 30px 0;
    text-align: center;
    max-width: 890px;
    margin: 0 auto;
  }
  .shop-loyalty__desc--second.shop-loyalty__desc--wide {
      padding-right: 5px;
      padding-left: 5px;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__desc--second {
      max-width: 536px;
      padding: 20px 20px 0;
    }
    .shop-loyalty__desc--second.shop-loyalty__desc--wide {
      padding-right: 20px;
      padding-left: 20px;
    }
    .shop-loyalty__desc--second br {
      display: none;
    }
  }
  .shop-loyalty__desc p {
    margin-bottom: 27px;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__desc p {
      margin-bottom: 18px;
    }
  }
  .shop-loyalty__desc p:last-child {
    margin-bottom: 0;
  }
  .shop-loyalty__caption {
    position: relative;
    font-family: 'RotonBol';
    font-size: 24px;
    line-height: 1.292;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 14px 30px 0;
    z-index: 5;
  }
  @media screen and (max-width: 1023px) {
    .shop-loyalty__caption {
      font-size: 23px;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__caption {
      max-width: 536px;
      padding: 14px 20px 0;
      font-size: 16px;
      line-height: 1.3125;
    }
    .shop-loyalty__caption br {
      display: none;
    }
  }
  .shop-loyalty__subtitle {
    position: relative;
    font-family: 'RotonBol';
    font-size: 30px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
    text-shadow: 0px 4px 20px rgba(255,255,255,0.75);
    padding-bottom: 23px;
    color: #fff;
    z-index: 5;
  }
  @media screen and (max-width: 1023px) {
    .shop-loyalty__subtitle {
      font-size: 28px;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__subtitle {
      max-width: 480px;
      font-size: 18px;
      line-height: 1.278;
      padding: 0 30px 16px;
      margin: 0 auto;
    }
    .shop-loyalty__subtitle br {
      display: none;
    }
  }
  .shop-loyalty__link,
  .shop-loyalty__link:active {
    color: #404040;
    text-decoration: underline;
  }
  .shop-loyalty__link:hover {
    color: #404040;
    text-decoration: none;
  }
  .shop-loyalty__reg,
  .shop-loyalty__reg:active {
    position: relative;
    font-family: 'RotonReg';
    font-size: 21px;
    line-height: 1.286;
    text-align: center;
    text-decoration: underline;
    color: #fff;
    position: relative;
    top: -7px;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__reg,
    .shop-loyalty__reg:active {
      font-size: 18px;
      line-height: 23px;
      top: 7px;
    }
  }
  .shop-loyalty__reg:hover {
    text-decoration: none;
    color: #fff;
  }
  .shop-loyalty__info {
    position: relative;
    padding: 54px 370px 68px 50px;
    margin: 0 auto;
    max-width: 1040px;
    color: #fff;
  }
  @media screen and (max-width: 1023px) {
    .shop-loyalty__info {
      min-height: 570px;
      padding: 44px 370px 68px 40px;
    }
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__info {
      min-height: auto;
      padding: 10px 20px 26px;
    }
  }
  .shop-loyalty__info:after {
    content: '';
    position: absolute;
    background: -o-radial-gradient(50% 50%, 50% 50%, #0456b7 0%, rgba(0,153,210,0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #0456b7 0%, rgba(0,153,210,0) 100%);
    border-radius: 50%;
    width: 2056px;
    height: 2056px;
    left: -1382px;
    top: -1210px;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__info:after {
      display: none;
    }
  }
  .shop-loyalty__info:before {
    content: '';
    position: absolute;
    right: -227px;
    top: -92px;
    width: 838px;
    height: 838px;
    background: url("/new/static/shop-loyalty-program/images/image-baby.jpg") no-repeat left top;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__info:before {
      background-image: url("/new/static/shop-loyalty-program/images/image-baby--mobile.jpg");
      background-size: 584px auto;
      width: 584px;
      height: 584px;
      right: auto;
      left: calc(50% - 14px);
      top: 54px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
    }
  }
  .shop-loyalty__favorite {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    color: #404040;
  }
  .shop-loyalty__favorite:before {
    content: '';
    position: absolute;
    left: -750px;
    top: -316px;
    width: 1580px;
    height: 1592px;
    background: url("/new/static/shop-loyalty-program/images/back-top1.svg") no-repeat left top;
  }
  .shop-loyalty__footnotes {
    position: relative;
    margin: 0 auto;
    max-width: 1040px;
    text-align: center;
    color: #fff;
    padding: 30px 0 0;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__footnotes {
      text-align: left;
      padding: 0 20px;
      margin-top: -12px;
      pointer-events: none;
      max-width: 536px;
    }
  }
  .shop-loyalty__status {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    color: #404040;
    padding: 40px 0 0;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__status {
      padding: 30px 0 0;
    }
  }
  .shop-loyalty__status:before {
    content: '';
    position: absolute;
    right: -638px;
    top: -282px;
    width: 1562px;
    height: 1574px;
    background: url("/new/static/shop-loyalty-program/images/back-top2.svg") no-repeat left top;
  }
  .shop-loyalty__products {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    color: #404040;
    padding: 43px 0 0;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__products {
      padding: 31px 0 0;
    }
  }
  .shop-loyalty__products:before {
    content: '';
    position: absolute;
    background: -o-radial-gradient(50% 50%, 50% 50%, #0456b7 0%, rgba(0,153,210,0) 100%);
    background: radial-gradient(50% 50% at 50% 50%, #0456b7 0%, rgba(0,153,210,0) 100%);
    border-radius: 50%;
    width: 2056px;
    height: 2056px;
    right: -1280px;
    top: -340px;
  }
  .shop-loyalty__services {
    position: relative;
    margin: 0 auto;
    max-width: 1100px;
    padding: 50px 30px 0;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__services {
      padding: 30px 0 0;
    }
  }
  .shop-loyalty__services:before {
    content: '';
    position: absolute;
    left: calc(50% - 1170px);
    bottom: -954px;
    width: 2066px;
    height: 2066px;
    background: url("/new/static/shop-loyalty-program/images/back-top3.svg") no-repeat left top;
  }
  .shop-loyalty__footnote {
    font-family: 'RotonReg';
    font-size: 14px;
    line-height: 1.29;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__footnote {
      font-size: 12px;
      line-height: 1.25;
      opacity: 0.9;
    }
  }
  .shop-loyalty__controls {
    padding: 24px 0 0;
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .shop-loyalty__controls {
      padding: 16px 0 0;
    }
  }
  .loyalty-btn {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff968), color-stop(66.67%, #ff922e), to(#fb5));
    background: -o-linear-gradient(top, #fff968 0%, #ff922e 66.67%, #fb5 100%);
    background: linear-gradient(180deg, #fff968 0%, #ff922e 66.67%, #fb5 100%);
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 10px 15px rgba(255,255,255,0.62), inset 0px 10px 20px rgba(255,255,255,0.5);
            box-shadow: 0px 10px 15px rgba(255,255,255,0.62), inset 0px 10px 20px rgba(255,255,255,0.5);
    border-radius: 30px;
    font-family: 'RotonBol';
    padding: 0 30px;
    font-size: 21px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    display: inline-block;
    height: 50px;
    cursor: pointer;
    z-index: 5;
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn {
      -webkit-box-shadow: 0px 10px 15px rgba(255,255,255,0.5), inset 0px 10px 20px rgba(255,255,255,0.5);
              box-shadow: 0px 10px 15px rgba(255,255,255,0.5), inset 0px 10px 20px rgba(255,255,255,0.5);
      font-size: 18px;
      line-height: 34px;
      min-width: 170px;
      height: 40px;
      padding: 0 18px;
    }
  }
  .loyalty-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff968), color-stop(33.33%, #ff922e), to(#fb5));
    background: -o-linear-gradient(top, #fff968 0%, #ff922e 33.33%, #fb5 100%);
    background: linear-gradient(180deg, #fff968 0%, #ff922e 33.33%, #fb5 100%);
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn:hover {
      background: -webkit-gradient(linear, left top, left bottom, from(#fff968), color-stop(66.67%, #ff922e), to(#fb5));
      background: -o-linear-gradient(top, #fff968 0%, #ff922e 66.67%, #fb5 100%);
      background: linear-gradient(180deg, #fff968 0%, #ff922e 66.67%, #fb5 100%);
    }
  }
  .loyalty-btn--2stars {
    position: relative;
  }
  .loyalty-btn--2stars:after,
  .loyalty-btn--2stars:before {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/icon-star-l.png") no-repeat left top;
    background-size: 55px auto;
    position: absolute;
    left: -59px;
    top: -5px;
    width: 55px;
    height: 55px;
    cursor: default;
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--2stars:after,
    .loyalty-btn--2stars:before {
      background-image: url("/new/static/shop-loyalty-program/images/icon-star.png");
      background-size: 51px auto;
      width: 51px;
      height: 51px;
      left: -48px;
      top: -6px;
    }
  }
  .loyalty-btn--2stars:before {
    left: auto;
    right: -59px;
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--2stars:before {
      right: -48px;
    }
  }
  .loyalty-btn--2stars span:after,
  .loyalty-btn--2stars span:before {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/icon-star-s.png") no-repeat left top;
    background-size: 45px auto;
    position: absolute;
    left: -97px;
    top: 0;
    width: 45px;
    height: 45px;
    cursor: default;
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--2stars span:after,
    .loyalty-btn--2stars span:before {
      left: -77px;
      top: -3px;
    }
  }
  .loyalty-btn--2stars span:before {
    left: auto;
    right: -97px;
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--2stars span:before {
      right: -77px;
    }
  }
  .loyalty-btn--star {
    position: relative;
  }
  .loyalty-btn--star:after,
  .loyalty-btn--star:before {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/icon-star.png") no-repeat left top;
    background-size: 51px auto;
    position: absolute;
    left: -52px;
    top: -2px;
    width: 51px;
    height: 51px;
    cursor: default;
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--star:after,
    .loyalty-btn--star:before {
      background-image: url("/new/static/shop-loyalty-program/images/icon-star-s.png");
      background-size: 45px auto;
      left: -43px;
      top: -5px;
      width: 45px;
      height: 45px;
    }
  }
  .loyalty-btn--star:before {
    left: auto;
    right: -52px;
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  @media screen and (max-width: 767px) {
    .loyalty-btn--star:before {
      right: -43px;
    }
  }
  .loyalty-favorite {
    position: relative;
    padding: 0 30px;
    z-index: 5;
  }
  .loyalty-favorite::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .loyalty-favorite::-webkit-scrollbar-thumb:horizontal {
    background: rgba(255,255,255,0.4);
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite::-webkit-scrollbar-thumb:horizontal {
      background: none;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite {
      padding: 30px 0 26px 20px;
      margin: -30px auto 0;
      width: 536px;
      max-width: 100%;
      overflow: hidden;
      overflow-x: scroll;
      scrollbar-width: none;
    }
  }
  .loyalty-favorite:before {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/image-table-tl.svg") no-repeat left top;
    position: absolute;
    left: -20px;
    top: -37px;
    width: 66px;
    height: 94px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite:before {
      background-image: url("/new/static/shop-loyalty-program/images/image-table-tl--mobile.svg");
      left: 0;
      top: 0;
      width: 49px;
      height: 54px;
    }
  }
  .loyalty-favorite:after {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/image-table-tr.svg") no-repeat left top;
    position: absolute;
    right: -2px;
    top: -26px;
    width: 46px;
    height: 50px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite:after {
      background-image: url("/new/static/shop-loyalty-program/images/image-table-bl--mobile.svg");
      top: auto;
      right: auto;
      left: 0;
      bottom: 0;
      width: 38px;
      height: 41px;
    }
  }
  .loyalty-favorite__wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48.96%, #f5f5f5), to(#fff));
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    background: linear-gradient(180deg, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    -webkit-box-shadow: 0px 10px 30px rgba(4,73,101,0.25);
            box-shadow: 0px 10px 30px rgba(4,73,101,0.25);
    border-radius: 20px;
    font-family: 'RotonReg';
    font-size: 21px;
    line-height: 1.2857;
    padding: 20px 10px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-favorite__wrapper {
      font-size: 2.083328vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__wrapper {
      -webkit-box-shadow: 0px 6px 15px rgba(4,73,101,0.1);
              box-shadow: 0px 6px 15px rgba(4,73,101,0.1);
      border-radius: 10px;
      min-width: 508px;
      font-size: 14px;
      line-height: 1.25;
    }
  }
  .loyalty-favorite__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .loyalty-favorite__row--header {
    font-family: 'RotonBol';
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__row--header {
      font-family: 'RotonReg';
      font-weight: bold;
    }
  }
  .loyalty-favorite__row--header .loyalty-favorite__column {
    padding: 20px 0 13px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__row--header .loyalty-favorite__column {
      padding: 16px 0 3px;
      font-size: 14px !important;
      line-height: 1.286;
    }
  }
  .loyalty-favorite__row:last-child .loyalty-favorite__column {
    padding-bottom: 33px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__row:last-child .loyalty-favorite__column {
      padding-bottom: 12px;
    }
  }
  .loyalty-favorite__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-preferred-size: 15.65%;
        flex-basis: 15.65%;
    margin: 0 1%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding: 12px 0 13px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__column {
      padding: 8px 0 9px;
      min-width: 90px;
      margin: 0 5px 0 0;
    }
  }
  .loyalty-favorite__column .ruble_sign {
    margin: 2px 0 0 6px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-favorite__column .ruble_sign {
      margin-top: 0.130208vw;
    }
  }
  .loyalty-favorite__column:first-child {
    padding-left: 30px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-favorite__column:first-child {
      padding-left: 2.60416vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__column:first-child {
      font-size: 12px;
      padding-left: 10px;
    }
  }
  .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(n+1) {
    border-radius: 10px 10px 0 0;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(n+1) {
      border-radius: 5px 5px 0 0;
    }
  }
  .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(n+1) {
    border-radius: 0 0 10px 10px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(n+1) {
      border-radius: 0 0 5px 5px;
    }
  }
  .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#cfffb1), to(#d4ffb7));
    background: -o-linear-gradient(top, #cfffb1 0%, #d4ffb7 100%);
    background: linear-gradient(180deg, #cfffb1 0%, #d4ffb7 100%);
  }
  .loyalty-favorite__row:nth-child(2) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#d4ffb7), to(#d9ffbd));
    background: -o-linear-gradient(top, #d4ffb7 0%, #d9ffbd 100%);
    background: linear-gradient(180deg, #d4ffb7 0%, #d9ffbd 100%);
  }
  .loyalty-favorite__row:nth-child(3) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#d9ffbd), to(#ddffc3));
    background: -o-linear-gradient(top, #d9ffbd 0%, #ddffc3 100%);
    background: linear-gradient(180deg, #d9ffbd 0%, #ddffc3 100%);
  }
  .loyalty-favorite__row:nth-child(4) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ddffc3), to(#e3ffca));
    background: -o-linear-gradient(top, #ddffc3 0%, #e3ffca 100%);
    background: linear-gradient(180deg, #ddffc3 0%, #e3ffca 100%);
  }
  .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#e3ffca), to(#e8ffd0));
    background: -o-linear-gradient(top, #e3ffca 0%, #e8ffd0 100%);
    background: linear-gradient(180deg, #e3ffca 0%, #e8ffd0 100%);
  }
  .loyalty-favorite__row:nth-child(6) .loyalty-favorite__column:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#e8ffd0), to(#edffd7));
    background: -o-linear-gradient(top, #e8ffd0 0%, #edffd7 100%);
    background: linear-gradient(180deg, #e8ffd0 0%, #edffd7 100%);
  }
  .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff3b1), to(#fef5b7));
    background: -o-linear-gradient(top, #fff3b1 0%, #fef5b7 100%);
    background: linear-gradient(180deg, #fff3b1 0%, #fef5b7 100%);
  }
  .loyalty-favorite__row:nth-child(2) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fef5b7), to(#fef7bd));
    background: -o-linear-gradient(top, #fef5b7 0%, #fef7bd 100%);
    background: linear-gradient(180deg, #fef5b7 0%, #fef7bd 100%);
  }
  .loyalty-favorite__row:nth-child(3) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fef7bd), to(#fdf8c3));
    background: -o-linear-gradient(top, #fef7bd 0%, #fdf8c3 100%);
    background: linear-gradient(180deg, #fef7bd 0%, #fdf8c3 100%);
  }
  .loyalty-favorite__row:nth-child(4) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdf8c3), to(#fdfbca));
    background: -o-linear-gradient(top, #fdf8c3 0%, #fdfbca 100%);
    background: linear-gradient(180deg, #fdf8c3 0%, #fdfbca 100%);
  }
  .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfbca), to(#fdfdd0));
    background: -o-linear-gradient(top, #fdfbca 0%, #fdfdd0 100%);
    background: linear-gradient(180deg, #fdfbca 0%, #fdfdd0 100%);
  }
  .loyalty-favorite__row:nth-child(6) .loyalty-favorite__column:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdd0), to(#fcffd7));
    background: -o-linear-gradient(top, #fdfdd0 0%, #fcffd7 100%);
    background: linear-gradient(180deg, #fdfdd0 0%, #fcffd7 100%);
  }
  .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd2b1), to(#ffd7b7));
    background: -o-linear-gradient(top, #ffd2b1 0%, #ffd7b7 100%);
    background: linear-gradient(180deg, #ffd2b1 0%, #ffd7b7 100%);
  }
  .loyalty-favorite__row:nth-child(2) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd7b7), to(#ffdbbd));
    background: -o-linear-gradient(top, #ffd7b7 0%, #ffdbbd 100%);
    background: linear-gradient(180deg, #ffd7b7 0%, #ffdbbd 100%);
  }
  .loyalty-favorite__row:nth-child(3) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdbbd), to(#ffe0c3));
    background: -o-linear-gradient(top, #ffdbbd 0%, #ffe0c3 100%);
    background: linear-gradient(180deg, #ffdbbd 0%, #ffe0c3 100%);
  }
  .loyalty-favorite__row:nth-child(4) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe0c3), to(#ffe5c9));
    background: -o-linear-gradient(top, #ffe0c3 0%, #ffe5c9 100%);
    background: linear-gradient(180deg, #ffe0c3 0%, #ffe5c9 100%);
  }
  .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe5c9), to(#ffead0));
    background: -o-linear-gradient(top, #ffe5c9 0%, #ffead0 100%);
    background: linear-gradient(180deg, #ffe5c9 0%, #ffead0 100%);
  }
  .loyalty-favorite__row:nth-child(6) .loyalty-favorite__column:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffead0), to(#ffefd7));
    background: -o-linear-gradient(top, #ffead0 0%, #ffefd7 100%);
    background: linear-gradient(180deg, #ffead0 0%, #ffefd7 100%);
  }
  .loyalty-favorite__row:nth-child(1) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb1b1), to(#ffb7b7));
    background: -o-linear-gradient(top, #ffb1b1 0%, #ffb7b7 100%);
    background: linear-gradient(180deg, #ffb1b1 0%, #ffb7b7 100%);
  }
  .loyalty-favorite__row:nth-child(2) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb7b7), to(#ffbdbd));
    background: -o-linear-gradient(top, #ffb7b7 0%, #ffbdbd 100%);
    background: linear-gradient(180deg, #ffb7b7 0%, #ffbdbd 100%);
  }
  .loyalty-favorite__row:nth-child(3) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffbdbd), to(#ffc3c3));
    background: -o-linear-gradient(top, #ffbdbd 0%, #ffc3c3 100%);
    background: linear-gradient(180deg, #ffbdbd 0%, #ffc3c3 100%);
  }
  .loyalty-favorite__row:nth-child(4) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc3c3), to(#ffc9c9));
    background: -o-linear-gradient(top, #ffc3c3 0%, #ffc9c9 100%);
    background: linear-gradient(180deg, #ffc3c3 0%, #ffc9c9 100%);
  }
  .loyalty-favorite__row:nth-child(5) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc9c9), to(#ffcfcf));
    background: -o-linear-gradient(top, #ffc9c9 0%, #ffcfcf 100%);
    background: linear-gradient(180deg, #ffc9c9 0%, #ffcfcf 100%);
  }
  .loyalty-favorite__row:nth-child(6) .loyalty-favorite__column:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcfcf), to(#ffd7d7));
    background: -o-linear-gradient(top, #ffcfcf 0%, #ffd7d7 100%);
    background: linear-gradient(180deg, #ffcfcf 0%, #ffd7d7 100%);
  }
  .loyalty-status {
    position: relative;
    padding: 0 30px;
    z-index: 5;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status {
      max-width: 450px;
      padding: 0 20px;
      margin: 0 auto;
    }
  }
  .loyalty-status:before {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/image-table-bl.svg") no-repeat left top;
    position: absolute;
    left: -5px;
    bottom: -39px;
    width: 53px;
    height: 48px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status:before {
      background-image: url("/new/static/shop-loyalty-program/images/image-table-bl2--mobile.svg");
      left: 4px;
      bottom: -11px;
      width: 20px;
      height: 19px;
    }
  }
  .loyalty-status:after {
    content: '';
    background: url("/new/static/shop-loyalty-program/images/image-table-br.svg") no-repeat left top;
    position: absolute;
    right: -13px;
    bottom: -36px;
    width: 62px;
    height: 62px;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status:after {
      display: none;
    }
  }
  .loyalty-status__wrapper {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48.96%, #f5f5f5), to(#fff));
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    background: linear-gradient(180deg, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    -webkit-box-shadow: 0px 10px 30px rgba(4,73,101,0.25);
            box-shadow: 0px 10px 30px rgba(4,73,101,0.25);
    border-radius: 20px;
    font-family: 'RotonReg';
    font-size: 21px;
    line-height: 1.2857;
    padding: 7px 30px 38px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__wrapper {
      font-size: 2.083328vw;
      padding: 7px 25px 38px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__wrapper {
      font-size: 14px;
      line-height: 18px;
      border-radius: 10px;
      padding: 7px 15px 21px;
    }
  }
  .loyalty-status__done {
    position: relative;
    padding-left: 26px;
    color: #0ec02b;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__done {
      padding-left: 20px;
    }
  }
  .loyalty-status__done:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 17px;
    height: 10px;
    border-left: 2px solid #0ec02b;
    border-bottom: 2px solid #0ec02b;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__done:before {
      top: 0.260416vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__done:before {
      width: 13px;
      height: 7px;
    }
  }
  .loyalty-status__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__row {
      max-width: 100%;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
  .loyalty-status__row--header {
    font-family: 'RotonBol';
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__row--header {
      font-family: 'RotonReg';
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      font-weight: bold;
    }
  }
  .loyalty-status__row:nth-child(2n) {
    background: rgba(64,64,64,0.05);
    border-radius: 10px;
  }
  .loyalty-status__row--header .loyalty-status__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: auto;
    padding: 18px 0 18px 30px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__row--header .loyalty-status__column {
      padding: 18px 0 18px 20px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__row--header .loyalty-status__column {
      padding: 10px 0 18px 15px;
      max-width: none !important;
    }
  }
  .loyalty-status__row--header .loyalty-status__column:nth-child(2) {
    font-size: 18px;
    line-height: 1.28;
    -ms-flex-preferred-size: 390px;
        flex-basis: 390px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__row--header .loyalty-status__column:nth-child(2) {
      font-size: 1.95312vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__row--header .loyalty-status__column:nth-child(2) {
      padding: 10px 15px 18px 10px;
      font-size: 13px;
      line-height: 15px;
      text-align: right;
    }
  }
  .loyalty-status__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 10px 30px;
    min-height: 52px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__column {
      padding: 10px 0 10px 20px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__column {
      padding: 10px 0 0 15px;
      min-height: 0;
    }
    .loyalty-status__column .ruble_sign {
      position: relative;
      top: -3px;
    }
  }
  .loyalty-status__column:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__column:nth-child(1) {
      max-width: 70%;
    }
  }
  .loyalty-status__column:nth-child(2) {
    font-size: 21px;
    line-height: 1.286;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    min-width: 82px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__column:nth-child(2) {
      font-size: 2.083328vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__column:nth-child(2) {
      font-size: 14px;
      line-height: 18px;
      max-width: 30%;
      min-width: 0;
      width: 100%;
      padding-right: 15px;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
    }
  }
  .loyalty-status__column:nth-child(3) {
    font-size: 18px;
    line-height: 1.278;
    -ms-flex-preferred-size: 308px;
        flex-basis: 308px;
    min-width: 308px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-status__column:nth-child(3) {
      font-size: 1.95312vw;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-status__column:nth-child(3) {
      font-size: 12px;
      line-height: 1;
      max-width: 70%;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      min-width: 0;
      width: 100%;
      padding-top: 8px;
      padding-bottom: 18px;
    }
  }
  .loyalty-products {
    position: relative;
    padding: 0 30px;
    max-width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    z-index: 5;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .loyalty-products::-webkit-scrollbar {
    height: 6px;
    width: 6px;
  }
  .loyalty-products::-webkit-scrollbar-thumb:horizontal {
    background: rgba(255,255,255,0.4);
  }
  @media screen and (max-width: 767px) {
    .loyalty-products::-webkit-scrollbar-thumb:horizontal {
      background: none;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-products {
      padding: 0 20px;
    }
  }
  .loyalty-products__wrapper {
    min-width: 1040px;
    min-height: 418px;
    font-size: 0;
    line-height: 1;
    margin: 0 0 2px;
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 767px) {
    .loyalty-products__wrapper {
      margin-bottom: 4px;
    }
  }
  .loyalty-products .b-product-card {
    max-width: 245px;
    margin: 0 10px;
    height: auto;
  }
  .loyalty-products .b-product-card:first-child {
    margin-left: 0;
  }
  .loyalty-products .b-product-card:last-child {
    margin-right: 0;
  }
  .loyalty-services {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 7px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services {
      margin: 0 auto;
      max-width: 710px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services {
      max-width: 375px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-bottom: 4px;
    }
  }
  .loyalty-services__item {
    position: relative;
    padding: 0 10px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item {
      min-width: 33.3333%;
      padding: 0 10px 30px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item {
      padding: 23px 20px 0;
      min-width: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
  }
  .loyalty-services__item:after {
    content: '';
    position: absolute;
    background: none no-repeat left top;
  }
  .loyalty-services__item:nth-child(1) {
    width: 18%;
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(1) {
      width: 100%;
    }
  }
  .loyalty-services__item:nth-child(2) {
    width: 22.5%;
    padding: 0;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item:nth-child(2) {
      padding: 0 0 30px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(2) {
      padding: 20px 20px 0;
      width: 100%;
    }
  }
  .loyalty-services__item:nth-child(2):after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-line1.svg");
    width: 88px;
    height: 60px;
    left: -28px;
    top: 40px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item:nth-child(2):after {
      left: -45px;
      top: 30px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(2):after {
      background-image: url("/new/static/shop-loyalty-program/images/icon-line5.svg");
      width: 67px;
      height: 63px;
      left: 1px;
      top: -16px;
    }
  }
  .loyalty-services__item:nth-child(3) {
    width: 18.2%;
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(3) {
      padding: 20px 20px 0;
      width: 100%;
    }
  }
  .loyalty-services__item:nth-child(3):after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-line2.svg");
    width: 91px;
    height: 85px;
    left: -54px;
    top: 9px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item:nth-child(3):after {
      left: -42px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(3):after {
      background-image: url("/new/static/shop-loyalty-program/images/icon-line6.svg");
      width: 91px;
      height: 71px;
      left: auto;
      right: 42px;
      top: -2px;
    }
  }
  .loyalty-services__item:nth-child(4) {
    width: 22.8%;
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(4) {
      padding: 20px 20px 0;
      width: 100%;
    }
  }
  .loyalty-services__item:nth-child(4):after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-line3.svg");
    width: 80px;
    height: 69px;
    left: -27px;
    top: 32px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item:nth-child(4):after {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(4):after {
      background-image: url("/new/static/shop-loyalty-program/images/icon-line7.svg");
      width: 67px;
      height: 70px;
      display: block;
      left: 22px;
      top: -2px;
    }
  }
  .loyalty-services__item:nth-child(5) {
    width: 18%;
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(5) {
      padding: 20px 20px 0;
      width: 100%;
    }
  }
  .loyalty-services__item:nth-child(5):after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-line4.svg");
    width: 71px;
    height: 55px;
    left: -47px;
    top: 28px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__item:nth-child(5):after {
      left: -37px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(5):after {
      left: auto;
      right: 76px;
      top: -10px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__item:nth-child(2n) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
    .loyalty-services__item:nth-child(2n) .loyalty-services__title {
      padding: 0 20px 0 0;
      text-align: right;
    }
  }
  .loyalty-services__icon {
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(48.96%, #f5f5f5), to(#fff));
    background: -o-linear-gradient(top, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    background: linear-gradient(180deg, #fff 0%, #f5f5f5 48.96%, #fff 100%);
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 0px 15px #fff;
            box-shadow: 0px 0px 15px #fff;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__icon {
      border: 1px solid #fff;
      width: 100px;
      height: 100px;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon {
      width: 80px;
      height: 80px;
      margin: 0;
    }
  }
  .loyalty-services__icon:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: none no-repeat center center;
  }
  .loyalty-services__icon--i1:after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-loyalty-1.svg");
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon--i1:after {
      background-size: auto 43px;
      background-position: 22px 50%;
    }
  }
  .loyalty-services__icon--i2:after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-loyalty-2.svg");
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon--i2:after {
      background-size: auto 43px;
      background-position: 15px 50%;
    }
  }
  .loyalty-services__icon--i3:after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-loyalty-3.svg");
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon--i3:after {
      background-size: auto 30px;
      background-position: 12px 50%;
    }
  }
  .loyalty-services__icon--i4:after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-loyalty-4.svg");
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon--i4:after {
      background-size: auto 48px;
      background-position: 20px 50%;
    }
  }
  .loyalty-services__icon--i5:after {
    background-image: url("/new/static/shop-loyalty-program/images/icon-loyalty-5.svg");
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__icon--i5:after {
      background-size: auto 40px;
      background-position: 16px 50%;
    }
  }
  .loyalty-services__title {
    font-size: 21px;
    line-height: 1.286;
    text-align: center;
    padding-top: 15px;
  }
  @media screen and (max-width: 1023px) {
    .loyalty-services__title {
      font-size: 18px;
    }
    .loyalty-services__title br {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__title {
      max-width: calc(100% - 80px);
      font-size: 14px;
      line-height: 18px;
      text-align: left;
      padding: 0 0 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
  .loyalty-services__title b {
    font-family: 'RotonBol';
    font-weight: normal;
  }
  @media screen and (max-width: 767px) {
    .loyalty-services__title b {
      font-family: 'RotonReg';
      font-weight: bold;
      display: block;
    }
  }
  
.NBLiveChat {
  position: fixed;
  right: 20px;
  bottom: 90px;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 51;
  --dark-blue: #24346C;
  --green: #348E44;
  --gray-super-dark: #1E2E34;
  --gray-dark: #404040;
  --gray: #919399;
  --gray-middle: #818181;
  --gray-middle2: #989898;
  --gray-light: #BEBEBE;
  --gray-super-light: #E3E3E3;
  --gray-super-light2: #F1F1F1;
  --gray-super-light3: #E7E7E7;
  --gray-super-light4: #F2F2F2;
  --orange: #EF7A23;
  --orange-light: #F9AB5E;
  --orange-medium: #F08013;
  --blue-medium: #3E5ABC;
  --blue-dark: #24346C;
  --blue-dark2: #27388A;
  --green-light: #348E44;
  --green-hover: rgba(52, 142, 68, 0.8);
  --red: #F02432;
  --br: 20px; }
  @media (max-width: 767px) {
    .NBLiveChat {
      --br: 16px;
      /*right: 8px;
        bottom: 76px;
        &.visible {
            position: static;
        }*/ } }
  @media (max-width: 459px) {
    .NBLiveChat {
      right: 16px;
    }
  }
  .NBLiveChat * {
    box-sizing: border-box; }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen {
      overflow: hidden; } }
  @media (max-width: 767px) {
    .NBLiveChat_isOpen body {
      overflow: hidden; } }
  .NBLiveChat.disabled form,
  .NBLiveChat.disabled .NBLiveChat__actions {
    opacity: 0.5;
    pointer-events: none; }
  .NBLiveChat__close {
    position: absolute;
    cursor: pointer;
    color: #fff;
    background: #ff8300;
    border-radius: 50%;
    right: -11px;
    top: -13px;
    width: 44px;
    height: 44px;
    transition: background 134ms;
    z-index: 5;
    /*@media ($phone) {
            left: auto;
            right: 14px;
            top: 16px;
            width: 16px;
            height: 16px;
            background: none;
            border: none;
            border-radius: 0;
            filter: none;
        }*/ }
    .NBLiveChat__close::before, .NBLiveChat__close::after {
      content: '';
      position: absolute;
      left: 12px;
      top: 21px;
      width: 20px;
      height: 2px;
      background: currentColor;
      transform: rotate(45deg);
      color: #fff;
      /*@media ($phone) {
                background: var(--white);
                left: 1px;
                top: 7px;
                width: 14px;
            }*/ }
    .NBLiveChat__close::after {
      transform: rotate(-45deg); }
  .NBLiveChat__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    @media (max-width: 459px) {
      .NBLiveChat__icon {
        display: none;
      }
    }
    .NBLiveChat__icon img {
      transform: scale(1.08); }
  .NBLiveChat__wrapper {
    position: absolute;
    bottom: -60px;
    right: 16px;
    height: calc(100vh - 32px);
    max-height: calc(75px + 463px + 109px); }
    @media (max-width: 767px) {
      .NBLiveChat__wrapper {
        bottom: -50px;
        height: calc(100vh - 16px - 90px);
        height: calc(100dvh - 16px - 90px);
        max-height: calc(61px + 463px + 48px); } }
    @media (max-width: 459px) {
      .NBLiveChat__wrapper {
        bottom: -10px;
        right: 0;
      }
    }
  .NBLiveChat__root {
    width: 375px;
    filter: drop-shadow(0px 4px 60px rgba(0, 0, 0, 0.2));
    background: var(--white);
    border-radius: var(--br);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column; }
    @media (max-width: 459px) {
      .NBLiveChat__root {
        width: calc(100vw - 32px);
      } 
    }
  .NBLiveChat__header {
    border-radius: var(--br) var(--br) 0px 0px;
    background: var(--dark-blue);
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "avatar top"
 "avatar status";
    grid-template-columns: 1fr 100%;
    gap: 4px 8px;
    flex: none; }
  .NBLiveChat__avatar {
    grid-area: avatar;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: gray;
    background-size: contain; }
    @media (max-width: 767px) {
      .NBLiveChat__avatar {
        width: 28px;
        height: 28px; } }
    .NBLiveChat__avatar.hidden {
      width: 0; }
  .NBLiveChat__top {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    grid-area: top; }
    @media (max-width: 767px) {
      .NBLiveChat__top {
        font-size: 12px;
        line-height: 15px; } }
  .NBLiveChat__status {
    grid-area: status;
    color: var(--gray-light);
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: baseline;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__status {
        font-size: 10px;
        line-height: 10px; } }
    .NBLiveChat__status.online {
      color: var(--white); }
      .NBLiveChat__status.online:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: var(--green); }
        @media (max-width: 767px) {
          .NBLiveChat__status.online:before {
            font-size: 6px;
            line-height: 6px; } }
    .NBLiveChat__status-typeing {
      display: flex;
      align-items: center;
      gap: 2px; }
      .NBLiveChat__status-typeing div {
        width: 2px;
        height: 2px;
        background: var(--white);
        border-radius: 50%;
        transform: scale(0);
        animation-name: preloader;
        animation-timing-function: linear;
        animation-duration: 2s;
        animation-iteration-count: infinite; }
        .NBLiveChat__status-typeing div:nth-child(1) {
          animation-delay: 0s; }
        .NBLiveChat__status-typeing div:nth-child(2) {
          animation-delay: 0.3s; }
        .NBLiveChat__status-typeing div:nth-child(3) {
          animation-delay: 0.6s; }
  .NBLiveChat__body {
    max-height: 463px;
    padding: 16px 12px;
    display: grid;
    grid-template-areas: "content"
 "actions";
    grid-template-rows: 1fr auto;
    grid-template-columns: 100%;
    overflow-y: auto;
    gap: 24px;
    background: var(--white);
    flex-grow: 1; }
    .NBLiveChat__body::-webkit-scrollbar {
      width: 6px;
      height: 40px; }
    .NBLiveChat__body::-webkit-scrollbar-thumb {
      background: var(--green-hover);
      border-radius: 3px; }
    .NBLiveChat__body::-webkit-scrollbar-track {
      background: var(--gray-super-light2); }
    @media (max-width: 767px) {
      .NBLiveChat__body {
        padding: 12px 10px;
        gap: 12px; } }
  .NBLiveChat__content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    @media (max-width: 767px) {
      .NBLiveChat__content {
        gap: 4px; } }
  .NBLiveChat__message {
    display: grid;
    grid-template-areas: "empty1 top"
 "avatar text"
 "error text"
 "empty content";
    gap: 8px;
    grid-template-columns: 40px calc(100% - 48px);
    padding-right: 36px;
    max-width: 100%;
    animation: messageShow 0.2s ease-in-out 0s 1; }
    @media (max-width: 767px) {
      .NBLiveChat__message {
        gap: 4px;
        grid-template-columns: 40px calc(100% - 44px);
        padding-right: 0px; } }
    .NBLiveChat__message.processing .NBLiveChat__message-error {
      display: none; }
    .NBLiveChat__message.processing::after {
      content: '';
      grid-area: error;
      display: block;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      border: 2px solid var(--gray-middle2);
      border-color: var(--gray-middle2) transparent var(--gray-middle2) transparent;
      animation: lds-dual-ring 1.2s linear infinite; }
    .NBLiveChat__message.unread .NBLiveChat__message-status svg path:nth-child(1) {
      opacity: 0; }
    .NBLiveChat__message--user {
      padding-right: 0px;
      padding-left: 36px;
      margin-left: auto;
      justify-items: end; }
      .NBLiveChat__message--user .NBLiveChat__message-data {
        background: var(--green);
        border-color: var(--green);
        color: var(--white); }
      .NBLiveChat__message--user .NBLiveChat__message-status {
        color: var(--white);
        opacity: 0.8; }
    .NBLiveChat__message-top {
      grid-area: top;
      font-weight: 400;
      font-size: 12px;
      line-height: 15px;
      text-align: left;
      color: var(--gray-light); }
      @media (max-width: 767px) {
        .NBLiveChat__message-top {
          font-size: 10px;
          line-height: 10px; } }
    .NBLiveChat__message-avatar {
      grid-area: avatar;
      width: 40px;
      height: 40px;
      border-radius: 20px;
      background-color: var(--orange);
      background-image: url(/new/static/NBLiveChat/images/ico-agent.svg);
      background-position: 40% 30%;
      background-repeat: no-repeat;
      background-size: 46px; }
    .NBLiveChat__message-data {
      grid-area: text;
      padding: 8px 12px 4px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: left;
      border: 1px solid var(--gray-light);
      border-radius: 8px;
      width: -moz-fit-content;
      width: fit-content;
      display: flex;
      flex-direction: column;
      gap: 8px;
      max-width: 100%;
      min-width: 90px; }
      @media (max-width: 767px) {
        .NBLiveChat__message-data {
          font-size: 14px;
          line-height: 18px; } }
      .NBLiveChat__message-data p {
        margin: unset;
        font-size: inherit;
        line-height: inherit; }
        .NBLiveChat__message-data p + p {
          margin-top: 8px; }
    .NBLiveChat__message-text {
      width: 100%;
      overflow: hidden; }
    .NBLiveChat__message-status {
      margin-top: 2px;
      font-weight: 400;
      font-size: 11px;
      line-height: 14px;
      text-align: right;
      color: var(--gray);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 3px; }
    .NBLiveChat__message-content {
      grid-area: content;
      padding: 6px 10px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px;
      display: flex;
      flex-direction: column; }
    .NBLiveChat__message-attachment {
      border-radius: 5px;
      background-color: var(--orange-light);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 99px;
      padding: 10px;
      pointer-events: none; }
      .NBLiveChat__message-attachment div {
        overflow: hidden;
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        color: var(--white);
        text-overflow: ellipsis;
        white-space: nowrap; }
      .NBLiveChat__message-attachment.photo {
        height: auto;
        background: var(--white); }
        .NBLiveChat__message-attachment.photo img {
          max-width: 100%;
          width: 100%;
          height: auto; }
    .NBLiveChat__message a + a .NBLiveChat__message-result {
      border-top: 1px solid var(--gray-super-light); }
    .NBLiveChat__message-result {
      display: flex;
      gap: 8px;
      padding: 4px 0px; }
      .NBLiveChat__message-result_preview {
        width: 70px;
        height: 70px;
        flex-shrink: 0; }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_preview {
            width: 48px;
            height: 48px; } }
        .NBLiveChat__message-result_preview img {
          height: 100%;
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      .NBLiveChat__message-result_text {
        font-family: 'Arial';
        font-size: 16px;
        line-height: 1;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__message-result_text {
            font-size: 12px;
            line-height: 16px; } }
    .NBLiveChat__message-error {
      grid-area: error;
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .NBLiveChat__message-error_ico {
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background: var(--red);
        cursor: pointer;
        font-size: 16px;
        color: var(--white);
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        .NBLiveChat__message-error_ico:hover + .NBLiveChat__message-error_tooltipe {
          display: flex; }
        .NBLiveChat__message-error_ico::after {
          content: '';
          display: block;
          width: 100%;
          height: 10px;
          position: absolute;
          left: 0px;
          bottom: 100%; }
      .NBLiveChat__message-error_tooltipe {
        position: absolute;
        left: -12px;
        bottom: calc(100% + 8px);
        padding: 8px;
        border-radius: 5px;
        border: 1px solid var(--gray-super-light3);
        display: flex;
        flex-direction: column;
        gap: 2px;
        background: var(--white);
        width: -moz-max-content;
        width: max-content;
        display: none;
        animation: messageShow 0.2s ease-in-out 0s 1; }
        .NBLiveChat__message-error_tooltipe::after {
          content: '';
          display: block;
          width: 10px;
          height: 10px;
          border-radius: 4px;
          border-right: 1px solid var(--gray-super-light3);
          border-bottom: 1px solid var(--gray-super-light3);
          position: absolute;
          left: 15px;
          bottom: -6px;
          background: var(--white);
          transform: rotate(45deg); }
        .NBLiveChat__message-error_tooltipe:hover {
          display: flex; }
      .NBLiveChat__message-error_button {
        width: 100%;
        color: var(--gray-middle2);
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer; }
        .NBLiveChat__message-error_button + .NBLiveChat__message-error_button {
          border-top: 1px solid var(--gray-super-light3); }
  .NBLiveChat__order-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    position: relative;
    cursor: pointer; }
    .NBLiveChat__order-item + .NBLiveChat__order-item {
      margin-top: 6px;
      padding-top: 7px; }
      .NBLiveChat__order-item + .NBLiveChat__order-item::before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: var(--gray-super-light);
        position: absolute;
        left: 0;
        top: 0; }
  .NBLiveChat__order-number {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--gray-dark); }
  .NBLiveChat__order-date {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-light); }
  .NBLiveChat__order-all {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--blue-medium); }
  .NBLiveChat__footer {
    border-top: 1px solid var(--gray-super-light);
    padding: 16px 12px;
    background: var(--white);
    border-radius: 0px 0px var(--br) var(--br);
    flex: none;
    margin-bottom: 0 !important; }
    .NBLiveChat__footer.disabled {
      pointer-events: none;
      display: none; }
    @media (max-width: 767px) {
      .NBLiveChat__footer {
        padding: 10px 8px;
        position: relative; } }
    .NBLiveChat__footer form {
      display: flex;
      flex-direction: column;
      gap: 8px; }
  .NBLiveChat__textarea {
    display: flex;
    align-items: center;
    gap: 4px; }
    @media (max-width: 767px) {
      .NBLiveChat__textarea {
        padding-left: 35px;
        height: 27px; } }
  .NBLiveChat__input {
    position: relative;
    width: calc(100% - 76px); }
    @media (max-width: 767px) {
      .NBLiveChat__input {
        width: calc(100% - 45px);
        height: 27px; } }
    .NBLiveChat__input .emoji-wysiwyg-editor {
      display: block !important; }
    .NBLiveChat__input .emoji-wysiwyg-editor,
    .NBLiveChat__input input {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      height: 44px;
      width: 100%;
      border: none;
      box-shadow: none;
      background: none;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--gray-dark);
      padding: 0px 0px 0px 0px; }
      .NBLiveChat__input .emoji-wysiwyg-editor:empty,
      .NBLiveChat__input input:empty {
        line-height: 44px; }
        .NBLiveChat__input .emoji-wysiwyg-editor:empty::before,
        .NBLiveChat__input input:empty::before {
          pointer-events: none; }
      @media (max-width: 767px) {
        .NBLiveChat__input .emoji-wysiwyg-editor,
        .NBLiveChat__input input {
          height: 27px !important;
          min-height: 27px;
          font-size: 16px;
          line-height: 24px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:empty,
          .NBLiveChat__input input:empty {
            line-height: 27px; }
          .NBLiveChat__input .emoji-wysiwyg-editor:focus,
          .NBLiveChat__input input:focus {
            height: 27px !important; }
          .NBLiveChat__input .emoji-wysiwyg-editor:not(:empty),
          .NBLiveChat__input input:not(:empty) {
            line-height: 27px; } }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar,
      .NBLiveChat__input input::-webkit-scrollbar {
        width: 5px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-thumb,
      .NBLiveChat__input input::-webkit-scrollbar-thumb {
        background: #DBDBDB;
        border-radius: 3px; }
      .NBLiveChat__input .emoji-wysiwyg-editor::-webkit-scrollbar-track,
      .NBLiveChat__input input::-webkit-scrollbar-track {
        background: var(--gray-super-light2); }
      .NBLiveChat__input .emoji-wysiwyg-editor::-moz-placeholder, .NBLiveChat__input input::-moz-placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
      .NBLiveChat__input .emoji-wysiwyg-editor::placeholder,
      .NBLiveChat__input input::placeholder {
        font-weight: 400 !important;
        color: var(--gray);
        font-family: Arial, Helvetica, sans-serif !important; }
    .NBLiveChat__input-clear {
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: relative; }
      .NBLiveChat__input-clear::after, .NBLiveChat__input-clear::before {
        content: '';
        width: 16px;
        height: 2px;
        top: 10px;
        left: 4px;
        border-radius: 2px;
        position: absolute;
        transform: rotate(45deg);
        background: var(--gray); }
      .NBLiveChat__input-clear::before {
        transform: rotate(-45deg); }
      @media (max-width: 767px) {
        .NBLiveChat__input-clear {
          display: none !important; } }
    .NBLiveChat__input .emoji-menu {
      bottom: 100%;
      left: 0px;
      width: 283px;
      border: 1px solid var(--gray-super-light);
      border-radius: 8px; }
      .NBLiveChat__input .emoji-menu .emoji-items-wrap {
        overflow: auto; }
  .NBLiveChat__send {
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    outline: none; }
    @media (max-width: 767px) {
      .NBLiveChat__send {
        height: 27px; } }
  .NBLiveChat__tools {
    display: flex;
    align-items: center;
    gap: 12px; }
    @media (max-width: 767px) {
      .NBLiveChat__tools {
        position: absolute;
        left: 10px;
        bottom: 13px; }
        .NBLiveChat__tools .js-emodji {
          display: none; } }
    .NBLiveChat__tools-item {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: var(--gray-light); }
      .NBLiveChat__tools-item.active {
        color: var(--blue-dark); }
      .NBLiveChat__tools-item input[type="file"] {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
        border: none;
        font-size: 0;
        line-height: 0;
        height: auto;
        opacity: 0; }
  .NBLiveChat__actions {
    grid-area: actions;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end; }
    @media (max-width: 767px) {
      .NBLiveChat__actions {
        gap: 8px 5px; } }
    .NBLiveChat__actions-item {
      cursor: pointer;
      padding: 6px 15px;
      border-radius: 26px;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      width: auto;
      color: var(--green-light);
      border: 1px solid var(--green-light);
      animation: messageShow 0.2s ease-in-out 0s 1; }
      @media (max-width: 767px) {
        .NBLiveChat__actions-item {
          font-size: 14px;
          line-height: 16px;
          padding: 5px 10px; } }
      .NBLiveChat__actions-item:hover {
        background: var(--green-hover);
        color: var(--white);
        border-color: var(--green-hover); }
      .NBLiveChat__actions-item:active {
        background: var(--green-light);
        color: var(--white); }
    .NBLiveChat__actions-footer {
      width: 100%;
      display: flex;
      gap: 6px;
      justify-content: flex-end;
      align-items: center; }
      .NBLiveChat__actions-footer svg {
        cursor: pointer; }
        @media (max-width: 767px) {
          .NBLiveChat__actions-footer svg {
            height: 26px;
            width: auto; } }
    .NBLiveChat__actions-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      cursor: pointer;
      border: 1px solid var(--orange-medium);
      border-radius: 11px;
      position: relative; }
    .NBLiveChat__actions-descr {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 100%);
      color: #F08013; }
  .NBLiveChat__files {
    display: flex;
    gap: 8px;
    width: 100%; }
    @media (max-width: 767px) {
      .NBLiveChat__files {
        gap: 5px; } }
    .NBLiveChat__files-item {
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 51px;
      height: 44px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: var(--orange-light);
      position: relative; }
      .NBLiveChat__files-item.error {
        outline: 1px solid var(--red); }
      @media (max-width: 767px) {
        .NBLiveChat__files-item {
          width: 37px;
          height: 35px; } }
    .NBLiveChat__files-del {
      position: absolute;
      top: -2px;
      right: -4px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      cursor: pointer;
      background: var(--gray-dark); }
      @media (max-width: 767px) {
        .NBLiveChat__files-del {
          width: 8px;
          height: 8px; } }
      .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
        content: '';
        display: block;
        width: 6px;
        height: 1px;
        border-radius: 2px;
        background: var(--white);
        position: absolute;
        left: 3px;
        top: 5px;
        transform: rotate(45deg); }
        @media (max-width: 767px) {
          .NBLiveChat__files-del::before, .NBLiveChat__files-del::after {
            width: 4px; } }
      .NBLiveChat__files-del::after {
        transform: rotate(-45deg); }
    .NBLiveChat__files-text {
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
      color: var(--white); }
    .NBLiveChat__files-error {
      position: absolute;
      left: 0;
      bottom: calc(100% + 5px);
      font-family: Arial;
      color: var(--red);
      font-size: 10px;
      line-height: 10px;
      text-align: left;
      background: var(--white); }
      @media (max-width: 767px) {
        .NBLiveChat__files-error {
          font-size: 6px;
          line-height: 9px; } }
  .NBLiveChat__dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(61, 61, 61, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--br); }
    .NBLiveChat__dialog-block {
      border: 2px solid var(--gray-super-light3);
      background: var(--white);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 280px;
      flex-shrink: 0; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-block {
          width: 210px; } }
    .NBLiveChat__dialog-message {
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 15px;
      color: var(--gray-middle2);
      padding: 15px 30px; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-message {
          font-size: 13px; } }
    .NBLiveChat__dialog-buttons {
      display: flex;
      align-items: center;
      border-top: 1px solid var(--gray-super-light); }
      .NBLiveChat__dialog-buttons :nth-child(1) {
        color: var(--blue-dark2); }
    .NBLiveChat__dialog-button {
      width: 100%;
      font-family: 'Arial';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      color: var(--gray-dark);
      cursor: pointer;
      padding: 5px 20px;
      height: 40px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .NBLiveChat__dialog-button {
          font-size: 13px;
          height: 30px; } }
      .NBLiveChat__dialog-button + .NBLiveChat__dialog-button {
        border-left: 1px solid var(--gray-super-light); }
  .NBLiveChat__review {
    grid-area: text;
    text-align: center; }
    .NBLiveChat__review.disabled {
      pointer-events: none; }
    .NBLiveChat__review-message {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 5px;
      background: var(--gray-super-light4);
      padding: 10px 20px;
      border-radius: 9px;
      cursor: pointer; }
      @media (max-width: 767px) {
        .NBLiveChat__review-message {
          padding: 6px 20px; } }
      .NBLiveChat__review-message_title {
        font-family: 'Arial';
        font-weight: 400;
        font-size: 12px;
        line-height: 16px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-message_title {
            font-size: 8px;
            line-height: 9px; } }
    .NBLiveChat__review-stars {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row-reverse;
      gap: 0px; }
      .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item {
        color: var(--gray-super-light) !important; }
        .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover {
          color: var(--blue) !important; }
          .NBLiveChat__review-stars:hover .NBLiveChat__review-stars_item:hover ~ .NBLiveChat__review-stars_item {
            color: var(--blue) !important; }
      .NBLiveChat__review-stars_item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 24px;
        color: var(--gray-super-light);
        cursor: pointer; }
        .NBLiveChat__review-stars_item svg {
          width: 100%;
          height: 100%; }
        @media (max-width: 767px) {
          .NBLiveChat__review-stars_item {
            width: 18px;
            height: 18px; } }
        .NBLiveChat__review-stars_item.active {
          color: var(--blue); }
          .NBLiveChat__review-stars_item.active ~ .NBLiveChat__review-stars_item {
            color: var(--blue); }
    .NBLiveChat__review-block {
      position: absolute;
      top: 75px;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--white);
      z-index: 2;
      flex-direction: column;
      gap: 25px;
      padding: 27px;
      opacity: 0;
      animation: messageShow 0.4s ease-in-out 1s 1;
      animation-fill-mode: forwards;
      border-radius: 0px 0px var(--br) var(--br);
      display: none; }
      @media (max-width: 767px) {
        .NBLiveChat__review-block {
          top: 49px; } }
      .NBLiveChat__review-block.active {
        display: flex; }
      .NBLiveChat__review-block_content form {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_content form {
            gap: 7px; } }
      .NBLiveChat__review-block_title {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 130%;
        color: var(--gray-dark); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_title {
            font-size: 12px;
            line-height: 16px; } }
      .NBLiveChat__review-block_status {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: var(--gray-light); }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_status {
            font-size: 10px;
            line-height: 12px; } }
      .NBLiveChat__review-block_input textarea,
      .NBLiveChat__review-block_input input {
        border-radius: 20px;
        border: 1px solid var(--blue);
        padding: 0px 15px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        color: var(--gray-middle);
        font-size: 14px;
        line-height: 130%;
        width: 260px;
        height: 40px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea,
          .NBLiveChat__review-block_input input {
            font-size: 10px;
            line-height: 15px;
            width: 232px;
            height: 25px;
            padding: 0px 6px; } }
      .NBLiveChat__review-block_input textarea {
        resize: none;
        height: 160px;
        padding: 15px; }
        @media (max-width: 767px) {
          .NBLiveChat__review-block_input textarea {
            height: 100px; } }
      .NBLiveChat__review-block_buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px; }
    .NBLiveChat__review-success {
      display: flex;
      display: flex;
      align-items: flex-start;
      gap: 7px; }
      .NBLiveChat__review-success svg {
        flex-shrink: 0;
        width: 24px;
        height: auto; }
        @media (max-width: 767px) {
          .NBLiveChat__review-success svg {
            width: 16px; } }
  .NBLiveChat__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--blue);
    color: var(--white);
    cursor: pointer;
    font-family: 'Arial';
    font-weight: 700;
    width: 240px;
    height: 48px;
    font-size: 12px;
    line-height: 16px;
    font-size: 16px;
    line-height: 24px; }
    @media (max-width: 767px) {
      .NBLiveChat__btn {
        width: 186px;
        height: 34px;
        font-size: 12px;
        line-height: 16px; } }

.emoji-menu-tabs tr {
  display: flex;
  gap: 10px; }

@keyframes messageShow {
  0% {
    opacity: 0;
    transform: scale(0) translateY(10%); }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0%); } }

@keyframes preloader {
  0% {
    transform: scale(0); }
  20% {
    transform: scale(1); }
  40% {
    transform: scale(0); }
  100% {
    transform: scale(0); } }

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }