.DigestItem-root-pN {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 4px 28px 4px 12px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--darkCarbone);
  border: 2px solid var(--white);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.7);
  transition: background-color .3s ease;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 100px;
  max-width: fit-content;
}
  .DigestItem-root-pN:hover {
    background-color: var(--white);
  }

.DigestItem-title-XL {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DigestItem-icon-On {
  flex-shrink: 0;
  margin-right: 8px;
  color: #9196a3;
}
.DigestButton-root-OS {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 75px;
  height: 35px;
  border: none;
  border-radius: 18px;
  background: linear-gradient(168deg, #456efb 19.7%, #fff 200.3%);
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #f8f8f8;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}

  .DigestButton-root-OS:hover {
    opacity: 0.85;
  }

  .DigestButton-root-OS:active {
    opacity: 0.7;
  }

.DigestActivationDialog-root-GT {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  margin-left: 15px;
  margin-right: 7px;
  margin-bottom: 3px;
}

.DigestActivationDialog-text-i4 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  width: 80%;
  line-height: 20px;
  color: var(--dark);
}

.DigestActivationDialog-button-rl {
  display: flex;
  justify-content: flex-end;
  width: 40%;
}

.Loader-root-M1 {
  width: 100%;
  border-radius: 16px;
  padding: 9px 12px;
  background-color: var(--white);
  opacity: 0.7;
}


.Loader-loader-IB {
  position: relative;
  overflow: hidden;
  height: 14px;
  border-radius: 12px;
  opacity: 0.5;
  background-color: #767676;
  background: linear-gradient(270deg, #ffffff -16.6%, #767676 139.54%);
}


.Loader-loader-IB::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.2) -16.6%, rgba(255, 255, 255, 0.5) 139.54%);
    animation: Loader-shimmer-Nu 1.5s infinite;
}

@keyframes Loader-shimmer-Nu {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
:root {
  --open-digest-height: 76px;
  --close-digest-height: 36px;
}

.Digest-digestContainer-Uy {
  position: relative;
  flex-shrink: 0;
  margin: 6px;
}

.Digest-digestContainer-Uy.Digest-withBanner-MA {
    z-index: 4000;
  }

.Digest-root-dl {
  position: relative;
  will-change: height;
  height: 36px;
  height: var(--close-digest-height);
  padding: 8px 14px 8px 12px;
  border-radius: 20px;
  background: linear-gradient(
    86.39deg,
    rgba(230, 159, 250, 0.8) -33.39%,
    rgba(205, 244, 231, 0.8) 62.55%,
    rgba(79, 216, 170, 0.8) 126.78%
  );
  transition: height 0.5s ease;
  overflow: hidden;
}

.Digest-root-dl.Digest-expanded-TT {
    height: 76px;
    height: var(--open-digest-height);
  }

.Digest-root-dl.Digest-digestDisabled-ac {
    height: auto;
  }

.Digest-root-dl.Digest-aboveOverlay-Hz {
    z-index: 2;
  }

.Digest-header-OM {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 12px;
  padding-right: 3px;
}

.Digest-icon-v_ {
  width: 20px;
  margin-right: 8px;
}

.Digest-title-Rg {
  margin: 0;
  color: #474646;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
}

.Digest-arrow-Jx {
  color: var(--carbone);
  margin-left: auto;
  cursor: pointer;
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}

.Digest-arrow-Jx.Digest-expanded-TT {
    transform: rotate(0);
  }

.Digest-content-Kn {
  display: flex;
  align-items: center;
}

.Digest-digestItem-ya + .Digest-digestItem-ya {
  margin-left: 12px;
}

.Digest-empty-d3 {
  font-family: Roboto;
  padding: 12px;
  color: var(--darkCarbone);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.Digest-overlay-QI {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(52, 59, 76, 0.4);
  cursor: pointer;
}

.Digest-bannerPosition-o1 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding-top: 8px;
}



@keyframes styles-ruiAnimateDot1-V1 {
    0% {
      transform: scale(1) translate3d(0, 0, 0);
    }
    20% {
      transform: scale(1) translate3d(0, 100%, 0);
    }
    80% {
      transform: scale(1) translate3d(0, 0, 0);
    }
  }
  @keyframes styles-ruiAnimateDot2-FQ {
    13.333333333333334% {
      transform: scale(1) translate3d(0, 0, 0);
    }
    33.333333333333336% {
      transform: scale(1) translate3d(0, 100%, 0);
    }
    93.33333333333333% {
      transform: scale(1) translate3d(0, 0, 0);
    }
  }
  @keyframes styles-ruiAnimateDot3-UY {
    26.666666666666668% {
      transform: scale(1) translate3d(0, 0, 0);
    }
    46.66666666666667% {
      transform: scale(1) translate3d(0, 100%, 0);
    }
    106.66666666666667% {
      transform: scale(1) translate3d(0, 0, 0);
    }
  }
  .styles-spinner-YP {
    color: #315efb;
    cursor: auto;
    widows: 2;
    margin: 0;
    hyphens: none;
    padding: 0;
    display: inline-block;
    tab-size: 8;
    direction: ltr;
    font-size: 5px;
    font-style: normal;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    empty-cells: show;
    font-family: inherit;
    font-weight: normal;
    line-height: normal;
    text-indent: 0;
    text-shadow: none;
    white-space: nowrap;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: middle;
    letter-spacing: normal;
    text-transform: none;
    pointer-events: none;
    border-collapse: separate;
    text-align-last: auto;
  }
  .styles-spinner-YP:before {
    width: 0;
    height: 100%;
    display: inline-block;
    content: "";
    vertical-align: middle;
  }
  .styles-spinner-YP > * {
    vertical-align: middle;
  }
  .styles-position-CD {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
  }
  .styles-dot-kA {
    top: -0.4em;
    width: 1em;
    color: inherit!important;
    height: 1em;
    display: inline-block;
    position: relative;
    transform: translate3d(0, 0, 0);
    animation: .6s ease-out;
    background: currentColor;
    transition: transform .6s ease-out;
    border-radius: 50%;
    vertical-align: middle;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
  }
  .styles-dot-kA:nth-child(1) {
    animation-name: styles-ruiAnimateDot1-V1;
  }
  .styles-dot-kA:nth-child(2) {
    margin: 0 1em;
    animation-name: styles-ruiAnimateDot2-FQ;
  }
  .styles-dot-kA:nth-child(3) {
    animation-name: styles-ruiAnimateDot3-UY;
  }
  
.styles-loader-Kn {
    width: 100%;
    position: relative;
    min-height: 100%;
}

.styles-overlay-Am {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    position: absolute;
    background: #fff;
    pointer-events: none;
    transition-duration: 200ms;
    transition-property: opacity;
}

.styles-isLoading-Si.styles-overlay-Am {
    opacity: 0.7;
    z-index: initial;
}

.styles-isLoading-Si.styles-loader-Kn {
    pointer-events: none;
}

.styles-blur-Hd {
    filter: blur(1px);
}
.Modal-root-DS {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 460px;

    background: #fff;

    border: none;
    border-radius: 0px;
    webkit-overflow-scrolling: touch;
    outline: none;
    padding: 0;
}

    .Modal-root-DS.Modal-wide-Wb {
        width: 890px;
    }

    .Modal-root-DS.Modal-middle-my {
        width: 730px;
    }

    .Modal-root-DS.Modal-narrow-NX {
        width: 300px;
    }

.Modal-rootXScroll-yt {
  overflow-x: auto;
}

.Modal-overlay-wR {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(52, 59, 76, 0.95) !important;
    z-index: 99;
}

.Modal-overlay-wR:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0px;
    }

.Modal-bodyOpened-R2 {
  overflow: hidden;
}

@media (max-height: 450px) {

    .Modal-root-DS {
        top: 0%;
        transform: translate(-50%, 0%);
    }
}

.ReactModal__Body--open {
    overflow: hidden;
  }

html.hideYScroll {
    overflow: hidden !important;
  }

.styles-root-t_ {
  position: relative;

  width: min(528px, calc(100vw - 48px));
  margin: auto;

  overflow: hidden;
  border-radius: 36px;
  background: transparent;
  outline: none;
}

.styles-overlay-zj {
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: rgba(0, 0, 0, 0.7);
}

.styles-wrapper-Zn {
  --app-promo-blue: #4b70a9;
  --app-promo-blue-light: #6282b3;
  --app-promo-gradient: linear-gradient(90deg, #ff8c21 0%, #f5576e 100%);
  --app-promo-font-text: 'SB Sans Text', 'SBSansText', Arial, sans-serif;
  --app-promo-font-display: 'SB Sans Display', 'SBSansText', Arial, sans-serif;

  position: relative;

  display: grid;
  box-sizing: border-box;
  grid-template-rows: 32px 80px 12px 76px 10px 54px 140px 24px 44px 16px 99px 24px;
  width: 100%;
  min-height: 630px;

  overflow: hidden;

  border-radius: inherit;
  background-color: #d7e3ff;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  color: #6282b3;
  color: var(--app-promo-blue-light);
  font-family: 'SB Sans Text', 'SBSansText', Arial, sans-serif;
  font-family: var(--app-promo-font-text);
}

.styles-title-W3 {
  grid-row: 2;
  margin: 0;
  padding: 0 40px;

  color: var(--app-promo-blue);
  font-weight: 600;
  font-size: 24px;
  font-family: var(--app-promo-font-display);
  line-height: 110%;
  letter-spacing: 0.01em;
  text-align: center;
}

.styles-benefits-vn {
  display: grid;
  grid-row: 4;
  grid-template-columns: repeat(3, 122px);
  column-gap: 4px;
  justify-content: center;
}

.styles-benefit-Pp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 8px;
}

.styles-benefitIcon-BH {
  display: block;
  width: 36px;
  height: 36px;
}

.styles-benefitText-XN {
  margin-top: 8px;

  color: var(--app-promo-blue-light);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.styles-footer-ku {
  display: grid;
  grid-row: 6;
  grid-template-rows: 22px 28px;
  justify-items: center;
  align-content: start;
  padding: 0 24px;

  text-align: center;
}

.styles-footerTitle-o8 {
  color: var(--app-promo-blue-light);
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.styles-footerText-H2 {
  margin-top: 4px;

  color: var(--app-promo-blue-light);
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

.styles-heroSlot-x4 {
  grid-row: 7;
}

.styles-ctaWrap-_J {
  display: flex;
  grid-row: 9;
  justify-content: center;
}

.styles-ctaButton-qd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 240px;
  height: 44px;
  padding: 10px 24px;

  border: none;
  border-radius: 28px;
  background-color: #ff8c21;
  background-image: var(--app-promo-gradient);
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  font-family: var(--app-promo-font-text);
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.styles-qrBlock-W4 {
  display: grid;
  grid-row: 11;
  grid-template-columns: 99px 1fr;
  column-gap: 16px;
  align-items: center;
  box-sizing: border-box;
  width: calc(100% - 64px);
  margin: 0 auto;

  text-decoration: none;
}

.styles-qrImage-yn {
  display: block;
  width: 99px;
  height: 99px;

  border-radius: 12px;
}

.styles-qrText-KB {
  color: var(--app-promo-blue-light);
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}

.styles-qrText-KB > div:first-child {
  line-height: 160%;
}

.styles-qrText-KB b {
  font-weight: 700;
}

.Checkbox-root-Q7 {
  display: block;
  cursor: pointer;
  background-color: transparent;
  height: 15px;
  line-height: 1;
  box-sizing: border-box;
}

  .Checkbox-root-Q7 svg {
      width: 15px;
      height: 15px;
      fill: var(--faded);
  }

  .Checkbox-root-Q7:hover svg {
          fill: var(--shaded);
      }

  .Checkbox-root-Q7.Checkbox-checked-zM svg {
          fill: var(--blue2);
      }

  .Checkbox-root-Q7.Checkbox-checked-zM:hover svg {
              fill: var(--darkBlue);
          }

  .Checkbox-root-Q7.Checkbox-disabled-y8 {
      cursor: default;
      opacity: 0.5;
  }

  .Checkbox-root-Q7.Checkbox-disabled-y8 svg {
        fill: var(--faded);
      }

.Checkbox-inverted-rB.Checkbox-checked-zM svg {
      fill: white;
  }

.Checkbox-inverted-rB.Checkbox-checked-zM .Checkbox-icon-D0 {
      opacity: 1;
  }

.Checkbox-inverted-rB.Checkbox-checked-zM:hover svg {
          fill: var(--cyan);
      }

.Checkbox-inverted-rB svg {
      fill: white;
  }

.Checkbox-inverted-rB:hover svg {
          fill: var(--cyan);
      }

.AddressBookItem-groupMembers-GM {
  overflow: hidden;
  height: 0;
  transition: height 0.3s;
}

.AddressBookItem-addressBookItem-QK {
  cursor: pointer;
  width: 100%;
}

.AddressBookItem-addressBookItem-QK mark {
    color: var(--infoBlue);
    background-color: inherit;
    font-weight: 700;
  }

.AddressBookItem-addressBookItem-QK:last-child .AddressBookItem-addressBookItemWrap-yt:after {
        display: none;
        }

.AddressBookItem-addressBookItemExpanded-Ud .AddressBookItem-addressBookItemWrap-yt {
    background-color: var(--alternativeBlue2);
  }

.AddressBookItem-addressBookItemExpanded-Ud .AddressBookItem-addressBookItemWrap-yt:hover {
      background-color: #d1e2ff;
    }
.AddressBookItem-addressBookItemWrap-yt {
  padding: 10px 15px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: var(--alternativeBlue);
}
.AddressBookItem-addressBookItemWrap-yt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background: var(--alternativeBlue4);
  }
.AddressBookItem-addressBookItemWrap-yt:hover {
    background-color: var(--alternativeBlue2);
  }

.AddressBookItem-addressBookAvatarGroup-Wg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: var(--carbone);
}

.AddressBookItem-addressBookAvatarGroupArrow-SS {
  min-width: 20px;
  height: 20px;
  fill: var(--darkCloudGray);
  display: none !important;
  transition: transform 150ms;
  transform: rotate(0deg);
}

.AddressBookItem-addressBookAvatarGroupArrow-SS:hover {
    fill: var(--infoBlue);
  }

.AddressBookItem-addressBookAvatarGroupArrow-SS.AddressBookItem-expanded-YJ {
    transform: rotate(180deg);
    fill: #274bc8;
  }

.AddressBookItem-groupMembersLabel-rT {
  display: flex;
  align-items: center;
}

.AddressBookItem-addressBookAvatar-TP {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
}

.AddressBookItem-groupAvatar-rZ {
  background-color: #fff;
}

.AddressBookItem-addressBookUserName-u7 {
  display: flex;
  color: var(--darkCarbone);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.AddressBookItem-addressBookUserName-u7 span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

.AddressBookItem-show-Wg {
  display: inline-block !important;
}

.AddressBookItem-addressBookUserEmail-Mj {
  color: var(--darkCloudGray);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.AddressBookItem-addressBookUserEmail-Mj:hover {
    color: var(--darkCarbone);
  }

.AddressBookItem-checkbox-Mm {
  height: 20px;
}

.AddressBookItem-checkbox-Mm svg {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    fill: var(--infoBlue) !important;
  }

.AddressBookItem-checkboxDisabled-lM {
  visibility: hidden;
  user-select: none;
}

.AddressBookItem-checkboxIcon-Sj {
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--alternativeBlue4);
  background-color: #fff;
  transition: border 20ms, background-color 200ms;
}

.AddressBookItem-checkboxIcon-Sj:hover {
    border-color: var(--alternativeBlue6);
  }

.AddressBookItem-addressBookUser-Qb {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  max-width: 150px;
  width: 100%;
}

.AddressBookItem-groupMemberShowAnimation-hq {
  transform: translateY(-3px);
  animation: AddressBookItem-showup-eR .3s linear forwards;
}

.AddressBookItem-groupMemberShowAnimation-hq .AddressBookItem-addressBookItemWrap-yt {
    background-color: var(--alternativeBlue2);
  }

.AddressBookItem-groupMemberShowAnimation-hq .AddressBookItem-addressBookItemWrap-yt:hover {
      background-color: var(--alternativeBlue2);
    }

@keyframes AddressBookItem-showup-eR {
  0% {
    opacity: 0;
    transform: translateY(-3px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.Tabs-addressBookTabs-v3 {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--alternativeBlue4);
}

.Tabs-addressBookTab-Uz {
    font-family: "Arial";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    height: 30px;
    background: var(--alternativeBlue2);
    border-radius: 25px;
    width: 105px;
    cursor: pointer;
    color: #4a7dfd;
    transition: border 20ms, background-color 200ms;
  }

.Tabs-addressBookTab-Uz:first-child {
      width: 120px;
    }

.Tabs-addressBookTab-Uz:hover:not(.Tabs-active-ia) {
      background-color: var(--alternativeBlue3);
      color: var(--middleBlue);
    }

.Tabs-addressBookTab-Uz:active:not(.Tabs-active-ia) {
      background-color: var(--alternativeBlue4);
      color: var(--darkBlue2);
    }
  
  .Tabs-active-ia {
    background-color: transparent;
    box-shadow: 0 0 0 5px var(--alternativeBlue4) inset;
    pointer-events: none;
    color: var(--carbone);
  }

  .Tabs-hide-V7  {
    display: none;
  }
.AddressBook-addressBook-xO {
  position: absolute;
  z-index: 10;
  width: 261px;
  height: 100%;
  left: 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  transform: translateX(-100%);
  transition: transform 400ms ease 0s;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;

}

  .AddressBook-addressBook-xO.AddressBook-addressBookOpen-Bd {
    transform: translateX(0%);
  }

  .AddressBook-addressBook-xO::-webkit-scrollbar {
    border: none;
    width: 7px;
  }

  .AddressBook-addressBook-xO::-webkit-scrollbar-track {
    border: none;
    background: #E0EBFF;
 
  }

  .AddressBook-addressBook-xO::-webkit-scrollbar-thumb {
    border: none;
    box-shadow: none;
    background-color: #A2C4FF;
    border-radius: 10px;

  }

  .AddressBook-addressBook-xO header {
    background: var(--alternativeBlue);
    padding-left: 10px;
    padding-right: 10px;
    width: 250px;
    box-sizing: border-box;
  }

.AddressBook-addressBookItems-vd {
  max-width: 250px;
  background: var(--alternativeBlue);
  position: relative;
  min-height: calc(100% - 100px);
}

.AddressBook-tabsHidden-Ov {
  min-height: calc(100% - 59px);
}

.AddressBook-show-U4 {
  display: inline-block !important;
}

.AddressBook-addressBookHeaderInput-oN {
  height: 59px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--alternativeBlue4);
}

.AddressBook-addressBookHeaderInputField-wx {
  line-height: 50px;
  font-size: 13px;
  margin-right: 10px;
  width: 100%;
  background-color: transparent;
  border: 0;
  color: var(--darkCarbone);
}

.AddressBook-addressBookHeaderInputField-wx::placeholder {
    color: var(--darkCloudGray);
  }

.AddressBook-addressBookHeaderInputIcon-Ac, .AddressBook-addressBookHeaderClearInputIcon-lz {
  align-self: flex-start;
  margin-top: 20px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  color: var(--darkCloudGray);
  transition: color 200ms;
}

.AddressBook-addressBookHeaderClearInputIcon-lz {
  margin-right: 10px;
  cursor: pointer;
}

.AddressBook-addressBookHeaderClearInputIcon-lz:hover {
    color: var(--blue);
  }

.AddressBook-emptySearchResult-WU {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  padding: 10px;
  color: var(--darkCarbone);
}

.AddressBook-hide-Mw {
  display: none;
}

.ProgressNotification-overlayClassName-tM {
    opacity: 0 !important;
  }
  
  .ProgressNotification-spinnerClassName-nR {
    position: relative !important; 
    margin-left: 10px !important;
  }
.UpdateNotification-title-Em {
  font-weight: bold;
}

.UpdateNotification-message-az {
  margin-top: 15px;
  margin-bottom: 15px;
}

.UpdateNotification-button-SL {
  color: var(--alternativeBlue6);
  background: none;
  cursor: pointer;
}


.Promo-root-Yp {
  z-index: 99999;
  font-family: Manrope, sans-serif;
  width: 502px;
  height: 150px;
  border-radius: 15px;
  padding: 15px 16px 20px 16px;
  background-color: var(--lightCarbone);
  transition: bottom .2s ease-in-out;
}

  .Promo-root-Yp:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 20px;
    border-left: 8.5px solid transparent;
    border-right: 8.5px solid transparent;
    border-top: 15px solid var(--lightCarbone);
    visibility: hidden;
  }

  .Promo-root-Yp.Promo-isSticked-OC:after {
    visibility: visible;
  }

.Promo-header-yt {
  display: flex;
}

.Promo-content-_X {
  max-width: 273px;
  margin-top: 10px;
}

.Promo-logo-WH {
  margin-right: 16px;
  margin-top: 10px;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.Promo-title-Vf {
  margin: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: var(--white);
}

.Promo-desc-JV {
  margin: 0;
  margin-top: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: var(--white);
}

.Promo-link-zo {
  display: block;
  margin-top: 16px;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: var(--alternativeBlue7);
  cursor: pointer;
}

.Promo-qcode-bW {
  flex-shrink: 0;
  width: 115px;
  height: 115px;
  border-radius: 4px;
  background-color: white;
  margin-right: 16px;
}

.Promo-qcode-bW canvas {
    transform: scale(0.5);
    transform-origin: top left;
  }

.Promo-close-k4 {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  fill: var(--alternativeBlue);
  cursor: pointer;
  margin-left: auto;
}

.Promo-close-k4:hover {
    fill: rgba(255, 255, 255, 0.7);
  }
.styles-root-Um {
  font-family: Sans Display;
  width: 60px;
  height: 100%;
  background-color: #9d8b8d;
  background: linear-gradient(
    180deg,
    #7f8fad 0%,
    #908ca0 25.04%,
    #c28579 76.67%
  );
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.styles-menuItem-ff {
  box-sizing: border-box;
  padding-top: 5px;
  height: 49px;
  width: 60px;
  display: block;
  text-align: center;
  font-family: SB Sans Display;
  font-weight: 400;
  font-style: Regular;
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
  color: var(--white);
}

.styles-menuItem-ff + .styles-menuItem-ff {
    margin-top: 40px;
  }

.styles-menuItemDisk-Ag {
  position: relative;
}

.styles-counterDisk-WR {
  position: absolute;
  top: -8px;
  right: 2px;
}

.styles-icon-s8 {
  display: block;
  margin: auto;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  box-shadow: 0px 1px 4px rgba(12, 12, 13, 0.1),
    0px 1px 4px rgba(12, 12, 13, 0.05);
}

.styles-label-Sl {
  display: block;
  line-height: 16px;
  margin-top: 4px;
}

.styles-menuItemActive-dr {
  border-left: 2px solid var(--white);
  background-color: rgba(255, 255, 255, 0.25);
}

.styles-diskTooltip-Rt {
  padding: 8px 8px 8px 8px !important;
  margin-top: 12px !important;
  z-index: 10000 !important;
  border-radius: 10px !important;
  background-color: #2e3f67 !important;
}

.styles-diskTooltip-Rt > span {
  font-family: SB Sans Text;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  color: #ffffff;
  color: var(--Text-Primary-Inverse, #ffffff);
  white-space: pre-line;
}

.MailboxActions-notification-if {
  cursor: default;
}

  .MailboxActions-notification-if .MailboxActions-message-q9 {
    cursor: default;
  }

  .MailboxActions-notification-if .MailboxActions-button-tS {
    margin-top: 15px;
    color: var(--alternativeBlue6);
    pointer: cursor;
    cursor: pointer;
  }

.SettingsFetcherActions-notification-VQ {
  cursor: default;
}

  .SettingsFetcherActions-notification-VQ .SettingsFetcherActions-message-Ac {
    cursor: default;
  }

  .SettingsFetcherActions-notification-VQ .SettingsFetcherActions-button-L9 {
    margin-top: 15px;
    color: var(--alternativeBlue6);
    pointer: cursor;
    cursor: pointer;
  }

.LetterDragLayer-root-cV:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.OnBoarding-headerHandler-ev {
  display: flex;
  cursor: pointer;
  align-items: center;

}

.OnBoarding-hideIcon-Ux {
  width: 15px;
  height: 15px;
  margin: 0 6px;
}

.OnBoarding-hideText-qe {
  color: var(--blueShaded);
}

.OnBoarding-isCustomTheme-k0 {
  color: white;
  opacity: 0.7;
}

.OnBoarding-isCustomTheme-k0:hover {
    opacity: 0.6;
  }

.OnBoarding-tooltipGrayText-pp {
  margin-top: 10px;
  color: rgb(198, 202, 216);
}


.OnBoarding-sidebarOnboarding-Ab {
  height: 45px;
  margin: 5px 10px 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-radius: 1px;
  border-style: solid;
  color: var(--primary);
  border-color: var(--border-periwinkle);
}

.OnBoarding-sideBarText-mU {
  margin-left: 4px;
}

.BeaconIcon-beacon-WV {
  margin: 0 6px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.BeaconIcon-beaconInner-GR {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: rgb(49, 94, 251);
  opacity: .1;
  animation: BeaconIcon-beacon-inner-animation-Be 1.2s infinite ease-in-out;
}

.BeaconIcon-beaconOuter-MM {
  width: 10px;
  height: 10px;
  background-color: rgba(49, 94, 251, 0.5);
  border-radius: 50%;
}

@keyframes BeaconIcon-beacon-inner-animation-Be {
  0% {
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(5);
  }
  100% {
    opacity: 0;
    transform: scale(10);
  }
}

.NewDesign-modal-G9 {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  margin: 0;
  width: 800px;
  box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
  transform: translate(-50%, -50%);
  background: #fff;
  border: none;
  border-radius: 0px;
  webkit-overflow-scrolling: touch;
  outline: none;
  padding: 0;
}

.NewDesign-wrapper-uK {
  width: 800px;
  background: white;
  position: relative;
}

.NewDesign-header-oB {
  height: 65px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
}

.NewDesign-content-el {
  padding: 25px 50px 0px 50px;
  background: #f3f4f7;
  min-height: 310px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.54;
  border-radius: 1px;
}

.NewDesign-footer-TF {
  height: 85px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.NewDesign-close-Yr {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  font-size: 20px;

}

.NewDesign-close-Yr .NewDesign-icon-uC {
    width: 20px;
    height: 20px;
  }

.NewDesign-slide-cc {
  width: 325px;
}

.NewDesign-slideImage-hM {
  width: 325px;
  height: 205px;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0 10px 15px 0 rgba(52, 59, 76, 0.1);
}

.NewDesign-themeImage-cH {
  margin-top: 25px;
  width: 160px;
  height: 180px;
  margin-bottom: 20px;
  display: block;
  box-shadow: 0 10px 15px 0 rgba(52, 59, 76, 0.1);
}

.NewDesign-slideWrap-he {
  display: flex;
  justify-content: space-between;
}

.NewDesign-nextBtn-gN {
  width: 144px;
}
.styles-root-ff {
    --rc-button-borderRadius: 1px;
    --rc-button-small-height: 35px;
    --rc-button-medium-height: 45px;
    --rc-button-fontWeight: 500;
    --rc-button-fontStyle: normal;
    --rc-button-fontSize: 11px;
    --rc-button-fontFamily: Roboto, Arial, Helvetica, sans-serif;
    --rc-button-primary-disabled-color: #afb5c9;
    --rc-button-primary-disabled-bgColor: #f5f7f8;
    --rc-button-danger-bgColor: #ff564e;
    --rc-button-secondary-bgColor: #f5f7f8;
    --rc-button-secondary-hover-bgColor: #eff0f2;
    --rc-button-secondary-active-bgColor: #eff0f2;
    --rc-button-secondary-active-color: #274bc8;
    --rc-button-letterSpacing: 1.3px;
    text-transform: uppercase !important;
    min-width: auto !important;
    transition: background-color .2s, border .2s, box-shadow .2s !important;
}


    .styles-root-ff span {
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.styles-outline-U5 {
    border: 1px solid #e7e8ec !important;
}

.styles-outline-U5:hover {
        border-color: var(--infoBlue) !important;
    }

.styles-outline-U5:active {
        --rc-button-white-bgColor: #f5f7f8;
    }
  .styles-popup-lb {
      display: inline-block;
      color: #262626;
      padding: 20px 25px 25px;
      outline: none;
      min-width: 300px;
      max-width: calc(100% - 20px);
      font-size: 13px;
      box-sizing: border-box;
      box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
      text-align: left;
      line-height: 20px;
      font-family: Roboto, sans-serif;
      border-radius: 1px;
      background-color: #fff;
  }

  @media (min-device-width: 768px) {
      .styles-popup-lb {
          min-width: 350px;
          max-width: auto;
      }
  }

  .styles-title-wg {
      font-size: 20px;
      line-height: 25px;
      font-weight: 500;
      margin-bottom: 20px;
      padding-right: 25px;
  }

  .styles-close-xs {
      top: 25px;
      right: 25px;
      width: 15px;
      color: #262626;
      border: 0;
      margin: 0;
      height: 15px;
      cursor: pointer;
      padding: 0;
      outline: 0;
      position: absolute;
      background: transparent;
      line-height: 20px;
  }

  .styles-close-xs:hover {
      color: #315efb;
  }

  .styles-overlay-et {
    z-index: 5000 !important;
    background-color: rgba(0, 0, 0, 0.80) !important;
  }

  .styles-overlayBlue-v2 {
    background-color: rgba(52, 59, 76, 0.95);
  }



  .styles-buttons-uv {
    margin-top: 19px;
    display: block;
  }



  .styles-buttons-uv button {
      line-height: 20px;
    }
  
  .styles-buttons-uv>*+* {
    margin-left: 10px;
  }
  
  @media (min-device-width: 768px) {
    .styles-buttons-uv>*+* {
        margin-left: 20px;
    }
  }
.RMSModal-popup-Az {
  width: 800px;
  height: 485px;
  min-width: 800px !important;
}

.RMSModal-wrapper-vz {
  display: flex;
  justify-content: center;
}

.RMSModal-title-_I {
  margin-left: 125px;
  margin-top: 1px;
  width: 500px;
  height: 25px;
  font-family: Arial-BoldMT, Arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
}

.RMSModal-topLine-Mn {
  width: 800px;
  height: 1px;
  border-radius: 1px;
  margin-top: -2px;
  background-color: #f3f4f7;
}

.RMSModal-subtitleWrapper-Vg {
  display: flex;
  justify-content: center;
  margin-top: 21px;
  margin-left: 1px;
}

.RMSModal-subtitle-Oe {
  width: 625px;
  height: 40px;
  font-family: ArialMT, Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #262626;
}

.RMSModal-iconWrapper-Jk {
  display: flex;
  justify-content: space-between;
  width: 660px;
  margin-top: 19px;
}

.RMSModal-icon-El {
  width: 160px;
  height: 160px;
  object-fit: contain;
}

.RMSModal-textWrapper-ul {
  display: flex;
  justify-content: space-between;
  width: 700px;
  margin-top: 16px;

}

.RMSModal-textWrapper-ul p {
    margin-top: 0;
    margin-bottom: 0;
    width: 200px;
    height: 60px;
    font-family: ArialMT, Arial;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #262626;
  }

.RMSModal-bottomLine-MS {
  width: 800px;
  height: 1px;
  border-radius: 1px;
  margin-top: 18px;
  background-color: #f3f4f7;
}

.RMSModal-btnWrapper-TD {
  display: flex; 
  justify-content: center; 
  margin-top: -5px;
}

.RMSModal-btn-l2 {
  width: 144px;
}


.Popup-title-AD{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

.WSPopup-root-xQ {
  width: 490px;
  height: 400px;
  min-width: 490px !important;
  padding: 55px 54px 25px !important;
}

.WSPopup-topPic-mx {
  margin-left: 6px;
  margin-top: 5px;
  width: 382px;
}

.WSPopup-header-qQ {
  width: 440px;
  height: 25px;
  margin-left: -5px;
  font-family: Arial-BoldMT, Arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #262626;
}

.WSPopup-body-hv {
  width: 420px;
  height: 40px;
  margin-left: -19px;
  margin-top: -5px;
  margin-bottom: 19px;
  text-align: center;
  font-family: ArialMT, Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #262626;
}

.WSPopup-button-D8 {
  margin: 0 auto !important;
  display: block !important;
  background: #466efb !important;
}

.MenuDropdown-root-mb {
  left: -20px;
}

  .MenuDropdown-root-mb.MenuDropdown-leftPosition-hR {
    left: auto;
    right: 0;
  }

.MenuDropdown-columns-t3 {
  display: flex;
  padding: 10px;
  box-shadow: inset 0 -1px 0 0 var(--rc-toplineMail-dropdown-borderColor);
}

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

.MenuDropdown-item-rY {
  width: 100%;
  padding: 0 10px;
}

.MenuDropdown-menuIcon-yR {
  margin-right: 10px;
}

.MenuDropdown-bottom-pW {
  padding: 10px;
}

.common-dropdown-SL {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  top: 100%;
  right: 0;
  border-radius: 15px;
  background-color: var(--rc-toplineMail-bgColor);
  box-shadow: var(--rc-toplineMail-dropdown-boxShadow);
  opacity: 0;
  transition: opacity 100ms, transform 100ms;
  transform: translateY(10px);
}

  .common-dropdown-SL.common-isVisible-dp {
    width: 320px;
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition: opacity 200ms, transform 200ms;
  }

.common-menuLink-cK {
  display: inline-flex;
  align-items: center;
  height: 40px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-toplineMail-text-color);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

@media (hover: hover) {

.common-menuLink-cK {
    transition: color 200ms
}

    .common-menuLink-cK:hover {
      color: var(--rc-toplineMail-link-hover-color);
    }
  }

.common-menuLink-cK:active {
    color: var(--rc-toplineMail-link-active-color);
  }

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

.common-menuIcon-vo {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  z-index: 0;
}

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

.common-menuLink-cK:active .common-menuIcon-vo::before,
  .common-menuLink-cK:active + .common-menuIcon-vo::before {
    background-color: var(--rc-toplineMail-area-hover-bgColor);
    transform: scale(1);
  }

.common-product-Jg {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
}

.common-product-Jg.common-apps-xW { background-image: var(--rc-toplineMail-icon-apps-bgImage); }

.common-product-Jg.common-auto-hj { background-image: var(--rc-toplineMail-icon-auto-bgImage); }

.common-product-Jg.common-dating-GM { background-image: var(--rc-toplineMail-icon-dating-bgImage); }

.common-product-Jg.common-doctor-Kg { background-image: var(--rc-toplineMail-icon-doctor-bgImage); }

.common-product-Jg.common-finance-at { background-image: var(--rc-toplineMail-icon-finance-bgImage); }

.common-product-Jg.common-help-MZ { background-image: var(--rc-toplineMail-icon-help-bgImage); }

.common-product-Jg.common-home-Wi { background-image: var(--rc-toplineMail-icon-home-bgImage); }

.common-product-Jg.common-horoscopes-J1 { background-image: var(--rc-toplineMail-icon-horoscopes-bgImage); }

.common-product-Jg.common-images-rf { background-image: var(--rc-toplineMail-icon-images-bgImage); }

.common-product-Jg.common-kassa-U5 { background-image: var(--rc-toplineMail-icon-kassa-bgImage); }

.common-product-Jg.common-likes-yB { background-image: var(--rc-toplineMail-icon-likes-bgImage); }

.common-product-Jg.common-mail-NY { background-image: var(--rc-toplineMail-icon-mail-bgImage); }

.common-product-Jg.common-more-GS { background-image: var(--rc-toplineMail-icon-more-bgImage); }

.common-product-Jg.common-news-gZ { background-image: var(--rc-toplineMail-icon-news-bgImage); }

.common-product-Jg.common-search-bB { background-image: var(--rc-toplineMail-icon-search-bgImage); }

.common-product-Jg.common-sport-RK { background-image: var(--rc-toplineMail-icon-sport-bgImage); }

.common-product-Jg.common-starlife-pl { background-image: var(--rc-toplineMail-icon-starlife-bgImage); }

.common-product-Jg.common-top100-JP { background-image: var(--rc-toplineMail-icon-top100-bgImage); }

.common-product-Jg.common-travel-Ug { background-image: var(--rc-toplineMail-icon-travel-bgImage); }

.common-product-Jg.common-weather-Uw { background-image: var(--rc-toplineMail-icon-weather-bgImage); }

.common-product-Jg.common-weekend-YO { background-image: var(--rc-toplineMail-icon-weekend-bgImage); }

.common-product-Jg.common-woman-iF { background-image: var(--rc-toplineMail-icon-woman-bgImage); }

.common-product-Jg.common-work-BB { background-image: var(--rc-toplineMail-icon-work-bgImage); }

.common-product-Jg.common-kino-Yb { background-image: var(--rc-toplineMail-icon-kino-bgImage); }

.common-product-Jg.common-tv-aS { background-image: var(--rc-toplineMail-icon-tv-bgImage); }

.Menu-logo-Pv {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

.Menu-logoProject-Cx {
  display: block;
  height: 40px;
  background-position: center;
  background-size: cover;
}

.Menu-logoProject-Cx.Menu-rambler-aP {
    width: 145px;
    background-image: var(--rc-toplineMail-logoRambler-bgImage);
  }

.Menu-logoProject-Cx.Menu-mail-Fo {
    width: 52px;
    background-image: var(--rc-toplineMail-logoMail-bgImage);
  }

.Menu-logoProject-Cx.Menu-calendar-IY {
    width: 91px;
    background-image: var(--rc-toplineMail-logoCalendar-bgImage);
  }

.Menu-home-Bl {
  margin-right: 25px;
}

.Menu-homeLink-Wo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: var(--rc-toplineMail-area-bgColor);
  }

@media (hover: hover) {

.Menu-homeLink-Wo {
      transition: background-color 200ms
  }

      .Menu-homeLink-Wo:hover {
        background-color: var(--rc-toplineMail-area-hover-bgColor);
      }
    }

.Menu-homeLink-Wo:active {
      background-color: var(--rc-toplineMail-area-active-bgColor);
    }

.Menu-items-wt {
  display: flex;
  flex-grow: 1;
}

.Menu-item-n3 {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.Menu-item-n3 + .Menu-item-n3 {
    margin-left: 25px;
  }

.Menu-menuLink-AF {
  order: 1;
}

.Menu-menuLink-AF::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }

.Menu-menuIcon-G3 {
  order: 0;
  margin-right: 5px;
}

/* stylelint-disable selector-class-pattern, selector-id-pattern */
.Ad-root-z3 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.Ad-root-z3.Ad-center-z_ {
    justify-content: center;
  }
.Ad-root-z3 .button {
      background-color: transparent !important;
    }
.Ad-root-z3.Ad-withoutIcon-ga .button-link {
        overflow: hidden;
        display: block;
        height: 40px;
        max-width: 190px;
        padding: 10px;
        font-family: 'Manrope', sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: var(--rc-topline-text-color) !important;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-color: var(--rc-topline-area-bgColor);
        border-radius: 5px;
      }
@media (hover: hover) {
.Ad-root-z3.Ad-withoutIcon-ga .button-link {
          transition: background-color 200ms
      }

          .Ad-root-z3.Ad-withoutIcon-ga .button-link:hover {
            color: var(--rc-topline-link-hover-color);
            background-color: var(--rc-topline-area-hover-bgColor);
          }
        }
.Ad-root-z3.Ad-withoutIcon-ga .button-link:active {
          color: var(--rc-topline-link-active-color);
          background-color: var(--rc-topline-area-active-bgColor);
        }
.Ad-root-z3.Ad-withoutIcon-ga .button__image-container {
        display: none;
      }
.Ad-root-z3.Ad-withoutIcon-ga.Ad-isShort-SH .button-link {
      display: none;
    }
/* Стили с иконкой */
.Ad-root-z3.Ad-withIcon-mU .button-link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        min-width: 40px;
        padding: 0 10px;
        background-color: var(--rc-topline-area-bgColor);
        border-radius: 5px;
      }
@media (hover: hover) {
.Ad-root-z3.Ad-withIcon-mU .button-link {
          transition: background-color 200ms
      }

          .Ad-root-z3.Ad-withIcon-mU .button-link:hover {
            background-color: var(--rc-topline-area-hover-bgColor);
          }
        }
.Ad-root-z3.Ad-withIcon-mU .button-link:active {
          background-color: var(--rc-topline-area-active-bgColor);
        }
.Ad-root-z3.Ad-withIcon-mU .button__image-container {
        display: block;
        width: 20px;
        height: 20px;
        background-size: cover;
        background-position: 50% 50%;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIwIDIwIj4KICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgZmlsbD0iI0MxRDhGRiIvPgogIDxwYXRoIGZpbGw9IiM0QTdERkQiIGQ9Im0xMS4wNiA0LjY1IDUgNWEuNDguNDggMCAwIDEgMCAuN2wtNSA1YS40OTguNDk4IDAgMCAxLS43MSAwbC0uNy0uN2EuNS41IDAgMCAxIDAtLjcxTDEyLjU5IDExSDQuNWEuNS41IDAgMCAxLS41LS41di0xYS41LjUgMCAwIDEgLjUtLjVoOC4wOUw5LjY1IDYuMDZhLjUuNSAwIDAgMSAwLS43MWwuNy0uN2EuNS41IDAgMCAxIC43MSAwWiIvPgo8L3N2Zz4=);
      }
.Ad-root-z3.Ad-withIcon-mU .button__text-container {
        overflow: hidden;
        display: block;
        max-width: 170px;
        margin-left: 5px;
        font-family: 'Manrope', sans-serif;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: var(--rc-topline-text-color);
        white-space: nowrap;
        text-overflow: ellipsis;
      }
@media (hover: hover) {
.Ad-root-z3.Ad-withIcon-mU {
        transition: color 200ms
    }

        .Ad-root-z3.Ad-withIcon-mU .button-link:hover .button__text-container {
          color: var(--rc-topline-link-hover-color);
        }
      }
.Ad-root-z3.Ad-withIcon-mU .button-link:active .button__text-container {
        color: var(--rc-topline-link-active-color);
      }
.Ad-root-z3.Ad-withIcon-mU.Ad-isShort-SH .button__text-container {
      display: none;
    }
/* stylelint-enable */

.UserDropdown-root-WD {
  right: 0;
}

.UserDropdown-body-yQ {
  padding: 20px;
  border-bottom: 1px solid var(--rc-toplineMail-divider-color);
}

.UserDropdown-user-jE {
  position: relative;
  height: 40px;
  padding-left: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.UserDropdown-avatar-AB {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: var(--rc-toplineMail-avatar-bgColor);
}

.UserDropdown-name-V9,
.UserDropdown-email-_R {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.UserDropdown-name-V9 {
  display: block;
  width: 230px;
  color: var(--rc-toplineMail-text-color);
}

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

  display: flex;
  color: var(--carbone);
  text-align: left;
  cursor: pointer;
  transition: color 200ms;
}

@media (hover: hover) {
    .UserDropdown-emailButton-j6:not(.UserDropdown-copied-dE):hover {
      color: var(--rc-toplineMail-link-hover-color);
    }
  }

.UserDropdown-emailButton-j6:not(.UserDropdown-copied-dE):active {
    color: var(--rc-toplineMail-link-active-color);
  }

.UserDropdown-emailButton-j6.UserDropdown-copied-dE {
    cursor: default;
  }

.UserDropdown-email-_R {
  position: relative;
  max-width: 205px;
}

.UserDropdown-copied-dE .UserDropdown-email-_R {
    color: var(--rc-toplineMail-email-copied-color);
    transition: none;
  }

.UserDropdown-copied-dE .UserDropdown-email-_R::after {
      position: absolute;
      overflow: hidden;
      width: 100%;
      top: 0;
      left: 0;
      content: 'Скопировано';
      color: var(--rc-toplineMail-email-color);
      white-space: nowrap;
      text-overflow: ellipsis;
    }

.UserDropdown-copy-bZ {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}

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

.UserDropdown-emailButton-j6:active .UserDropdown-copy-bZ::before {
    background-color: var(--rc-toplineMail-area-hover-bgColor);
    transform: scale(1);
  }

.UserDropdown-copyIcon-sP {
  display: block;
  width: 20px;
  height: 20px;
}

.UserDropdown-copied-dE .UserDropdown-copyIcon-sP {
    display: none;
  }

.UserDropdown-item-rj {
  position: relative;
  margin-top: 15px;
  padding-left: 50px;
}

.UserDropdown-link-DS {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-toplineMail-link-color);
  cursor: pointer;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
  text-decoration: none;
}

@media (hover: hover) {

.UserDropdown-link-DS {
    transition: color 200ms
}

    .UserDropdown-link-DS:hover {
      color: var(--rc-toplineMail-link-hover-color);
    }
  }

.UserDropdown-link-DS:active {
    color: var(--rc-toplineMail-link-active-color);
  }

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

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

  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid var(--rc-toplineMail-divider-color);
}

  @media (hover: hover) {.AddMailButton-root-iI {
    transition: background-color 200ms
}

    .AddMailButton-root-iI:hover {
      background-color: var(--rc-toplineMail-row-hover-bgColor);
    }
  }

  .AddMailButton-root-iI:active {
    background-color: var(--rc-toplineMail-row-active-bgColor);
  }

.AddMailButton-icon-Ga {
  flex-shrink: 0;
  display: block;
  width: 40px;
  height: 40px;
}

.AddMailButton-label-mL {
  font-family: "Manrope", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-toplineMail-text-color);
}

.UserCard-root-Ge {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid var(--rc-toplineMail-divider-color);
  cursor: pointer;
}
  @media (hover: hover) {.UserCard-root-Ge {
    transition: background-color 200ms
}

    .UserCard-root-Ge:hover {
      background-color: var(--rc-toplineMail-row-hover-bgColor);
    }
  }

.UserCard-avatar-mX {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: var(--rc-toplineMail-avatar-bgColor);
}

.UserCard-info-um {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  min-width: 0;
}

.UserCard-name-oO {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--rc-toplineMail-text-color);
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.UserCard-email-HK {
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--carbone);
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.UserCard-badge-uy {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  background-color: var(--rc-toplineMail-link-color);
  font-family: 'Manrope', sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 20px;
  color: var(--rc-toplineMail-bgColor);
  white-space: nowrap;
}

.User-root-pw {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
}

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

  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rc-toplineMail-text-color);
  vertical-align: baseline;
}

@media (hover: hover) {

.User-user-R_ {
    transition: color 200ms
}

    .User-user-R_:hover {
      color: var(--rc-toplineMail-link-hover-color);
    }
  }

.User-user-R_:active {
    color: var(--rc-toplineMail-link-active-color);
  }

.User-user-R_ .User-icon-c4 {
    transform: rotate(0deg);
  }

.User-user-R_.User-isOpen-xm .User-icon-c4 {
    transform: rotate(180deg);
  }

.User-icon-c4 {
  display: block;
  width: 20px;
  height: 20px;
}

.User-avatar-u2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (hover: hover) {

.User-avatar-u2 {
    transition: opacity 200ms
}

    .User-user-R_:hover .User-avatar-u2 {
      opacity: 0.9;
    }
  }

.User-user-R_:active .User-avatar-u2 {
    opacity: 0.8;
  }

.User-username-Jm {
  max-width: 100px;
  font-family: 'Manrope', sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

:root {
  --rc-toplineMail-bgColor: #ffffff;
  --rc-toplineMail-boxShadow: inset 0 -1px 0 0 #e0ebff;
  --rc-toplineMail-dropdown-boxShadow: 0 10px 30px -5px rgba(49, 94, 251, 0.25);
  --rc-toplineMail-dropdown-borderColor: #d1e2ff;
  --rc-toplineMail-avatar-bgColor: #f3f4f7;
  --rc-toplineMail-email-color: #777e98;
  --rc-toplineMail-email-copied-color: rgba(119, 126, 152, 0);

  --rc-toplineMail-text-color: #343b4c;
  --rc-toplineMail-link-color: #315efb;
  --rc-toplineMail-link-hover-color: #2c54e2;
  --rc-toplineMail-link-active-color: #274bc8;

  --rc-toplineMail-area-bgColor: #eff5ff;
  --rc-toplineMail-area-hover-bgColor: #e0ebff;
  --rc-toplineMail-area-active-bgColor: #d1e2ff;

  --rc-toplineMail-divider-color: #f1f1f1;
  --rc-toplineMail-row-hover-bgColor: #f9fafb;
  --rc-toplineMail-row-active-bgColor: #f3f4f7;

  --rc-toplineMail-logoRambler-bgImage: url("https://static.rambler.ru/assets/logos/v2/rambler.svg");
  --rc-toplineMail-logoMail-bgImage: url("https://static.rambler.ru/assets/logos/v2/mail.svg");
  --rc-toplineMail-logoCalendar-bgImage: url("https://static.rambler.ru/assets/logos/v2/calendar.svg");

  --rc-toplineMail-icon-apps-bgImage: url("https://static.rambler.ru/assets/product/regular/apps.svg");
  --rc-toplineMail-icon-auto-bgImage: url("https://static.rambler.ru/assets/product/regular/auto.svg");
  --rc-toplineMail-icon-dating-bgImage: url("https://static.rambler.ru/assets/product/regular/dating.svg");
  --rc-toplineMail-icon-doctor-bgImage: url("https://static.rambler.ru/assets/product/regular/doctor.svg");
  --rc-toplineMail-icon-finance-bgImage: url("https://static.rambler.ru/assets/product/regular/finance.svg");
  --rc-toplineMail-icon-help-bgImage: url("https://static.rambler.ru/assets/product/regular/help.svg");
  --rc-toplineMail-icon-home-bgImage: url("https://static.rambler.ru/assets/product/regular/home.svg");
  --rc-toplineMail-icon-horoscopes-bgImage: url("https://static.rambler.ru/assets/product/regular/horoscopes.svg");
  --rc-toplineMail-icon-images-bgImage: url("https://static.rambler.ru/assets/product/regular/images.svg");
  --rc-toplineMail-icon-kassa-bgImage: url("https://static.rambler.ru/assets/product/regular/kassa.svg");
  --rc-toplineMail-icon-likes-bgImage: url("https://static.rambler.ru/assets/product/regular/likes.svg");
  --rc-toplineMail-icon-mail-bgImage: url("https://static.rambler.ru/assets/product/regular/mail.svg");
  --rc-toplineMail-icon-more-bgImage: url("https://static.rambler.ru/assets/product/regular/more.svg");
  --rc-toplineMail-icon-news-bgImage: url("https://static.rambler.ru/assets/product/regular/news.svg");
  --rc-toplineMail-icon-search-bgImage: url("https://static.rambler.ru/assets/product/regular/search.svg");
  --rc-toplineMail-icon-sport-bgImage: url("https://static.rambler.ru/assets/product/regular/sport.svg");
  --rc-toplineMail-icon-starlife-bgImage: url("https://static.rambler.ru/assets/product/regular/starlife.svg");
  --rc-toplineMail-icon-top100-bgImage: url("https://static.rambler.ru/assets/product/regular/top100.svg");
  --rc-toplineMail-icon-travel-bgImage: url("https://static.rambler.ru/assets/product/regular/travel.svg");
  --rc-toplineMail-icon-weather-bgImage: url("https://static.rambler.ru/assets/product/regular/weather.svg");
  --rc-toplineMail-icon-weekend-bgImage: url("https://static.rambler.ru/assets/product/regular/weekend.svg");
  --rc-toplineMail-icon-woman-bgImage: url("https://static.rambler.ru/assets/product/regular/woman.svg");
  --rc-toplineMail-icon-work-bgImage: url("https://static.rambler.ru/assets/product/regular/work.svg");
  --rc-toplineMail-icon-kino-bgImage: url("https://static.rambler.ru/assets/product/regular/kino.svg");
  --rc-toplineMail-icon-tv-bgImage: url("https://static.rambler.ru/assets/product/regular/tv.svg");
}

.ToplineMail-root-M9 {
  position: relative;
  min-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  height: 60px;
  background-color: var(--rc-toplineMail-bgColor);
  box-shadow: var(--rc-toplineMail-boxShadow);
  z-index: 15;
}

  .ToplineMail-root-M9.ToplineMail-mailWelcomePage-d0 {
    box-shadow: none;
  }

.ToplineMail-container-ak {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.ToplineMail-menu-_E,
.ToplineMail-ad-WL,
.ToplineMail-user-xq {
  position: relative;
  display: flex;
  align-items: center;
  user-select: none;
  height: 60px;
}

.ToplineMail-menu-_E {
  flex-grow: 1;
}

.ToplineMail-ad-WL {
  overflow: hidden;
  flex-grow: 1;
  margin-left: 80px;
}

.ToplineMail-user-xq {
  margin-left: 80px;
}

.SwitchingProfileOverlay-overlay-RI {
  position: fixed;
  z-index: 14;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.AddBillboard-root-Tm {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 250px;
    background-color: var(--alternativeBlue);
}
    .AddBillboard-root-Tm > div {
      max-width: 100%;
      width: 100%;
    }
.App-root-pO {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}
  .App-root-pO.App-withCrossNav-yV {
    padding-left: var(--crossNavbarWidth);
  }

/* Modal block */
.App-modalCommonFont-Fk {
  font-family: Arial, Helvetica, sans-serif;
  color: #262626;
}

.App-close-_y {
  position: absolute;
  right: 0;
  padding: 15px;
  color: var(--shaded);
  font-size: 20px;
  cursor: pointer;
}

.App-image-Bx {
  padding: 15px 30px 14px 25px;
}

.App-image-Bx svg {
    width: 500px;
  }

.App-title-I5 {
  height: 80px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.3px;
  text-align: center;
  margin-bottom: 23px;
}

.App-content-PG {
  margin: 0 auto;
  width: 475px;
  font-size: 14px;
  line-height: 1.64;
  text-align: center;
}

.App-content-PG p {
  margin-bottom: 10px;
}

.App-buttonWrapper-lh {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}


html[data-theme="light"] {
  --primary: #262626;
  --primary-ligth: #4A7DFD;
  --secondary: #5c6993;
  --secondary-light: #7f87a0;
  --button-color: #5c6993;
  --button-active: #262626;
  --link-active: #274BC8;
  --link-hover: #2C54E2;
  --link-active-bg: rgba(229, 234, 238, 0.7);
  --bg-overlay-color: rgba(255, 255, 255, 0.8);
  --border-periwinkle: #dcdfe7;
  --news-active: #315efb;
  --promo-banner-price: #562ea1;
}

html[data-theme="dark"] {
      --primary: #fff;
      --primary-ligth: #fff;
      --secondary: rgba(255, 255, 255, 0.7);
      --secondary-light: rgba(255, 255, 255, 0.5);
      --button-color: #fff;
      --button-active: rgba(255, 255, 255, 0.7);
      --link-active: #fff;
      --link-active-bg: rgba(229, 234, 238, 0.3);
      --link-hover: rgba(255, 255, 255, 0.7);
      --link-hover-bg: rgba(255, 255, 255, 0.1);
      --bg-overlay-color: rgba(0, 0, 0, 0.55);
      --border-periwinkle: rgba(255, 255, 255, 0.3);
      --news-active: rgba(255, 255, 255, 0.7);
      --promo-banner-price: var(--secondary);
}
.InputRC-root-uY > input {
        font-size: 14px !important;
        font-family: 'Arial', sans-serif !important;
        line-height: 20px;
    }
        
        .InputRC-root-uY > input:-webkit-autofill,
        .InputRC-root-uY > input:-webkit-autofill:hover,
        .InputRC-root-uY > input:-webkit-autofill:focus,
        .InputRC-root-uY > input:-webkit-autofill:active {
          -webkit-box-shadow: 0 0 0 1000px var(--rc-input-fill-base-bgColor) inset !important;
        }
    .InputRC-root-uY:hover > input {
            background-color: var(--lightBlueAlt_1_Hover) !important;
        }


html {
  /* Убираем с лишним скроллом, который устанавливает общий компонент */
  overflow: auto !important;
}

.FolderNew-foldersPopup-i7 {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  padding-top: 15px;
  flex-direction: column;
  -webkit-font-smoothing: antialiased;
}

.FolderNew-foldersPopup-i7 button span {
    font-size: 14px !important;
    font-family: "Arial" !important;
  }

.FolderNew-input-Az {
  flex-grow: 1;
  margin-bottom: 10px;
}

.FolderNew-disabledWrapper-bI {
  pointer-events: none;
  opacity: 0.5;
}

.FolderNew-limit-xm {
  color: var(--darkCloudGray);
  margin-bottom: 20px;
}

.FolderNew-error-Ld {
  margin-top: -5px;
  display: inline-flex;
  align-items: center;
  color: var(--darkRed);
  margin-bottom: 20px;
}

.FolderNew-error-Ld .FolderNew-icon-_q {
    width: 20px;
    height: 20px;

    margin-right: 5px;
  }

.FolderNew-error-Ld .FolderNew-text-aH {
    margin-top: 2px;
  }

.FolderNew-toolbar-m5 {
  position: relative;
  margin-top: 10px;
}

.FolderInput-root-yC {
    display: flex;
    flex-direction: column;
}

.FolderInput-infoDisabled-LH {
    pointer-events: none;
    color: var(--disabledColor);
}

.FolderInput-infoDisabled-LH > span {
        pointer-events: none;
        color: var(--disabledColor);
    }

@media (max-height: 800px) {.Selector-root-wb > div {
          max-height: 250px !important
    }

          .Selector-root-wb > div > ul {
              max-height: 250px !important;
          }
      }

      @media (max-height: 730px) {.Selector-root-wb > div {
          max-height: 200px !important
    }

          .Selector-root-wb > div > ul {
              max-height: 200px !important;
          }
      }

      .Selector-root-wb > div ::-webkit-scrollbar {
          position: absolute !important;
          width: 6px !important; /* ширина скроллбара */
          border: 0px;
        }

      .Selector-root-wb > div ::-webkit-scrollbar-track {
          width: 5px;

          display: none !important;
       border: none !important;
       background: #E0EBFF !important;
      }

      .Selector-root-wb > div ::-webkit-scrollbar-thumb {
         border: none !important;
         box-shadow: none !important;
         background-color: #A2C4FF !important;
         border-radius: 10px !important;
       }

      .Selector-root-wb > div > ul {
          width: 100%;
        }

      .Selector-root-wb > div > ul > li > button {
              font-size: 14px !important;
              font-family: 'Arial', sans-serif !important;
          }

:scope::-webkit-scrollbar-thumb {
   border: none;
   box-shadow: none;
   background-color: #A2C4FF;
   border-radius: 10px;
 }

/*:root {*/
/*  --main-text-font: 'Arial', sans-serif 14px/20px 400;*/
/*}*/

h4 {
  margin: 0 0 10px 0;
  color: var(--lightCarbone);
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Nested-input-Yk {
  flex-grow: 1;
  margin-bottom: 10px;
}

.Nested-disabled-Ts {
  pointer-events: none;
  color: var(--disabledColor);
}

.DeleteFolder-root-VV {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--alternativeBlue3);
}

.DeleteFolder-checkbox-iF > span {
  font-size: 14px !important;
  font-family: Arial;

}

.DeleteFolder-nested-_8 {
  margin-left: 30px;
  margin-top: 5px;
  margin-bottom: 19px;
  font-size: 13px;
  color: var(--darkCloudGray);
}

div.Notification-root-oR {
  width: 300px !important;

  bottom: -10px !important;
  left: -160px !important;
}

  @media (min-width: 769px) {div.Notification-root-oR {
    bottom: -10px !important;
    left: -10px !important
}
  }

  div.Notification-root-oR * {
    font-size: 14px !important;
    font-family: "Arial" !important;
  }

  div.Notification-root-oR > div {
    min-width: 300px !important;
    width: 300px !important;
  }

div.Notification-root-oR > div > div {
  background-color: var(--lightCarbone) !important;
}

.Overlay-overlay-bA {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 65535;
}

.ReceiptsPromo-header-Hj {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ReceiptsPromo-salutIconWrapper-B3 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;

  border-radius: 8px;
  background-color: rgba(241, 241, 241, 1);
}

.ReceiptsPromo-salutIcon-AG {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.ReceiptsPromo-title-rx {
  flex-grow: 1;
  margin-right: 8px;
  margin-left: 16px;

  font-weight: 600;
  font-size: 18px;
  font-family: Manrope, sans-serif;
  line-height: 25px;
}

.ReceiptsPromo-text-i8 {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;

  color: #343b4c;
}

.ReceiptsPromo-smartCategoryButton-qG {
  width: 100%;

  background-color: rgba(241, 241, 241, 1) !important;
}

.ReceiptsPromo-smartCategoryButton-qG span {
    background: linear-gradient(90deg, #5d81fc, #1ee4c6 50%, #fa69ff);
    -webkit-background-clip: text;
    background-clip: text;
  
    color: #000000;
    -webkit-text-fill-color: transparent;
  }

.ReceiptsPromo-closeIcon-PS {
  flex-shrink: 0;
  width: 20px;
  height: 20px;

  cursor: pointer;
  fill: rgba(115, 115, 115, 1);
}

.InfoPopapWrapper-root-q2 {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 903;

  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  width: 300px;
  padding: 20px;

  border-radius: 15px;
  box-shadow: 0px 15px 20px 10px rgba(151, 151, 151, 0.25);

  animation: InfoPopapWrapper-raise-gr 0.2s ease-in-out;
}

.InfoPopapWrapper-rootOverComposeList-XI {
  bottom: 80px;
}

.InfoPopapWrapper-light-uu {
  background-color: #FFFFFF;
}

.InfoPopapWrapper-dark-Mn {
  background-color: rgba(52, 59, 76, 1);
}

@keyframes InfoPopapWrapper-raise-gr {
  0% { opacity: 0;

 transform: translateY(10px) scale(0.9); }
  100% { opacity: 1;

 transform: translateY(0) scale(1); }
}
.styles-loader-bW {
  min-height: auto;
}

  .styles-loader-bW span {
    position: relative;
  }

  .styles-loader-bW span span {
      width: 4px;
      height: 4px;

      background-color: rgba(89, 187, 231, 1);
    }

  .styles-loader-bW span span:first-child {
      background-color: rgba(0, 131, 255, 1);
    }

  .styles-loader-bW span span:last-child {
      background-color: rgba(103, 231, 202, 1);
    }
.Message-message-o9 {
  position: relative;
  padding: 15px 15px 10px 15px;
  background: rgba(241, 246, 253, 1);
  border-radius: 20px;
  color: var(--carbone);
}

  .Message-message-o9.Message-small-Sx {
    width: 290px;
  }

  .Message-message-o9.Message-medium-Cn {
    width: 320px;
  }

  .Message-message-o9.Message-error-Fz  {
    background: #fdf1f2;
  }

.Message-header-Qz {
  display: flex;
  justify-content: space-between;
  align-items: senter;
  margin-bottom: 15px;
}

.Message-headerLeft-aJ {
  display: flex;
  align-items: center;
  
}

.Message-headerLeft-aJ.Message-alignTop-wx {
    align-self: flex-start;
  }

.Message-closeIcon-gt {
  flex-shrink: 0;
  margin-left: auto;
  cursor: pointer;
}

.Message-backIcon-KQ {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

 /* title start */
.Message-titleWrap-p1 {
  width: 100%;
  margin-left: 10px;
  align-self: top;
}

.Message-title-gb {
  font-family: Manrope, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
}

.Message-title-gb.Message-withGradient-Bf {
    background: linear-gradient(90deg, #61A5FF 0%, #42E9D0 50%, #FC95FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;

  }


.Message-description-jv {
  background: none;
  margin-top: 5px;
  color: var(--darkCloudGray);
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

/* title end */
.MessageContent-content-z7 {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 15px;
  max-height: 500px; /* Set max width */
  overflow: hidden;
  text-overflow: ellipsis;
}
.MessageItem-message-Qk {
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

  .MessageItem-message-Qk.MessageItem-withArrow-Uk {
    /* &:hover {
      background-color: #dfecf7;
    } */
  }

  .MessageItem-message-Qk svg {
    width: 20px;
  }

  .MessageItem-message-Qk.MessageItem-small-hr {
    height: 40px;
  }

  .MessageItem-message-Qk.MessageItem-medium-x4 {
    height: 45px;
  }




.MessageItem-messageContent-pC {
  color: var(--darkCarbone);
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}




.MessageItem-messageContent-pC.MessageItem-leftOffset-ii {
    margin-left: 15px;
  }
.MessageAccent-accent-tO {
  background-color: rgb(225, 237, 255);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  padding: 10px;
  margin-bottom: 15px;
}
.MessagePlaceholder-placeholder-Sv {
  display: block;
  width: 100%;
  height: 17px;
  border-radius: 3px;
  animation: MessagePlaceholder-animate-placeholder-ph 1.5s ease-in-out infinite;
  background: linear-gradient(90deg, rgba(214, 224, 234, 0.8) 0%, rgba(231, 242, 253, 0.8) 100%);
}

  .MessagePlaceholder-placeholder-Sv + .MessagePlaceholder-placeholder-Sv {
    margin-top: 8px;
  }



@keyframes MessagePlaceholder-animate-placeholder-ph {
  50% {
    opacity: .2;
  }
}
.AIHelper-root-gj {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 903;
  
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}
  
.styles-input-SN {
    width: 100%;
    cursor: auto;
    widows: 2;
    margin: 0;
    border: 0 solid;
    hyphens: none;
    padding: 0;
    display: block;
    outline: 0;
    tab-size: 8;
    direction: ltr;
    font-size: medium;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    box-sizing: border-box;
    appearance: none;
    background: #fff;
    box-shadow: none;
    transition: all 200ms ease;
    empty-cells: show;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height: normal;
    text-indent: 0;
    text-shadow: none;
    white-space: normal;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-color: #dde0e8;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: 0;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
}

    .styles-input-SN svg {
        pointer-events: none;
    }

@media (max-device-width: 767px) {
    .styles-input-SN {
        font-weight: 400;
        letter-spacing: 0;
    }
}

.styles-textareaRoot-s4 .styles-input-SN {
    resize: vertical;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.styles-input-SN::-ms-reveal,
.styles-input-SN::-ms-clear {
    display: none;
}

.styles-input-SN:enabled:hover {
    border-color: rgb(198, 201, 208);
}

.styles-input-SN:disabled {
    color: #dde0e8;
    cursor: not-allowed;
    background: #fff;
    border-color: rgba(221, 224, 232, 0.60);
}

.styles-input-SN.styles-filled-f9[type="password"] {
    font-family: monospace;
}

.styles-input-SN:focus+.styles-activeBorder-T0+.styles-placeholder-m1 {
    display: none;
}

.styles-input-SN::-webkit-input-placeholder {
    color: #a4a9b8;
    opacity: 1;
    transition: opacity 140ms linear;
}

.styles-input-SN::-moz-placeholder {
    color: #a4a9b8;
    opacity: 1;
    transition: opacity 140ms linear;
}

.styles-input-SN:-moz-placeholder {
    color: #a4a9b8;
    opacity: 1;
    transition: opacity 140ms linear;
}

.styles-input-SN:-ms-input-placeholder {
    color: #a4a9b8;
    opacity: 1;
    transition: opacity 140ms linear;
}

.styles-input-SN::placeholder {
    color: #a4a9b8;
    opacity: 1;
    transition: opacity 140ms linear;
}

.styles-input-SN:disabled::-webkit-input-placeholder {
    color: #dde0e8;
    opacity: 1;
}

.styles-input-SN:disabled::-moz-placeholder {
    color: #dde0e8;
    opacity: 1;
}

.styles-input-SN:disabled:-moz-placeholder {
    color: #dde0e8;
    opacity: 1;
}

.styles-input-SN:disabled:-ms-input-placeholder {
    color: #dde0e8;
    opacity: 1;
}

.styles-input-SN:disabled::placeholder {
    color: #dde0e8;
    opacity: 1;
}

.styles-input-SN:focus::-webkit-input-placeholder {
    opacity: 0.54;
}

.styles-input-SN:focus::-moz-placeholder {
    opacity: 0.54;
}

.styles-input-SN:focus:-moz-placeholder {
    opacity: 0.54;
}

.styles-input-SN:focus:-ms-input-placeholder {
    opacity: 0.54;
}

.styles-input-SN:focus::placeholder {
    opacity: 0.54;
}

.styles-isEnabled-iT.styles-isFocused-Kt .styles-input-SN::-webkit-input-placeholder {
    opacity: 0.54;
}

.styles-isEnabled-iT.styles-isFocused-Kt .styles-input-SN::-moz-placeholder {
    opacity: 0.54;
}

.styles-isEnabled-iT.styles-isFocused-Kt .styles-input-SN:-moz-placeholder {
    opacity: 0.54;
}

.styles-isEnabled-iT.styles-isFocused-Kt .styles-input-SN:-ms-input-placeholder {
    opacity: 0.54;
}

.styles-isEnabled-iT.styles-isFocused-Kt .styles-input-SN::placeholder {
    opacity: 0.54;
}

.styles-input-SN[type="month"]::-webkit-clear-button,
.styles-input-SN[type="month"]::-webkit-inner-spin-button,
.styles-input-SN[type="date"]::-webkit-clear-button,
.styles-input-SN[type="date"]::-webkit-inner-spin-button,
.styles-input-SN[type="time"]::-webkit-clear-button,
.styles-input-SN[type="time"]::-webkit-inner-spin-button {
    display: none;
}

.styles-input-SN[type="month"]::-webkit-date-and-time-value,
.styles-input-SN[type="date"]::-webkit-date-and-time-value,
.styles-input-SN[type="time"]::-webkit-date-and-time-value {
    margin: 0;
}

@media (max-device-width: 767px) {
    .styles-textareaRoot-s4 .styles-input-SN {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.styles-withStatusLine-Hx .styles-activeBorder-T0 {
    transform: scaleX(0.6) scaleY(0);
    border-width: 0 0 2px;
    transform-origin: center bottom;
}

.styles-withOutline-B8 .styles-input-SN {
    border-width: 1px;
    border-radius: 1px;
}

.styles-regular-Ow .styles-activeBorder-T0 {
    border-width: 1px;
    border-radius: 1px;
}

.styles-awesome-jC .styles-activeBorder-T0 {
    border-radius: 1px;
}

.styles-promo-ul .styles-input-SN {
    border-width: 1px 0;
    border-top-color: transparent !important;
}

.styles-promo-ul .styles-input-SN,
.styles-promo-ul .styles-input-SN:disabled {
    background: none;
}

.styles-medium-fT .styles-input-SN {
    font-size: 13px;
}

.styles-medium-fT input.styles-input-SN {
    height: 45px;
}

.styles-medium-fT .styles-icon-ZL {
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.styles-medium-fT .styles-eye-EA {
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.styles-medium-fT .styles-placeholder-m1 {
    font-size: 13px;
    pointer-events: none;
}

.styles-medium-fT.styles-withOutline-B8 .styles-placeholder-m1 {
    padding-left: 15px;
}

.styles-medium-fT.styles-withOutline-B8 .styles-input-SN {
    padding-left: 15px;
    padding-right: 15px;
}

.styles-medium-fT.styles-withLeftIcon-Fh.styles-regular-Ow .styles-input-SN {
    padding-left: 44px;
}

.styles-medium-fT.styles-withLeftIcon-Fh.styles-awesome-jC .styles-input-SN {
    padding-left: 45px;
}

.styles-medium-fT.styles-withLeftIcon-Fh.styles-promo-ul .styles-input-SN {
    padding-left: 30px;
}

.styles-medium-fT.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN,
.styles-medium-fT.styles-withEye-Hu.styles-regular-Ow .styles-input-SN {
    padding-right: 44px;
}

.styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN {
    padding-right: 74px;
}

.styles-medium-fT.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN,
.styles-medium-fT.styles-withEye-Hu.styles-awesome-jC .styles-input-SN {
    padding-right: 45px;
}

.styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN {
    padding-right: 75px;
}

.styles-medium-fT.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN,
.styles-medium-fT.styles-withEye-Hu.styles-promo-ul .styles-input-SN {
    padding-right: 30px;
}

.styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN {
    padding-right: 60px;
}

.styles-medium-fT.styles-withEye-Hu.styles-regular-Ow .styles-iconRight-NH,
.styles-medium-fT.styles-withEye-Hu.styles-awesome-jC .styles-iconRight-NH {
    right: 45px;
}

.styles-medium-fT.styles-withEye-Hu.styles-promo-ul .styles-iconRight-NH {
    right: 30px;
}

.styles-medium-fT.styles-regular-Ow .styles-iconLeft-VJ,
.styles-medium-fT.styles-awesome-jC .styles-iconLeft-VJ {
    left: 15px;
}

.styles-medium-fT.styles-promo-ul .styles-iconLeft-VJ {
    left: 0;
}

.styles-medium-fT.styles-regular-Ow .styles-iconRight-NH,
.styles-medium-fT.styles-awesome-jC .styles-iconRight-NH {
    right: 15px;
}

.styles-medium-fT.styles-promo-ul .styles-iconRight-NH {
    right: 0;
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withRightIcon-xq .styles-input-SN,
.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-input-SN {
    padding-right: 45px;
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu.styles-withRightIcon-xq .styles-input-SN {
    padding-right: 74px;
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-iconRight-NH {
    right: 45px;
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH) .styles-iconRight-NH {
    right: 15px;
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH) .styles-iconRight-NH {
        right: 20px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-iconRight-NH {
        right: 60px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu.styles-withRightIcon-xq .styles-input-SN {
        padding-right: 99px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withRightIcon-xq .styles-input-SN,
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-input-SN {
        padding-right: 60px;
    }
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai).styles-withLeftIcon-Fh .styles-input-SN {
    padding-left: 45px;
}

.styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai) .styles-iconLeft-VJ {
    left: 15px;
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai) .styles-iconLeft-VJ {
        left: 20px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai).styles-withLeftIcon-Fh .styles-input-SN {
        padding-left: 60px;
    }
}

.styles-medium-fT.styles-inGroup-sf.styles-regular-Ow:not(.styles-endPosition-rH) .styles-input-SN,
.styles-medium-fT.styles-inGroup-sf.styles-regular-Ow:not(.styles-endPosition-rH) .styles-activeBorder-T0,
.styles-medium-fT.styles-inGroup-sf.styles-awesome-jC:not(.styles-endPosition-rH) .styles-input-SN,
.styles-medium-fT.styles-inGroup-sf.styles-awesome-jC:not(.styles-endPosition-rH) .styles-activeBorder-T0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.styles-medium-fT.styles-inGroup-sf.styles-regular-Ow:not(.styles-startPosition-Ai) .styles-input-SN,
.styles-medium-fT.styles-inGroup-sf.styles-regular-Ow:not(.styles-startPosition-Ai) .styles-activeBorder-T0,
.styles-medium-fT.styles-inGroup-sf.styles-awesome-jC:not(.styles-startPosition-Ai) .styles-input-SN,
.styles-medium-fT.styles-inGroup-sf.styles-awesome-jC:not(.styles-startPosition-Ai) .styles-activeBorder-T0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-regular-Ow .styles-iconRight-NH,
    .styles-medium-fT.styles-awesome-jC .styles-iconRight-NH {
        right: 20px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-regular-Ow .styles-iconLeft-VJ,
    .styles-medium-fT.styles-awesome-jC .styles-iconLeft-VJ {
        left: 20px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withEye-Hu.styles-promo-ul .styles-iconRight-NH {
        right: 40px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-withEye-Hu.styles-regular-Ow .styles-iconRight-NH,
    .styles-medium-fT.styles-withEye-Hu.styles-awesome-jC .styles-iconRight-NH {
        right: 60px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN {
        padding-right: 80px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN,
    .styles-medium-fT.styles-withEye-Hu.styles-promo-ul .styles-input-SN {
        padding-right: 40px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN {
        padding-right: 100px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN,
    .styles-medium-fT.styles-withEye-Hu.styles-awesome-jC .styles-input-SN {
        padding-right: 60px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withEye-Hu.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN {
        padding-right: 99px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN,
    .styles-medium-fT.styles-withEye-Hu.styles-regular-Ow .styles-input-SN {
        padding-right: 59px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withLeftIcon-Fh.styles-promo-ul .styles-input-SN {
        padding-left: 40px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withLeftIcon-Fh.styles-awesome-jC .styles-input-SN {
        padding-left: 60px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withLeftIcon-Fh.styles-regular-Ow .styles-input-SN {
        padding-left: 59px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withOutline-B8 .styles-input-SN {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT.styles-withOutline-B8 .styles-placeholder-m1 {
        padding-left: 20px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT .styles-placeholder-m1 {
        font-size: 16px;
    }
}

.styles-medium-fT .styles-eyeWrapper-Jn:after {
    top: -15px;
    left: -10px;
    right: -10px;
    bottom: -15px;
    display: block;
    content: " ";
    position: absolute;
}

@media (max-device-width: 767px) {
    .styles-medium-fT .styles-eyeWrapper-Jn:after {
        top: -13px;
        bottom: -13px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT .styles-eye-EA {
        width: 19px;
        height: 19px;
        line-height: 19px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT .styles-icon-ZL {
        width: 19px;
        height: 19px;
        line-height: 19px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT input.styles-input-SN {
        height: 55px;
    }
}

@media (max-device-width: 767px) {

    .styles-medium-fT input.styles-input-SN[type="month"],
    .styles-medium-fT input.styles-input-SN[type="date"],
    .styles-medium-fT input.styles-input-SN[type="time"] {
        line-height: 45px;
    }
}

@media (max-device-width: 767px) {
    .styles-medium-fT .styles-input-SN {
        font-size: 16px;
    }
}

.styles-small-nl .styles-input-SN {
    font-size: 13px;
}

.styles-small-nl input.styles-input-SN {
    height: 35px;
}

.styles-small-nl .styles-icon-ZL {
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.styles-small-nl .styles-eye-EA {
    width: 15px;
    height: 15px;
    line-height: 15px;
}

.styles-small-nl .styles-placeholder-m1 {
    font-size: 13px;
    pointer-events: none;
}

.styles-small-nl.styles-withOutline-B8 .styles-placeholder-m1 {
    padding-left: 15px;
}

.styles-small-nl.styles-withOutline-B8 .styles-input-SN {
    padding-left: 15px;
    padding-right: 15px;
}

.styles-small-nl.styles-withLeftIcon-Fh.styles-regular-Ow .styles-input-SN {
    padding-left: 44px;
}

.styles-small-nl.styles-withLeftIcon-Fh.styles-awesome-jC .styles-input-SN {
    padding-left: 45px;
}

.styles-small-nl.styles-withLeftIcon-Fh.styles-promo-ul .styles-input-SN {
    padding-left: 30px;
}

.styles-small-nl.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN,
.styles-small-nl.styles-withEye-Hu.styles-regular-Ow .styles-input-SN {
    padding-right: 44px;
}

.styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN {
    padding-right: 74px;
}

.styles-small-nl.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN,
.styles-small-nl.styles-withEye-Hu.styles-awesome-jC .styles-input-SN {
    padding-right: 45px;
}

.styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN {
    padding-right: 75px;
}

.styles-small-nl.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN,
.styles-small-nl.styles-withEye-Hu.styles-promo-ul .styles-input-SN {
    padding-right: 30px;
}

.styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN {
    padding-right: 60px;
}

.styles-small-nl.styles-withEye-Hu.styles-regular-Ow .styles-iconRight-NH,
.styles-small-nl.styles-withEye-Hu.styles-awesome-jC .styles-iconRight-NH {
    right: 45px;
}

.styles-small-nl.styles-withEye-Hu.styles-promo-ul .styles-iconRight-NH {
    right: 30px;
}

.styles-small-nl.styles-regular-Ow .styles-iconLeft-VJ,
.styles-small-nl.styles-awesome-jC .styles-iconLeft-VJ {
    left: 15px;
}

.styles-small-nl.styles-promo-ul .styles-iconLeft-VJ {
    left: 0;
}

.styles-small-nl.styles-regular-Ow .styles-iconRight-NH,
.styles-small-nl.styles-awesome-jC .styles-iconRight-NH {
    right: 15px;
}

.styles-small-nl.styles-promo-ul .styles-iconRight-NH {
    right: 0;
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withRightIcon-xq .styles-input-SN,
.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-input-SN {
    padding-right: 45px;
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu.styles-withRightIcon-xq .styles-input-SN {
    padding-right: 74px;
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-iconRight-NH {
    right: 45px;
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH) .styles-iconRight-NH {
    right: 15px;
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH) .styles-iconRight-NH {
        right: 15px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-iconRight-NH {
        right: 50px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu.styles-withRightIcon-xq .styles-input-SN {
        padding-right: 84px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withRightIcon-xq .styles-input-SN,
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-endPosition-rH).styles-withEye-Hu .styles-input-SN {
        padding-right: 50px;
    }
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai).styles-withLeftIcon-Fh .styles-input-SN {
    padding-left: 45px;
}

.styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai) .styles-iconLeft-VJ {
    left: 15px;
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai) .styles-iconLeft-VJ {
        left: 15px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-inGroup-sf.styles-promo-ul:not(.styles-startPosition-Ai).styles-withLeftIcon-Fh .styles-input-SN {
        padding-left: 50px;
    }
}

.styles-small-nl.styles-inGroup-sf.styles-regular-Ow:not(.styles-endPosition-rH) .styles-input-SN,
.styles-small-nl.styles-inGroup-sf.styles-regular-Ow:not(.styles-endPosition-rH) .styles-activeBorder-T0,
.styles-small-nl.styles-inGroup-sf.styles-awesome-jC:not(.styles-endPosition-rH) .styles-input-SN,
.styles-small-nl.styles-inGroup-sf.styles-awesome-jC:not(.styles-endPosition-rH) .styles-activeBorder-T0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.styles-small-nl.styles-inGroup-sf.styles-regular-Ow:not(.styles-startPosition-Ai) .styles-input-SN,
.styles-small-nl.styles-inGroup-sf.styles-regular-Ow:not(.styles-startPosition-Ai) .styles-activeBorder-T0,
.styles-small-nl.styles-inGroup-sf.styles-awesome-jC:not(.styles-startPosition-Ai) .styles-input-SN,
.styles-small-nl.styles-inGroup-sf.styles-awesome-jC:not(.styles-startPosition-Ai) .styles-activeBorder-T0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-regular-Ow .styles-iconRight-NH,
    .styles-small-nl.styles-awesome-jC .styles-iconRight-NH {
        right: 15px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-regular-Ow .styles-iconLeft-VJ,
    .styles-small-nl.styles-awesome-jC .styles-iconLeft-VJ {
        left: 15px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withEye-Hu.styles-promo-ul .styles-iconRight-NH {
        right: 35px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-withEye-Hu.styles-regular-Ow .styles-iconRight-NH,
    .styles-small-nl.styles-withEye-Hu.styles-awesome-jC .styles-iconRight-NH {
        right: 50px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN {
        padding-right: 70px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-withRightIcon-xq.styles-promo-ul .styles-input-SN,
    .styles-small-nl.styles-withEye-Hu.styles-promo-ul .styles-input-SN {
        padding-right: 35px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN {
        padding-right: 85px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-withRightIcon-xq.styles-awesome-jC .styles-input-SN,
    .styles-small-nl.styles-withEye-Hu.styles-awesome-jC .styles-input-SN {
        padding-right: 50px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withEye-Hu.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN {
        padding-right: 84px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl.styles-withRightIcon-xq.styles-regular-Ow .styles-input-SN,
    .styles-small-nl.styles-withEye-Hu.styles-regular-Ow .styles-input-SN {
        padding-right: 49px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withLeftIcon-Fh.styles-promo-ul .styles-input-SN {
        padding-left: 35px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withLeftIcon-Fh.styles-awesome-jC .styles-input-SN {
        padding-left: 50px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withLeftIcon-Fh.styles-regular-Ow .styles-input-SN {
        padding-left: 49px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withOutline-B8 .styles-input-SN {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl.styles-withOutline-B8 .styles-placeholder-m1 {
        padding-left: 15px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl .styles-placeholder-m1 {
        font-size: 16px;
    }
}

.styles-small-nl .styles-eyeWrapper-Jn:after {
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    display: block;
    content: " ";
    position: absolute;
}

@media (max-device-width: 767px) {
    .styles-small-nl .styles-eyeWrapper-Jn:after {
        top: -8px;
        bottom: -8px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl .styles-eye-EA {
        width: 19px;
        height: 19px;
        line-height: 19px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl .styles-icon-ZL {
        width: 19px;
        height: 19px;
        line-height: 19px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl input.styles-input-SN {
        height: 45px;
    }
}

@media (max-device-width: 767px) {

    .styles-small-nl input.styles-input-SN[type="month"],
    .styles-small-nl input.styles-input-SN[type="date"],
    .styles-small-nl input.styles-input-SN[type="time"] {
        line-height: 35px;
    }
}

@media (max-device-width: 767px) {
    .styles-small-nl .styles-input-SN {
        font-size: 16px;
    }
}

.styles-root-fY {
    cursor: auto;
    widows: 2;
    margin: 0;
    hyphens: none;
    padding: 0;
    tab-size: 8;
    position: relative;
    direction: ltr;
    font-size: medium;
    font-style: normal;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    box-sizing: border-box;
    empty-cells: show;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    line-height: normal;
    text-indent: 0;
    text-shadow: none;
    white-space: normal;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
}

.styles-activeBorder-T0 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 0 solid transparent;
    position: absolute;
    transition: all 140ms linear;
    pointer-events: none;
}

.styles-input-SN:focus+.styles-activeBorder-T0,
.styles-isEnabled-iT.styles-isFocused-Kt .styles-activeBorder-T0 {
    transform: none;
    border-color: #315efb;
}

.styles-success-Mf.styles-isEnabled-iT .styles-activeBorder-T0 {
    transform: none;
    border-color: #28bc00;
}

.styles-error-pb.styles-isEnabled-iT .styles-activeBorder-T0 {
    transform: none;
    border-color: #ff564e;
}

.styles-warning-ez.styles-isEnabled-iT .styles-activeBorder-T0 {
    transform: none;
    border-color: #ffc000;
}

.styles-icon-ZL {
    top: 0;
    color: #b0b4c2;
    bottom: 0;
    margin: auto;
    position: absolute;
    font-size: 0;
}

.styles-textareaRoot-s4 .styles-icon-ZL {
    margin-top: 15px;
}

@media (max-device-width: 767px) {
    .styles-textareaRoot-s4 .styles-icon-ZL {
        margin-top: 20px;
    }
}

.styles-eye-EA {
    border: 0;
    cursor: pointer;
    outline: 0;
    pointer-events: auto;
}

.styles-eye-EA:hover {
    color: #315efb;
}

.styles-regular-Ow .styles-eye-EA,
.styles-awesome-jC .styles-eye-EA {
    right: 15px;
}

.styles-promo-ul .styles-eye-EA {
    right: 0;
}

@media (max-device-width: 767px) {

    .styles-regular-Ow .styles-eye-EA,
    .styles-awesome-jC .styles-eye-EA {
        right: 20px;
    }
}

.styles-iconLeft-VJ {
    pointer-events: none;
}

.styles-placeholder-m1 {
    top: 2px;
    left: 1px;
    color: #a4a9b8;
    height: calc(100% - 5px);
    display: flex;
    opacity: 1;
    position: absolute;
    background: #fff;
    transition: opacity 140ms linear;
    align-items: center;
}

.styles-hide-sd {
    display: none;
}
.styles-root-G1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 300px;
  padding: 20px;

  font-family: 'Manrope';

  border-radius: 15px;
  background-color: #343B4C;
  color: #EFF5FF;

  animation: styles-raise-cj 0.2s ease-in-out;
}

.styles-smallRoot-ce {
  gap: 5px;
}

.styles-header-pC {
  display: flex;
  gap: 16px;
  justify-content: space-between;

  
}

.styles-title-ej {
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
}

.styles-titleSmall-bf {
  font-weight: 800;
  font-size: 13px;
  line-height: 20px;
}

.styles-successDescription-D4 {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
}

.styles-text-DB {
  padding: 10px 15px !important;

  border: 1px solid #5E6C84!important;
  border-radius: 5px !important;
  background-color: transparent;
  color: #AFB6C9;
  resize: none !important;
}

.styles-btn-oF {
  width: 100%;
}

.styles-closeIcon-HX {
  flex-shrink: 0;
  width: 20px;
  height: 20px;

  cursor: pointer;
  fill: #FFFFFF;
}

@keyframes styles-raise-cj {
  0% { opacity: 0;

 transform: translateY(10px) scale(0.9); }
  100% { opacity: 1;

 transform: translateY(0) scale(1); }
}

.styles-root-cu {
    display: flex;
    justify-content: space-around;
}

.styles-star-DM {
    height: 35px;

    cursor: pointer;
    fill: #5E6C84;

    transition: fill 0.15s ease-in-out;  
}

.styles-star-DM:hover,  
    .styles-star-DM.styles-hovered-G4 {  
        fill: #FFD000;  
    }

.styles-starActive-dm {
    fill: #FFD000;
}
.LoadingAnimation-root-n8 {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 175px;
}

    .LoadingAnimation-root-n8 .LoadingAnimation-loadingDot-qu {
        height: 6px;
        width: 6px;
        border-radius: 50%;
        display: block;
        float: left;
        transition: transform .6s ease-out;
        transform: translate3d(0, 0, 0);
    }

    .LoadingAnimation-root-n8 .LoadingAnimation-loadingDot-qu:nth-child(1) {
            animation: LoadingAnimation-animateDot-g6 .6s ease-out;
            animation-fill-mode: forwards;
            animation-delay: 0s;
            animation-iteration-count: infinite;
        }

    .LoadingAnimation-root-n8 .LoadingAnimation-loadingDot-qu:nth-child(2) {
            margin: 0 4px;
            animation: LoadingAnimation-animateDot-g6 .6s ease-out;
            animation-fill-mode: forwards;
            animation-delay: .08s;
            animation-iteration-count: infinite;
        }

    .LoadingAnimation-root-n8 .LoadingAnimation-loadingDot-qu:nth-child(3) {
            animation: LoadingAnimation-animateDot-g6 .6s ease-out;
            animation-fill-mode: forwards;
            animation-delay: .16s;
            animation-iteration-count: infinite;
        }

.LoadingAnimation-blue-er .LoadingAnimation-loadingDot-qu {
        height: 6px;
        width: 6px;
        background-color: #196BFA;
    }

.LoadingAnimation-dark-qR .LoadingAnimation-loadingDot-qu {
        height: 4px;
        width: 4px;
        background-color: #262626;
    }

@keyframes LoadingAnimation-animateDot-g6 {
    20% {
        transform: scale(1);
    }
    40% {
        transform: scale(1) translate3d(0, 6px, 0);
    }
    100% {
        transform: scale(1)  translate3d(0, 0, 0);
    }
}
.Ad-root-zQ {
  text-align: center;
  background-color: transparent;
  width: 100%;
  display: block;
}

.Ad-headBanner-yJ > div {
  justify-content: flex-end;
}

.Ad-verticalBanners-b0 {
  margin: 0 0 10px;
  max-width: 100%;
  overflow: hidden;
}

.Ad-direct-PA {
  background-color: #F3F4F7;
  height: 35px;
  min-height: 35px;
  padding: 0 18px;
  color: var(--darkGray);
  border-bottom: 1px solid var(--bgLightBlue);
  box-sizing: border-box;

  display: flex;
  align-items: center;
  flex: 0 1 35px;
  cursor: pointer;

  z-index: 0;
  position: relative;
}

.Ad-direct-PA .Ad-title-fe {
      margin-right: 10px;
      white-space: nowrap;
      flex-shrink: 0;
      flex-grow: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      font-weight: 500;
  }

.Ad-direct-PA .Ad-desc-uE {
      white-space: nowrap;
      flex-shrink: 1;
      flex-grow: 1;
      text-overflow: ellipsis;
      overflow: hidden;
  }

.Ad-direct-PA .Ad-provider-Lg {
      margin-left: auto;
  }

@media print {
  .Ad-direct-PA {
      display: none;
  }
}

.Ad-subscribeBannerRoot-m0 {
  font: 500 11px/1.36 Roboto, Arial, Helvetica, 'sans-serif';
  letter-spacing: 1.3px;
  width: 100%;
  height: 40px;
  background-color: #eff5ff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 10px;
  -webkit-font-smoothing: antialiased;
}

.Ad-subscribeBannerRoot-m0 span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #456efb;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

.Ad-subscribeBannerRoot-m0 .Ad-subscribeBannerCloseIcon-TF {
    width: 15px;
    height: 15px;
    fill: #fff;
  }

.AppContainer-root-F8 {
  flex: 1 0 auto;
}

_:-ms-lang(x), .AppContainer-leftFixed-o5 { z-index: 999; }

.AppContainer-mainContainer-nN {
  min-width: 720px;
  box-shadow: 0 2px 10px 0 rgba(102, 116, 166, 0.2);
  background-color: #fff;
}

.AppContainer-mainWithRightBarWrapper-y9 {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 720px;
  align-items: flex-start;
}

.AppContainer-rightSidebar-qK {
  flex: 0 0 auto;
  margin-left: 10px;
}

.AppContainer-leftSidebarWithAd-AX {
  width: 240px;
  /**
   * to prevent collapsing in compose with advertisement
   * 617 - minimum height for container with ad
   */
  min-height: 617px;
}

.AppContainer-rightUniversalSidebarWithAd-z0 {
  width: 265px;
  margin-top: 11px;
}

/**
 * TODO (in the future)
 * Make use of JSS to extract this into module
 */
.AppContainer-scrollbarWrapper-PS {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.AppContainer-scrollbarWrapper-PS .AppContainer-scrollbar-uk {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0px;
    margin-bottom: 0px;
  }
.AppContainer-scrollbarWrapper-PS .AppContainer-scrollbar-uk::-webkit-scrollbar-track {
      background-color: transparent;
    }

.AppContainer-adWrapper-d8 {
  width: 240px;
  padding: 0;
  margin-top: 10px;
  overflow: hidden;
  height: auto;
}

.AppContainer-adWrapper-d8 .AppContainer-adWrapper-d8 {
    margin: 0 !important;
  }

.AppContainer-fullHeight-lX {
  height: 100%;
}

.AppContainer-withRightAdMin-Hf .AppContainer-mainContainer-nN {
    /* to prevent main container growing when adblock remove right sidebar */
    max-width: 100%;
  }

.AppContainer-withRightAdMin-Hf .AppContainer-adWrapper-d8 {
    width: 240px;
    margin-top: 0;
    margin-left: 10px;
  }

.AppContainer-withRightAdMin-Hf .AppContainer-rightSidebar-qK {
    width: 240px;
    margin-top: 10px;
  }

.AppContainer-withRightAdMin-Hf .AppContainer-footer-VA {
    padding-right: 250px;
  }

.AppContainer-withRightAdMax-qq .AppContainer-mainContainer-nN {
    /* to prevent main container growing when adblock remove right sidebar */
    max-width: 100%;
  }

.AppContainer-withRightAdMax-qq .AppContainer-adWrapper-d8 {
    width: 300px;
    padding: 0;
    margin-top: 0;
    margin-left: 10px;
  }

.AppContainer-withRightAdMax-qq .AppContainer-adWrapper-d8.AppContainer-minimize-k6 {
      width: 240px;
    }

.AppContainer-withRightAdMax-qq .AppContainer-rightSidebar-qK {
    width: 300px;
  }

.AppContainer-withRightAdMax-qq .AppContainer-footer-VA {
    padding-right: 310px;
  }

.AppContainer-columnWithRightAdMax-qV .AppContainer-adWrapper-d8 {
    width: 255px;
    padding: 0;
    margin-top: 0;
    margin-left: 10px;
  }

.AppContainer-columnWithRightAdMax-qV .AppContainer-rightSidebar-qK {
    width: 240px;
  }

.AppContainer-columnWithRightAdMax-qV .AppContainer-footer-VA {
    padding-right: 250px;
  }

.AppContainer-footer-VA {
  position: relative;
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
}

.AppContainer-withStickyHeader-u6 {
  margin-top: 55px;
}

.ThemeBorder-root-EW {
  border-radius: 1px;
  border-width: 1px;
  border-color: transparent;
}

.SentLetter-root-Su .SentLetter-content-rP {
    padding: 20px;
    background: white;
  }

  .SentLetter-root-Su .SentLetter-main-Q6 {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    column-gap: 10px;
  }

  .SentLetter-root-Su .SentLetter-main-Q6 .SentLetter-text-Od {
      overflow: hidden;
      display: flex;
      align-items: center;
      font-size: 13px;
      color: var(--dark);
    }

  .SentLetter-root-Su .SentLetter-main-Q6 .SentLetter-text-Od .SentLetter-link-jE {
        overflow: hidden;
        text-overflow: ellipsis;
      }

  .SentLetter-root-Su .SentLetter-main-Q6 .SentLetter-text-Od .SentLetter-dots-iS {
        margin: 0 0 0 15px;
      }

  .SentLetter-root-Su .SentLetter-main-Q6 .SentLetter-link-jE {
      color: var(--blueShaded);
    }

  .SentLetter-root-Su .SentLetter-main-Q6 .SentLetter-link-jE:hover {
        color: var(--dark);
      }

  .SentLetter-root-Su .SentLetter-context-Yy {
    width: 100%;
    min-height: 450px;
    margin: 40px 0 0 0;
    overflow: hidden;
  }

.SentLetter-head-Cb {
  background: white;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.25;
  color: var(--dark);
  padding: 15px 20px 14px 20px;
  border-bottom: 1px solid rgba(206, 212, 228, .25);
  box-sizing: border-box;
}

.SentLetter-banner-mD {
  min-width: 680px;
  max-width: 1360px;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
}

.Tabs-root-CE {
    padding: 0 20px 0 20px;
    box-shadow: 0px 5px 5px -5px rgba(49, 94, 251, 0.40);
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;

}

    .Tabs-root-CE a {
        font-weight: 400;
        font-size: 13px;
        line-height: 1.15;
        color: #262626;
        border-top: 2px solid transparent;
        padding: 15px 0px;
        margin: 0 20px 0 0;
        cursor: pointer;
    }

    .Tabs-root-CE a.Tabs-selected-GD {
            font-weight: 500;
            color:  var(--blue2);
            border-bottom: 2px solid  var(--blue2);
        }

    .Tabs-root-CE a.Tabs-main-C2:after {
            content: 'Основные';
        }

    .Tabs-root-CE a.Tabs-accounts-lS:after {
            content: 'Сбор почты';
        }

    .Tabs-root-CE a.Tabs-folders-gG:after {
            content: 'Папки';
        }

    .Tabs-root-CE a.Tabs-subscriptions-CM:after {
            content: 'Рассылки';
        }

    .Tabs-root-CE a.Tabs-filters-td:after {
            content: 'Фильтры';
        }

    .Tabs-root-CE a.Tabs-autoreply-X9:after {
            content: 'Автоответчик';
        }

    .Tabs-root-CE a.Tabs-mailapps-ba:after {
            content: 'Программы';
        }

    .Tabs-root-CE a.Tabs-mine-Hr:after {
            content: 'Мои контакты';
        }

    .Tabs-root-CE a.Tabs-auto-gY:after {
            content: 'Автоматические';
        }

    .Tabs-root-CE a.Tabs-groups-t9:after {
            content: 'Группы';
        }

    .Tabs-root-CE a.Tabs-security-Fd:after {
          content: 'Безопасность';
        }

    .Tabs-root-CE a:hover {
            color: var(--blue2);
        }

    .Tabs-root-CE a.Tabs-disable-bF {
            color: rgba(206, 212, 218, 1);
        }

    .Tabs-root-CE a:last-child {
            margin: 0;
        }

.BackButton-root-Pt {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 55px;
    height: 55px;
    cursor: pointer;
    line-height: 1;
}

  .BackButton-root-Pt svg {
      width: 15px;
      height: 15px;
      opacity: 0.85;
      fill: var(--shaded);
  }

  .BackButton-root-Pt:hover svg {
        fill: var(--dark);
    }

.styles-tooltipError-q3 {
  --tooltipBg: rgb(255, 86, 78) !important;
}

.styles-tooltip-XC {
    --tooltipBg: rgba(52, 59, 76, 0.95);
    position: absolute;
    width: max-content;
    padding: 8px 12px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    line-height: 1.4;
    border-radius: 1px;
    background-color: rgba(52, 59, 76, 0.95);
    background-color: var(--tooltipBg);
    opacity: 0;
    transform: translate(0, 0);
    transition: opacity 200ms, transform 200ms;
    z-index: 300;
  }

.styles-tooltip-XC::after {
      content: "";
      position: absolute;
      border-width: 6px;
      border-style: solid;
    }

.styles-tooltip-XC.styles-isVisible-V1 {
      opacity: 1;
    }

.styles-tooltip-XC.styles-limitWidth-q7 {
      max-width: 300px;
    }

.styles-tooltip-XC.styles-content-center-V2::after {
        left: 50%;
        transform: translateX(-50%);
      }

.styles-tooltip-XC.styles-content-left-Yq::after {
        right: 19px;
      }

.styles-tooltip-XC.styles-content-right-yD::after {
        left: 19px;
      }

.styles-tooltip-XC.styles-top-rV.styles-isVisible-V1 {
        transform: translate(0, 10px);
      }

.styles-tooltip-XC.styles-top-rV::after {
        bottom: -11px;
        border-color: var(--tooltipBg) transparent transparent transparent;
      }

.styles-tooltip-XC.styles-bottom-KI.styles-isVisible-V1 {
        transform: translate(0, -10px);
      }

.styles-tooltip-XC.styles-bottom-KI::after {
        top: -11px;
        border-color: transparent transparent var(--tooltipBg) transparent;
      }

.styles-tooltip-XC.styles-right-o6.styles-isVisible-V1 {
        transform: translate(-10px, 0);
      }

.styles-tooltip-XC.styles-right-o6::after {
        top: 50%;
        left: -11px;
        border-color: transparent var(--tooltipBg) transparent transparent;
        transform: translateY(-50%);
      }

.styles-tooltip-XC.styles-left-co.styles-isVisible-V1 {
        transform: translate(10px, 0);
      }

.styles-tooltip-XC.styles-left-co::after {
        top: 50%;
        right: -11px;
        transform: translateY(-50%);
        border-color: transparent transparent transparent var(--tooltipBg);
      }
  

  .styles-hide-yI {
    visibility: hidden;
    opacity: 0;
  }
.Pagination-root-Zw {
    height: 55px;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 15px;
    color: var(--shaded);
    user-select: none;
    background: white;
    top: 0;
}

    .Pagination-root-Zw:hover svg {
                opacity: 1;
                transition: all 0.4s ease;
            }

    .Pagination-root-Zw:hover .Pagination-disabled-Dr svg {
                 opacity: 0.3;
            }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 {
        position: absolute;
        right: 91px;
        width: 88px;
        padding: 20px;
        background: transparent;
    }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 a {
            margin: 0;
        }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 a svg {
                display: block !important;
                opacity: 1;
                width: 15px;
                height: 15px;
            }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 a:hover svg {
                    fill: var(--dark);
                }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 a.Pagination-disabled-Dr svg {
                    opacity: 0.3;
                    fill: var(--blueShaded);
                }

    .Pagination-root-Zw.Pagination-MailListHeader-u3 a.Pagination-disabled-Dr:hover {
                     fill: var(--blueShaded);
                }

    .Pagination-root-Zw.Pagination-contacts-od {
         right: 0;
         padding: 20px;
    }

    .Pagination-root-Zw.Pagination-contacts-od a {
            margin: 0;
        }

    .Pagination-root-Zw.Pagination-contacts-od a svg {
                display: block !important;
                opacity: 1;
                width: 15px;
                height: 15px;
            }

    .Pagination-root-Zw.Pagination-contacts-od a:hover svg {
                    fill: var(--dark);
                }

    .Pagination-root-Zw.Pagination-contacts-od a.Pagination-disabled-Dr svg {
                    opacity: 0.3;
                    fill: var(--blueShaded);
                }

    .Pagination-root-Zw.Pagination-contacts-od a.Pagination-disabled-Dr:hover {
                fill: var(--blueShaded);
                }

    .Pagination-root-Zw a {


        /*padding: 0 20px;*/
        /*user-select: none;*/
    }

    .Pagination-root-Zw a svg {
            vertical-align: middle;
            opacity: 0;
            fill: var(--shaded);
            height: 15px;
            width: 15px;
        }

    /*user-select: none;*/

    .Pagination-root-Zw a svg:hover {
                color: #262626;

            }

    .Pagination-root-Zw a.Pagination-disabled-Dr svg {
                /*opacity: 0;*/
                fill: var(--blueShaded);


            }

    .Pagination-root-Zw a:nth-child(2) {
             /*padding: 0 10px;*/
         }

    .Pagination-root-Zw a.Pagination-active-GI {
            color: #315efb;
            height: 30px;
            width: 30px;
            text-align: center;
            line-height: 30px;
            display: inline-block;
            border-radius: 100px;
            background-color: #eaeffe;
        }

    .Pagination-root-Zw a {
        margin: 0 10px;
        color: var(--shaded);
}

    .Pagination-root-Zw a:hover {
             color: #315efb;
        }
.Pagination-borderBottomLight75-NF {
    box-sizing: border-box;
    border-bottom: 1px solid var(--lightGray)
}


.Pagination-ColumnLayout-aw {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.5em;
    padding-left: 20px;
    padding-right: 10px;
}


.Pagination-ColumnLayout-aw .Pagination-last-PN {
        display: inline-block;
    }


.Pagination-ColumnLayout-aw a {
        display: flex;
    }


.Pagination-ColumnLayout-aw a svg {
            opacity: 1;
            transition: all 0.4s ease;
        }


.Pagination-ColumnLayout-aw .Pagination-disabled-Dr svg {
        opacity: 0.3;
    }

.Pagination-ColumnMailListFooter-g6 {
    background: white;
    border-top: 1px solid var(--lightGray);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    line-height: 1.5em;
    height: auto;
    min-height: 35px;
    padding: 7px 10px 7px 20px;
}

.Pagination-ColumnMailListFooter-g6 .Pagination-last-PN {
        display: inline-block;
    }

.Pagination-ColumnMailListFooter-g6 a {
        display: flex;
    }

.Pagination-ColumnMailListFooter-g6 a svg {
            opacity: 1;
            transition: all 0.4s ease;
        }

.Pagination-ColumnMailListFooter-g6 .Pagination-disabled-Dr svg {
        opacity: 0.3;
    }

/* -------------------------------------------------------- */
/* STYLES FOR NEW PAGINATION COMPONENTS */

.Pagination-sequence-Wt {
  display: flex;
  align-items: center;
}

.Pagination-sequence-Wt svg {
    width: 15px;
    height: 15px;
    fill: var(--shaded);
    margin-right: 20px;
    vertical-align: middle;
    opacity: 0;
  }

.Pagination-sequence-Wt .Pagination-disabled-Dr svg {
    fill: #e2e5eb;
  }

.Pagination-sequence-Wt .Pagination-link-PP {
    margin-right: 20px;
    color: var(--shaded);
  }

.Pagination-sequence-Wt .Pagination-link-PP:hover {
      color: var(--infoBlue);
    }

.Pagination-sequence-Wt .Pagination-active-GI {
    color: var(--infoBlue);
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 100%;
    background-color: #eaeffe;
  }

.Pagination-arrows-FF svg {
    fill: var(--shaded);
    transition: all 0.4s ease;
  }

.Pagination-arrows-FF svg:hover {
    fill: var(--darkGray);
  }

.Pagination-arrows-FF .Pagination-disabled-Dr svg {
    fill: #e2e5eb ;
  }



:root {
  --blockHeight: 45px;
  --labelWidth: 40%;
}

.Input-root-Ow {
  height: 45px;
  height: var(--blockHeight);
  display: flex;
  box-sizing: border-box;
  position: relative;

}

.Input-root-Ow label {
    line-height: 45px;
    line-height: var(--blockHeight);
    color: var(--shaded);
    padding-right: 5px;
    box-sizing: border-box;
  }

.Input-root-Ow input {
    height: 100%;
    width: 100%;
    color: var(--darkGray);
    font-size: 13px;
    line-height: 1.15;
  }

.Input-root-Ow input:invalid {
      box-shadow: none !important;
      border: none;
    }

.Input-root-Ow input:-webkit-autofill.Input-error-G2:not(:focus) {
      -webkit-text-fill-color: var(--error);
    }

.Input-root-Ow input:focus::placeholder {
        color: #cdd1e3;
      }

.Input-root-Ow input.Input-error-G2:not(:focus) {
      color: var(--error);
    }

.Input-root-Ow input.Input-error-G2:not(:focus):focus {
        outline: none;
        color: var(--error);
      }

.Input-root-Ow input.Input-error-G2:not(:focus)::placeholder {
        color: var(--shaded);
      }

.Input-root-Ow input::placeholder {
      color: var(--shaded);
    }

.Input-root-Ow .Input-errorHint-xw {
    position: absolute;
    right: 0px;
    /*right: -10px;*/
    /*top: 50%;*/
    /*transform: translateX(100%) translateY(-50%);*/
    bottom: 50%;
    transform: translateX(115%) translateY(50%);

    background-color: #494e59;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 10px;
  }

.Input-root-Ow .Input-wrapper-WX {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

.Input-root-Ow.Input-settings-main-mm label {
      font-weight: 500;
    }

.Input-root-Ow.Input-settings-autoreply-R7 label {
      font-weight: 500;
    }

.Input-root-Ow.Input-underlined-Cd {
    border-bottom: 1px solid #f6f7fa;
  }

.Input-root-Ow.Input-label-40-Mg label {
      width: 40%;
      width: var(--labelWidth);
    }

.Input-root-Ow.Input-label-40-Mg .Input-wrapper-WX {
      width: calc(100% - 40%);
      width: calc(100% - var(--labelWidth));
    }

.Input-root-Ow.Input-vertical-xR {
    flex-direction: column;
    height: auto;
  }

.Input-root-Ow.Input-vertical-xR label {
      line-height: 1.15;
      padding-bottom: 10px;
      box-sizing: content-box;
      color: var(--darkGray);
    }

.Input-root-Ow.Input-vertical-xR input {
      height: 45px;
      border: solid 1px #ced4e4;
      padding-left: 15px;
      transition: border .2s ease;
    }

.Input-root-Ow.Input-vertical-xR input:focus {
        border: solid 1px #315efb;
      }

.Input-root-Ow.Input-vertical-xR input.Input-error-G2 {
        color: black;
        border-color: var(--error);
      }

.Input-root-Ow.Input-vertical-xR input.Input-error-G2:focus {
          color: black;
          border-color: var(--error);
        }

.Input-root-Ow.Input-disabled-KR label {
      color: #ced4e4;
    }

.Input-root-Ow.Input-disabled-KR input {
      background-color: #f6f7fa;
      border-color: #f6f7fa;
      color: #ced4e4;
      cursor: default;
      user-select: none;
    }

.Input-withIcon-bl {
  position: relative;
  width: 360px;
}

.Input-withIcon-bl .Input-icon-zb {
      position: absolute;
      right: 12px;
      bottom: 7px;
      cursor: pointer;
      background-color: white;
      transition: opacity 0.3s ease;
      cursor: default;
  }

.Input-withIcon-bl .Input-icon-zb svg {
          width: 15px;
          height: 15px;
          fill: var(--blueShaded);
          opacity: 0.85;
      }

.Input-paddingHorizontalLarge-Pn {
  padding: 0 20px;
}

.styles-root-zS {
    cursor: auto;
    widows: 2;
    margin: 0;
    hyphens: none;
    padding: 0;
    tab-size: 8;
    direction: ltr;
    font-size: 13px;
    font-style: normal;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    empty-cells: show;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    line-height: 15px;
    text-indent: 0;
    text-shadow: none;
    white-space: normal;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
}

@media (max-device-width: 767px) {
    .styles-root-zS {
        font-size: 14px;
        line-height: 20px;
    }
}

.styles-normal-PZ {
    margin-bottom: 15px;
}

.styles-inline-Xq {
    margin-bottom: 15px;
}

.styles-label-lW {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.styles-inner-Xr {
    position: relative;
}

@media (min-width: 768px) {
    .styles-normal-PZ {
        margin-bottom: 20px;
    }

    .styles-normal-PZ .styles-label-lW {
        width: 100%;
    }

    .styles-inline-Xq {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px;
    }

    .styles-inline-Xq .styles-label-lW {
        max-width: 172px;
        margin-left: 0;
        line-height: 1;
        margin-bottom: 0;
    }

    .styles-inline-Xq .styles-inner-Xr {
        flex: 1;
        width: auto;
    }

    .styles-inner-Xr {
        width: 100%;
        display: inline-block;
        margin-left: 0;
        vertical-align: top;
    }

    .styles-small-cf.styles-inline-Xq .styles-label-lW {
        padding-top: 12px;
    }

    .styles-medium-er.styles-inline-Xq .styles-label-lW {
        padding-top: 15px;
    }
}
.styles-success-H1 .styles-message-Ei {
    color: #28bc00;
}

.styles-warning-Gr .styles-message-Ei {
    color: #ffc000;
}

.styles-error-Gg .styles-message-Ei {
    color: #ff564e;
}

.styles-message-Ei {
    cursor: auto;
    widows: 2;
    margin: 0;
    hyphens: none;
    padding: 0;
    tab-size: 8;
    direction: ltr;
    font-size: 13px;
    font-style: normal;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    margin-top: 10px;
    empty-cells: show;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    line-height: 15px;
    text-indent: 0;
    text-shadow: none;
    white-space: normal;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
}

@media (max-device-width: 767px) {
    .styles-message-Ei {
        font-size: 14px;
        margin-top: 5px;
        line-height: 20px;
    }
}
.Badge-root-fd {
    display: inline-flex;
    align-items: center;
    height: 30px;
    height: 25px;
    padding: 0 15px;
    margin: 5px 5px 5px 0;
    line-height: 30px;
    background-color: var(--lightBlue);
    border-radius: 5px;

}

    .Badge-root-fd.Badge-faded-jQ {
        color: var(--shaded);
    }

    .Badge-root-fd.Badge-rounded-pj {
        border-radius: 100px;
    }

    .Badge-root-fd.Badge-adbook-os {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        padding-right: 10px;
        max-width: calc(100% - 30px);
    }

    .Badge-root-fd.Badge-adbook-os span {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right: 5px;
        }

    .Badge-root-fd svg {
        cursor: pointer;
        height: 15px;
        width: 15px;
        position: relative;
        bottom: 2px;
        flex: none;
    }

    .Badge-root-fd svg path {
            fill: var(--blueShaded);
        }

@keyframes Badge-fadein-bJ {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.Badge-fadeIn-77 {
    animation: Badge-fadein-bJ 0.5s;
}

.Bubbles-root-GA {
    transition: height 0.2s ease-out;
    overflow: hidden;
    height: 0;
}
.Bubbles-label-f3 {
    margin-bottom: 10px;
    padding: 20px 20px 0 0;
}

.Bubbles-bubbles-mq {
    margin-left: 0;
    margin-top: -5px;
    padding: 0px 20px 20px 0;
}

.Bubbles-innerContainer-k0 {
    overflow-y: hidden;
}
.Item-root-Ir {
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    background: white;
}

    .Item-root-Ir.Item-small-bA {
        color: var(--blueShaded);
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        transition: color .1s linear;
    }

    .Item-root-Ir.Item-small-bA:hover {
             background-color: rgba(141, 150, 178, 0.05);
         }

    .Item-root-Ir.Item-active-Pb {
         background-color: var(--lightBgblue);
    }

    .Item-root-Ir.Item-active-Pb:hover {
             background-color: var(--lightBgblue);
         }

.Group-root-gx h2 {
        position: relative;
        padding: 20px 60px 20px 25px;
        border-bottom: 1px solid #f6f7fa;
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: var(--black);
    }

        .Group-root-gx h2 span {
            position: absolute;
            right: 25px;
            font-size: 18px;
            content: '\00d7';
            font-weight: 100;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
        }
    .Group-root-gx .Group-group-Cm {
        margin-top: 20px;
    }
    .Group-root-gx .Group-group-Cm .Group-selection-NW {
            height: 315px;
            overflow-y: auto;
        }
    .Group-root-gx .Group-group-Cm .Group-selection-NW.Group-empty-_i {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center;
            }
    .Group-root-gx .Group-group-Cm .Group-selection-NW.Group-empty-_i > div {
                    user-select: none;
                    width: 100%;
                    font-size: 13px;
                    line-height: 1.2;
                    color: #a6aecb;
                    text-align: center;
                }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV {
                width: 100%;
                display: flex;
                height: 50px;
                position: relative;
                align-items: center;
                padding: 20px 0 0 25px;
            }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV .Group-avatar-kP {
                    height: 25px;
                    width: 25px;
                }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV .Group-userData-qp {
                    padding-left: 20px;

                }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV .Group-userData-qp .Group-name-Fn {
                        padding-bottom: 5px;
                        width: 375px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV .Group-userData-qp .Group-mail-CB {
                        font-size: 13px;
                        line-height: 1.2;
                        color: var(--shaded);
                        max-width: 190px;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        white-space: nowrap;
                    }
    .Group-root-gx .Group-group-Cm .Group-selection-NW .Group-stageItem-LV .Group-cross-zB {
                    cursor: pointer;
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    width: 15px;
                    height: 15px;
                    color: var(--shaded);
                }
    .Group-root-gx .Group-group-Cm .Group-action-XG {
            height: 65px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding-left: 25px;
            padding-bottom: 20px
        }
    .Group-root-gx .Group-list-O8 {
        height: 275px;
        overflow: auto;
        border-top: 1px solid rgba(206, 212, 228, .50);
    }
    .Group-root-gx .Group-list-O8 .Group-item-uP {
            padding: 0 10px 0 0;
            height: 35px;
            border-bottom: 1px solid var(--bgLightBlue);
            box-sizing: border-box;
        }
    .Group-root-gx .Group-list-O8 .Group-item-uP .Group-toggler-zx:hover .Group-external-E2 {
                    display: none;
                }
    .Group-root-gx .Group-list-O8 .Group-item-uP .Group-name-Fn {
                    margin: 0 20px 0 5px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    width: 295px;
                }
    .Group-root-gx .Group-list-O8 .Group-item-uP .Group-mail-CB {
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                    color: var(--colorDarkBlue);
                    min-width: 200px;
                    width: 400px;
                }
    .Group-root-gx .Group-list-O8 .Group-item-uP.Group-checked-qS {
                background-color: #f6f7fa;

            }
    .Group-root-gx .Group-list-O8 .Group-item-uP.Group-checked-qS .Group-external-E2 {
                    display: none;
                }
    @media (max-height: 700px) {
        .Group-root-gx .Group-list-O8{
            height: 175px;
        }
    }
    .Group-root-gx .Group-spacer-Xm {
        border-bottom: 1px solid rgba(206, 212, 228, .50);
        margin-bottom: 5px;
    }
    .Group-root-gx .Group-spacerExpanded-ct {
        margin-bottom: 20px;
    }

.Group-groupModal-nE {
  max-height: calc(100vh - 60px);
  margin-top: 25px;
}

@media (max-height: 450px) {

.Group-groupModal-nE {
    top: 20px
}
  }

.Group-checkbox-ee {
    width: 15px;
    height: 15px;
    margin-left: 25px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
}

.Group-fullWidth-DS > div {
    width: 100%;
}

.Group-inputWrapper-U0 {
    display: block;
    height: auto;
    margin-bottom: 20px;
    padding-left: 25px;
}

.Group-innerWrapperClassName-ay {
    height: 35px;
    width: 335px;
    border: solid 1px var(--shaded30);
}

.Group-innerWrapperClassName-ay input {
        padding-left: 15px;
    }

.Group-innerWrapperClassName-ay :focus-within {
    border: solid 1px var(--infoBlue);
}

.Group-inputLabel-Pq {
    color: var(--darkGray) !important;
    line-height: 1.15 !important;
    padding-bottom: 10px;
}

.Group-item-uP {
    padding: 0 25px;
    height: 35px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(206, 212, 228, .50);
    position: relative;
}

.Group-item-uP:hover {
        background-color: var(--bdLightBlue);
    }

.Group-item-uP:hover .Group-icon-BQ {
            display: block;
        }

.Group-item-uP:hover .Group-icon-BQ svg {
                opacity: 0.9;
                fill: var(--shaded);
            }

.Group-item-uP:hover .Group-icon-BQ:hover svg {
                    fill: var(--dark);
                }

.Group-checked-qS {
    background-color: var(--bgYellow);
}

.Group-checked-qS:hover {
        background-color: var(--bgYellow2);
    }

.Group-checkox-xc {
    margin: 0 15px 0 0;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 15px;
}



    .Group-mail-CB {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: var(--dark);
        margin: 0 20px 0 0;
        width: 50%;
        box-sizing: border-box;
    }

    .Group-phone-j1 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: var(--dark);
        width: 50%;
        box-sizing: border-box;
    }

    .Group-icon-BQ {
        display: none;
        height: 15px;
        width: 15px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
}

    .Group-icon-BQ svg {
            width: 15px;
            height: 15px;
        }

.Group-greyText-H5 {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    color: var(--shaded) !important;
}

.Group-bubbles-Oz {
    margin: 0px 20px 10px 25px;
}

.Group-bubbles-Oz div {
        padding-bottom: 0;
    }

.Group-deleteBlock-nR {
    display: flex;
    align-items: center;
    height: 55px;
    background-color: var(--paleGrayTwo);
}

.Group-deleteBlock-nR span {
        margin-left: 10px;
    }

.Group-deleteBlock-nR span:first-child {
        margin-left: 25px;
        margin-right: 10px;
    }

.Group-rotated-Iu {
    transform: rotate(270deg);
}

.Group-formGroup-hj {
    width: 335px;
    margin-left: 25px !important;
}

.Group-input-ij {
    height: 35px !important;
}

.styles-root-Fr {
    --rc-checkbox-mark-disabled-color: rgba(176, 180, 194, 0.50);
    --rc-checkbox-disabled-color: rgba(176, 180, 194, 0.50);
    --rc-checkbox-border-mark-disabled-borderColor: transparent;
    --rc-checkbox-mark-borderRadius: 1px;
    --rc-checkbox-fill-mark-bgColor: #fff;
    --rc-checkbox-fill-mark-hover-bgColor: #fff;
    --rc-checkbox-checked-mark-bgColor: rgb(39, 75, 200);
    --rc-checkbox-checked-mark-hover-bgColor: rgb(39, 75, 200);
    --rc-checkbox-border-mark-borderColor: rgb(231, 232, 236);
    --rc-checkbox-border-mark-hover-borderColor: rgba(176, 180, 194, 0.70);
    --rc-checkbox-fontSize: 13px;
    --rc-checkbox-fontWeight: normal;
    --rc-checkbox-fontFamily: Roboto, sans-serif;
    --rc-checkbox-lineHeight: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .styles-root-Fr.styles-disabled-DC {
        pointer-events: none;
        cursor: default;
        --rc-checkbox-border-mark-bgColor: rgba(176, 180, 194, 0.20);
    }

.styles-input-PW {
    display: none;
}

.styles-fake-Oq {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 !important;
}

.styles-fake-Oq::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 50%;
        top: 50%;
        border: 0 solid transparent;
        border-radius: 50%;
        transition: border 100ms;
        transform: translate3d(-50%, -50%, -1px);
        z-index: -1;
    }



.styles-mark-Bj {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    border-radius: var(--rc-checkbox-mark-borderRadius);
    transition: border 20ms, background-color 200ms;
    margin: 0 !important;
    box-sizing: border-box;
}



.styles-fill-sh:not(.styles-checked-B7) .styles-mark-Bj {
        background-color: var(--rc-checkbox-fill-mark-bgColor);
    }



.styles-fill-sh:not(.styles-checked-B7):hover .styles-mark-Bj {
        background-color: var(--rc-checkbox-fill-mark-hover-bgColor);
    }



.styles-fill-sh:not(.styles-checked-B7):active .styles-mark-Bj {
        background-color: var(--rc-checkbox-fill-mark-active-bgColor);
    }



.styles-fill-sh:not(.styles-checked-B7).styles-disabled-DC .styles-mark-Bj {
        background-color: var(--rc-checkbox-fill-mark-disabled-bgColor);
    }

.styles-border-BR:not(.styles-checked-B7) .styles-mark-Bj {
        transition-duration: 200ms;
        transition-property: border-color;
        border: solid 1px var(--rc-checkbox-border-mark-borderColor);
        background-color: var(--rc-checkbox-border-mark-bgColor);
    }

.styles-border-BR:not(.styles-checked-B7):hover .styles-mark-Bj {
        border: solid 1px var(--rc-checkbox-border-mark-hover-borderColor);
    }

.styles-border-BR:not(.styles-checked-B7):active .styles-mark-Bj {
        border: solid 1px var(--rc-checkbox-border-mark-active-borderColor);
    }

.styles-border-BR:not(.styles-checked-B7).styles-disabled-DC .styles-mark-Bj {
        border: solid 1px var(--rc-checkbox-border-mark-disabled-borderColor);
    }

.styles-checked-B7 .styles-mark-Bj {
        background-color: var(--rc-checkbox-checked-mark-bgColor);
    }

.styles-checked-B7:hover .styles-mark-Bj {
        background-color: var(--rc-checkbox-checked-mark-hover-bgColor);
    }

.styles-checked-B7:active .styles-mark-Bj {
        background-color: var(--rc-checkbox-checked-mark-active-bgColor);
    }

.styles-checked-B7.styles-disabled-DC .styles-mark-Bj {
        background-color: var(--rc-checkbox-checked-mark-disabled-bgColor);
    }

.styles-icon-n8 {
    display: block;
    width: 9px;
    height: 9px;
    color: var(--rc-checkbox-mark-color);
    opacity: 0;
    transition: color 200ms, opacity 200ms;
}

.styles-checked-B7 .styles-icon-n8 {
        opacity: 1;
    }

.styles-disabled-DC .styles-icon-n8 {
        color: var(--rc-checkbox-mark-disabled-color);
    }

.styles-colorBox-RX {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    transition: background-color 200ms;
}

.styles-disabled-DC .styles-colorBox-RX {
        background-color: var(--rc-checkbox-mark-disabled-color) !important;
    }

.styles-children-F2 {
    margin-left: 10px !important;
    font-family: var(--rc-checkbox-fontFamily);
    font-size: var(--rc-checkbox-fontSize);
    font-weight: var(--rc-checkbox-fontWeight);
    line-height: var(--rc-checkbox-lineHeight);
    color: var(--rc-checkbox-color);
    transition: color 200ms;
    user-select: none;
}

.styles-disabled-DC .styles-children-F2 {
        color: var(--rc-checkbox-disabled-color);
    }

.styles-small-Wv {
    --rc-checkbox-lineHeight: 15px;
}

.styles-small-Wv .styles-children-F2 {
        margin-left: 5px !important;
    }

.styles-small-Wv .styles-mark-Bj {
        height: 13px;
        width: 13px;
    }

.styles-root-lY {
  /* z-index: 999; */
  --rc-dropdown-top-boxShadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
  --rc-dropdown-borderRadius: 1px;
}

.styles-borderRadius15-Cm {
  --rc-dropdown-borderRadius: 15px;
}

.styles-borderRadius15-Cm .styles-dropdown-OD {
    border-radius: 15px;
  }

.styles-dropdown-OD {
  /* position: relative; */
  padding: 0;
  font-size: 14px;
  font-family: "Arial";
  top: 10px;
  max-height: 400px;
  max-width: 300px;
  min-width: 250px;
  overflow-x: hidden;
  /* div {
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    } */
}

.styles-customScrollbar-Fr::-webkit-scrollbar {
        position: absolute;
        width: 5px;
        border: 0;
    }

.styles-customScrollbar-Fr::-webkit-scrollbar-thumb {
        width: 0;
        border: 0;
        border: 3px solid #c1d8ff;
    }

.styles-customScrollbar-Fr::-webkit-scrollbar-track {
        display: none;
    }

.styles-btnReset-i1 {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: visible;

  background: transparent;

  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  line-height: normal;
  text-align: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

.styles-btnReset-i1::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

.styles-item-tO {
  padding: 0 15px;
  line-height: 40px;
  color: var(--lightCarbone);
  display: block;
  cursor: pointer;
  transition: color 0.1s linear;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  outline: none !important;
}

.styles-item-tO.styles-active-nt {
    color: var(--infoBlue);
    background-color: var(--alternativeBlue2);
  }

.styles-item-tO.styles-hoverable-yZ:hover {
      color: var(--infoBlue);
      background-color: var(--alternativeBlue2);
    }

.styles-item-tO > * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }

.styles-fullWidth-xT {
  width: 100%;
  max-width: initial;
}


.Contact-root-Qt h2 {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: var(--darkGray);
    padding: 20px 60px 20px 25px;
    border-bottom: 1px solid #f6f7fa;
    margin: 0;
  }

    .Contact-root-Qt h2 span {
      position: absolute;
      right: 25px;
      font-size: 18px;
      content: '\00d7';
      font-weight: 100;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
    }
  .Contact-root-Qt .Contact-dropdownItemChecked-We {
    color: var(--infoBlue);
  }
  .Contact-root-Qt .Contact-inputWrapper-n2 {
    display: block;
    height: auto;
  }
  .Contact-root-Qt .Contact-innerWrapperClassName-p5 {
    width: 335px;
  }
  .Contact-root-Qt .Contact-innerWrapperClassName-p5 label {
      color: var(--darkGray) !important;
      height: 15px;
    }
  .Contact-root-Qt footer {
    display: flex;
    padding-top: 20px;
    padding-bottom: 25px;
    margin: 0 -25px;
    padding: 25px;
    padding-top: 20px;
    align-items: center;
  }
  .Contact-root-Qt .Contact-blockWidth-fT {
    width: 335px;
  }
  .Contact-root-Qt .Contact-textarea-YI {
    width: 100%;
    height: 35px !important;
    padding: 10px 15px 0 15px !important;
    resize: none !important;
    line-height: 1;
  }
  .Contact-root-Qt .Contact-deleteBlock-ie {
    display: flex;
    align-items: center;
    height: 55px;
    background-color: var(--paleGrayTwo);
  }

.Contact-checkbox-r5 {
  margin-left: 25px;
}

.Contact-contactModal-ho {
  /* max-height: calc(100vh - 60px);
  margin-top: 25px; */
}

.Contact-inputLabel-Yr {
  color: var(--darkGray) !important;
  height: 15px;
  line-height: 1.15 !important;
  padding-bottom: 10px;
}

.Contact-dropdownDivider-qo {
  border-top: 1px solid var(--lightGray25);
}

.Contact-label-Fj {
  margin-left: 10px;
}

.Contact-form-QK {
  max-height: calc(100vh - 180px);
  padding: 20px 25px 0px 25px;
}

.Contact-spacer-ZR {
  border-top: 1px solid rgba(206, 212, 228, 0.25);
  margin: 20px -25px 0 -25px;
}

/* .spacerExpanded {
  margin-top: 20px;
} */

.Contact-dropdownButtonDisabled-eg {
  opacity: 0.5;
}

.Contact-dropDownOverlay-il {
  line-height: 0;
  margin-left: 10px;
}

.Contact-addToGroupIcon-ay {
  fill: #262626 !important;
}

.Contact-saveGroupBtn-BY {
  margin-right: 10px;
}

.Contact-addToGroup-I7 {
  width: 195px;
}

.Contact-addToGroup-I7:hover .Contact-addToGroupIcon-ay {
    fill: var(--infoBlue) !important;
  }

.Contact-userGroupsCheckbox-D9 {
  display: flex;
}

.Contact-userGroupsCheckbox-D9 + .Contact-userGroupsCheckbox-D9 {
    margin-top: 15px;
  }
.Contact-userGrupLabel-dC {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Contact-hideUserGroupsBubbles-XT {
  display: none;
}

.Contact-userGroupsBubbles-K9 {
  max-width: 390px;
}

.Contact-userGroupsBubblesTitle-E5 {
  font-weight: normal;
  font-size: 13px;
  margin: 0 0 10px 0;
  padding: 20px 20px 0 0;
}

.Contact-userGroupsWrapper-Ve {
  padding: 15px;
  min-width: 195px;
  max-width: 195px;
}

.Contact-hideUserGroupsDropdown-lH {
  display: none !important;
}

.Avatar-root-TJ {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    fill: var(--bgLightBlue);
    border: 1px solid var(--bgLightBlue);
}

.ContactView-root-FW .ContactView-title-E3 {
        font-size: 16px;
        font-weight: bold;
        color: black;
        line-height: 1.25;
        margin: 0;
        max-width: 380px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .ContactView-root-FW .ContactView-title-E3 span {
            position: absolute;
            right: 20px;
            font-size: 20px;
            content: '\00d7';
            font-weight: 100;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
        }

    .ContactView-root-FW .ContactView-primary-N8 {
        position: relative;
        border-bottom: 1px solid #f6f7fa;
        padding: 25px;
    }

    .ContactView-root-FW .ContactView-primary-N8 > div {
            width: 100%;
        }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-secondLine-sh {
            display: flex;
            align-items: center;
        }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-secondLine-sh > button {
                margin-right: 40px;
            }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-rightBlock-L4 {
            max-width: 300px;
            overflow-wrap: break-word;
        }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-rightBlock-L4 .ContactView-email-RX {
                margin-top: 5px;
                font-size: 13px;
                font-weight: normal;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.92;
                letter-spacing: normal;
                color: var(--shaded);
            }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-avatar-z1 {
            height: 75px;
            width: 75px;
        }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-firstLine-Cx {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

    .ContactView-root-FW .ContactView-primary-N8 .ContactView-firstLine-Cx > div:first-child {
            margin-right: 15px;
        }

    .ContactView-root-FW .ContactView-groups-Pl {
        border-bottom: 1px solid #f6f7fa;
    }

    .ContactView-root-FW .ContactView-groups-Pl > div > div {
            padding-left: 20px;
        }

    .ContactView-root-FW .ContactView-secondary-ie table {
            margin: 15px 10px 0 0;
            table-layout: fixed;
            width: 100%;
        }

    .ContactView-root-FW .ContactView-secondary-ie table tr > td {
                padding-bottom: 20px;
            }

    .ContactView-root-FW .ContactView-secondary-ie table th {
                color: var(--shaded);
                text-align: left;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: normal;
                font-size: 13px;
                width: 95px;
                line-height: 1.5;

                padding: 0 0 0 20px;
                vertical-align: top;
            }

    .ContactView-root-FW .ContactView-secondary-ie table .ContactView-col-O2 {
                display: block;
                max-width: 310px;
                max-height: 150px;
                line-height: 1.5;
                vertical-align: bottom;
                overflow-y: auto;
                overflow-x: hidden;
                margin-right: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                padding-right: 25px;
                padding-top: 0;
            }

    .ContactView-root-FW .ContactView-secondary-ie .ContactView-note-rv {
            word-wrap: break-word;
            white-space: normal;
            padding-right: 25px
        }

    .ContactView-root-FW .ContactView-secondary-ie {

        border-bottom: 1px solid #f6f7fa;
}

    .ContactView-root-FW .ContactView-actions-ip {
        display: flex;
        align-items: baseline;


    }

    .ContactView-root-FW .ContactView-actions-ip > * {
            margin-right: 20px;
        }

    .ContactView-root-FW .ContactView-actions-ip > a,.ContactView-root-FW .ContactView-actions-ip .ContactView-groupButton-Jh {
            user-select: none;
            outline: none;
            cursor: pointer;
            display: flex;
            color: var(--blueShaded);
        }

    .ContactView-root-FW .ContactView-actions-ip > a:hover svg, .ContactView-root-FW .ContactView-actions-ip .ContactView-groupButton-Jh:hover svg {
                    fill: #262626;
                }

    .ContactView-root-FW .ContactView-actions-ip > a:hover .ContactView-name-gl, .ContactView-root-FW .ContactView-actions-ip .ContactView-groupButton-Jh:hover .ContactView-name-gl {
                    color: #262626;
                }

    .ContactView-root-FW .ContactView-actions-ip > a svg, .ContactView-root-FW .ContactView-actions-ip .ContactView-groupButton-Jh svg {
                fill: var(--blueShaded);
                height: 15px;
                width: 15px;
            }

    .ContactView-root-FW .ContactView-actions-ip > a .ContactView-name-gl, .ContactView-root-FW .ContactView-actions-ip .ContactView-groupButton-Jh .ContactView-name-gl {
                padding-top: 5px;
                font-size: 11px;
            }

.ContactView-label-OL {
    max-width: 154px;
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ContactView-dropdownItem-zL {
    display: flex;
    align-items: center;

    padding: 0 15px;
    line-height: 35px;
    color: var(--darkGray);
    cursor: pointer;
    white-space: nowrap;
    transition: color .1s linear;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ContactView-dropdownItem-zL.ContactView-active-kM, .ContactView-dropdownItem-zL:hover {
        color: var(--infoBlue);
        background-color: var(--bdLightBlue)
    }

.ContactView-dropdownDivider-IP {
    border-top: 1px solid rgba(206, 212, 228, .25);
}

.ContactView-groupsLabel-U8 {
    margin-bottom: 10px;
}

.ContactView-groupsBlock-od {
    margin-left: 0;
    margin-top: -5px;
}

.ContactView-modal-bb {
    width: 500px;
}

.ContactView-closeIcon-Qi {
    position: absolute;
    top: 25px;
    right: 25px;
    height: 15px;
    margin: 0 0 0 15px;
    cursor: pointer;
    background-color: white;
}

.ContactView-closeIcon-Qi svg {
        width: 15px;
        height: 15px;
        fill: rgb(92, 105, 147);
    }

.ContactView-actionIcon-Oz {
    fill: var(--blueShaded);
    height: 15px;
    width: 15px;
}

.ContactView-actionIcon-Oz:hover {
        fill: #262626;
    }

.ConfirmPopup-buttonsWrapper-uj {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}

  .ConfirmPopup-buttonsWrapper-uj button {
    margin-right: 20px;
  }

.Contacts-root-At {
  background-color: white;
}

  .Contacts-root-At .Contacts-external-ty {
    width: 30px;
    margin-left: 5px;
  }

  .Contacts-root-At .Contacts-ad-m8 {
    border-top: 1px solid rgba(236, 240, 243, 1);
    margin-bottom: -1px;
  }

  .Contacts-root-At .Contacts-emptyListMessage-gB {
    padding: 20px 0 266px 20px;
  }

  .Contacts-root-At .Contacts-flex-AC {
    display: flex;
  }

  .Contacts-root-At .Contacts-internal-rb {
    margin: 0 15px 0 0;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 15px;
  }

  .Contacts-root-At .Contacts-checked-xr {
    background-color: var(--bgYellow);
  }

  .Contacts-root-At .Contacts-checked-xr:hover {
      background-color: var(--bgYellow2);
    }

  .Contacts-root-At header {
    background: white;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.25;
    padding: 15px 20px 15px 75px;
  }

  .Contacts-root-At .Contacts-tabs-i4 {
    padding-bottom: 0px;
  }

  .Contacts-root-At .Contacts-tabs-i4 a {
      padding: 12px 0;
    }

  .Contacts-root-At .Contacts-wrapper-GM {
    user-select: none;
    outline: none;
    display: flex;
    height: 34px;
    overflow: hidden;
    align-items: center;
    width: 100%;
    position: relative;
  }

  .Contacts-root-At .Contacts-wrapper-GM > div {
      flex-basis: 33%;
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-name-AU {
      min-width: 209px;
      margin: 0 20px 0 0;
      font-size: 13px;
      font-weight: 400;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: var(--dark);
      max-width: 257px;
      box-sizing: border-box;
      /*
          needs this for name width to be 209px when screen 940px and 257px when screen 1280px
      */
      width: calc(209px + ((100% - 525px) / 325) * 48);
    }

  @media (min-width: 1280px) {

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-name-AU {
        width: calc((100% - 40px) / 3);
        max-width: none
    }
      }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-mail-m2 {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: var(--dark);
      margin: 0 20px 0 0;
      width: 50%;
      box-sizing: border-box;
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-thirdItem-ZD {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      color: var(--dark);
      box-sizing: border-box;
      margin-right: 20px;
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-marginRight-IR {
      margin-right: 45px;
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-folderName-pN {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(229, 234, 238, 0.7);
      max-width: 115px;
      height: 25px;
      border-radius: 1px;
      white-space: nowrap;
      box-sizing: border-box;
      margin-right: 45px;
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-folderName-pN span {
        padding: 0 10px;
        height: 15px;
        font-family: Arial, sans-serif;
        font-size: 13px;
        line-height: 1.15;
        letter-spacing: normal;
        color: var(--dark);
        overflow: hidden;
        text-overflow: ellipsis;
      }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-icon-eJ {
      display: none;
      height: 15px;
      width: 15px;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
    }

  .Contacts-root-At .Contacts-wrapper-GM .Contacts-icon-eJ svg {
        width: 15px;
        height: 15px;
      }

  .Contacts-root-At .Contacts-wrapper-GM:hover .Contacts-icon-eJ {
        display: block;
      }

  .Contacts-root-At .Contacts-wrapper-GM:hover .Contacts-icon-eJ svg {
          opacity: 0.9;
          fill: var(--shaded);
        }

  .Contacts-root-At .Contacts-wrapper-GM:hover .Contacts-icon-eJ:hover svg {
            fill: var(--dark);
          }

  .Contacts-root-At .Contacts-avatar-AY {
    height: 25px;
    width: 25px;
  }

  .Contacts-root-At .Contacts-stub-e7 {
    background: white;
    display: flex;
    height: 610px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .Contacts-root-At .Contacts-stub-e7 .Contacts-label-Z6 {
      color: #393939;
      min-height: 20px;
      max-height: 455px;
      line-height: 20px;
      display: block;
      width: 100%;
      padding: 0 20px;
      margin-bottom: 10px;
      overflow: hidden;
      box-sizing: border-box;
      text-align: center;
      word-wrap: break-word;
    }

  .Contacts-root-At .Contacts-stub-e7 svg {
      width: 80px;
      height: 68px;
      fill: #ecf0f3;
      padding-bottom: 6px;
    }


.Contacts-defaultPointer-OQ {
  cursor: default;
}

.Contacts-item-KQ {
  padding-left: 20px;
  min-height: 35px;
  box-sizing: border-box;
  border-top: 1px solid rgba(206, 212, 228, .50);
}

.Contacts-item-KQ:hover {
    background-color: var(--paleGreyTwo);
  }

.Contacts-pagination-k4 {
  height: 55px;
  background-color: white;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Contacts-pagination-k4 .Contacts-paginationInner-M1 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.Contacts-pagination-k4 [class*='inputWrapper'] {
    height: 35px
  }

.Contacts-pagination-k4 .Contacts-pageNumber-UA {
    margin-left: 15px;
    color: var(--shaded);
  }

.Contacts-pageArrows-Ha {
  width: 90px;
  max-width: 90px;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 auto;
  border-left: 1px solid var(--bgLightBlue);
  padding: 0 20px;
}

.Contacts-pageArrows-Ha a {
    display: inline;
    margin: 0;
  }

.Contacts-pageArrows-Ha a svg {
      display: block !important;
      width: 15px;
      height: 15px;
    }

.Contacts-greyText-zt {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: var(--shaded) !important;
}

.Contacts-fullWidth-MO {
  width: 100%;
}

.Contacts-searchHeight-UP {
  height: 35px;
}

.Contacts-actions-Dw {
  margin: 27px 0 25px 20px;
  display: flex;
}

.Contacts-actions-Dw a {
    margin-right: 20px;
  }

.Contacts-actions-Dw .Contacts-relative-er {
    position: relative;
  }

.Contacts-buttonsContainer-NK {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.Contacts-buttonsContainer-NK .Contacts-backButtonContainer-B6 {
    display: flex;
    align-items: center;
  }

.Contacts-buttonsContainer-NK .Contacts-backButtonContainer-B6 > a {
      border-right: 1px solid var(--bgLightBlue);
    }

.Contacts-contactsCount-YN {
  color: var(--infoBlue);
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  margin-left: 5px;
}

.Contacts-groupItem-LN {
  background-color: var(--paleGrayTwo);
  display: block;
  padding: 10px 20px;
}

.Contacts-moreCount-ZC {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  color: var(--blueShaded);
}

.Contacts-icons-iw {
  margin-top: 10px;
  margin-left: 30px;

}

.Contacts-icons-iw > svg {
    width: 15px;
    height: 15px;
  }

.Contacts-icon-eJ {
  margin: 0 10px 0 0 !important;
  display: inline-block;
}

.Contacts-groupName-Lf {
  max-width: calc(100% - 30px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.Contacts-groupWrap-FU {
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(206, 212, 228, .50);
}

.Contacts-groupWrap-FU + .Contacts-groupWrap-FU {
  border-top: 1px solid rgba(206, 212, 228, .50);
}

.Contacts-groupShowMore-AG {
  border-bottom: none;
}

.Contacts-searchInput-zE::placeholder {
  color: var(--blueShaded);
}

.Contacts-mr20-g3 {
  margin-right: 20px;
}

.Contacts-btnIcon-qa {
  margin-right: 10px;
  fill: rgb(92,105,147);
}

.Contacts-btnIcon-qa:hover {
    fill: rgb(38, 38, 38);
  }
.styles-root-Uj {
    color: #262626;
    cursor: auto;
    widows: 2;
    margin: 0;
    hyphens: none;
    padding: 0;
    display: inline-flex;
    tab-size: 8;
    direction: ltr;
    font-size: medium;
    flex-wrap: wrap;
    font-style: normal;
    list-style: disc outside none;
    text-align: left;
    visibility: visible;
    empty-cells: show;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    line-height: normal;
    text-indent: 0;
    text-shadow: none;
    white-space: normal;
    user-select: none;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
    justify-content: center;
}

.styles-root-Uj:hover .styles-arrow-Wi {
    opacity: 1;
}

.styles-item-Ee {
    flex: none;
    cursor: default;
    widows: 2;
    margin: 0;
    height: 35px;
    border: 0;
    hyphens: none;
    padding: 0;
    display: inline-block;
    outline: none !important;
    tab-size: 8;
    direction: ltr;
    font-size: 13px;
    font-style: normal;
    list-style: disc outside none;
    text-align: center;
    visibility: visible;
    background: none;
    empty-cells: show;
    font-family: inherit;
    font-weight: normal;
    line-height: 35px;
    text-indent: 0;
    text-shadow: none;
    white-space: nowrap;
    caption-side: top;
    font-variant: normal;
    font-stretch: normal;
    word-spacing: normal;
    border-radius: 0;
    border-spacing: 0;
    vertical-align: baseline;
    letter-spacing: normal;
    text-transform: none;
    border-collapse: separate;
    text-align-last: auto;
}

button.styles-item-Ee::-moz-focus-inner {
    border: none !important;
    outline: none !important;
}

.styles-page-DC {
    cursor: pointer;
    padding: 0 5px;
    min-width: 35px;
    background: transparent;
    border-radius: 17.5px;
    transition-duration: 200ms;
    transition-property: color, background-color;
}

.styles-page-DC.styles-page-DC {
    color: #262626;
    font-weight: 400;
}

.styles-page-DC.styles-isSelected-GU {
    color: #315efb;
    font-weight: 500;
    background-color: rgba(49, 94, 251, 0.05);
}

.styles-page-DC:focus {
    color: rgb(100, 134, 252);
}

.styles-page-DC:hover {
    color: rgb(44, 84, 225);
}

.styles-page-DC:active {
    color: rgb(39, 75, 200);
    background: #eee;
}

.styles-page-DC.styles-isDisabled-Zt {
    color: rgba(38, 38, 38, 0.20);
    background: none;
}

.styles-arrow-Wi {
    width: 35px;
    cursor: pointer;
    opacity: 0;
    position: relative;
    overflow: hidden;
    padding-left: 35px;
}

.styles-arrow-Wi.styles-arrow-Wi {
    color: rgba(38, 38, 38, 0.60);
    transition-duration: 200ms;
    transition-property: fill, opacity;
}

.styles-arrow-Wi.styles-arrow-Wi:focus {
    color: rgb(100, 134, 252);
}

.styles-arrow-Wi.styles-arrow-Wi:hover {
    color: rgb(44, 84, 225);
}

.styles-arrow-Wi.styles-arrow-Wi:active {
    color: rgb(39, 75, 200);
}

.styles-arrow-Wi.styles-isDisabled-Zt {
    color: rgba(38, 38, 38, 0.10) !important;
}

.styles-arrow-Wi:before {
    top: 6px;
    left: 13px;
    width: 11px;
    height: 11px;
    border: solid;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    box-sizing: border-box;
    border-width: 0 0 2px 2px;
    transform-origin: left bottom;
}

.styles-prevArrow-yh {
    margin-right: 7px;
}

.styles-nextArrow-Hw {
    transform: scaleX(-1);
    margin-left: 7px;
}

.styles-isDisabled-Zt {
    cursor: not-allowed;
}

.styles-inputWrapper-Re {
    padding-left: 20px;
}

.styles-input-R8 {
    width: 76px;
}

.styles-inputSmall-IB {
    width: 45px;
    margin-right: 10px;
}

.styles-label-FW {
    color: #6674a6;
    cursor: pointer;
    font-size: 13px;
    line-height: 35px;
    transition-duration: 200ms;
    transition-property: color;
}

.styles-label-FW:hover,
.styles-label-FW:focus {
    color: #315efb;
}
.Search-root-kU {
  display: flex;
  z-index: 10;
  position: relative;
  outline: none;
}

  .Search-root-kU.Search-contacts-Kn:hover svg {
        fill: var(--dark) !important;
    }

  .Search-root-kU .Search-button-Qs {
      position: absolute;
      top: -1px;
      right: -1px;
      width: 19px;
      height: 18px;
      cursor: pointer;
      flex-shrink: 0;
      flex-grow: 0;
      outline: none;
      background-color: transparent;
      border-radius: 0;
      border-top-right-radius: 1px;
      border-bottom-right-radius: 1px;
  }

  .Search-root-kU .Search-button-Qs svg {
          width: 15px;
          height: 15px;
          fill: rgba(73, 78, 89, 1);
      }

  .Search-root-kU .Search-button-Qs.Search-icon-J2:not(.Search-web-Ek) {
               position: absolute;
               right: 20px;
               top: 50%;
               z-index: 10;
               transform: translateY(-50%);
          }

  .Search-root-kU .Search-button-Qs.Search-icon-J2.Search-contacts-Kn {
              transform: rotate(270deg) translate(10px);
              pointer-events: none;
              left: 0px;
          }

  .Search-root-kU .Search-button-Qs.Search-icon-J2.Search-contacts-Kn svg {
                  fill: var(--blueShaded);
              }

  .Search-root-kU .Search-button-Qs.Search-icon-J2.Search-expanded-Be {
              right: 0;
          }

  .Search-root-kU .Search-button-Qs.Search-expanded-Be {
          height: 100%;
          width: 60px;
          box-sizing: border-box;
          background-color: var(--blue);
      }

  .Search-root-kU .Search-button-Qs.Search-expanded-Be svg {
              fill: white;
          }

  .Search-root-kU .Search-button-Qs.Search-web-Ek {
          width: 35px;
          padding: 0;
          outline: none;
          color: white;
          height: 35px;
          text-transform: uppercase;
          font-size: 12px;
          box-sizing: border-box;
          background-color: var(--blue2);
          transition: background .1s ease;
      }

  .Search-root-kU .Search-button-Qs.Search-web-Ek svg {
              fill: white;
              transform: scale(-1.15, 1.15);
              margin: 3px 0 0 1px;
          }

  .Search-root-kU .Search-button-Qs.Search-web-Ek:hover,
          .Search-root-kU .Search-button-Qs.Search-web-Ek:active {
               background-color: rgba(62, 98, 225, 1);
          }

  .Search-root-kU .Search-search-KO {
      width: 200px;
      background-color: var(--bgLighterBlue);
      display: flex;
      transform: translate3d(0, 0 ,0) scale(1);
      transition: width .3s ease;
  }

  .Search-root-kU .Search-search-KO:not(.Search-web-Ek) {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          /*width: 80%;*/
      }

  .Search-root-kU .Search-search-KO.Search-contacts-Kn {
        position: absolute;
        background-color: white;
        left: 0;
        top: 0;
        bottom: 0;
        width: 150px;
        cursor: pointer;
      }

  .Search-root-kU .Search-search-KO .Search-field-_L {
        flex-shrink: 1;
        flex-grow: 1;
        position: relative;
        height: 100%;
    }

  .Search-root-kU .Search-search-KO .Search-field-_L input {
            width: 100%;
            height: 100%;
            font-size: 13px;
            line-height: 1.54;
            background-color: var(--bgLighterBlue);
            box-sizing: border-box;
        }

  .Search-root-kU .Search-search-KO .Search-field-_L input[placeholder] {
                color: var(--shaded);
                font-family: Arial, Helvetica, sans-serif;
                font-size: 13px;
                font-weight: 400;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

  .Search-root-kU .Search-search-KO .Search-field-_L .Search-discard-Gk {
            width: 40px;
            position: absolute;
            right: 58px;
            top: 8px;
            bottom: 0;
            z-index: 10;
            cursor: pointer;
            opacity: 0;
            background-color: white;
            transition: opacity 0.3s ease;
            height: 100%;
        }

  .Search-root-kU .Search-search-KO .Search-field-_L .Search-discard-Gk svg {
                width: 15px;
                height: 15px;
                fill: var(--blueShaded);
                opacity: 0.85;
            }

  .Search-root-kU .Search-search-KO .Search-field-_L .Search-discard-Gk:hover svg {
                     fill: var(--dark);
                     opacity: 1;
                }

  .Search-root-kU .Search-search-KO.Search-contacts-Kn .Search-field-_L input {
            background-color: white;
        }

  .Search-root-kU .Search-search-KO.Search-contacts-Kn .Search-discard-Gk {
        right: -34px;
        width: 15px;
    }

  .Search-root-kU .Search-search-KO.Search-contacts-Kn:not(.Search-expanded-Be) .Search-field-_L input {
            padding: 0 0 0 20px !important;
        }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L, .Search-root-kU .Search-search-KO.Search-expanded-Be .Search-field-_L {

              display: flex;
              align-items: center;
          }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L input, .Search-root-kU .Search-search-KO.Search-expanded-Be .Search-field-_L input {
                  color: var(--colorDarkBlue);
                  background-color: white;
              }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L input[placeholder], .Search-root-kU .Search-search-KO.Search-expanded-Be .Search-field-_L input[placeholder] {
                      text-overflow: clip;
                  }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L input::placeholder, .Search-root-kU .Search-search-KO.Search-expanded-Be .Search-field-_L input::placeholder {
                      color: var(--lightGrayBlueTwo);
                  }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L .Search-discard-Gk, .Search-root-kU .Search-search-KO.Search-expanded-Be .Search-field-_L .Search-discard-Gk {
                  opacity: 0;
              }

  .Search-root-kU .Search-search-KO.Search-web-Ek {
          width: 100%;
          height: 33px;
          background-color: white;
          border-top-right-radius: 0px;
          border-bottom-right-radius: 0px;
          padding-left: 10px;
      }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L {
              display: flex;
              justify-content: space-between;
              margin-right: 70px;
          }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L input {
                  width: 100%;
                  height: 18px;
              }

  .Search-root-kU .Search-search-KO.Search-web-Ek .Search-field-_L .Search-discard-Gk {
                  position: static;
                  width: 15px;
                  height: 15px;


              }

  .Search-root-kU .Search-search-KO.Search-expanded-Be {
          box-sizing: border-box;
          width: 500px;
          border: 1px solid var(--blue);
          background-color: white;
          transition-delay: 0s;
          transform: translate3d(0, 0 ,0) scale(1);
      }

  .Search-root-kU .Search-search-KO.Search-expanded-Be:not(.Search-web-Ek) {
              height: 100%;
          }

  .Search-root-kU .Search-search-KO.Search-expanded-Be.Search-contacts-Kn {
          width: calc(100% - 50px);

      }

  .Search-root-kU .Search-search-KO:not(.Search-web-Ek) .Search-field-_L input {
                  padding: 0 30px 0 15px;
              }

  .Search-root-kU .Search-search-KO.Search-fullField-Si.Search-web-Ek .Search-discard-Gk, .Search-root-kU .Search-search-KO.Search-fullField-Si.Search-expanded-Be .Search-discard-Gk {
                  opacity: 1;
              }

  .Search-root-kU .Search-search-KO.Search-dropdownExpanded-sZ .Search-nav-hN {
              transition-delay: 0s;
              visibility: visible;
              opacity: 1;
              transform: translate3d(0, 0 ,0) scale(1);
          }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-selected-hM:hover .Search-text-yd,
      .Search-root-kU .Search-search-KO.Search-dropdownExpanded-sZ .Search-selected-hM .Search-text-yd {
          color: var(--shaded);
      }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-selected-hM:hover .Search-bird-IC,
      .Search-root-kU .Search-search-KO.Search-dropdownExpanded-sZ .Search-bird-IC {
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgZmlsbD0icmdiYSgxNDEsIDE1MCwgMTc4LCAxKSIgdmlld0JveD0iMCAwIDEyIDgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8cGF0aCBkPSJNNiw0LjgyODQyNzEyIEwxLjc1NzM1OTMxLDAuNTg1Nzg2NDM4IEwwLjM0MzE0NTc1MSwyIEw1LjI5Mjg5MzIyLDYuOTQ5NzQ3NDcgTDYsNy42NTY4NTQyNSBMMTEuNjU2ODU0MiwyIEwxMC4yNDI2NDA3LDAuNTg1Nzg2NDM4IEw2LDQuODI4NDI3MTIgTDYsNC44Mjg0MjcxMiBMNiw0LjgyODQyNzEyIFoiPjwvcGF0aD4KPC9zdmc+);
      }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK {
          position: relative;
          padding: 0 15px;
          flex-shrink: 0;
          flex-grow: 0;

      }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-selected-hM {
              display: flex;
              align-items: center;


          }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-selected-hM .Search-text-yd {
                  color: var(--midBlue);
                  cursor: pointer;
                  display: block;
                  padding: 0 6px 0 0;
                  transition: color .2s ease;
              }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-selected-hM .Search-bird-IC {
                  display: block;
                  cursor: pointer;
                  width: 12px;
                  height: 8px;
                  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgZmlsbD0icmdiYSgxOTQsIDIwMCwgMjIwLCAxKSIgdmlld0JveD0iMCAwIDEyIDgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjhweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8cGF0aCBkPSJNNiw0LjgyODQyNzEyIEwxLjc1NzM1OTMxLDAuNTg1Nzg2NDM4IEwwLjM0MzE0NTc1MSwyIEw1LjI5Mjg5MzIyLDYuOTQ5NzQ3NDcgTDYsNy42NTY4NTQyNSBMMTEuNjU2ODU0MiwyIEwxMC4yNDI2NDA3LDAuNTg1Nzg2NDM4IEw2LDQuODI4NDI3MTIgTDYsNC44Mjg0MjcxMiBMNiw0LjgyODQyNzEyIFoiPjwvcGF0aD4KPC9zdmc+);
                  background-repeat: no-repeat;
                  background-position: center top;
                  transition: background .1s ease;
              }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-nav-hN {
              position: absolute;
              top: 45px;
              right: 10px;
              padding: 15px 0;
              background-color: white;
              box-shadow: -2px 2px 10px 0px rgba(46,49,53,0.19);
              z-index: 800;
              line-height: 20px;

              opacity: 0;
              transform: translate3d(0, 10px ,0) scale(1);
              visibility: hidden;
              transition: visibility .5s linear 0s, opacity .2s ease, transform .3s cubic-bezier(0.175, 0.885, 0.135, 1.425);
          }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-nav-hN .Search-item-WF {
                  transition: border-color .2s ease;
              }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-nav-hN .Search-item-WF a {
                      display: block;
                      padding: 6px 25px 6px 20px;
                      color: var(--colorDarkBlue);
                      transition: color .1s linear;
                  }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-nav-hN .Search-item-WF a:hover {
                          color: var(--blue);
                      }

  .Search-root-kU .Search-search-KO .Search-dropdown-UK .Search-nav-hN .Search-item-WF.Search-current-j7 a {
                          color: var(--blue);
                      }

  .Search-root-kU .Search-search-KO > div {
          position: relative;
          align-self: center;
      }

  .Search-root-kU .Search-filterIconWrapper-_U {
    position: absolute;
    top: -1px;
    right: 37px;
    height: 35px;
    width: 35px;
    cursor: pointer;
  }

  .Search-root-kU .Search-filterIconWrapper-_U .Search-filterIcon-ss {
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        transform: translate(53%, 67%);
        opacity: 0.9;
        
        fill: var(--blueShaded);
    }

  .Search-root-kU .Search-filterIconWrapper-_U .Search-filterIcon-ss.Search-active-Lg {
            fill: var(--darkGray);
        }

  .Search-root-kU.Search-narrow-Ie .Search-search-KO.Search-expanded-Be {
       width: 400px;
  }

  .Search-root-kU .Search-searchBubbles-Az {
    margin-right: 10px;
  }

  .Search-root-kU .Search-datePicker-b0 {
      position: absolute;
      top: 35px;
      right: 35px;
  }

.FoldersList-root-On {
  position: relative;
}

  .FoldersList-root-On .FoldersList-folder-MT {
    display: flex;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 15px;
    user-select: none;
    cursor: pointer;
  }

  .FoldersList-root-On .FoldersList-folder-MT:first-child {
      margin-top: 5px;
    }

  .FoldersList-root-On .FoldersList-folder-MT:last-child {
      margin-bottom: 5px;
    }

  .FoldersList-root-On .FoldersList-folder-MT:hover {
      background-color: var(--bdLightBlue);
    }

  .FoldersList-root-On .FoldersList-folder-MT:hover {
      color: var(--infoBlue);
    }

  .FoldersList-root-On .FoldersList-title-ko {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .FoldersList-root-On .FoldersList-title-ko.FoldersList-selected-lP {
      color: var(--infoBlue);
    }

  .FoldersList-root-On .FoldersList-clickField-hy {
    position: absolute;
    top: -8px;
    left: -20px;
    height: 35px;
    width: 250px;
  }

.FiltersList-root-z0 {
  position: relative;
}

  .FiltersList-root-z0 .FiltersList-filter-JO {
    display: flex;
    padding-top: 8px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
    user-select: none;
    cursor: pointer;
  }

  .FiltersList-root-z0 .FiltersList-filter-JO >label:hover .FiltersList-title-Ah {
        color: var(--infoBlue);
      }

  .FiltersList-root-z0 .FiltersList-title-Ah {
    cursor: pointer;
  }
.SearchModal-root-Xh {
  position: absolute;
  top: 34px;
  right: 34px;
  width: 250px;
  border-radius: 1px;
  box-shadow: -2px 2px 10px 0 var(--greyishBlue);
  background-color: var(--white);
}

  .SearchModal-root-Xh .SearchModal-allFolders-Ls {
    width: 100%;
    height: 44px;
    padding-top: 16px;
    padding-left: 15px;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: normal;
    cursor: pointer;
    user-select: none;
  }

  .SearchModal-root-Xh .SearchModal-allFolders-Ls:hover {
      color: var(--infoBlue);
    }

  .SearchModal-root-Xh .SearchModal-allFolders-Ls .SearchModal-title-Uq.SearchModal-active-Fo {
      color: var(--infoBlue);
    }

  .SearchModal-root-Xh .SearchModal-foldersWrapper-aA {
    height: 220px;
    border-top: solid 1px var(--bdLightBlue);
    border-bottom: solid 1px var(--bdLightBlue);
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .SearchModal-root-Xh .SearchModal-filtersWrapper-YY {
    margin-top: 5px;
  }

  .SearchModal-root-Xh .SearchModal-dateWrapper-iA {
    margin-top: 5px;
    width: 250px;
    height: 45px;
    padding: 15px;
    border-radius: 1px;
    background-image: linear-gradient(264deg, var(--lightGrayBlueThree) 100%, #e5eaee 2%);
    display: flex;
    cursor: pointer;
    user-select: none;
  }

  .SearchModal-root-Xh .SearchModal-dateWrapper-iA:hover {
      background-image: linear-gradient(264deg, #e5eaee 100%, #e5eaee 2%);
      color: var(--infoBlue);
      fill: var(--infoBlue);
    }

  .SearchModal-root-Xh .SearchModal-dateWrapper-iA .SearchModal-icon-YW {
      height: 15px;
      width: 15px;
    }

  .SearchModal-root-Xh .SearchModal-dateWrapper-iA .SearchModal-title-Uq {
      margin-left: 10px;
      margin-top: 1px;
    }

.Picker-root-a8 {
  position: relative;
  width: 93px;
  height: 35px;
}

  .Picker-root-a8 .Picker-input-AX input {
      background: transparent;
      color: transparent;
      caret-color: black;
    }

  .Picker-root-a8 .Picker-date-ZG {
    position: absolute;
    top: 11px;
    left: 16px;
    line-height: 15px;
    user-select: none;
    pointer-events: none;
    font-family: Roboto, sans-serif;
  }

.DatePicker-root-tW {
  width: 250px;
  padding: 16px 20px 20px;
  border-radius: 1px;
  box-shadow: -2px 2px 10px 0 var(--greyishBlue);
  background-color: var(--white);
}

  .DatePicker-root-tW .DatePicker-titleWrapper-DV {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
  }

  .DatePicker-root-tW .DatePicker-title-jn {
    color: var(--dark);
  }

  .DatePicker-root-tW .DatePicker-action-nP {
    position: relative;
  }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-clear-Fx {
      position: absolute;
      top: 0;
      right: 0;
      color: var(--blueShaded);
      user-select: none;
      transition: all 0.3s ease;
      opacity: 0;
    }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-clear-Fx.DatePicker-isActive-Yh {
        opacity: 1;
        cursor: pointer;
      }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-clear-Fx:hover {
        color: var(--infoBlue);
      }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-close-_5 {
      position: absolute;
      top: -1px;
      right: 0;
      height: 15px;
      object-fit: contain;
      opacity: 0;
      fill: var(--blueShaded);
      cursor: pointer;
      transition: all 0.3s ease;
    }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-close-_5.DatePicker-isActive-Yh {
        opacity: 0.9;
        cursor: pointer;
      }

  .DatePicker-root-tW .DatePicker-action-nP .DatePicker-close-_5:hover {
        fill: var(--infoBlue);
      }

  .DatePicker-root-tW .DatePicker-pickers-Kq {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .DatePicker-root-tW .DatePicker-divider-Sw {
      margin-top: 1px;
  }

  .DatePicker-root-tW .DatePicker-error-lN {
    margin-top: 11px;
    color: var(--error);
  }

  .DatePicker-root-tW .DatePicker-btn-ZJ {
    margin-top: 20px;
    width: 210px;
  }

.Bubble-root-HP {
  height: 25px;
  margin: 5px -7px 5px 5px;
  padding: 6px 10px 5px 10px;
  border-radius: 1px;
  background-color: var(--veryLightBlueTwo);
  display: flex;
  justify-content: start;
  align-items: start;
  max-width: 150px;
}

  .Bubble-root-HP.Bubble-limitedWidth-_m {
    max-width: 115px;
  }

  .Bubble-root-HP.Bubble-limitedWidth-_m .Bubble-text-Bj {
      margin-right: 0 !important;
    }

  .Bubble-root-HP .Bubble-text-Bj {
    height: 15px;
    font-size: 13px;
    margin-right: 0px;
    color: var(--blueShaded);
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
  }

  .Bubble-root-HP .Bubble-text-Bj.Bubble-showClose-Ct {
      margin-right: 6px;
    }

  .Bubble-root-HP .Bubble-text-Bj:hover {
      color: var(--infoBlue);
    }

  .Bubble-root-HP .Bubble-close-Oc {
    margin-top: -1px;
    height: 15px;
    min-height: 15px;
    width: 15px;
    min-width: 15px;
    object-fit: contain;
    opacity: 0.9;
    fill: var(--blueShaded);
    cursor: pointer;
  }

  .Bubble-root-HP .Bubble-close-Oc:hover {
      fill: var(--infoBlue);
    }

.SearchBubbles-root-ih {
  display: flex;
}

  .SearchBubbles-root-ih .SearchBubbles-secondBubble-El {
    margin-left: 12px;
  }

.Settings-root-uF {
    -webkit-font-smoothing: antialiased;
    position: relative;
    min-width: 720px;
}


    .Settings-root-uF > header {
        background: white;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.25;
        padding: 15px 20px 14px 20px;
    }


    .Settings-root-uF > * {
      background: white;
    }


    .Settings-root-uF .Settings-onBoarding-VF {
        position: absolute;
        top: 20px;
        right: 20px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

.styles-root-Ec {
    --rc-switcher-small-width: 30px;
    --rc-switcher-small-height: 15px;
    --rc-switcher-checker-boxShadow: none;
    --rc-switcher-small-halo-width: 0;
    --rc-switcher-small-halo-active-width: 0;
    --rc-switcher-small-checker-checked-left: 16px;
    --rc-switcher-fill-track-hover-bgColor: #b0b4c2;
    --rc-switcher-fill-track-active-bgColor: #b0b4c2;
    --rc-switcher-fill-track-bgColor: #ccc;
    --rc-switcher-checker-bgColor: #fff;
    --rc-switcher-checker-active-bgColor: #fff;
    --rc-switcher-checker-hover-bgColor: #fff;
    --rc-switcher-checker-disabled-bgColor: #fff;
    --rc-switcher-fill-track-disabled-bgColor: #dde0e8;
    --rc-switcher-checker-disabled-boxShadow: none;
    --rc-switcher-lineHeight: 15px;
    --rc-switcher-fontSize: 13px;
    --rc-switcher-fontFamily: Arial, Helvetica, sans-serif;
    --rc-switcher-fontWeight: 400;
}
    

    .styles-root-Ec > span[class^="rc"] > span {
        width: 13px;
        height: 13px;
        top: 1px;
        left: 1px;
    }

.styles-removeMargin-LW span:last-child {
        margin: 0;
    }
.TooltipPopup-root-jF {
  display: none;
  position: absolute;
  min-width: 295px;
  border-radius: 1px;
  background-color: var(--cloudBurst);
  z-index: 100;
  user-select: none;
  cursor: default;
  padding: 15px 20px;
}

  .TooltipPopup-root-jF.TooltipPopup-open-LQ {
    display: block;
  }

.TooltipPopup-close-PQ {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  opacity: 0.5;
}

.TooltipPopup-close-PQ .TooltipPopup-icon-V3 {
      fill: var(--white);
      width: 14px;
      height: 14px;
  }

.TooltipPopup-text-EY {
  font-size: 13px;
  line-height: 1.54;
  color: white;
  margin: 0 20px 10px 0;
}

.TooltipPopup-btnWrapper-Tj {
  display: flex;
  justify-content: start;
}

.TooltipPopup-btn-Wq {
  display: block;
  height: 20px;
  font-size: 15px;
  line-height: 1.54;
  color: var(--cyan);
  background: 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}

.TooltipPopup-btn-Wq.TooltipPopup-cancel-yj {
    color: var(--lightBlueGray);
  }
.TooltipPopup-btn-Wq + .TooltipPopup-btn-Wq {
  margin-left: 20px
}

.TooltipPopup-arrow-qk {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: 5px;
  border-bottom-color: var(--cloudBurst);
  top: -10px;
  left: 10px;
}

.SmartCategories-root-Fs {
  margin-bottom: 40px;
}

.SmartCategories-wrapper-D5 {
  width: 100%;
  margin: -20px 0 10px;
  line-height: 20px;
}

.SmartCategories-wrapper-D5.SmartCategories-disabled-Jg {
    color: var(--blueShaded);
    opacity: 0.7;
    pointer-events: none;
  }

.SmartCategories-wrapper-D5 .SmartCategories-selectorWrapper-IX {
    display: flex;
    word-spacing: -1.6px;
    letter-spacing: 0.35px;
  }

.SmartCategories-wrapper-D5 .SmartCategories-selectorWrapper-IX .SmartCategories-switcherWrapper-BK {
      height: 20px;
    }

.SmartCategories-wrapper-D5 .SmartCategories-selectorWrapper-IX .SmartCategories-switcherWrapper-BK .SmartCategories-switcher-bX {
        padding-right: 10px;
        padding-top: 1px;
      }

.SmartCategories-wrapper-D5 .SmartCategories-warningWrapper-FU {
    user-select: none;
    margin-top: 10px;
    width: 260px;
    height: 90px;
    padding: 15px 20px;
    padding-left: 19px;
    border-radius: 1px;
    border: solid 1px var(--veryLightBlue);
    background-color: var(--paleYellow);
  }

.SmartCategories-wrapper-D5 .SmartCategories-warningWrapper-FU .SmartCategories-span-iU {
      color: var(--blueShaded);
    }
.SmartCategories-tooltip-Ru {
  margin-top: 10px;
  min-width: auto;
  max-width: 260px;
}

.SmartCategories-tooltipArrowSenter-gO {
  left: 50%;
  transform: translateX(-50%);
}

.NewsPane-root-up {
  margin-bottom: 40px;
}

.NewsPane-header-TW {
  margin-bottom: 20px;
  font-weight: 700;
}

.NewsPane-wrapper-Ou {
  display: flex;
  width: 100%;
  margin: 20px 0 10px;
  line-height: 20px;
}

.NewsPane-wrapper-Ou.NewsPane-disabled-bT {
    color: var(--blueShaded);
    opacity: 0.7;
  }

.NewsPane-wrapper-Ou .NewsPane-switcher-oH {
    /* padding-right: 10px;
    padding-top: 1px; */
  }


.WSNotificationsPane-root-Zr {
  margin-bottom: 40px; 
}

.WSNotificationsPane-header-rW {
  margin-bottom: 20px;
  font-weight: 700;
}

.WSNotificationsPane-wrapper-eU {
  display: flex;
  width: 100%;
  margin: 20px 0 10px;
  line-height: 20px;
  word-spacing: -1.6px;
  letter-spacing: 0.35px;
}

.WSNotificationsPane-wrapper-eU.WSNotificationsPane-disabled-Fw {
    color: var(--blueShaded);
    opacity: 0.7;
  }

.WSNotificationsPane-wrapper-eU .WSNotificationsPane-switcher-EO {
    padding-right: 10px;
    padding-top: 1px;
  }

.WSNotificationsPane-info-Iy {
  line-height: 20px;
  margin-top: 10xp;
}

.WSNotificationsPane-info-Iy a {
    color: var(--blueShaded);
  }


.SoundPaneItem-root-Mx {
  display: flex;
  width: 100%;
  align-items: flex-end;
  margin: 20px 0;
}

.SoundPaneItem-icon-X6 {
  padding: 0 5px;
  cursor: pointer;
}

.SoundPaneItem-icon-X6 svg {
    vertical-align: top;
    width: 15px;
    height: 15px;
    fill: black;
    fill-rule: evenodd;
  }

.SoundPaneItem-icon-X6:hover svg {
    fill: var(--blue2);
  }

.SoundPane-root-Bd {
  margin-bottom: 40px; 
}

.SoundPane-header-SJ {
  margin-bottom: 20px;
  font-weight: 700;
}

.ThemePicker-root-xR {
  margin-top: 40px;
  margin-bottom: 40px;
}

.ThemePicker-header-nD {
  font-weight: bold;
  margin-bottom: 10px;
}

.ThemePicker-themes-wE {
  display: flex;
  flex-wrap: wrap;
}

.ThemePicker-item-Zb {
  cursor: pointer;
  width: 59px;
	height: 59px;
  border-radius: 1px;
  box-sizing: content-box;
  margin-bottom: 1px;
  position: relative;
  margin-right: 1px;
}

.ThemePicker-item-Zb:hover {
    opacity: 0.7;
  }

.ThemePicker-item-Zb img {
    height: 100%;
    width: 100%;
  }

.ThemePicker-item-Zb svg {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

/*.newyearItem {*/
  /*&:before {*/
    /*content: 'New year test';*/
    /*color: white;*/
    /*text-align: center;*/

  /*}*/

  /*background: blueviolet;*/
  /*cursor: pointer;*/
  /*width: 59px;*/
  /*height: 59px;*/
  /*border-radius: 1px;*/
  /*box-sizing: content-box;*/
  /*margin-bottom: 1px;*/
  /*position: relative;*/

  /*svg {*/
    /*position: absolute;*/
    /*weight: 30px;*/
    /*height: 30px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translateX(-50%) translateY(-50%);*/
  /*}*/
/*}*/

.MailboxSize-header-zv {
  font-weight: 700;
  margin-bottom: 20px;
}

.MailboxSize-usedContainer-rX {
  display: flex;
  justify-content: space-between;
  line-height: 1.15;
}

.MailboxSize-usedPercent-ye {
  font-weight: 500;
  text-align: left;
  color: #315efb;
}

.MailboxSize-usedDetails-ji {
  color: var(--shaded);
}

.MailboxSize-progress-Ov {
  height: 5px;
  border-radius: 100px;
  background-color: rgba(206, 212, 228, 0.5);
  margin-top: 10px;
}

.MailboxSize-filledBar-uj {
  height: 5px;
  background-color: #456efc;
  border-radius: 100px;
  transition: width .3s linear;
}

.MailboxSize-hint-DL {
  margin-top: 20px;
  line-height: 1.54;
  text-align: left;
  color: #262626;
}

.MailboxSize-hint-DL .MailboxSize-clean-hv {
    cursor: pointer;
    color: var(--blueShaded);
  }

.MailboxSize-hint-DL .MailboxSize-clean-hv:hover {
      color: var(--dark);
    }

.ChainPane-root-My {
  margin-bottom: 40px;
}

  .ChainPane-root-My .ChainPane-header-yr {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.15;
  }

  .ChainPane-root-My .ChainPane-settingsItem-PO {
    display: flex;
    margin: 20px 0;
  }

  .ChainPane-root-My .ChainPane-settingsItem-PO .ChainPane-settingsItemText-TW {
      margin-left: 10px;
      word-spacing: -1.6px;
      letter-spacing: 0.35px;
      line-height: 20px;
    }

.AiDigestPane-wrapper-qz {
  display: flex;
  width: 100%;
  margin: 20px 0 10px;
  line-height: 20px;
  word-spacing: -1.6px;
  letter-spacing: 0.35px;
}

  .AiDigestPane-wrapper-qz .AiDigestPane-switcher-Qs {
    padding-right: 10px;
    padding-top: 1px;
  }

.Main-root-f1 {
  display: flex;
  margin: 0px 20px 0 20px;
  /* max-width: 910px; */
}

  .Main-root-f1 label {
    font-weight: 500;
  }

.Main-header-HT {
  margin-bottom: 20px;
  font-weight: 700;
}

.Main-left-mq {
  width: calc(((100% - 40px) / 3 * 2) + 20px);
}

.Main-right-A5 {
  flex: 1;
  margin-left: 20px;
  min-width: 260px;
  padding-left: 20px;
  margin-bottom: 40px;
}

.Main-fromWide-s2 label:after {
  content: 'Имя, которое увидят получатели в поле «От кого»';
  margin-left: 10px;
  color: var(--shaded);
  font-weight: normal;
  position: absolute;
}

.Main-fromNarrow-pM,
.Main-fromWide-s2 {
  margin-bottom: 40px !important;
}

.Main-fromField-iQ {
  display: inline;
}

.Main-signature-nl {
  height: 125px;
}

.Main-signatureTextArea-Vp {
  resize: none !important;
}

.Main-resetSignature-WD {
  position: absolute;
  z-index: 9;
  right: 0;
  top: -23px;
  color: var(--blueShaded);
  cursor: pointer;
}

.Main-resetSignature-WD:hover {
    color: var(--dark);
  }

.Main-submit-ed {
  padding: 10px 20px;
  border-top: 1px solid rgba(206, 212, 228, 0.25);
}

.Fetcher-root-V2 header {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-size: 13px;
  }
  .Fetcher-root-V2 .Fetcher-table-TX {
    padding: 0 0 20px 0;
  }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL,
    .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK,
    .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv {
      position: relative;
      width: 100%;
      height: 44px;
      border-top: 1px solid var(--bgLightBlue);
      display: flex;
      align-items: center;
      margin: 0 -20px 0 0;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ {
        display: inline-block;
        width: 33%;
        padding: 0 20px 0 0;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ .Fetcher-date-OD, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ .Fetcher-date-OD, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ .Fetcher-date-OD {
          font-size: 13px;
          line-height: 1.15;
          letter-spacing: normal;
          color: #7f87a0;
          font-weight: 100;
        }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:first-child,
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-head-wL:first-child,
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ:first-child,
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-head-wL:first-child,
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ:first-child,
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-head-wL:first-child {
        width: 33%;
        min-width: 250px;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:nth-child(2),
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-head-wL:nth-child(2),
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ:nth-child(2),
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-head-wL:nth-child(2),
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ:nth-child(2),
      .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-head-wL:nth-child(2) {
        max-width: 220px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:last-child, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ:last-child, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ:last-child {
        flex: 1 0 auto;
        padding: 0;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:last-child div, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-col-VJ:last-child div, .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv .Fetcher-col-VJ:last-child div {
          justify-content: flex-end;
        }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv {
      padding-left: 20px;
      box-sizing: border-box;
      border-bottom: 1px solid var(--bgLightBlue);
      color: var(--blueShaded);
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-rowMore-nv:hover {
      background: rgba(251, 251, 253, 1);
      cursor: pointer;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loading-im {
      display: flex;
      justify-content: flex-end;
      margin-right: 55px;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loader-Z8 {
      max-width: 15px;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loaderSpinner-cE{
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loaderSpinner-cE span {
        width: .6em;
        height: .6em;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loaderSpinner-cE span:nth-child(2) {
          margin: auto;
        }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-inprogress-ww {
      padding-right: 10px;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-help-Gd {
      display: inline;
      text-decoration: underline;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-loadingAnimation-X6 {
      /*position: absolute;*/
      /*right: 20px;*/
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL {
      font-size: 11px;
      letter-spacing: 1px;
      color: var(--shaded);
      text-transform: uppercase;
      background-color: var(--bgLighterBlue);
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:first-child {
        padding: 0 0 0 70px;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-head-wL .Fetcher-col-VJ:last-child {
        padding: 0;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK {
      cursor: pointer;
      display: flex;
      flex-direction: row;
    }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-toggle-IA {
        display: inline-block;
        margin: 0 20px;
        vertical-align: middle;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK:last-child {
        border-bottom: 1px solid var(--bgLightBlue);
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK .Fetcher-edit-j8 {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 15px;
        height: 15px;
        fill: rgba(206, 212, 228, 1);
        visibility: hidden;
        cursor: pointer;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK:hover {
        background: #fafafc;
      }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK:hover .Fetcher-unknownError-Te {
          /*visibility: hidden;*/
        }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK:hover .Fetcher-unknownError-Te svg {
            fill: rgba(206, 212, 228, 1);
          }
  .Fetcher-root-V2 .Fetcher-table-TX .Fetcher-row-zK:hover .Fetcher-edit-j8 {
          visibility: visible;
        }
  .Fetcher-root-V2 .Fetcher-mailBlocks-wE {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 20px 0 20px;
  }
  .Fetcher-root-V2 .Fetcher-mailBlocks-wE > div {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32%;
      height: 90px;
      margin-bottom: 20px;
      border: 1px solid rgba(206, 212, 228, 1);
      cursor: pointer;
    }

.Fetcher-colMail-T2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 40px !important;
} 


.Fetcher-rambler-tK {
  width: 160px;
  height: 24px;
  fill: #315efb;
}

.Fetcher-gmail-qf {
  width: 62px;
  height: 45px;
}

.Fetcher-outlook-ep {
  width: 153px;
  height: 27px;
}

.Fetcher-new-JS {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #5c6993;
}

.Fetcher-dummy-OS {
  visibility: hidden;
}

.Fetcher-error-BA {
  color: #ff564e;
}

.Fetcher-unknownError-Te {
  color: #ff564e;
  /*position: absolute;*/
  margin-right: 55px;
  /*top: 50%;*/

  /*transform: translateY(-50%);*/
  display: flex;
  align-items: center;
}

.Fetcher-unknownError-Te .Fetcher-warningSvg-J2 svg {
    margin-right: 5px;
    width: 19px;
    height: 15px;
    fill: #ff564e !important;
  }

@media (max-width: 1270px) {
    .Fetcher-root-V2 .Fetcher-mailBlocks-wE > div {
      width: 48.5%;
    }

    .Fetcher-root-V2 .Fetcher-dummy-OS {
      visibility: hidden;
      display: none !important;
    }
}

.Fetcher-menu-ZO {
  /*border: 2px solid #FF9800;*/
  /*background-color: #2d8ac7;*/
  /*height: 99px;*/
  /*transition: none;*/
  width: 280px;
  height: 35px !important;
  background-color: #ffffff;
  border: solid 1px #ced4e4;
}

.Fetcher-menu-ZO hr {
    display: none;
  }

  .MailBoxes-mailBlocks-VD {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 20px 0 20px;
  }

  .MailBoxes-mailBox-rS {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32%;
    height: 90px;
    margin-bottom: 20px;
    border: 1px solid rgba(206, 212, 228, 1);
    cursor: pointer;
  }

  .MailBoxes-newMailBox-zP {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #5c6993;
  }
  
  .MailBoxes-mailBoxDummy-I1 {
      visibility: hidden;
  }

  
  .MailBoxes-rambler-B6 {
    width: 160px;
    height: 24px;
    fill: #315efb;
  }
  
  .MailBoxes-gmail-i0 {
    width: 62px;
    height: 45px;
  }
  
  .MailBoxes-outlook-Aw {
    width: 153px;
    height: 27px;
  }
.Menu-menu-iF {
    position: relative;
    display: block;
    user-select: none;
}

.Menu-menu-iF:focus {
     outline: none;
}

.Menu-left-V2 {
    left: 0;
    position: absolute;
    background-color: white;
    box-shadow: -2px 2px 10px 0px rgba(46,49,53,0.19);
    z-index: 800;
    line-height: 20px;
    overflow-y: auto;
    max-height: 215px;
    transition: visibility .5s linear 0s, opacity .2s ease, transform .3s cubic-bezier(0.175, 0.885, 0.135, 1.425);
}

.Menu-fixed-Us {
    right: 0;
}

.Menu-right-Fm {
    left: auto;
}

.Menu-right20-gM {
    left: auto;
    right: 20px;
}

.MenuItem-autoHeight-RE {
    width: 100%;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    /*color: var(--dark);*/
    align-items: center;
    display: flex;
}

.MenuItem-fixedHeight-RM {
    padding: 0 20px;
    height: 35px;
}

.MenuItem-active-xh {
    background-color: var(--lightFaded);
}

.MailBoxNotification-wrapper-rc {
    padding: 15px 20px;
    margin: 20px 25px 0 25px;
    border-radius: 5px;
    background-color: var(--paleYellow2);
    font-size: 13px;
    line-height: 15px;
}

.MailBoxNotification-link-Qz {
    display: inline-flex;
    align-items: center;
    color: var(--infoBlue);
}

.MailBoxNotification-newWindowIcon-VU {
    width: 15px;
    height: 15px;
    fill: var(--infoBlue);
    margin-left: 5px;
}
.MailboxNew-backdrop-mY {
  background-color: rgba(52, 59, 76, 0.95) !important;
  min-width: 800px;
}

.MailboxNew-root-jM {
  padding: 0 !important;
  font-family: Arial, sans-serif;
  width: 730px;
}

.MailboxNew-root-jM header {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    border-bottom: 1px solid #f3f4f7;
    padding-left: 20px;
    margin-bottom: 0;
  }

.MailboxNew-root-jM button {
    z-index: 2;
  }

.MailboxNew-root-jM .MailboxNew-logo-L7 {
    height: 90px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #f3f4f7;
    padding: 0 25px;
  }

.MailboxNew-root-jM .MailboxNew-inputs-Jd {
    padding: 20px 25px 0 25px;
    border-bottom: 1px solid #f3f4f7;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    column-gap: 10px;
    row-gap: 20px;
  }

.MailboxNew-root-jM .MailboxNew-inputErrorHint-u6 {
    position: relative;
    padding: 0;
    background: none;
    transform: none;
    color: #ff564e;
    bottom: auto;
    margin-top: 10px;
  }

.MailboxNew-root-jM .MailboxNew-inputWrapper-gX {
    width: auto;
  }

.MailboxNew-root-jM .MailboxNew-oauthFullRow-E3 {
    grid-column: 1 / -1;
  }

.MailboxNew-root-jM .MailboxNew-inputHeight-jU input {
    height: 35px;
  }

.MailboxNew-root-jM .MailboxNew-formInput-y_ {
    flex-direction: column;
    height: auto;
    width: 100%;
    margin-bottom: 0;
  }

.MailboxNew-root-jM .MailboxNew-formInput-y_ label {
      line-height: 1.15;
      padding-bottom: 10px;
      box-sizing: content-box;
      color: #262626;
    }

.MailboxNew-root-jM .MailboxNew-formInput-y_:first-child {
      margin-right: 10px;
    }

.MailboxNew-root-jM .MailboxNew-formInput-y_ input {
      padding: 5px 15px;
      height: 35px;
      border-radius: 1px;
      border: 1px solid rgb(198, 201, 208);
    }

.MailboxNew-root-jM .MailboxNew-yandexButtonHidden-nW {
    display: none;
  }

.MailboxNew-root-jM .MailboxNew-options-N7 > div {
      display: flex;
      padding: 20px 0 0 25px;
      justify-content: flex-start;
      align-items: center;
    }

.MailboxNew-root-jM .MailboxNew-options-N7 .MailboxNew-caption-u2 {
      padding-left: 15px;
      user-select: none;
      cursor: pointer;
      line-height: 15px;
    }

.MailboxNew-root-jM footer {
    display: flex;
    padding-left: 25px;
    padding-bottom: 25px;
    padding-top: 20px;
  }

.MailboxNew-root-jM footer.MailboxNew-error-U0 {
    padding-top: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    align-items: center;
  }

.MailboxNew-root-jM footer.MailboxNew-more-Ew {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    height: auto;
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

.MailboxNew-root-jM footer.MailboxNew-timeout-Tw {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }

.MailboxNew-root-jM .MailboxNew-errorMessage-V1 {
    display: flex;
    justify-content: center;
    color: #ff564e;
    margin-left: 20px;
  }

.MailboxNew-root-jM .MailboxNew-loading-R4 div {
      color: #262626;
      display: flex;
      align-items: center;
      margin-left: 20px;
    }

.MailboxNew-root-jM .MailboxNew-loading-R4 .MailboxNew-spinnerDot-Kl span {
        width: 3px;
        height: 3px;
      }

.MailboxNew-root-jM .MailboxNew-loading-R4 .MailboxNew-spinnerDot-Kl span:nth-child(2) {
          margin: 3px;
        }

.MailboxNew-root-jM .MailboxNew-spinner-d8 {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }

.MailboxNew-selectors-hr {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.MailboxNew-select-Kj {
  width: 120px;
  height: 35px;
  align-items: center;
  display: flex;
  cursor: pointer;
  border: solid 1px #ced4e4;
  box-sizing: border-box;
  padding-left: 15px;
  position: relative;
}

.MailboxNew-moreCaption-FR {
  color: var(--shaded);
}

.MailboxNew-selectIconCommon-L2 {
  width: 12px;
  height: 7px;
  right: 0;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.MailboxNew-selectIcon-N_ {
  fill: #262626;
}

.MailboxNew-wide-aD {
  width: 120px;
}

.MailboxNew-dropdownLabel-mv {
  padding-top: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}

.MailboxNew-hiddenField-KR {
  position: absolute !important;
  visibility: hidden !important;
  overflow: hidden;
  width: 0 !important;
  height: 0 !important;
}

.MailboxChange-mailboxOverlay-hH {
  background-color: rgba(52, 59, 76, 0.95) !important;
  min-width: 800px;
}

  .MailboxChange-mailboxOverlay-hH header {
    height: 65px;
    position: relative;
    font-size: 20px;
    font-weight: 600 !important;
    color: #262626;
    border-bottom: 1px solid #f3f4f7;
    box-sizing: border-box;
    padding-left: 25px;
    align-items: center;
    display: flex !important;
    margin-bottom: 0 !important;
    font-family: Arial, sans-serif;
  }

  .MailboxChange-mailboxOverlay-hH button {
    z-index: 2;
  }

  .MailboxChange-mailboxOverlay-hH .MailboxChange-mailboxPopup-Qz {
    width: 730px;
    padding: 0;
  }

.MailboxChange-removeMailbox-Ga {
  user-select: none;
  height: 55px;
  background-color: #f6f7fa;
  align-items: center;
  display: flex;
  border-bottom: 1px solid #f3f4f7;
  box-sizing: border-box;
  padding: 0 20px 0 25px;
  font-family: Arial, sans-serif;
}

.MailboxChange-removeMailbox-Ga .MailboxChange-caption-e_ {
    cursor: pointer;
    padding-left: 10px;
  }

.MailboxChange-logo-Er {
  height: 90px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #f3f4f7;
  padding-left: 25px;
}

.MailboxChange-inputs-fu {
  padding: 20px 25px 0 25px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 10px;
  row-gap: 20px;
}

.MailboxChange-inputs-fu .MailboxChange-inputWrapper-gT {
    width: auto;
  }

.MailboxChange-inputs-fu .MailboxChange-inputWrapper-gT.MailboxChange-disabled-Ij label,
      .MailboxChange-inputs-fu .MailboxChange-inputWrapper-gT.MailboxChange-disabled-Ij input {
        color: var(--lightBlueGray);
        pointer-events: none;
      }

.MailboxChange-inputs-fu .MailboxChange-inputWrapper-gT:last-child {
      margin-right: 0;
    }

.MailboxChange-inputs-fu .MailboxChange-inputHeight-po input {
    height: 35px;
  }

.MailboxChange-inputs-fu .MailboxChange-inputErrorHint-YR {
    position: relative;
    padding: 0;
    background: none;
    transform: none;
    color: #ff564e;
    bottom: auto;
    margin-top: 10px;
  }

.MailboxChange-yandexButtonHidden-yH {
  display: none;
}

.MailboxChange-oauthFullRow-Iu {
  grid-column: 1 / -1;
}

.MailboxChange-removeActiveHelper-bF {
  color: var(--shaded);
  padding-left: 25px;
}

.MailboxChange-submit-jd {
  height: 80px;
  padding-left: 25px;
  align-items: center;
  display: flex;
}

.TooltipRC-root-Zf > span {
        font-size: 14px !important;
        font-family: 'Arial', sans-serif !important;
        line-height: 20px !important;
    }

.Folders-foldersWrapper-YO {
  padding-bottom: 20px;
  min-width: 720px;
  color: var(--lightCarboneText_Regular);
  font-size: 14px;
}

.Folders-header-x0 {
  padding: 0 20px;
  line-height: 1.5;
}

.Folders-table-fO {
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #ecf0f3;
}

.Folders-head-ib {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: normal;

  background-color: var(--lightBlue);
  color: var(--shaded);
  height: 45px;
}

.Folders-row-Ty {
  height: 50px;
  border-top: 1px solid #D1E2FF;
  box-sizing: border-box;
}

.Folders-row-Ty:hover {
  cursor: pointer;
  background: #F7FAFF;
}

.Folders-row-Ty:hover .Folders-tools-vj {
    display: flex;
  }

.Folders-rowMore-c0 {
  color: var(--blueShaded);
}

.Folders-tools-vj {
  position: absolute;
  display: none;
  right: 0px;
  top: 15px;

  fill: var(--lightCarboneText_Regular);
}

.Folders-tools-vj :hover {
    fill: var(--lightCarboneText_Hover);
  }

.Folders-tools-vj :active {
    fill: var(--lightCarboneText_Active);
  }
.Folders-edit-Dz, .Folders-create-nP {
  visibility: visible;
  margin-right: 20px;
  width: 20px;
  height: 20px;
  fill: var(--lightCarboneText_Regular);
  cursor: pointer;
}

.Folders-row-Ty:hover .Folders-edit-Dz {
  visibility: visible;
}

.Folders-columnName-Wo {
  padding: 0 50px 0 20px;
  box-sizing: border-box;
  min-width: 400px;
  width: 400px;
  max-width: 400px;
}
.Folders-countColumn-yn,
.Folders-sizeColumn-xD {
  width: 50%;
}

/*.countColumn {*/
/*  min-width: 200px;*/
/*  width: 100%;*/
/*}*/

.Folders-countColumn-yn, .Folders-sizeColumn-xD {
  color: var(--shaded);
  padding-left: 10px;
  position: relative;
}

.Folders-columnName-Wo {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}

.Folders-sizeColumn-xD {
  padding-left: 10px;
  /*min-width: 180px;*/
  /*width: 200px;*/
  box-sizing: border-box;
}

.Folders-submitButton-gr {
  margin: 20px !important;
}

.Folders-isSystemFolder-AT .Folders-edit-Dz {
    fill: rgba(141, 150, 178, 0.5);
    user-select: none;
  }

.Folders-isSystemFolder-AT .Folders-edit-Dz :hover {
      fill: rgba(141, 150, 178, 0.5);
    }

.Folders-isSystemFolder-AT .Folders-edit-Dz :active {
      fill: rgba(141, 150, 178, 0.5);
    }

.Folders-isSystemWithoutNested-If .Folders-create-nP {
    fill: rgba(141, 150, 178, 0.5);
    user-select: none;
  }

.Folders-isSystemWithoutNested-If .Folders-create-nP :hover {
      fill: rgba(141, 150, 178, 0.5);
    }

.Folders-isSystemWithoutNested-If .Folders-create-nP :active {
      fill: rgba(141, 150, 178, 0.5);
    }


.Filters-root-c0 .Filters-filtersHeader-vE {
    padding: 0px 20px 20px;
    line-height: 1.5;
  }
  .Filters-root-c0 .Filters-addNewFilter-jt {
    margin-top: 20px;
  }
  .Filters-root-c0 .Filters-listHeader-Gg {
    height: 35px;
    background-color: var(--lightGray5);
    border-top: 1px solid var(--bgLightBlue);
    border-bottom: 1px solid var(--bgLightBlue);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .Filters-root-c0 .Filters-listHeaderGap-i5 {
    min-width: 70px;
    height: 100%;
  }
  .Filters-root-c0 .Filters-listHeaderItem-Br {
    letter-spacing: 1px;
    color: var(--shaded90);
    text-transform: uppercase;
    font-size: 11px;
    margin-right: 20px;
  }
  .Filters-root-c0 .Filters-filtersSection-Bd {
    padding-bottom: 20px;
  }
  .Filters-root-c0 .Filters-leftSide-J5 {
    flex-grow: 2;
    flex-basis: 0;
    min-width: 350px;
  }
  .Filters-root-c0 .Filters-rightSide-SU {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    justify-content: space-between;
  }

.FilterRow-filterRow-hG {
  min-height: 35px;
  padding: 10px 0px;
  border-bottom: 1px solid var(--bgLightBlue);
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
}

  .FilterRow-filterRow-hG:hover {
    background-color: var(--bgLightGray);
  }

  .FilterRow-filterRow-hG:hover .FilterRow-dots-Uh, .FilterRow-filterRow-hG:hover .FilterRow-toolbar-LR {
      visibility: visible;
    }

  .FilterRow-filterRow-hG:first-child {
    border-top: 1px solid var(--bgLightBlue);
  }

.FilterRow-leftSide-AU {
  display: flex;
}

.FilterRow-filterRowHandler-aH {
  min-width: 70px;
  display: flex;
  justify-content: center;
}

.FilterRow-filterContent-BG {

  flex: 1;
}

.FilterRow-filterContent-BG .FilterRow-actionPart-mJ {
    margin-top: 6px;
  }

.FilterRow-filterContent-BG .FilterRow-conditionPart-VV, .FilterRow-filterContent-BG .FilterRow-actionPart-mJ {
    display: flex;
  }

.FilterRow-filterContent-BG .FilterRow-conditionItem-TR, .FilterRow-filterContent-BG .FilterRow-actionItem-vo {
    margin-bottom: 6px;
  }

.FilterRow-filterContent-BG .FilterRow-conditionItem-TR:last-child, .FilterRow-filterContent-BG .FilterRow-actionItem-vo:last-child {
      margin-bottom: 0px;
    }

.FilterRow-filterContent-BG .FilterRow-contentLeft-kt {
    width: 40px;
    min-width: 40px;
  }

.FilterRow-filterContent-BG .FilterRow-contentRight-l0 {
    display: flex;
    flex: 1;
    flex-direction: column;
    word-break: break-all;
  }

.FilterRow-truncateWrapper-FN {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.FilterRow-dots-Uh {
  width: 15px;
  height: 15px;
  fill: var(--shaded);
  margin-right: 5px;
  visibility: hidden;
}

.FilterRow-toolbar-LR {
  padding: 0px 20px;
  display: flex;
  visibility: hidden ;
  justify-content: flex-end;
  align-items: center;
}

.FilterRow-toolbarIcon-o2 {
  width: 15px;
  height: 15px;
  margin-right: 20px;
  fill: var(--shaded90);
}

.FilterRow-toolbarIcon-o2:last-child {
    margin-right: 0;
  }

.FilterRow-toolbarIcon-o2:hover {
    fill: var(--blueShaded);
  }

.FilterRow-arrowDown-dQ {
  transform: rotate(90deg);
}

.FilterRow-arrowUp-gm {
  transform: rotate(-90deg);
}

.FilterRow-conditionArg-pi {
  word-break: break-word;
}

.FilterRow-conditionAnd-DF, .FilterRow-conditionTarget-zk, .FilterRow-conditionComparator-fe, .FilterRow-actionProcess-GA, .FilterRow-actionAnd-y8 {
  color: var(--shaded);
}


.FilterEditor-root-zj {
  width: 730px;
  border-top: 1px solid var(--bgLightBlue);
}

.FilterEditor-editorPopup-W8 {
  padding: 20px 0px 25px 0px !important;
  min-width: 730px !important;
  font-family: Arial, sans-serif;
}

.FilterEditor-editorOverlay-D1 {
  overflow: auto !important;
  min-width: 800px;
  background-color: var(--cloudBurst) !important;
}
.FilterEditor-editorTitle-Yb {
  font-weight: 700 !important;
}

.FilterEditor-paddingSet-Qf {
  padding: 0px 25px;
}

.FilterEditor-removeFilter-GN {
  height: 54px;
  border-bottom: 1px solid var(--bgLightBlue);
  background-color: var(--lightGray5);
  display: flex;
  align-items: center;
}

.FilterEditor-conditionsWrapper-BM {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--bgLightBlue);
}

.FilterEditor-conditionsHeader-l2 {
  margin-bottom: 10px;
  line-height: 15px;
}

.FilterEditor-conditionRow-wY {
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}

.FilterEditor-conditionRow-wY .FilterEditor-target-CF {
    width: 165px;
  }

.FilterEditor-conditionRow-wY .FilterEditor-comparator-MM {
    width: 165px;
    margin-left: 10px;
  }

.FilterEditor-conditionRow-wY .FilterEditor-arg-mG {
    width: 305px;
    margin-left: 10px;
    position: relative;
  }

.FilterEditor-conditionRow-wY .FilterEditor-arg-mG .FilterEditor-error-ys {
      position: absolute;
      color: var(--error);
      font-size: 12px;
      padding: 2px 0px 0px 2px;
    }

.FilterEditor-conditionRow-wY .FilterEditor-trash-GF {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    cursor: pointer;
    fill: var(--shaded90);
  }

.FilterEditor-conditionRow-wY .FilterEditor-trash-GF:hover {
      fill: var(--blueShaded);
    }

.FilterEditor-conditionSelect-Nk {
  max-height: 250px !important;
}

.FilterEditor-conditionSelect-Nk .FilterEditor-selectItem-qk:hover, .FilterEditor-conditionSelect-Nk .FilterEditor-selectItem-qk:focus, .FilterEditor-conditionSelect-Nk .FilterEditor-selectItem-qk:active {
      background-color: var(--bdLightBlue);
      color: var(--infoBlue);
    }

.FilterEditor-actionsWrapper-JR {
  padding-top: 20px;
  display: flex;
}

.FilterEditor-actionControl-EG {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

.FilterEditor-leftSide-j1 {
  position: relative;
}

.FilterEditor-rightSide-Eh {
  position: relative;
  padding-top: 40px;
}

.FilterEditor-disabled-u2 {
  color: var(--lightGray) !important;
  fill: var(--lightGray) !important;
  cursor: default !important;
}

.FilterEditor-tip-BN {
  color: var(--shaded90);
  margin-left: 5px;
}

.FilterEditor-foldersHeader-xL {
  line-height: 1.15;
  margin-left: 5px;
  display: flex;
  cursor: pointer;
  user-select: none;
  color: var(--shaded90);
  fill: var(--shaded90);
}

.FilterEditor-foldersHeader-xL .FilterEditor-icon-BC {
    width: 15px;
    height: 15px;
  }

.FilterEditor-foldersList-qh {
  min-width: 240px;
  max-width: 240px;
  max-height: 245px;
}

.FilterEditor-foldersItem-Ye {
  font-size: 13px;
  padding: 10px 15px;
  cursor: pointer;
  user-select: none;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.FilterEditor-foldersItem-Ye:hover {
    color: var(--blue);
    background-color: var(--bdLightBlue);
  }

.FilterEditor-menuItem-MP {
  --rc-select-hover-color: var(--infoBlue) !important;
  --rc-select-dropdown-hover-bgColor: var(--bdLightBlue) !important;
}
.styles-select-mb {
    --rc-select-small-height: 35px;
    --rc-select-dropdown-selected-paddingLeft: 15px;
    --rc-select-border-borderColor: rgb(221, 224, 232);
    --rc-select-border-hover-borderColor: rgb(198, 201, 208);
    --rc-select-borderRadius: 0;
    --rc-select-hover-color: #315efb;
    --rc-select-dropdown-bgColor: #fff;
    --rc-select-dropdown-boxShadow: none;
  
    --rc-select-dropdown-hover-bgColor: rgb(251, 251, 251);
    --rc-select-borderRadius: 0;
  
    --rc-select-fontFamily: Roboto, sans-serif;
    --rc-select-fontWeight: 400;
    --rc-select-selected-fontWeight: 400;
    --rc-select-dropdown-label-selected-color: rgb(215, 217, 224);
    --rc-select-fontSize: 13px;
    --rc-select-lineHeight: 19px;
  }
  
  
    .styles-select-mb ul {
      border: 1px solid #dde0e8;
    }
  
  
    .styles-select-mb ul svg {
        display: none;
      }
  
  
    .styles-select-mb ul button {
        height: 35px;
      }

[class*='rc__TqEM-'] {
  font-family: Arial, sans-serif !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  color: var(--darkCarbone) !important;
  margin: 15px 20px 0 20px !important;
}



.LeavePopup-buttonsWrapper-yI {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;

}



.LeavePopup-leavePopup-da {


  border-radius: 15px !important;




}



.LeavePopup-leavePopup-da .LeavePopup-buttonsWrapper-yI {
    justify-content: flex-start;
    column-gap: 10px;
  }



.LeavePopup-leavePopup-da .LeavePopup-button-yJ span {
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
    }



.LeavePopup-leavePopup-da p {
    font-size: 14px ;
    font-family: Arial, sans-serif;
    color: var(--carbone);

    line-height: 20px;
    margin: 15px 0;



  }

.Autoreply-root-Tu {
  padding: 0 20px 20px 20px;
  color: var(--carbone);



}

  .Autoreply-root-Tu.Autoreply-emptyAutoreply-nz {
    padding: 0 20px 90px 20px;
  }

  .Autoreply-root-Tu switcher {
    font-size: initial;
  }

  .Autoreply-root-Tu header {
    margin: 0 0 20px 0;
    line-height: 20px;
    font-size: 14px;
  }

  .Autoreply-root-Tu section {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .Autoreply-root-Tu .Autoreply-button-Hd span {
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
    }

  .Autoreply-root-Tu .Autoreply-divider-qY {
    margin: 0 auto;
    width: 640px;
    border-top: 1px solid var(--alternativeBlue3);
    display: none;
  }

  .Autoreply-root-Tu .Autoreply-divider-qY.Autoreply-autoreplyEnabled-hm {
display: block;
    }

  .Autoreply-root-Tu .Autoreply-autoReplyWrapper-_X {
    border: 1px solid #C1D8FF;
    border-radius: 15px;
    width: 680px;

    box-shadow: 0px 10px 10px -10px rgba(49, 94, 251, 0.4);





  }

  .Autoreply-root-Tu .Autoreply-autoReplyWrapper-_X .Autoreply-toggle-qj {

      padding: 20px;

      display: flex;
       }

  .Autoreply-root-Tu .Autoreply-autoReplyWrapper-_X .Autoreply-toggle-qj .Autoreply-toggleOption-Hc {
           padding: 0 20px;
           /* next two lines makes it look same as MailApps*/
           height: 35px;
           line-height: 1.5;
         }

  .Autoreply-root-Tu .Autoreply-switcherText-a1 {
    position: relative;
    top: 1px;
    left: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .Autoreply-root-Tu .Autoreply-form-T2 > section {
    margin-bottom: 30px;



  }

  .Autoreply-root-Tu .Autoreply-form-T2 > section.Autoreply-contactOption-tv {
      display: flex;
    }

  .Autoreply-root-Tu .Autoreply-form-T2 > section.Autoreply-contactOption-tv span {
        margin-left: 10px;
      }

  .Autoreply-root-Tu .Autoreply-form-T2 > section.Autoreply-contactOption-tv .Autoreply-checkboxWrapper-Lf {
        display: inherit;
        cursor: pointer;
        margin-left: 0;
      }

  .Autoreply-root-Tu .Autoreply-form-T2 > section.Autoreply-contactOption-tv .Autoreply-disableCheckboxWrapper-eJ {
        cursor: default;
      }

  .Autoreply-root-Tu .Autoreply-disableForm-NE {
    color: #ced4e4;
  }

  .Autoreply-root-Tu .Autoreply-autoReplySection-VL {
    width: 680px;
    padding: 20px;

    display: none;
  }

  .Autoreply-root-Tu .Autoreply-autoReplySection-VL.Autoreply-autoreplyEnabled-hm {
      display: block;
    }

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp {
    width: 640px;
    display: flex;
    column-gap: 5px;
  }

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp .Autoreply-resetButton-Ch span {
        font-family: Arial, sans-serif;
       font-size: 14px;
       line-height: 20px;
       color: inherit;
       color: var(--infoBlue);

      }

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp .Autoreply-resetButton-Ch:hover span {
          color: var(--middleBlue);
        }

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp .Autoreply-resetButton-Ch:active span {
          color: var(--darkBlue2);
        }

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp .Autoreply-resetButton-Ch {

      opacity: 0;
      display: none;



}

  .Autoreply-root-Tu .Autoreply-dateTimeWrapper-Vp .Autoreply-resetButton-Ch.Autoreply-active-RO{
        opacity: 1;

        display: block;
      }

  .Autoreply-root-Tu footer {

    padding: 20px 20px 0 0;

  }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ {

    width: 680px;

  }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ p {
      margin: 0;
      font-size: 14px;
line-height: 20px;
    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-autoreplyExHeader-Lz {
      margin-top: 20px;
      margin-bottom: 10px;

    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-autoreplyExWrapper-zC {
      background-color: var(--alternativeBlue);
      padding: 20px;
      border-radius: 15px;
    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-prevPeriod-DY {
      color: var(--darkCloudGray);
    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-prevText-Pc {
      margin-top: 10px;
    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-repeatButton-K3 {

      margin-top: 20px;
      width: 184px;



    }

  .Autoreply-root-Tu .Autoreply-autoreplyEx-pZ .Autoreply-repeatButton-K3 [class^="rc__bRKOd"] {

      font-size: 14px;

      font-family: Arial, sans-serif;
      line-height: 20px;




    }

  .Autoreply-root-Tu .Autoreply-dateWrapper-uR {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 10px;
  }

  .Autoreply-root-Tu .Autoreply-dateSize-jc {
    width: 140px;
    flex-grow: 0;
    flex-shrink: 0;


  }

  .Autoreply-root-Tu .Autoreply-dateSize-jc button {
      color: var(--darkCloudGray) !important;
    }

  .Autoreply-root-Tu .Autoreply-dateSize-jc button:hover {
        color: var(--middleBlue) !important;
      }

  .Autoreply-root-Tu .Autoreply-dateSize-jc button:active {
        color: var(--darkBlue2) !important;
      }

  .Autoreply-root-Tu .Autoreply-dateSize-jc input {
      font-size: 14px;
      line-height: 20px;
      font-family: Arial, sans-serif;
      font-weight: 400;
      color: var(--carbone);

    }

  .Autoreply-root-Tu .Autoreply-dateSize-jc input:focus+button  {
        color: var(--carbone) !important;
      }

  .Autoreply-root-Tu .Autoreply-dateSize-jc input::placeholder {
        opacity: 1 !important;
      }

  .Autoreply-root-Tu .Autoreply-dateSize-jc.Autoreply-fullfilled-iu button {
        color: var(--carbone) !important;
      }

  .Autoreply-root-Tu .Autoreply-dateSize-jc.Autoreply-fullfilled-iu button:hover {
          color: var(--middleBlue) !important;
        }

  .Autoreply-root-Tu .Autoreply-dashWrapper-bA {
    align-self: center;
    width: 20px;
   text-align: center;
  }

  .Autoreply-root-Tu .Autoreply-timeSize-wu {
    width: 100px;
    flex-grow: 0;
    flex-shrink: 0;

  }

  .Autoreply-root-Tu .Autoreply-timeSize-wu button {

      display: none !important;
      color: var(--darkCloudGray) !important;
    }

  .Autoreply-root-Tu .Autoreply-timeSize-wu button:hover {
        color: var(--middleBlue) !important;
      }

  .Autoreply-root-Tu .Autoreply-timeSize-wu button:active {
        color: var(--darkBlue2) !important;
      }

  .Autoreply-root-Tu .Autoreply-timeSize-wu input {
      font-size: 14px;
      line-height: 20px;
      font-family: Arial, sans-serif;
      font-weight: 400;
      color: var(--carbone);
    }

  .Autoreply-root-Tu .Autoreply-timeSize-wu input:focus+button  {
        color: var(--carbone) !important;
      }

  .Autoreply-root-Tu .Autoreply-timeSize-wu input::placeholder {
        opacity: 1 !important;
      }

  .Autoreply-root-Tu .Autoreply-timeSize-wu.Autoreply-fullfilled-iu button {

        color: var(--carbone) !important;
      }

  .Autoreply-root-Tu .Autoreply-timeSize-wu.Autoreply-fullfilled-iu button:hover {
          color: var(--middleBlue) !important;
        }

  .Autoreply-root-Tu [class*='rc__dmvv7'] {
    border-radius: 15px;
  }

  .Autoreply-root-Tu .Autoreply-calendar-So {

    -webkit-font-smoothing: antialiased;
  }

.Autoreply-messageSize-cE {
  width: 640px;





}

.Autoreply-messageSize-cE textarea {
    height: 150px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;


  }



.Divider-root-gm {
    box-sizing: border-box;
    border-top: 1px solid rgba(206, 212, 228, .25);
    margin: 20px;
}

    .Divider-root-gm.Divider-hidden-Uu {
        display: none;
    }

.styles-root-jo {
    --rc-toggle-borderRadius: 0;
    --rc-toggle-fontFamily: Roboto, sans-serif;
    --rc-toggle-fontWeight: normal;
    --rc-toggle-fontSize: 13px;
    --rc-toggle-normal-bgColor: #fff;
    --rc-toggle-normal-hover-bgColor: #fff;
    --rc-toggle-normal-active-bgColor: rgba(49, 94, 251, 0.10);
    --rc-toggle-small-height: 35px;
    --rc-toggle-normal-checked-boxShadow: none;
    --rc-toggle-color: #262626;
    --rc-toggle-active-color: #315efb;
    --rc-toggle-checked-color: #315efb;
    --rc-toggle-normal-active-bgColor: rgba(49, 94, 251, 0.10);

    column-gap: 0 !important;
    row-gap: 0 !important;


}

    .styles-root-jo button {
        transition-duration: 200ms;
        transition-property: background-color, opacity, border, box-shadow;
        margin-left: -1px;
        border-style: solid;
        border-width: 1px;
        border-color: #e7e8ec;
        padding: 0 15px;
    }

    .styles-root-jo button[aria-checked="true"] {
            border-color: #274bc8;
            z-index: 1;
        }

    .styles-root-jo button[aria-checked="true"]:hover {
                color: #274bc8;
            }

    .styles-root-jo button:first-child {
            border-top-left-radius: 1px;
            border-bottom-left-radius: 1px;
            margin-left: 0;
        }

    .styles-root-jo button:last-child {
            border-top-right-radius: 1px;
            border-bottom-right-radius: 1px;
        }
.MailAppsChange-backdrop-ws {
  background-color: rgba(52, 59, 76, 0.95) !important;
  min-width: 800px;
}

  .MailAppsChange-backdrop-ws div[class=rui-Popup-popup] {
    padding: 0;
  }

  .MailAppsChange-backdrop-ws header {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: Arial, sans-serif;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    box-sizing: border-box;
    border-bottom: 1px solid #ecf0f3;
    padding-left: 25px;
  }

  .MailAppsChange-backdrop-ws label {
    font-family: Arial, sans-serif;
    font-size: 13px;
  }

  .MailAppsChange-backdrop-ws button {
    z-index: 2;
  }

  .MailAppsChange-backdrop-ws .MailAppsChange-mailAppPopup-wE {
    width: 730px;
    padding: 0;
  }

.MailAppsChange-close-OI {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  text-align: right;
  right: 20px;
}

.MailAppsChange-captchaWrapper-Ic {
  text-align: center;
  margin: 20px 0 0px 25px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: calc(100% - 25px);
  box-sizing: border-box;
  max-width: 370px;
  padding-right: 25px;
}

.MailAppsChange-captcha-yX {
  height: 55px;
  width: 260px;
}

.MailAppsChange-refresh-oB {
  height: 20px;
  width: 20px;
  margin: auto -5px auto 15px;
  fill: #6674a5;
}

.MailAppsChange-submitWrapper-jM {
  margin-top: 20px;
  box-sizing: border-box;
}

.MailAppsChange-submitButton-lh {
  margin: 0 0 25px 25px !important;
}


.MailAppsChange-inputErrorHint-ul {
  position: relative;
  padding: 0;
  background: none;
  transform: none;
  color: #ff564e;
  bottom: auto;
  margin-left: 25px;
}

.GeneratePasswordModal-modalRoot-Ww {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 36px 84px rgba(0, 0, 0, 0.15);
  width: 378px;
}

.GeneratePasswordModal-modal-QP {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
}

.GeneratePasswordModal-closeButton-i4 {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  color: var(--shaded);
  padding: 0;
  transition: color 0.2s ease;
}

.GeneratePasswordModal-closeButton-i4:hover {
  color: var(--dark);
}

.GeneratePasswordModal-title-Ih {
  width: 100%;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #343b4c;
  color: var(--carbon95, #343b4c);
  font-family:
    SB Sans Display,
    sans-serif;
}

.GeneratePasswordModal-field-eo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.GeneratePasswordModal-fieldLabel-se {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--dark);
}

.GeneratePasswordModal-inputWrap-Oh {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  height: 50px;
  padding: 15px 15px 15px 20px;
  background: #eff5ff;
  border-radius: 5px;
  box-sizing: border-box;
}

.GeneratePasswordModal-input-zp {
  flex: 1;
  border: none;
  background: none;
  outline: none;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--dark);
  min-width: 0;
  padding: 0;
}

.GeneratePasswordModal-input-zp::placeholder {
  color: #777e98;
}

.GeneratePasswordModal-inputWrapError-Gl {
  background: #fff0f0;
}

.GeneratePasswordModal-errorText-NV {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #ed6179;
}

.GeneratePasswordModal-copyButton-_f {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  cursor: pointer;
  color: #777e98;
  padding: 0;
  flex-shrink: 0;
  transition: color 0.2s ease;
}

.GeneratePasswordModal-copyButton-_f:hover {
  color: var(--dark);
}

.GeneratePasswordModal-copyButton-_f:disabled {
  cursor: default;
  opacity: 0.4;
}

.GeneratePasswordModal-copyIconDone-xC {
  color: #4caf50;
  color: var(--green, #4caf50);
}

.GeneratePasswordModal-generateLink-Bk {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #315efb;
  color: var(--blue, #315efb);
  transition: opacity 0.2s ease;
  font-family:
    SB Sans Display,
    sans-serif;
}

.GeneratePasswordModal-generateLink-Bk:hover {
  opacity: 0.8;
}

.GeneratePasswordModal-deleteLink-W1 {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #ed6179;
  font-family:
    SB Sans Display,
    sans-serif;
  transition: opacity 0.2s ease;
}

.GeneratePasswordModal-deleteLink-W1:hover {
  opacity: 0.8;
}

.DeleteConfirmModal-modalRoot-S3 {
  border-radius: 16px;
  overflow: hidden;
  width: 378px;
  height: 230px;
  box-shadow: 0 36px 84px rgba(0, 0, 0, 0.15);
}

.DeleteConfirmModal-modal-qn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px;
  background: #fff;
  border-radius: 16px;
}

.DeleteConfirmModal-closeButton-Aj {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 8px;
  background: none;
  cursor: pointer;
  color: var(--shaded);
  padding: 0;
  transition: color 0.2s ease;
}

.DeleteConfirmModal-closeButton-Aj:hover {
  color: var(--dark);
}

.DeleteConfirmModal-title-sx {
  width: 100%;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  font-family:
    SB Sans Display,
    sans-serif;
  line-height: 28px;
  color: #343b4c;
  color: var(--carbon95, #343b4c);
}

.DeleteConfirmModal-description-ja {
  width: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #343b4c;
  color: var(--carbon95, #343b4c);
}

.DeleteConfirmModal-deleteButton-qm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  background: #ed6179;
  cursor: pointer;
  font-size: 15px;
  font-family:
    SB Sans Display,
    sans-serif;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  box-sizing: border-box;
  transition: opacity 0.2s ease;
}

.DeleteConfirmModal-deleteButton-qm:hover {
  opacity: 0.9;
}

.DeleteConfirmModal-cancelLink-ZN {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-family:
    SB Sans Display,
    sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #315efb;
  color: var(--blue, #315efb);
  transition: opacity 0.2s ease;
}

.DeleteConfirmModal-cancelLink-ZN:hover {
  opacity: 0.8;
}

.PasswordSection-root-u0 {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--bdLightBlue);
}

.PasswordSection-label-cr {
  font-size: 13px;
  line-height: 1.5;
  color: var(--dark);
  margin: 0 0 20px 0;
}

.PasswordSection-createCard-pH {
  display: flex;
  align-items: center;
  width: 240px;
  height: 69px;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--veryLightBlue);
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
  box-sizing: border-box;
}

.PasswordSection-createCard-pH:hover {
  background: var(--lightBlue);
}

.PasswordSection-createIcon-t6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: var(--blue);
  flex-shrink: 0;
}

.PasswordSection-createText-r1 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--dark);
  white-space: nowrap;
  width: 140px;
}

.PasswordSection-passwordCard-Q1 {
  display: flex;
  align-items: center;
  width: 240px;
  gap: 12px;
  height: 69px;
  padding: 12px 16px;
  border: 1px solid #e8eaf0;
  background: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
  box-sizing: border-box;
}

.PasswordSection-passwordCard-Q1:hover {
  background: var(--lightBlue);
}

.PasswordSection-keyIcon-nB {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--veryLightBlue);
}

.PasswordSection-passwordInfo-CQ {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.PasswordSection-passwordTitle-Pj {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--dark);
  white-space: nowrap;
}

.PasswordSection-passwordDate-EH {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #7f87a0;
  white-space: nowrap;
}

.PasswordSection-title-Zx {
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: 400;
}

.EmailClientPassword-inner-LN {
  padding: 0 20px;
}

:root {
  --itemHeight: 280px;
}

.MailApps-mainHeader-X2 {
  margin: 0 0 20px 0;
  line-height: 1.5;
  font-size: 13px;
}

.MailApps-inner-uG {
  padding: 0 20px;
}

.MailApps-info-P5 {
  margin-top: 20px;
  display: flex;
  position: relative;
  box-sizing: border-box;
  border-top: 1px solid #f3f4f7;
}


.MailApps-toggle-gq button {
  padding: 0 20px;
  line-height: 1.5;
}


.MailApps-protocolsMain-AS {
  width: calc(100% - 302px);
  height: calc(280px / 2);
  height: calc(var(--itemHeight) / 2);


  box-sizing: border-box;
  border-bottom: 1px solid #f3f4f7;
  border-right: 1px solid #f3f4f7;
}


.MailApps-protocolsMain-AS div:last-child {
    padding-left: 20px;
  }

.MailApps-protocolsAdditional-Nk {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 50%;
  width: calc(100% - 302px);
  display: flex;
  box-sizing: border-box;
  border-right: 1px solid #f3f4f7;
}

.MailApps-smtp-JB, .MailApps-pop-Cn {
  width: 50%;
  padding: 20px;
}

.MailApps-smtp-JB {
  box-sizing: border-box;
  border-right: 1px solid #f3f4f7;
}

.MailApps-help-fG {
  padding: 20px;
  height: 280px;
  height: var(--itemHeight);
  width: 302px;
  background-color: var(--lightBlue);
}

.MailApps-header-Pm {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--dark);
}

.MailApps-help-fG li {
  line-height: 1.6;
  padding-bottom: 20px;
}

.MailApps-helpItem-Ey {
  transition: all .4s ease;
  color: var(--blueShaded);
}

.MailApps-helpItem-Ey:hover {
  color: var(--dark);
  cursor: pointer;
}

.MailApps-protocolsMainHeader-FK {
  padding: 20px 20px 5px 20px;
}

.MailApps-protocolsMainContent-yL {
  display: flex;
  padding: 0 20px;
}

.MailApps-protocolsMainContent-yL > div {
  width: 50%;
}

.MailApps-shaded-SV {
  color: var(--shaded);
}

@media (max-width: 1270px) {

  .MailApps-info-P5 {
    display: block;
  }

  .MailApps-protocolsMain-AS {
    width: 100%;
  }

  .MailApps-help-fG {
    margin: 0 0 0 50%;
    width: 50%;
  }

  .MailApps-protocolsAdditional-Nk {
    width: 50%;
    height: 280px;
    height: var(--itemHeight);
    display: flex;
    flex-direction: column;
  }

  .MailApps-smtp-JB, .MailApps-pop-Cn {
    width: 100%;
  }

  .MailApps-smtp-JB {
    border-bottom: 1px solid var(--lightFaded);
    border-right: none;
  }
}

.Subscriptions-wrapper-l5 {
  padding-bottom: 20px;
}

.Subscriptions-header-F4 {
  padding: 0 20px;
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 20px;
}

.Subscriptions-list-WA {
  border-bottom: 1px solid #ecf0f3;
}

.Subscriptions-loading-vc {
  padding: 0 20px;
  line-height: 1.5;
  font-size: 13px;
  margin-bottom: 20px;
}

.Subscriptions-spinnerDot-Yl span {
      width: 3px;
      height: 3px;
    }

.Subscriptions-spinnerDot-Yl span:nth-child(2) {
        margin: 3px;
      }

.Subscriptions-row-sH {
  min-height: 45px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ecf0f3;
  position: relative;
}

.Subscriptions-row-sH:hover {
  background: #fafafc;
}

.Subscriptions-row-sH:hover .Subscriptions-showEmails-_U {
    visibility: visible;
  }

.Subscriptions-action-CW {
  flex: none;
  width: 50px;
  margin-left: 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.Subscriptions-name-b2 {
  width: 30%;
  min-width: 150px;
  padding: 15px 0;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  text-transform: capitalize;
  word-break: break-word;
  text-align: left;
}

.Subscriptions-domain-GV {
  color: var(--shaded);
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  min-width: 190px;
  text-align: left;
  white-space: nowrap;
}

.Subscriptions-count-XI {
  color: var(--shaded);
  width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
  min-width: 110px;

  text-align: left;
}

.Subscriptions-showEmails-_U {
  margin-right: 20px;
  flex: none;
  margin-left: auto;
  color: var(--blueShaded);
  cursor: pointer;
  visibility: hidden;
}

.Subscriptions-showEmails-_U:hover {
    color: var(--dark);
  }

.Subscriptions-hideIcon-bd {
  width: 20px;
  height: 20px;
  margin: 0 6px;
  transform: scale(0.75);
}


.Subscriptions-hideBlocked-xh {
  color: var(--blueShaded);
  float: right;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 20px;
}


.Subscriptions-hideBlocked-xh svg {
    fill: var(--blueShaded);
  }


.Subscriptions-hideBlocked-xh:hover {
    color: var(--dark);
  }


.Subscriptions-hideBlocked-xh:hover svg {
    fill: var(--dark);
    }

.Subscriptions-tooltip-Of {
  top: 26px;
  left: 0;
}

.Subscriptions-showMore-rN {
  color: var(--blueShaded);
  padding-left: 70px;
  height: 55px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ecf0f3;
  position: relative;

  margin-bottom: -20px;
  background: white;
  z-index: 99;

}

.Subscriptions-showMore-rN .Subscriptions-buttonMore-h1 {
    margin-right: 20px;
    letter-spacing: 1.3px;
    font-weight: bold;
  }


.Security-root-eQ {
  display: flex;
  margin: 0 20px 20px;
  font-family: Arial;
  font-size: 13px;
}

  .Security-root-eQ a:hover {
    color: var(--dark);
  }

  .Security-root-eQ a:hover svg:not(.Security-icon-IJ) path {
        fill: var(--dark);
      }

.Security-title-rS {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  line-height: 25px;
}

.Security-description-rF {
  margin-bottom: 10px;
  line-height: 20px;
}

.Security-passwordInfo-Hc {
  margin-bottom: 5px;
  line-height: 20px;
  color: var(--lightGrayBlue);
}

.Security-isExpired-r7 {
  color: var(--error);
}

.Security-row-k3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 0 19px;
  line-height: 15px;
  border-bottom: 1px solid var(--greyishBlue);
  color: var(--blueShaded);
}

.Security-row-k3:last-child {
    padding-bottom: 20px;
    border-bottom: none;
  }

.Security-row-k3 svg {
    width: 15px;
    height: 15px;
  }

.Security-infoRow-t1 {
  display: flex;
  flex-direction: column;
}

.Security-infoRow-t1 a {
    display: flex;
    justify-content: space-between;
    color: var(--blueShaded);
  }

.Security-infoRow-t1 .Security-info-J_ {
    display: flex;
    justify-content: flex-start;
    padding: 14px 15px;
    margin-top: 15px;
    border-radius: 1px;
    border: solid 1px var(--veryLightBlue);
    color: var(--blueShaded);
    background-color: var(--paleYellow2);
  }

.Security-infoRow-t1 .Security-info-J_ svg {
      margin-right: 10px;
    }

.Security-rightColumn-ok {
  width: 280px;
  margin-left: 40px;
  margin-top: 8px;
}

.Security-block-Qf {
  text-decoration:none;
  color: inherit;
  outline: none;
  box-sizing: border-box;
  display: flex;
  width: 280px;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 1px;
  background-color: var(--lightGrayBlueThree);
}

.Security-block-Qf span {
    line-height: 20px;
  }

.Security-block-Qf a {
    display: block;
    margin-top: 15px;
    font-family: Roboto;
    line-height: 15px;
    color: var(--blueShaded);
  }

.Security-block-Qf svg.Security-icon-IJ {
    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;
    margin-right: 15px;
  }

.Security-tooltipBlock-Oj {
  position: relative;
  height: 15px;
}

.Security-tooltipBlock-Oj:hover .Security-tooltip-IU {
    visibility: visible;
  }

.Security-tooltip-IU {
  z-index: 1;
  position: absolute;
  top: -10px;
  left: 25px;
  padding: 10px;
  visibility: hidden;
  text-align: center;
  white-space: nowrap;
  border-radius: 1px;
  background-color: var(--colorDarkBlue);
  color: var(--white);
}

.Security-tooltip-IU::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent var(--colorDarkBlue) transparent transparent;
  }

.Notifications-root-qF {
  z-index: 902;
  position: fixed;
  bottom: 20px;
  right: 20px;

  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}

.Notifications-rootOverComposeList-Vv {
  bottom: 80px;
}

.Notifications-item-WM {
  display: flex;
  flex-direction: row;
  width: 300px;
  padding: 20px;
  margin-top: 10px;
  border-radius: 15px;
  background-color: var(--carbone);
}

.Notifications-item-WM .Notifications-iconWrapper-op {
    margin-right: 10px;
  }

.Notifications-item-WM .Notifications-iconWrapper-op .Notifications-icon-Gk {
      margin-top: 2px;
      width: 10px;
    }

.Notifications-item-WM .Notifications-message-l9 {
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;

    color: #FFFFFF;
  }

.Notifications-item-WM .Notifications-removeWrapper-W1 {
    margin-left: auto;
    max-height: 20px;

    display: flex;
    justify-content: center;
    align-items: start;

    border-radius: 50%;

    cursor: pointer;
  }

.Notifications-item-WM .Notifications-removeWrapper-W1 .Notifications-remove-um {
      padding-left: 20px;
      width: 20px;
      height: 20px;
    }

.Notifications-item-WM .Notifications-removeWrapper-W1 .Notifications-remove-um path {
        fill: white;
      }

.Notifications-item-WM .Notifications-removeWrapper-W1:hover .Notifications-remove-um path {
          fill: rgba(255, 255, 255, 0.7);
        }

.Notifications-item-WM .Notifications-removeWrapper-W1:active .Notifications-remove-um path {
          fill: rgba(255, 255, 255, 0.5);
        }

.Notifications-successIcon-gs {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--aquamarine);
}

.Notifications-warningIcon-XF {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--yellow);
}

.Notifications-errorIcon-wW {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--darkRed2);
}

.FrontError-root-mI {
  background: #fff;
  min-height: calc(100vh - 40px);
  min-width: var(--minScreenWidth);
}

.FrontError-icon-hb {
  width: 470px;
  height: 220px;
  display: block;
  margin: 160px auto 0;
}

.FrontError-textBody-ge {
  text-align: center;
}

.FrontError-textBody-ge .FrontError-title-ij {
    line-height: 1.13;
    font-size: 35px;
    margin-top: 0;
    font-weight: 500;
  }

.FrontError-textBody-ge .FrontError-description-HU {
    font-size: 14px;
    line-height: 1.79;
  }

.FrontError-btnWrapper-DQ {
  text-align: center;
  margin-top: 30px;
  padding-bottom: 70px;
}

.FrontError-btnWrapper-DQ .FrontError-btnReload-qc {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 1px;
    background-color: var(--infoBlue);
    font-family: Roboto, Helvetica, Arial,sans-serif;
    font-size: 11px;
    line-height: 35px;
    letter-spacing: 1.3px;
    text-align: center;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
.Preloader-root-XB {
    flex: 1 0  auto;
    background: white;
}

@keyframes Preloader-placeHolderShimmer-nH{
  0%{
      background-position: -800px 0
  }
  100%{
      background-position: 800px 0
  }
}

.Preloader-lineblock-g0 {
  display: flex;
}

.Preloader-animate-zx {
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: Preloader-placeHolderShimmer-nH;
  animation-timing-function: linear;
}

.Preloader-bg-Fj {
  background: #e8eaf0;
  background: linear-gradient(to right, #f9fafb 8%, #e8eaf0 18%, #f9fafb 33%);
  background-size: 1600px auto;
}

.Preloader-maillist-fE {
  display: flex;
  flex-direction: column;

  margin: 10px 20px 165px 20px;
}

.Preloader-maillist-fE .Preloader-dot1-V9 {
    margin-left: 15px;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    background: #fff;
    flex: none;
  }

.Preloader-maillist-fE .Preloader-dot2-zG {
    width: 15px;
    height: 15px;
    flex: none;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over1-bw {
    margin-left: 120px;
    margin-right: 250px;
    width: 55px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over2-fW {
    flex: 1 0 auto;
    margin-right: 40px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over3-ET {
    margin-left: 70px;
    margin-right: 350px;
    width: 105px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over4-bT {
    flex: 1 0 auto;
    margin-right: 40px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over5-At {
    margin-left: 150px;
    margin-right: 150px;
    width: 25px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-over6-Ez {
    flex: 1 0 auto;
    margin-right: 40px;
    background: #fff;
  }

.Preloader-maillist-fE .Preloader-space-tf {
    height: 15px;
    background: #fff;
  }

.Preloader-maillist3k-AK {
  display: flex;
  flex-direction: column;
  flex: none;
  margin: 10px 10px 105px 20px;

}

.Preloader-maillist3k-AK .Preloader-over1-bw {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 35px;
    margin-left: 120px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-over2-fW {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 15px;
    margin-left: 180px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-space1-E8 {
    height: 5px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-space2-V3 {
    height: 20px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-over3-ET {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 35px;
    margin-left: 70px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-over4-bT {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 15px;
    margin-left: 120px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-over5-At {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 35px;
    margin-left: 150px;
    background: #fff;
  }

.Preloader-maillist3k-AK .Preloader-over6-Ez {
    height: 15px;
    flex: 1 0 auto;
    margin-right: 15px;
    margin-left: 230px;
    background: #fff;
  }


.Preloader-letter-yo {
  margin: 20px 20px 0px 20px;
  display: flex;
  flex-direction: column;

}


.Preloader-letter-yo .Preloader-over1-bw {
    margin-left: 15px;
    width: 20px;
    height: 15px;
    background: #fff;
    margin-right: 360px;
  }


.Preloader-letter-yo .Preloader-over2-fW {
    flex: 1 0 auto;
    height: 15px;
    margin: 0;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-space1-E8 {
    width: 100%;
    height: 20px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-space2-V3 {
    width: 100%;
    height: 11px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-space3-aq {
    width: 100%;
    height: 25px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-space4-yR {
    width: 100%;
    height: 37px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-space5-gD {
    width: 100%;
    height: 160px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-over3-ET {
    flex: 1 0 auto;
    height: 15px;
    margin: 0 100px 0 230px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-over4-bT {
    flex: 1 0 auto;
    height: 15px;
    margin: 0 55px 0 150px;
    background: #fff;
  }


.Preloader-letter-yo .Preloader-over5-At {
    width: 100%;
    height: 15px;
  }


.Preloader-letter-yo .Preloader-over6-Ez {
    margin-left: 50%;
    height: 15px;
    background: #fff;
  }


.Preloader-letter3k-O_ {
  margin: 20px 20px auto 20px;
  display: flex;
  flex-direction: column;

}


.Preloader-letter3k-O_ .Preloader-over1-bw {
    height: 15px;
    margin-left: 360px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-space1-E8 {
    width: 100%;
    height: 20px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-over2-fW {
    height: 15px;
    margin-left: 230px;
    margin-right: 100px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-space2-V3 {
    width: 100%;
    height: 10px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-over3-ET {
    height: 15px;
    margin-left: 150px;
    margin-right: 50px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-space3-aq {
    width: 100%;
    height: 45px;
    background: #fff;
  }


.Preloader-letter3k-O_ .Preloader-over4-bT {
    height: 15px;
    margin-left: 460px;
    background: #fff;
  }


.LetterPrint-printWindow-ex {
  overflow: auto;
  padding: 15px;
  background: #fff;
  color: #000;
  word-wrap: break-word;
  font: 9pt/15px 'Lucida Grande CY','Arial','Liberation Sans','DejaVu Sans',sans-serif;
  width: 100%;
}
.LetterPrint-ramblerLogo-TL {
  fill: #466efb;
  width: 163px;
  height: 25px;
  min-width: 163px;
  min-height: 25px;
  padding: 0;
  margin-right: auto;
  margin-bottom: 10px;
  display: block !important;
}

.LetterPrint-printPreview-qH .LetterPrint-messageSubject-U0 {
  font: bold 20px/1.25 Arial;
  letter-spacing: normal;
  color: #262626;
  padding: 0 0 15px 0;
}
.LetterPrint-printPreview-qH .LetterPrint-messageSubject-U0 span {
  margin-right: 15px;
  overflow-x: hidden;
}
.LetterPrint-printPreview-qH .LetterPrint-messageHeaderDate-mG {
  font: normal normal normal 13px/1.15 Arial;
  color: #262626;
  display: inline-block;
  height: 15px;
}
.LetterPrint-printPreview-qH .LetterPrint-messageHeaderLabel-cT.LetterPrint-messageLabelFrom-cu,
.LetterPrint-printPreview-qH .LetterPrint-messageHeaderLabel-cT.LetterPrint-messageLabelTo-Po {
  font: bold normal normal 13px/1.15 Arial;
  letter-spacing: normal;
  color: #262626;
  display: inline;
  margin-right: 5px;
}
.LetterPrint-printPreview-qH .LetterPrint-messageContactItem-GB {
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
}
.LetterPrint-printPreview-qH .LetterPrint-messageContactItem-GB .LetterPrint-messageContactPart-SX {
  font: normal normal normal inherit/1.15 Arial;
  letter-spacing: normal;
  color: #7f87a0;
}
.LetterPrint-printPreview-qH .LetterPrint-messageContactItem-GB span + .LetterPrint-messageContactPart-SX {
  margin-left: 5px;
}
.LetterPrint-printPreview-qH .LetterPrint-messageBody-JK{
  padding: 30px 15px 15px;
  font: normal normal normal 15px/1.67 Roboto, Arial, sans-serif;
  letter-spacing: normal;
  color: #393939;
}

.LetterPrint-printPreview-qH .LetterPrint-messageBody-JK p {
  margin: 0px 0 15px;
}

.LetterPrint-printPreview-qH .LetterPrint-messageBody-JK pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.LetterPrint-printPreview-qH .LetterPrint-attachTitle-ty {
  min-width: 100%;
}
.LetterPrint-printPreview-qH .LetterPrint-attachTitle-ty span {
  display: block;
  height: 15px;
  color: #262626;
  font: 700 13px/15px Arial;
  margin-bottom: 15px;
}

.LetterPrint-printPreview-qH .LetterPrint-attachTitle-ty hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-bottom: 1px solid #7f87a0;
  margin: 0px 0 25px;
}
.LetterPrint-attachItem-DU {
  display: flex;
  margin: 0 0px 9px 0;
}
.LetterPrint-attachName-Ee {
  font: normal 13px Roboto, Arial, sans-serif;
  color: #262626;
  min-width: 155px;
}
.LetterPrint-attachSize-dd {
  font: 11px Roboto, Arial, sans-serif;
  letter-spacing: 1.3px;
  color: #8d96b2;
  margin-left: 5px;
}
.LetterPrint-messageHeaderContacts-p8 {
  margin-top: 5px;
  margin-bottom: -5px;
  line-height: 1.15;
  min-height: 15px;
  display: flex;
  flex-wrap: wrap;
}
.LetterPrint-messageHeaderContacts-p8.LetterPrint-messageHeaderContactsTo-rd {
    margin-top: 6px;
  }
.LetterPrint-messageBodyContainer-Jo p {
  margin: 0;
  font-size: 15px;
  line-height: 1.67;
}


@media print {
    .mail-topline-wrapper {
      display: none;
    }

    * {
      -webkit-print-color-adjust: exact !important;
      color-adjust: exact !important;
    }
  }

.StatusErrorContainer-root-AM {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  padding-top: 55px;
  background-color: #fff;
}

.StatusErrorContainer-container-Ka {
  text-align: center;
  width: 500px;
}

.StatusErrorContainer-title-Yy {
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
  margin: 0 0 15px;
}

.StatusErrorContainer-description-RH {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
}

.StatusErrorContainer-description-RH:last-of-type {
  margin-bottom: 20px;
}

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
  --topLineHeight: 60px;
}

.FixedAppContainer-leftFixed-yP {
  z-index: 900;
}

_:-ms-lang(x), .FixedAppContainer-leftFixed-yP { z-index: 999; }

.FixedAppContainer-root-mE {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 100%;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  top: 60px;
}

.FixedAppContainer-root-mE.FixedAppContainer-withCrossNav-Vt {
    min-width: calc(100% - var(--crossNavbarWidth));
  }

.FixedAppContainer-rootExtra-XT {
  top: 310px;
}

.FixedAppContainer-inner-ZS {
  width: 100%;
  max-width: 2560px;
  display: flex;
  padding: 0 10px;
  padding: 0 var(--spaceBetweenElem);
  flex: 1 0 auto;
  height: calc(100% - 70px);
  z-index: 3; /* to prevent show disabled onboarding in header with z-index -1  */
  margin: 0 auto;
}

.FixedAppContainer-sidebar-dj {
  width: 240px;
  margin: 0px 10px 10px 0;
  height: 100%;
}

.FixedAppContainer-mainContainer-zD {
  display: flex;
  position: relative;
  margin: 0;
  max-height: 100%;

  box-sizing: content-box;
  width: calc(100% - 260px);
  flex: 1 0 auto;
  flex-direction: column;

  height: calc(100% - 9px);
}

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
}

.AutoAppContainer-root-RN {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.AutoAppContainer-inner-Ia {
  width: 100%;
  max-width: 2560px;
  display: flex;
  padding: 0 10px;
  padding: 0 var(--spaceBetweenElem);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1 1 auto;
  margin: 0 auto;
  z-index: 3; /* to prevent show disabled onboarding in header with z-index -1  */
}

.AutoAppContainer-sidebar-Xv {
  min-width: 240px;
  max-width: 240px;
  margin: 0px 10px 10px 0;
}

.AutoAppContainer-mainContainer-cv {
  margin: 0px 0 20px 0;
  flex: 1;
  min-width: 720px;
}

.AutoAppContainer-rightSidebar-oK {
  margin-left: 10px;
  margin-top: 10px;
}

@media only screen and (max-width: 940px) {
  .AutoAppContainer-uInner-ek {
    width: auto;
    max-width: 940px;
    min-width: 940px;
  }
}

@media (min-width: 1920px) {
  .AutoAppContainer-inner-Ia {
    min-width: 0;
  }
}

.BackgroundContainer-bgImage-F9 {
    z-index: -9;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
  
    .BackgroundContainer-bgImage-F9:after {
      content: '';
      z-index: -9;
      top: 0px;
      bottom: 0;
      left: 0;
      right: 0;
      position: absolute;
      background: var(--bg-overlay-color);
    }

.BackgroundContainer-scoupedImage-RY {
    top: 0;
    position: absolute;
}

.BackgroundContainer-scoupedImage-RY:after {
    content: '';
    z-index: -9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: var(--bg-overlay-color);
  }
.ButtonWithIcon-root-L4 {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  flex-grow: 2;
  white-space: nowrap;
}

  .ButtonWithIcon-root-L4 div {
    cursor: pointer;
    display: flex;
    align-items: center;
  }

  .ButtonWithIcon-root-L4.ButtonWithIcon-disabled-Du {
    opacity: 0.3;
  }

  .ButtonWithIcon-root-L4.ButtonWithIcon-disabled-Du div {
      cursor: default;
    }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6 {
    padding-left: 5px;
    padding-right: 0;
    position: relative;
    line-height: 1;
  }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconLeft-Kw {
      padding-left: 3px;
      padding-right: 4.5px;
    }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconSmall-kQ {
      top: 2px;
    }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconSmall-kQ svg {
        width: 10px;
        height: 13px;
      }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconMedium-TM svg {
        width: 13px;
        height: 16px;
      }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconBig-HO svg {
        width: 15px;
        height: 16px;
      }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconGiant-sb svg {
        width: 19px;
        height: 16px;
      }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconUltraGiant-yc {
       padding-left: 0px;
    }

  .ButtonWithIcon-root-L4 .ButtonWithIcon-icon-w6.ButtonWithIcon-iconUltraGiant-yc svg {
        width: 20px;
        height: 20px;
      }

  .ButtonWithIcon-root-L4 {
  color: var(--button-color);
}

  .ButtonWithIcon-root-L4 svg {
    fill: var(--button-color)
  }

  .ButtonWithIcon-root-L4:not(.ButtonWithIcon-disabled-Du).ButtonWithIcon-root-L4:hover {
    color: var(--button-active); 
  }

  .ButtonWithIcon-root-L4:not(.ButtonWithIcon-disabled-Du).ButtonWithIcon-root-L4:hover svg {
      fill: var(--button-active)
    }
.ContactWithDropdown-root-qZ {
}

.ContactWithDropdown-headerName-uI {
  margin-left: 1px;
  color: var(--dark);
}

.ContactWithDropdown-headerEmailWrapper-Yo {
  position: relative;
}

.ContactWithDropdown-headerEmail-GI {
  margin-left: 5px;
  color: var(--blueShaded);
  cursor: pointer;
  word-break: break-word;
}

.ContactWithDropdown-headerEmail-GI:hover {
    color: var(--dark);
  }

.ContactWithDropdown-dropdown-Kg {
  position: absolute;
  background-color: #fff;
  box-shadow: 1px 2px 5px 0 rgba(102, 116, 166, 0.2);
  width: 250px;
  left: 0;
  margin-top: 5px;
  overflow: hidden;
  height: 0;
  visibility: hidden;
}

.ContactWithDropdown-dropdown_opened-jO {
  height: auto;
  visibility: visible;
  z-index: 1000;
}

.ContactWithDropdown-controls-Pu {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--faded25);
  box-sizing: border-box;
  padding: 5px 66px 15px 15px;
}

.ContactWithDropdown-controls-Pu > * {
    display: inline-block;
    min-width: 100px;
    margin-top: 10px;
  }

.ContactWithDropdown-controls-Pu div:hover svg path {
    fill: var(--dark) !important;
  }

.ContactWithDropdown-contact-gr {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f3f4f7;
  word-break: break-word;
}

.ContactWithDropdown-avatar-MQ {
  height: 45px;
}

.ContactWithDropdown-texts-W1 {
  padding-left: 15px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  word-wrap: break-word;
  flex: 1 1 auto;
  line-height: 1.54;
}

.ContactWithDropdown-email-pt {
  color: var(--shaded);
}

.ContactWithDropdown-dropdownIcon-Cd {
  color: rgb(92, 105, 147);
}

.ContactWithDropdown-dropdownIcon-Cd svg {
    fill: rgb(92, 105, 147);
  }

.ContactWithDropdown-dropdownIcon-Cd:hover {
    --button-active: rgb(38, 38, 38);
  }

.ContactWithDropdown-dropdownIcon-Cd:hover svg {
      fill: rgb(38, 38, 38);
    }
.Recipients-recipient-Gb {
  margin-right: 5px;
}

.Recipients-toggle-lc {
  color: var(--blueShaded);
  cursor: pointer;
  white-space: nowrap;
}

.Recipients-toggle-lc:hover {
    color: var(--dark);
  }

.Recipients-more-RO {
  margin-right: 5px;
}

.Recipients-email-LD {
  color: var(--shaded);
}

.Recipients-recipient-Gb:hover .Recipients-email-LD {
    color: var(--dark);
  }

.Recipients-last-aQ {
  margin-right: 0;
}

.Recipients-to-pP {
  line-height: 18px;
  word-wrap: break-word;
  margin-top: 8px;
}

.Recipients-to-pP + .Recipients-to-pP {
    margin-top: 5px;
  }

.Recipients-to-pP .Recipients-toLabel-gn {
    padding: 1px 0;
    color: var(--shaded);
    margin-right: 5px;
    float: left;
  }

.Recipients-to-pP .Recipients-toNames-zS {
    flex-grow: 2;
    margin-right: 5px;
    line-height: 20px;
  }

.Recipients-to-pP .Recipients-toEmail-aJ {
    color: var(--blueShaded);
    vertical-align: middle;
  }

.Recipients-to-pP .Recipients-toContacts-OB {
    margin-top: 5px;
  }

.ToolbarItem-root-Na {
  cursor: pointer;
  position: relative;
  margin-right: 11px;
  margin-left: 7px;
  border-radius: 1px;
  line-height: 0;
  display: flex;
  align-items: center;
}

  .ToolbarItem-root-Na.ToolbarItem-hiddenText-KM {
    margin-right: 7px;
    margin-left: 6px;
  }

.ToolbarButton-root-zH {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.AdvertLetterHeader-root-jC {
  box-sizing: border-box;
  border-bottom: 1px solid rgba(206, 212, 228, .25);
  padding: 15px 20px 17px 20px;
  position: relative;
  background: white;
}

.AdvertLetterHeader-subject-cO {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.25;
  margin: 0 0 15px 0;
  white-space: normal;
  word-wrap: break-word;

}
.AdvertLetterHeader-is2k-PE .AdvertLetterHeader-subject-cO {
  margin-left: 35px;
}

.AdvertLetterHeader-info-EU {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
}

.AdvertLetterHeader-info-EU .AdvertLetterHeader-date-_b {
    text-align: right;
    min-width: 140px;
  }

.AdvertLetterHeader-contacts-GY {
  min-width: 0;
  flex: 1 1 auto;
  width: 100%; /* ie fix */
  margin-right: 10px;
}

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC {
    margin-bottom: 6px;
    word-wrap: break-word;
  }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromName-dX,
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromEmail-tY {
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromName-dX,
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromLabel-jb {
      margin-right: 5px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle;
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromEmail-tY {
      color: var(--blueShaded);
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC .AdvertLetterHeader-fromLabel-jb {
      color: var(--shaded);
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-from-qC:hover .AdvertLetterHeader-fromEmail-tY {
        color: var(--dark);
      }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC {
    word-wrap: break-word;
  }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toLabel-vF {
      flex-grow: 0;
      flex-shrink: 0;
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toNames-U2 {
      flex-grow: 2;
      line-height: 1.15;
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toLabel-vF,
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toNames-U2 {
      margin-right: 5px;
      vertical-align: middle;
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toLabel-vF {
      /*@extend .cut;*/
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toLabel-vF {
      color: var(--shaded);
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toEmail-s8 {
      color: var(--blueShaded);
    }

.AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toLabel-vF,
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-to-iC .AdvertLetterHeader-toEmail-s8 {
      /*@extend .cut;*/
      vertical-align: middle;
    }

.AdvertLetterHeader-toolbar-jH {
  display: flex;
  padding-top: 18px;
  margin: 0 -10px;
}

/*
  toNames max-width is used to fix problem in IE where all contacts aligns in single line
*/
@media (max-width: 1269px) {
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-toNames-U2 {
      max-width: 320px;
    }
    .AdvertLetterHeader-info-EU .AdvertLetterHeader-columnDate-AS {
      max-width: 110px;
      min-width: 110px;
    }
}

@media (min-width: 1270px) and (max-width: 1379px) {
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-toNames-U2 {
      max-width: 680px;
    }
}

@media (min-width: 1380px) {
    .AdvertLetterHeader-contacts-GY .AdvertLetterHeader-toNames-U2 {
      max-width: 780px;
    }
}

.AdvertLetterHeader-columnLayout-EH {
  border-bottom: none;
  padding: 15px 20px 0px 20px;
}

@media only screen and (max-width: 1269px) {
  .AdvertLetterHeader-dateAndSource-Kr {
    flex-direction: column;
    align-self: flex-start;
    justify-content: space-between;
  }
}

.style-root-TA {
  background-color: #fff;
  overflow-y: auto;
  flex: 1;
}

.style-inline-VJ {
  display: inline;
}

.style-scrollbarWrapper-qu {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex: 1;
}

.style-scrollbarWrapper-qu .style-scrollbar-_Y {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

.style-wrapper-Ee {
  flex: 1 0 auto;
}

.style-letterBody-s2 {
  background-color: #fff;
  padding: 22px 20px 20px 20px;
  overflow: hidden;
  font-size: 15px;
  line-height: 1.67;
}

.style-footerList-FI {
  text-align: left;
  line-height: 1.36;
  font-size: 11px;
  box-sizing: border-box;
  border-top: 1px solid var(--lightGray);
  padding: 7px 15px 7px 20px;
  margin-top: auto;
}

:root {
  --spaceBetweenElem: 10px;
  --sidebar: 260px;
}

.Footer-root-Py {
  display: flex;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  min-width: 100%;
  display: flex;
  padding: 0 10px;
  padding: 0 var(--spaceBetweenElem);
  flex: 1 auto;
  padding-bottom: 20px;
  padding-left: 260px;
  z-index: 5;
  position: relative;
}

.Footer-root-Py .Footer-inner-jQ .Footer-main-jC {
      margin: 0;
    }

.Footer-root-Py .Footer-inner-jQ .Footer-secondary-Yh {
      margin: 0 0 0 auto;
    }

.Footer-root-Py .Footer-inner-jQ .Footer-secondary-Yh li,
    .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li {
      display: inline-block;
      color: var(--shaded);
    }

.Footer-root-Py .Footer-inner-jQ .Footer-secondary-Yh li a, .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li a {
        color: var(--shaded);
        display: inline-block;
        transition: color .1s ease;
      }

.Footer-root-Py .Footer-inner-jQ .Footer-secondary-Yh li a:hover, .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li a:hover {
          color: var(--blue);
        }

.Footer-root-Py .Footer-inner-jQ .Footer-main-jC li {
      margin: 0 10px 0;
    }

.Footer-root-Py .Footer-inner-jQ .Footer-main-jC li:first-child {
        margin: 0 10px 0 0;
      }

.Footer-inner-jQ {
  flex: 1 0 auto;
  position: relative;
  align-items: center;
  width: 100%;
}

@media (max-width: 1279px) {
      .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li {
        margin: 0 5px 0;
      }
        .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li:first-child {
          margin: 0 5px 0 0;
        }
        .Footer-root-Py .Footer-inner-jQ .Footer-main-jC li a {
          font-size: 12px;
        }
}

@media (max-width: 1024px) {
  .Footer-root-Py {
    justify-content: flex-start;
  }
}

@media print {
    .Footer-root-Py {
        display: none;
    }
}
.FooterList-root-JK {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.FooterList-rootIn3k-uY {
    padding: 20px !important;
}

.FooterList-item-OI {
    margin: 0 10px 0 0;
}

.FooterList-item-OI:last-child {
        margin-right: 0;
    }

.FooterList-link-wf {
    line-height: 20px;
    font-size: 14px;
    transition: color .1s ease;
    display: inline-block;
    color: var(--primary);
    font-weight: 400;
}

.FooterList-linkIn3k-bt {
    color: var(--carbone);
}

.FooterList-linkIn3k-bt {
    font-size: 12px;
}

@media (max-width: 1379px) {
    .FooterList-hideOnSmall-eH {
        display: none;
    }
}
.MaillistItemAdvertPlace-root-wc {
  position: absolute;
  width: 100%;
  visibility: hidden;
  background-color: var(--bgCyan);
  border-bottom: 1px solid var(--bgLightBlue);
  cursor: pointer;
}

  .MaillistItemAdvertPlace-root-wc.MaillistItemAdvertPlace-showKebab-Eb.MaillistItemAdvertPlace-layout3k-IM .adv_info__text {
          height: auto;
          transform: none; 
          top: 2px;
          left: 5px;
          right: 20px;
          overflow: initial;
          white-space: initial;
        }

  .MaillistItemAdvertPlace-root-wc.MaillistItemAdvertPlace-showKebab-Eb .adv_info__text {
        position: absolute;
        right: 50px;
        z-index: 99;
        top: 50%;
        transform: translateY(-50%);
        visibility: visible;
        height: auto;
        padding: 5px 10px;
        margin: 0;
        border-radius: 25px;
        background-color: var(--bdLightBlue);
        box-shadow: 0px 10px 10px -10px rgba(49, 94, 251, 0.4);
        font-size: 14px;
        font-weight: 400;
        color: var(--darkCloudGray);
        width: auto;
        min-width: 100px;
        max-width: 800px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

  .MaillistItemAdvertPlace-root-wc .MaillistItemAdvertPlace-moreBtn-Cm {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 20px;
    height: 20px;
  }

  .MaillistItemAdvertPlace-root-wc .MaillistItemAdvertPlace-moreBtn-Cm:hover .MaillistItemAdvertPlace-moreBtnDot-KR {
        background-color: var(--middleBlue);
      }

  .MaillistItemAdvertPlace-root-wc .MaillistItemAdvertPlace-moreBtnDot-KR {
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #8d96b2;
  }

  .MaillistItemAdvertPlace-root-wc div[id^="begun_block"] {
    height: 100%;
  }

  .MaillistItemAdvertPlace-root-wc .ad_native_title_wrapper {
      width: 282px !important;
      max-width: none !important;
    }

  .MaillistItemAdvertPlace-root-wc:hover {
    background-color: var(--bgCyan2);
  }

  .MaillistItemAdvertPlace-root-wc.MaillistItemAdvertPlace-list-E5 {
    height: 35px;
  }

  .MaillistItemAdvertPlace-root-wc.MaillistItemAdvertPlace-column-nv {
    height: 55px;
    min-height: 55px;
  }

  .MaillistItemAdvertPlace-root-wc.MaillistItemAdvertPlace-initialized-Ep {
    position: relative;
    visibility: visible;
  }

.MaillistItemAdvertPlace-inline-vq {
  display: inline;
}

.MaillistItemAdvertPlace-container-Eq {
  height: 100%;
  text-align: left;
}

.MaillistItemAdvertPlace-container-Eq > div {
    height: 100%;
  }

.MaillistItemAdvertPlace-label-Aa {
  width: 55px;
  height: 15px;
  font-family: Arial, sans-serif;
  font-size: 8px;
  background-color: var(--yellow);
  text-transform: uppercase;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: 0.9px;
  position: absolute;
  pointer-events: none;
}

.MaillistItemAdvertPlace-list-E5 .MaillistItemAdvertPlace-label-Aa {
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
  }

.MaillistItemAdvertPlace-column-nv .MaillistItemAdvertPlace-label-Aa {
    bottom: 10px;
    right: 10px;
  }

.MaillistItemAdvertPlace-close-s6 {
  fill: var(--lightBlueGray);
  display: flex;
  position: absolute;
  cursor: pointer;
}

.MaillistItemAdvertPlace-list-E5 .MaillistItemAdvertPlace-close-s6 {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }

.MaillistItemAdvertPlace-column-nv .MaillistItemAdvertPlace-close-s6 {
    top: 10px;
    right: 10px;
  }

.MaillistItemAdvertPlace-column-nv.MaillistItemAdvertPlace-active-Z7 .MaillistItemAdvertPlace-close-s6 {
    fill: #fff;
  }

.MaillistItemAdvertPlace-close-s6 svg {
    width: 20px;
    height: 20px;
    margin: auto;
    fill: #8d96b2;
  }

.MaillistItemAdvertPlace-close-s6 svg:hover {
      fill: var(--middleBlue);
    }

.MaillistItemAdvertPlace-layout3k-IM .MaillistItemAdvertPlace-close-s6 {
    top: 5px;
    right: 0px;
  }

.MaillistItemAdvertPlace-layout3k-IM .MaillistItemAdvertPlace-moreBtn-Cm {
    transform: none;
    top: 5px;
    right: 20px;
  }

.MaillistItemAdvertPlace-layout3k-IM .MaillistItemAdvertPlace-label-Aa {
    bottom: 5px;
    right: 2px;
  }

[class="ad_native_sponsored"],
[class="ad_native_sponsored_clone"],
[class="ad_native_img"],
[class="ad_native_desc_2"],
[class="ad_native_time"],
[class="ad_native_date"],
[class="ad_native_cta_text"] {
  display: none;
}

[class="ad_native_block"],
[class="ad_native_wrapper"],
[class="ad_native_content-wrapper"] {
  height: 100%;
}

[class="ad_native_title"],
[class="ad_native_desc"] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.MaillistItemAdvertPlace-list-E5 [class="ad_native_title"],
  .MaillistItemAdvertPlace-list-E5 [class="ad_native_desc"] {
    color: #000;
    font-weight: bold;
  }

.MaillistItemAdvertPlace-list-E5 [class="ad_native_desc"] {
    margin-right: 100px;
  }

.MaillistItemAdvertPlace-list-E5 [class="ad_native_content-wrapper"] {
    display: flex;
    align-items: center;
    padding: 0 20px;
  }

.MaillistItemAdvertPlace-list-E5 [class="ad_native_title_wrapper"] {
    max-width: 245px;
    display: flex;
    align-items: center;
    padding-right: 30px;
    box-sizing: content-box;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(22.6% + 43px);
  }

.MaillistItemAdvertPlace-list-E5 [class="ad_native_title_wrapper"] :after {
      content: '';
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      width: 9px;
      height: 9px;
      background-color: #426aff;
      border-radius: 50%;
    }

.MaillistItemAdvertPlace-column-nv [class="ad_native_title"] {
    margin-left: 20px;
    width: 200px;
  }

.MaillistItemAdvertPlace-column-nv [class="ad_native_desc"] {
    margin-left: 20px;
    margin-right: 70px;
    width: auto;
  }

.MaillistItemAdvertPlace-column-nv [class="ad_native_title"] {
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--black);
  }

.MaillistItemAdvertPlace-column-nv [class="ad_native_desc"] {
    font-size: 13px;
    color: var(--darkGray);
  }

.MaillistItemAdvertPlace-column-nv [class="ad_native_content-wrapper"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

.MaillistItemAdvertPlace-column-nv.MaillistItemAdvertPlace-active-Z7 {
    background-color: #456efb;
  }

.MaillistItemAdvertPlace-column-nv.MaillistItemAdvertPlace-active-Z7 [class="ad_native_title"] {
      color: white;
    }

.MaillistItemAdvertPlace-column-nv.MaillistItemAdvertPlace-active-Z7 [class="ad_native_desc"] {
      color: white;
    }

.Loader-wrapper-uT {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  z-index: 50;
  background: #fff;
}

.Loader-loader-wE {
  text-align: center;
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.Loader-dot-Cn .rui-Spinner-dot {
      width: 3px;
      height: 3px;
    }

.Loader-caption-Az {
  margin-right: 5px;
  font-size: 13px;
}

.Loader-mailLoader-Ll {
  margin-bottom: 30px;
}

.Loader-letter-Er {
  width: 120px;
  height: 128px;
  position: relative;
  margin: 0 auto;
  transform: translateZ(0);
}

.Loader-l1-Xg,.Loader-l2-K7, .Loader-l3-pO, .Loader-l4-cG {
  position: absolute;
  bottom: 0;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  transform: translateZ(0);
}

.Loader-bounce-jG {
  animation-name: Loader-bounce-jG;
  animation-timing-function: ease-in-out;
}

@keyframes Loader-bounce-jG {
  0%   { transform: translateY(0); }
  10%  { transform:  translateY(0)  }
  30%  { transform: translateY(-12px) }
  50%  { transform: translateY(0); }
  57%  { transform:  translateY(-1px); }
  64%  { transform:   translateY(0); }
  100% { transform:    translateY(0); }
}

.Loader-bounce2-Bp {
  animation-name: Loader-bounce2-Bp;
  animation-timing-function: ease-in-out;
}

.Loader-bounce3-o5 {
  animation-name: Loader-bounce3-o5;
  animation-timing-function: ease-in-out;
}

@keyframes Loader-bounce2-Bp {
  0%   { transform: translateY(0); }
  10%  { transform: translateY(0)  }
  30%  { transform: translateY(-55px) rotate(-12deg);}
  34%  { transform: translateY(-55px) rotate(-12deg);}
  50%  { transform: translateY(0) rotate(0); }
  57%  { transform: translateY(-8px); }
  64%  { transform: translateY(0); }
  100% { transform:  translateY(0); }
}

@keyframes Loader-bounce3-o5 {
  0%   { transform:  translateY(0); }
  10%  { transform: translateY(0)  }
  30%  { transform: translateY(-47px) rotate(-5deg); }
  34%  { transform: translateY(-47px) rotate(-5deg); }
  50%  { transform: translateY(0)rotate(0) ;  }
  57%  { transform: translateY(-5px); }
  64%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.Loader-l1-Xg {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDIwMCAyMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXAgQ29weTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJPdXRkYXRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkIiBmaWxsPSIjNTA4MUZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLUNvcHkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsNzkgTDk2Ljg3NjUyNDgsMS40OTg3ODAxOSBDOTguNzAyNjE4LDAuMDM3OTA1NTg2NSAxMDEuMjk3MzgyLDAuMDM3OTA1NTg2NSAxMDMuMTIzNDc1LDEuNDk4NzgwMTkgTDIwMCw3OSBMMjAwLDg0IEwyMDAsMjEyIEMyMDAsMjEzLjEwNDU2OSAxOTkuMTA0NTY5LDIxNCAxOTgsMjE0IEwyLDIxNCBDMC44OTU0MzA1LDIxNCAxLjM1MjcwNzVlLTE2LDIxMy4xMDQ1NjkgMCwyMTIgTDAsODQgTDAsNzkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  width: 120px;
  height: 128px;
}
.Loader-l2-K7 {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTcwIDEyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJPdXRkYXRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1LjAwMDAwMCwgLTg3LjAwMDAwMCkiIGZpbGw9IiM0MjRDNjUiPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYsODcgTDE4NCw4NyBDMTg0LjU1MjI4NSw4NyAxODUsODcuNDQ3NzE1MyAxODUsODggTDE4NSwyMDYgQzE4NSwyMDYuNTUyMjg1IDE4NC41NTIyODUsMjA3IDE4NCwyMDcgTDE2LDIwNyBDMTUuNDQ3NzE1MywyMDcgMTUsMjA2LjU1MjI4NSAxNSwyMDYgTDE1LDg4IEMxNSw4Ny40NDc3MTUzIDE1LjQ0NzcxNTMsODcgMTYsODcgWiIgaWQ9IlJlY3RhbmdsZS00LUNvcHktNiI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  width: 102px;
  height: 72px;
  left: 9px;
  bottom: 3px;

}
.Loader-l3-pO {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTcwIDEyMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJPdXRkYXRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLUNvcHktMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1LjAwMDAwMCwgLTkwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwLCA5MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDAgTDE2OSwwIEMxNjkuNTUyMjg1LC0xLjAxNDUzMDYzZS0xNiAxNzAsMC40NDc3MTUyNSAxNzAsMSBMMTcwLDExOSBDMTcwLDExOS41NTIyODUgMTY5LjU1MjI4NSwxMjAgMTY5LDEyMCBMMSwxMjAgQzAuNDQ3NzE1MjUsMTIwIDYuNzYzNTM3NTFlLTE3LDExOS41NTIyODUgMCwxMTkgTDAsMSBDLTYuNzYzNTM3NTFlLTE3LDAuNDQ3NzE1MjUgMC40NDc3MTUyNSwxLjAxNDUzMDYzZS0xNiAxLDAgWiIgaWQ9IlJlY3RhbmdsZS00LUNvcHktNSIgZmlsbD0iI0VBRjdGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTMxLDQ2IEw4OSw0NiBDODkuNTUyMjg0Nyw0NiA5MCw0Ni40NDc3MTUzIDkwLDQ3IEw5MCw1MyBDOTAsNTMuNTUyMjg0NyA4OS41NTIyODQ3LDU0IDg5LDU0IEwzMSw1NCBDMzAuNDQ3NzE1Myw1NCAzMCw1My41NTIyODQ3IDMwLDUzIEwzMCw0NyBDMzAsNDYuNDQ3NzE1MyAzMC40NDc3MTUzLDQ2IDMxLDQ2IFoiIGlkPSJSZWN0YW5nbGUtNC1Db3B5LTgiIGZpbGw9IiM0MjRDNjUiIG9wYWNpdHk9IjAuMjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMSwyNiBMMTM5LDI2IEMxMzkuNTUyMjg1LDI2IDE0MCwyNi40NDc3MTUzIDE0MCwyNyBMMTQwLDMzIEMxNDAsMzMuNTUyMjg0NyAxMzkuNTUyMjg1LDM0IDEzOSwzNCBMMzEsMzQgQzMwLjQ0NzcxNTMsMzQgMzAsMzMuNTUyMjg0NyAzMCwzMyBMMzAsMjcgQzMwLDI2LjQ0NzcxNTMgMzAuNDQ3NzE1MywyNiAzMSwyNiBaIiBpZD0iUmVjdGFuZ2xlLTQtQ29weS0xMCIgZmlsbD0iIzQyNEM2NSIgb3BhY2l0eT0iMC4yNSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  width: 102px;
  height: 72px;
  left: 9px;

}
.Loader-l4-cG {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9Ijc4IiB2aWV3Qm94PSIwIDAgMjAwIDEzMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxnIGlkPSJPdXRkYXRlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFydGJvYXJkLUNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtODQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgODQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiM3OEE3RkYiIHBvaW50cz0iMCAwIDEwMCA2MyAyMDAgMCAyMDAgMTIxIDAgMTIxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTMiIGZpbGwtb3BhY2l0eT0iMC41IiBmaWxsPSIjMjc1N0M2IiBwb2ludHM9IjAgMTA4IDk2IDUwIDk2IDU0IDAgMTI2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwxMjAgTDk3LjA1MTk0MjUsNDkuMTUyMDgyIEM5OC44MDgyMjU3LDQ3Ljg2OTk5NTMgMTAxLjE5MTc3NCw0Ny44Njk5OTUzIDEwMi45NDgwNTgsNDkuMTUyMDgyIEwyMDAsMTIwIEwyMDAsMTIwIEwyMDAsMTI4IEMyMDAsMTI5LjEwNDU2OSAxOTkuMTA0NTY5LDEzMCAxOTgsMTMwIEwyLDEzMCBDMC44OTU0MzA1LDEzMCAxLjM1MjcwNzVlLTE2LDEyOS4xMDQ1NjkgMCwxMjggTDAsMTIwIEwwLDEyMCBaIiBpZD0iUmVjdGFuZ2xlLTQtQ29weSIgZmlsbD0iIzk2QkVGQyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  width: 120px;
  height: 78px;
}

.UpdateFeed-root-jL {
  position: relative;
  cursor: pointer;
}

.UpdateFeed-dropdown-iE {
  max-height: 440px;
  width: 300px;
}

.UpdateFeed-item-IU {
  margin-top: 15px;
}

.UpdateFeed-item-IU:last-child {
    margin-bottom: 15px;
  }

.UpdateFeed-iconWrap-f0 {
  color: var(--primary);
}

.UpdateFeed-iconWrap-f0 svg {
    fill: var(--primary) !important;
  }

.UpdateFeed-iconWrap-f0:hover {
    color: var(--link-hover);
  }

.UpdateFeed-iconWrap-f0:hover svg {
      fill: var(--link-hover) !important;
    }

.UpdateMessage-root-MH {
  padding: 0 20px 0 34px;
  line-height: 1.54;
  font-size: 13px;
}

.UpdateMessage-text-ui {
  position: relative;
  word-wrap: break-word;
}

.UpdateMessage-text-ui::before {
    content: ' ';
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 100px;
    background-color: var(--gray);
    box-sizing: border-box;
    position: absolute;
    left: -19px;
    top: 5px;
  }

.UpdateMessage-unseen-hn .UpdateMessage-text-ui {
    font-weight: 500;
  }

.UpdateMessage-unseen-hn .UpdateMessage-text-ui::before {
      background-color: var(--infoBlue);
    }

.UpdateMessage-date-pG {
  color: var(--shaded);
}
.HeaderButtonWithDropdown-unseen-Ti::after {
  display: block;
  content: ' ';
  width: 9px;
  height: 9px;
  border-radius: 100px;
  background-color: var(--infoBlue);
  box-sizing: border-box;
  position: absolute;
  left: 8px;
  top: 2px;
  z-index: 999;
}

.HeaderButtonWithDropdown-select-Lq {
  display: inline-block;
  position: relative;
  height: 20px;
  margin: 0 5px 0 10px;
  display: flex;
  align-items: center;
}

.HeaderButtonWithDropdown-dropdown-yk {
  right: -10px;
  margin-top: 3px !important;
  padding: 1px 0 0 0 !important;
}

.HeaderToolbar-wrap-FE {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.HeaderToolbar-toolbar-li {
  display: flex;
  height: 55px;
  align-items: center;
}

.HeaderToolbar-toolbar-li.HeaderToolbar-isActiveSearch-_l {
    margin-right: 16px;
  }

.HeaderToolbar-messageActions-_x {
  display: flex;
  margin-right: 15px;
  align-items: center;
}

.HeaderToolbar-checkbox-Lh {
  cursor: default;
  position: relative;
  height: 54px;
  margin: 0 3px 0 20px;
  display: flex;
  align-items: center;
}

.HeaderToolbar-checkbox-Lh:hover {
       fill: var(--blueShaded);
  }

.HeaderToolbar-checkbox_disabled-TJ {
  cursor: default;
}

.HeaderToolbar-notification-q_ {
  top: 44px !important;
}

.HeaderToolbar-removeChain-z2 {
  top: 44px !important;
  left: 260px !important;
}
.NotificationPopup-root-Ek {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 80px;
  min-width: 250px;
  border-radius: 1px;
  background-color: var(--cloudBurst);
  z-index: 100;
  user-select: none;
  cursor: default;
}

  .NotificationPopup-root-Ek.NotificationPopup-open-PF {
    display: block;
  }

  .NotificationPopup-root-Ek.NotificationPopup-remove-jX {
    width: 300px;
  }

  .NotificationPopup-root-Ek.NotificationPopup-removeChain-so {
    width: 270px;
    height: 100px;
  }

  .NotificationPopup-root-Ek.NotificationPopup-removeChain-so .NotificationPopup-text-Fh {
      padding-right: 20px;
      height: 40px;
    }

  .NotificationPopup-root-Ek.NotificationPopup-removeChain-so .NotificationPopup-cancel-Rf {
      margin-left: 0px;
    }

  .NotificationPopup-root-Ek .NotificationPopup-close-dj {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
  }

  .NotificationPopup-root-Ek .NotificationPopup-close-dj .NotificationPopup-icon-SZ, .NotificationPopup-root-Ek .NotificationPopup-close-dj .NotificationPopup-icon-SZ:hover {
        fill: white;
        width: 14px;
        height: 14px;
    }

  .NotificationPopup-root-Ek .NotificationPopup-text-Fh {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-left: 20px;
    margin-top: 16px;
    /* width: 185px; */
    height: 20px;
    font-size: 13px;
    line-height: 1.54;
    color: white;
    pointer-events: none;
  }

  .NotificationPopup-root-Ek .NotificationPopup-btnWrapper-sz {
    display: flex;
    justify-content: start;
  }

  .NotificationPopup-root-Ek .NotificationPopup-btn-m7 {
    display: block;
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 1.54;
    color: var(--cyan);
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
  }

  .NotificationPopup-root-Ek .NotificationPopup-btn-m7.NotificationPopup-cancel-Rf {
      color: var(--lightBlueGray);
    }

  .NotificationPopup-root-Ek .NotificationPopup-dot-NH {
    margin-left: 10px;
  }

.DeletePopup-root-YC {
  width: 400px;
  height: 200px;
}

.DeletePopup-footer-hL {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
}

.DeletePopup-title-Rt {
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
}

.DeletePopup-text-gD {
  margin-top: -5px;
  width: 350px;
  height: 60px;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
}

.DeletePopup-btnDelete-Ur {
  width: 101px;
}

.DeletePopup-btnCancel-_y {
  width: 110px;
}
.MailListCheckMenu-root-Sl {
  /* position: relative; */
  /* line-height: 0; */
  color: var(--button-color);
}

  .MailListCheckMenu-root-Sl .MailListCheckMenu-tickIcon-xt {
    fill: var(--button-color);
  }

  .MailListCheckMenu-root-Sl:not(.MailListCheckMenu-disabled-AY):hover {
    color: var(--button-active);
  }

  .MailListCheckMenu-root-Sl:not(.MailListCheckMenu-disabled-AY):hover .MailListCheckMenu-tickIcon-xt {
      fill: var(--button-active);
    }

.MailListCheckMenu-disabled-AY {
  opacity: 0.3;
}

.MailListCheckMenu-flex-bE {
  display: flex;
}

.MailListCheckMenu-counterHidden-TB {
    user-select: none;
    display: none;
    cursor: pointer;
    padding: 0 0 0 0;
    color: var(--blueShaded);
    margin-left: 5px;
}

.MailListCheckMenu-counterVisible-Uv {
  display: inline-block;
}

.MailListCheckMenu-bird-IX {
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  margin: 0 10px 0 7px;
}

.MailListCheckMenu-bird-IX svg {
      width: 10px;
      height: 15px;
      vertical-align: text-bottom;
      transition: all .2s ease;
  }


.MailListCheckMenu-item-jn {
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  color: var(--blueShaded);
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  transition: color .1s linear;
}


.MailListCheckMenu-item-jn:hover {
    background-color: rgba(141, 150, 178, 0.05);
  }


.MailListCheckMenu-item-jn.MailListCheckMenu-active-Qi {
    background-color: var(--lightBgblue);
  }


.MailListCheckMenu-item-jn.MailListCheckMenu-active-Qi:hover {
      background-color: var(--lightBgblue);
    }


.ContactsImportExportPromo-root-Wl {
  position: absolute;
  top: 45px;
  right: -69px;
  display: flex;
  padding: 15px;
  border-radius: 1px;
  font-family: Arial;
  font-size: 13px;
  line-height: 20px;
  background-color: var(--carbon95);
  color: var(--white);
}

  .ContactsImportExportPromo-root-Wl::after {
     content: "";
     position: absolute;
     bottom: 100%;
     right: calc(50% - 5px);
     border-width: 5px;
     border-style: solid;
     border-color: transparent transparent var(--carbon95) transparent;
   }

.ContactsImportExportPromo-description-zz {
  max-width: 215px;
}

.ContactsImportExportPromo-link-Oo {
  display: block;
  margin-top: 10px;
  color: var(--cyan);
}

.ContactsImportExportPromo-lampIcon-Mn {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin-right: 5px;
}

.ContactsImportExportPromo-closeIcon-SB {
  width: 15px;
  height: 15px;
  min-width: 15px;
  min-height: 15px;
  cursor: pointer;
}

.ContactsImportExportPromo-closeIcon-SB path {
    fill: var(--white);
  }

:root {
    --spaceBetweenElem: 10px;
}

.Toolbar-root-EL {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid rgba(206, 212, 228, .25);
    box-sizing: border-box;
    z-index: 2;
    flex: 1 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Toolbar-root-EL.Toolbar-sticky-f1 {
        position: fixed;
        top: 0;
        left: 0;
        height: 55px;
        width: 100%;
        min-width: 940px;
        background-color: white;
        border-bottom: none;
        z-index: 901;
        box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.09);
        opacity: 1;
        visibility: hidden;
        transform: translate3d(0, -100% ,0) scale(1);
        transition: visibility .2s linear 0s, opacity .2s ease, transform .2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    }

.Toolbar-root-EL.Toolbar-sticky-f1 .Toolbar-inner-aS {
            justify-content: space-between;
            align-items: center;
        }

.Toolbar-root-EL.Toolbar-sticky-f1 .Toolbar-inner-aS .Toolbar-sidebar-fP {
                display: flex;
                width: 250px;
            }

.Toolbar-root-EL.Toolbar-sticky-f1 .Toolbar-inner-aS .Toolbar-sidebar-fP .Toolbar-buttonNewContact-hO {
                    visibility: inherit;
                }

.Toolbar-root-EL.Toolbar-sticky-f1 .Toolbar-inner-aS .Toolbar-main-WS {
                position: relative;
                display: flex;
                flex-grow: 1;
                flex-shrink: 1;
                align-items: center;
                justify-content: flex-start;
            }

.Toolbar-root-EL.Toolbar-sticky-f1.Toolbar-expanded-R2 {
            transform: translate3d(0, 0, 0) scale(1);
            opacity: 1;
            visibility: visible;
        }

.Toolbar-root-EL .Toolbar-main-WS {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-start;

    }

.Toolbar-root-EL .Toolbar-main-WS .Toolbar-checkbox-Qq {
            display: flex;
        }

.Toolbar-root-EL .Toolbar-sidebar-fP {
        display: none;
    }

.Toolbar-root-EL > * {
        display: block;
    }

.Toolbar-root-EL .Toolbar-checkbox-Qq {
        cursor: pointer;
        position: relative;
        height: 55px;
        margin: 0 0 0 20px;
        display: flex;
        align-items: center;
    }

.Toolbar-root-EL.Toolbar-someChecked-YY .Toolbar-counter-PB, .Toolbar-root-EL.Toolbar-someChecked-YY .Toolbar-bird-wj {
            display: inline-block;
        }

.Toolbar-root-EL.Toolbar-someChecked-YY.Toolbar-sticky-f1 > * {
            display: flex;
        }

.Toolbar-root-EL .Toolbar-counter-PB {
        user-select: none;
        display: none;
        cursor: pointer;
        padding: 0 0 0 0;
        color: var(--blueShaded);
        margin: 0 0 0 5px;
    }

.Toolbar-root-EL .Toolbar-bird-wj {
        display: block;
        cursor: pointer;
        box-sizing: content-box;
        margin: 0 15px 0 5px;
        line-height: normal;
    }

.Toolbar-root-EL .Toolbar-bird-wj svg {
            width: 10px;
            height: 15px;
            vertical-align: text-bottom;
            transition: all .2s ease;
            fill: var(--blueShaded);
        }

.Toolbar-root-EL .Toolbar-bird-wj:hover svg {
                fill: var(--darkGray);
            }

.Toolbar-root-EL.Toolbar-emptyList-zL .Toolbar-bird-wj,
        .Toolbar-root-EL.Toolbar-emptyList-zL .Toolbar-bird-wj:hover {
            cursor: default;
        }

.Toolbar-root-EL.Toolbar-emptyList-zL .Toolbar-bird-wj svg, .Toolbar-root-EL.Toolbar-emptyList-zL .Toolbar-bird-wj:hover svg {
                fill: var(--faded);
            }

.Toolbar-root-EL.Toolbar-emptyList-zL .Toolbar-checkbox-Qq {
            display: flex;
        }

.Toolbar-root-EL .Toolbar-search-ab {
        display: block;
    }

.Toolbar-label-dQ {
    margin-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.Toolbar-dropdownItem-B7 {
    display: flex;
    align-items: center;

    padding: 0 15px;
    line-height: 35px;
    color: var(--darkGray);
    cursor: pointer;
    white-space: nowrap;
    transition: color .1s linear;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Toolbar-dropdownItem-B7.Toolbar-active-xy, .Toolbar-dropdownItem-B7:hover {
        color: var(--infoBlue);
        background-color: var(--bdLightBlue)
    }

.Toolbar-hiddenInput-jZ {
    display: none
}

.Toolbar-dropdownDivider-sI {
    border-top: 1px solid rgba(206, 212, 228, .25);
}

.Toolbar-sticky-f1 {
  width: auto;
  max-width: 100%;
  min-width: 100%;
  display: flex;
  padding: 0 10px;
  padding: 0 var(--spaceBetweenElem);
  flex: 1 auto;
}
@media only screen and (max-width: 940px) {
    .Toolbar-sticky-f1 {
        width: auto;
        max-width: 940px;
        min-width: 940px;
    }
}


.Toolbar-last-LU {
    display: flex;
    justify-content: space-between;
    width: 57px;
    height: 54px;
    position: absolute;
    right: 0;
    padding: 19px 20px;
    color: var(--blueShaded);

}


.Toolbar-last-LU .Toolbar-tooltip-o8 {
        position: relative;
        font-size: 100%;
        line-height: normal
    }


.Toolbar-last-LU .Toolbar-linkSettings-er {
        display: block;
    }


.Toolbar-last-LU .Toolbar-linkSettings-er svg {
            width: 17px;
            height: 17px;
            vertical-align: top;
            fill: var(--dark);
        }


.Toolbar-last-LU::before {
         content: '';
         border-left: 1px solid rgba(206, 212, 228, .25);
         height: 25px;
         width: 1px;
         top: 50%;
         left: 0;
         transform: translateY(-50%);
         position: absolute;
    }


.Toolbar-last-LU .Toolbar-wrapperTooltip-YD {
        position: relative;
    }

.Toolbar-pageArrows-bF {
    width: 90px;
    max-width: 90px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 auto;
    border-left: 1px solid;
    border-color: rgba(236, 240, 243, 1);
    padding: 0 20px;
}

.Toolbar-pageArrows-bF a {
        display: inline;
        margin: 0;
    }

.Toolbar-pageArrows-bF a svg {
          display: block !important;
          width: 15px;
          height: 15px;
        }


.Toolbar-lineHeightNormal-uO {
    line-height: normal;
}

.Toolbar-item-H0 {
    line-height: 35px;
  }

.HeaderLink-root-KO {
  display: inline-block;
  height: 20px;
  margin: 0 10px 0 10px;
  display: flex;
  align-items: center;
  color: var(--primary);
}

  .HeaderLink-root-KO svg {
    fill: var(--primary) !important;
  }

  .HeaderLink-root-KO:hover {
    color: var(--link-hover);
  }

  .HeaderLink-root-KO:hover svg {
      fill: var(--link-hover) !important;
    }
.HeaderCloseSearch-closeSearch-yA {
  height: 15px;
  margin: 0 15px;
  cursor: pointer;
}

  .HeaderCloseSearch-closeSearch-yA svg {
    width: 15px;
    height: 15px;
    fill: var(--button-color) !important;
  }

  .HeaderCloseSearch-closeSearch-yA:hover svg {
      fill: var(--button-active) !important;
    }

.SearchPromo-root-F4 {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 110px;
  padding: 16px 40px 15px;
  border-radius: 1px;
  background-color: var(--cloudBurst);
}

  .SearchPromo-root-F4.SearchPromo-notification-FS {
    padding: 16px 35px 15px;
    height: 160px;
    opacity: 0.95;
    margin-top: 0;
  }

  .SearchPromo-root-F4.SearchPromo-close-Q1 {
    transition: all 0.3s ease-in-out 0s;
    will-change: margin-top, opacity;
    opacity: 0;
    margin-top: -20px;
    pointer-events: none;
  }

  .SearchPromo-root-F4 .SearchPromo-close-Q1 {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 9px;
    height: 9px;
    fill: var(--white);
    cursor: pointer;
  }

  .SearchPromo-root-F4 .SearchPromo-close-Q1:hover {
      opacity: 0.9;
    }

  .SearchPromo-root-F4 .SearchPromo-icon-Bj {
    transform: scale(1.25);
    position: absolute;
    top: 20px;
    left: 19px;
  }

  .SearchPromo-root-F4 .SearchPromo-oval-T8 {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 9px;
    height: 9px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background-color: #28bc00;
    user-select: none;

  }

  .SearchPromo-root-F4 .SearchPromo-oval-T8 ~ .SearchPromo-text-yq, .SearchPromo-root-F4 .SearchPromo-oval-T8 ~ .SearchPromo-description-p3 {
    margin-left: 5px;
  }

  .SearchPromo-root-F4 .SearchPromo-text-yq {
    width: 215px;
    height: 80px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: var(--white);
    user-select: none;

  }

  .SearchPromo-root-F4 .SearchPromo-description-p3 {
    margin-top: 10px;
    width: 215px;
    height: 80px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: var(--white);
    user-select: none;

  }

  .SearchPromo-root-F4 .SearchPromo-triangle-hC {
    position: absolute;
    top: -5px;
    left: 145px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent var(--cloudBurst) transparent;
  }

.ReviewIcon-iconWrapper-rv {
  text-align: center;
  justify-content: center;
  transition: background .2s ease;
}

  .ReviewIcon-iconWrapper-rv.ReviewIcon-active-xW svg {
    fill: var(--blue2);
  }
.Review-root-l8 {
  width: 280px;
  background-color: #ffffff;
  font-size: 13px;
}

  .Review-root-l8 header {
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    height: 55px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    border-bottom: 1px solid #ecf0f3;
  }

  .Review-root-l8 header .Review-close-DD {
      cursor: pointer;
      color: #262626;
      position: absolute;
      right: 20px;
    }

.Review-answer-ms {
  height: 60px;
  display: flex;
  padding-left: 20px;
  align-items: center;
}

.Review-answer-ms.Review-tall-QS {
    flex-direction: column;
    height: 100px;
    padding-top: 20px;
    align-items: baseline;
  }

.Review-answer-ms svg {
    width: 30px;
    height: 30px;
    fill: var(--blue2);
    padding-right: 20px;
  }

.Review-answer-ms .Review-switch-Bz {
    margin-top: 20px;
    color: var(--blueShaded);
    cursor: pointer;
    position: relative;
    width: 100%;
  }

.Review-answer-ms .Review-switch-Bz .Review-navigate-WA svg {
        width: 15px;
        height: 15px;
        fill: var(--blueShaded);
      }

.Review-answer-ms .Review-switch-Bz .Review-navigate-WA {

      position: absolute;
      right: 20px;
      top: -1px;
      font-size: larger;
      font-weight: bold;
}

.Review-root-l8 footer {
  padding-left: 20px;
  height: 75px;
  display: flex;
  align-items: center;
}

.Review-smiles-OA {
  box-shadow: none !important;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #ecf0f3;
  line-height: 1.5;
  transition: all .2s ease;
}

.Review-icons-D0 {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  transition: background .2s ease;
}

.Review-icons-D0 svg {
    cursor: pointer;
    height: 30px;
    width: 30px;
    fill: #ced4e4;
  }

.Review-icons-D0 svg:hover {
      fill: var(--shaded);
    }

.Review-icons-D0 svg:active {
      fill: var(--blue2);
    }

.Review-comment-bS {
  box-sizing: border-box;
  border-bottom: 1px solid #ecf0f3;
  color: var(--blueShaded);

}

.Review-comment-bS .Review-placeholder-Rp {
    padding: 0 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 55px;
  }

.Review-anchor-iP {
  user-select: none;
  cursor: pointer;
}

.Review-hideText-j9 {
  margin: 0 15px 0 15px;
}

.Review-hideText-j9 .Review-text-NU {
      display: none;
  }

.Review-hideText-j9 .Review-icon-O8 {
    margin: 0 10px 0 4px;
  }

.Review-textarea-pl {
  resize: none !important;
  border: none !important;
}

.Review-textarea-pl + .rui-Input-activeBorder {
    display: none;
  }

.Review-textareaWrapper-v0 {
  height: 129px;
}

.Review-reviewIcon-cS {
  fill: var(--primary) !important;
}

.Review-reviewIcon-cS:hover {
    fill: var(--link-hover) !important;
  }
.DisabledContainer-disabled-Ic {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 2;
  opacity: 0.3;
  pointer-events: none;
}

.Header-compose-ZZ {
  flex: none;
  width: 240px;
}

  .Header-compose-ZZ span {
    height: 35px !important;
    line-height: 35px !important;
    font-size: 11px !important;
    padding: 0 !important;
  }

.Header-composeSection-eh {
  background: var(--bdLightBlue) !important;
}

.Header-inner-iP {
  width: 100%;
  max-width: 2560px;
  height: 55px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 10px;
  justify-content: space-between;
  margin: 0 auto;
  z-index: 4;
}

.Header-inner-iP .Header-search-E1 {
    margin-left: 10px;
    max-width: 745px;
    display: flex;
    flex-grow: 1;
    align-items: center;
    z-index: 3;
  }

.Header-inner-iP .Header-search-E1 .Header-searchBlock-uZ {
      width: calc(100% - 30px);
      min-width: 374px;
      max-width: 700px;
      border: 1px solid var(--blueGrey);
      transition: border 0.3s ease;
    }

.Header-inner-iP .Header-search-E1 .Header-searchBlock-uZ:focus-within {
        border: 1px solid var(--blue2);
      }

.Header-inner-iP .Header-headLinks-yN {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
  }

.Header-inner-iP .Header-adHead-S2 {
    width: 170px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
    flex: 0 0 auto;
  }

.Header-inner-iP .Header-adHead-S2:focus {
      outline: 0;
    }

.Header-inner-iP .Header-disabled-so {
    display: none;
  }

.Header-searchSelector-cx {
  margin-right: -17px !important;
  background: transparent !important;
}

.Header-searchSelector-cx svg {
    width: 10px;
    opacity: 0.4;
  }

.Header-searchSelector-cx:hover svg {
      opacity: 0.7;
    }

.Header-rightButtons-E_ {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  position: relative;
}

.Header-dropdownItemActive-_X {
  color: var(--infoBlue);
}

.Header-sticky-wn {
  width: 100%;
  left: 0;
  right: 0;
  height: 55px;
  position: fixed;
  top: 0;
  z-index: 90;
  transition:
    top,
    height,
    right,
    left,
    width,
    position 0.2s ease;
}

.Header-sticky-wn.Header-withCrossNav-aG {
    padding-left: calc(10px + var(--crossNavbarWidth));
  }

.Header-spacer-sK {
  width: 10px;
}

.Header-searchHeader-BN {
  position: relative;
}

.Header-searchHeader-BN .Header-searchPromo-Vh {
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 4;
  }

.Header-searchIcon-wS {
  width: 20px !important;
  height: 20px !important;
}

.ScrollToTop-root-za {
  position: fixed;
  display: flex;
  left: 0;
  right: 0;
  bottom: 70px;
  margin: 0 auto;
  height: 0;
  justify-content: flex-start;
  width: auto;
  max-width: 100%;
  min-width: 100%;
  padding: 0 10px;
  flex: 1 auto;
  z-index: 901;
  cursor: pointer;
  opacity: 1;
  transition: all 0s, opacity 0.2s linear;
}

  .ScrollToTop-root-za .ScrollToTop-icon-rr {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    left: 0px;
    bottom: 0;
    width: 50px;
    height: 50px;
    margin-left: -2px;
    position: relative;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
  }

  .ScrollToTop-root-za .ScrollToTop-icon-rr .ScrollToTop-arrow-fW {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
      width: 20px;
      height: 20px;
      fill: var(--blueShaded);
    }

  .ScrollToTop-root-za .ScrollToTop-icon-rr .ScrollToTop-arrow-fW:hover {
        fill: var(--darkGray);
      }

  .ScrollToTop-root-za.ScrollToTop-hidden-Jk {
    opacity: 0;
    transition: all 0s, opacity 0.2s linear;
  }

@media only screen and (max-width: 940px) {
  .ScrollToTop-root-za {
    width: auto;
    max-width: 940px;
    min-width: 940px;
  }
}

.NoLetters-wrapper-g2 {
  flex: 1 1 auto;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.NoLetters-is2k-oB {
 min-height: 500px;
}

.NoLetters-pic-r5 {
  margin-top: 120px;
}

.NoLetters-pic-r5 svg {
    width: 280px;
    height: 155px;
  }

.NoLetters-text-1R {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.25;
  color: var(--darkGray);

}

.SwitchLayoutMenu-switchLayout-SH {
  overflow: hidden;
  margin-top: 8px;
  padding-top: 15px;
  ;
}

.SwitchLayoutMenu-radioGroup-uA {
  display: flex;
  width: 409px;
  justify-content: space-between;
  margin: 0 18px 18px 18px;
}

.SwitchLayoutMenu-radioGroupItem-U2 {
  width: 185px;
  font-size: 13px;
  cursor: pointer;
}

.SwitchLayoutMenu-radioGroupItem-U2:hover .SwitchLayoutMenu-radioGroupDot-Sp {
      border-color: #315efb;
    }

.SwitchLayoutMenu-mr10-at {
  margin-right: 10px;
}

.SwitchLayoutMenu-radioInput-y2 {
  opacity: 0;
  position: absolute;
  appearance: none;
  font-family: Roboto, sans-serif;
  pointer-events: none;
}

.SwitchLayoutMenu-radioInput-y2:checked+.SwitchLayoutMenu-radioGroupDot-Sp:after {
    opacity: 1;
    transform: scale(1, 1);
  }

.SwitchLayoutMenu-radioGroupDot-Sp {
  flex: none;
  width: 15px;
  height: 15px;
  border: 1px solid;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background: #fff;
  margin-top: 3px;
  border-color: rgb(231, 232, 236);
  border-radius: 50%;
  vertical-align: middle;
  transition-duration: 200ms;
  transition-property: border-color, background-color, color;
}

.SwitchLayoutMenu-radioGroupDot-Sp:after {
    top: 0;
    left: 0;
    right: 0;
    width: 5px;
    bottom: 0;
    margin: auto;
    height: 5px;
    content: "";
    opacity: 0;
    position: absolute;
    transform: scale(0.5, 0.5);
    box-sizing: border-box;
    background: currentColor;
    border-radius: 50%;
    transition-duration: inherit;
    transition-property: opacity, transform, background-color;
  }

.SwitchLayoutMenu-selectItemInner-IV {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.ToolbarFilterButton-root-PM {
  display: flex;
  cursor: pointer;
  margin: 0 10px;
  align-items: center;
  justify-content: center;
  color: var(--blueShaded);
  user-select: none;
  transition: color .1s ease;
  line-height: 0;
}

  .ToolbarFilterButton-root-PM svg {
    fill: var(--shaded);
    transition: fill .1s ease;
  }

  .ToolbarFilterButton-root-PM:hover {
    color: var(--darkGray);
  }

  .ToolbarFilterButton-root-PM:hover svg {
      fill: var(--darkGray);
    }

.ToolbarFilterButton-active-jy {
  color: var(--darkGray);
}

.ToolbarFilterButton-active-jy svg {
    fill: var(--slateBlue);
  }

.ToolbarFilterButton-disabled-Hv {
  opacity: 0.3;
  cursor: default;
}

.ToolbarFilterButton-disabled-Hv:hover {
    color: var(--shaded);
  }

.ToolbarFilterButton-disabled-Hv:hover svg {
      fill: var(--shaded);
    }

.FilteredContact-contactEmail-IO,
.FilteredContact-contactName-D4 {
  font-size: 13px;
}

.FilteredContact-contactEmail-IO {
  color: var(--shaded);;
}

.FilteredContact-contactName-D4 {
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
  overflow: hidden;

}

.FilteredContact-contactWrapper-8W {
  width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  display: flex;
  column-gap: 5px;
}

.FilteredContact-contactWrapper-8W.FilteredContact-inInput-uO {
    position: absolute;
    padding-left: 14px;
    line-height: 33px;
  }

.FilterPanel-root-Mq {
  display: flex;
  height: 55px;
  line-height: 55px;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  flex: 1 0 auto;
  padding: 0 20px;

}

  .FilterPanel-root-Mq ::placeholder {
    color: #b0b4c2 !important;
  }

.FilterPanel-select-gj {
  display: flex;
  flex: 1 0 auto;
}

.FilterPanel-contactsDropdown-J_ {
  max-height: 145px !important;
  box-shadow: none !important;
  border: 1px solid #dde0e8;
}



.FilterPanel-selectMenu-zP > div:focus {
  color: var(--infoBlue) !important;
}


.FilterPanel-selectTooltip-KR {
  pointer-events: auto !important;
  background: rgb(255, 86, 78) !important;
  min-width: 100%;;
}

.FilterPanel-dummy-oE {
  display: inherit;
}

/*
  TODO: Use these styles for FilterPanel layout breaks,
        when Select Component will be completed.
*/

/* @media only screen and (max-width: 940px) {
  .selectField {
    width: 205px !important;
  }
} */

/* @media only screen and (max-width: 890px) {
  .root {
    flex-wrap: wrap;
    align-items: flex-start;
    height: 110px;
    line-height: 0;
  }
  .selectField {
    width: 580px !important;
    margin-top: 20px !important;
  }
} */

.FilterPanel-disabled-ap {
  opacity: 0.3;
  cursor: default;
}


.FilterPanel-checkboxes-ni {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}


.FilterPanel-checkboxes-ni .FilterPanel-checkbox-u7 {
    margin-left: 20px;
  }


.FilterPanel-checkboxes-ni .FilterPanel-spinner-Xj {
    margin-left: 40px;
  }

.FilterPanel-clearIcon-ZU {
  pointer-events: all !important;
  cursor: pointer !important;
}

.FilterPanel-clearIcon-ZU svg {
    width: 13px;
    height: 13px;
    fill: var(--blueGrey80);
  }

.FilterPanel-clear-j_ {
  flex: none;
  margin-left: auto;
  padding-left: 40px;
  overflow: hidden;
  white-space: nowrap;
}

.FilterPanel-clear-j_ .FilterPanel-clearButton-_a {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgba(141, 150, 178, 0.85);
    user-select: none;

  }

.FilterPanel-clear-j_ .FilterPanel-clearButton-_a svg {
      margin-right: 5px;
    }

.FilterPanel-searchPlaceholder-gn {
  line-height: 1.15;
  font-size: 13px;
  color: var(--blueShaded);
  cursor: pointer;
}

.FilterPanel-searchPlaceholderDisabled-Gr {
  cursor: default;
  color: rgba(176, 180, 194, 0.50);
}

.FilterPanel-selectField-Hf {
  width: 100%;
}

.FilterPanel-searchTooltip-bf {
  width: 100%;
}

.FilterPanel-searchDropdownWrapper-jD {
  /* width: 100%;
  display: block; */
  display: block;
}

.FilterPanel-undo-eD {
  width: 15px;
  height: 15px;
  display: inline-block;
  user-select: none;
  fill: rgba(141, 150, 178, 0.85);
}

.FilterPanel-fullWidth-OP {
  width: 100%;
}
:root {
    --sidebar: 300px;
    --spaceBetweenElem: 10px;
}

.MaillistToolbar-root-FD {
    line-height: 108px;
    box-sizing: border-box;
    background: white;
    border-bottom: 1px solid var(--bgLightBlue);
}

.MaillistToolbar-main-Wk {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    z-index: 999;
}

.MaillistToolbar-main-Wk .MaillistToolbar-checkbox-Hd {
        cursor: pointer;
        position: relative;
        height: 54px;
        margin: 0 0 0 20px;
        display: flex;
        align-items: center;
    }

.MaillistToolbar-main-Wk .MaillistToolbar-checkbox-Hd:hover {
             fill: var(--blueShaded);
        }

.MaillistToolbar-main-Wk .MaillistToolbar-checkbox_disabled-md {
        cursor: default;
    }

.MaillistToolbar-wrapper-u4 {
    display: block;
    position: relative;
}

.MaillistToolbar-item-ou {
  line-height: 35px;
  color: var(--darkGray);
  white-space: nowrap;
  transition: color .1s linear;
  text-overflow: ellipsis;
}

.MaillistToolbar-date-io {
  display: flex;
  justify-content: start;
  align-items: center;
  border-top: 1px solid var(--bdLightBlue);
  margin-top: -1px;
  position: relative;
}

.MaillistToolbar-date-io .MaillistToolbar-calendarWrapper-ws {
    display: flex;
    justify-content: start;
    align-items: center;
  }

.MaillistToolbar-date-io .MaillistToolbar-calendarWrapper-ws:hover > div {
        color: var(--infoBlue);
      }

.MaillistToolbar-date-io .MaillistToolbar-calendarWrapper-ws:hover > svg {
        fill: var(--infoBlue);
      }

.MaillistToolbar-date-io:hover {
    color: var(--darkGray);
  }

.MaillistToolbar-date-io .MaillistToolbar-calendar-Ju {
    height: 15px;
    width: 15px;

  }

.MaillistToolbar-date-io .MaillistToolbar-title-fa {
    margin-left: 10px;
  }

.MaillistToolbar-date-io .MaillistToolbar-close-xS {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--blueShaded);
    cursor: pointer;
  }

.MaillistToolbar-date-io .MaillistToolbar-close-xS:hover {
      fill: var(--clearBlue90);
    }

.MaillistToolbar-toolbar-iC {
    display: flex;
    height: 55px;
    align-items: center;
}

.MaillistToolbar-sidebar-hT {
    display: flex;
    min-width: 250px;
}

.MaillistToolbar-sidebar-hT .MaillistToolbar-button-gq {
        min-width: 170px;
    }

.MaillistToolbar-expanded-YR {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
    visibility: visible;
    margin: 0 auto;
}

.MaillistToolbar-filtersWrapper-WO {
  height: 55px;
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0 10px;
  border-left: 1px solid;
  border-color: rgba(236, 240, 243, 1);
  position: relative;

}

.MaillistToolbar-filtersWrapper-WO.MaillistToolbar-hidden-UY {
    width: 120px;

  }

.MaillistToolbar-filtersWrapper-WO.MaillistToolbar-hidden-UY .MaillistToolbar-icon-X6 {
      margin-right: 0;
    }

.MaillistToolbar-filtersWrapper-WO .MaillistToolbar-icon-X6 {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }

.MaillistToolbar-filtersWrapper-WO .MaillistToolbar-filterOrderWrapper-eL {
    line-height: 0;
    position: relative;
  }

.MaillistToolbar-filtersWrapper-WO .MaillistToolbar-filterOrderWrapper-eL .MaillistToolbar-datePicker-nJ {
      position: absolute;
      top: 25px;
      left: 15px;
      z-index: 100;
    }

.MaillistToolbar-filtersWrapper-WO .MaillistToolbar-filterOrderWrapper-eL .MaillistToolbar-datePicker-nJ.MaillistToolbar-withoutText-Uj {
        left: -51px;
      }

.MaillistToolbar-bird-xI {
  margin: 0;
}

.MaillistToolbar-bird-xI svg {
      width: 15px;
      height: 15px;
      vertical-align: text-bottom;
  }

.MaillistToolbar-activeSortItem-gx {
    color: var(--infoBlue);
}

.MaillistToolbar-pageArrows-Pk {
  width: 90px;
  max-width: 90px;
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: none;
  border-left: 1px solid;
  border-color: var(--bgLightBlue);
  padding: 0 20px;
}

.MaillistToolbar-pageArrows-Pk a {
    display: inline;
    margin: 0;
  }

.MaillistToolbar-pageArrows-Pk a svg {
      display: block !important;
      width: 15px;
      height: 15px;
    }



@media only screen and (max-width: 1000px) {
    .MaillistToolbar-settingTooltip-P0:after {
        border-color: transparent !important;
        border-left-color: #343b4c !important;
    }
}

.MaillistToolbar-layoutDropdown-vy {
  padding: 0;
  margin: 0
}

.MaillistToolbar-layoutDropdownActive-Ss {
  background: #fff;
}

.LoadingNotification-root-Xm {
    height: 35px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    background-color: white;
    border-bottom: 1px solid var(--bgLightBlue);
}

    .LoadingNotification-root-Xm .LoadingNotification-dots-Z3 {
        margin-bottom: 7px;
    }

    .LoadingNotification-root-Xm .LoadingNotification-dots-Z3 .LoadingNotification-dot-V2 {
            height: 3px;
            width: 3px;
            background-color: #262626;
        }

    .LoadingNotification-root-Xm .LoadingNotification-dots-Z3 .LoadingNotification-dot-V2:nth-child(2) {
                margin: 0 2px;
            }

.LoadingNotification-wrapper-l8 {
  position: relative;
  z-index: 200;
}

.LoadingNotification-text-bA {
    color: var(--dark);
    margin-right: 15px;
}

.ImagePreview-rightArrow-_w {
  right: 0px;

  transform: translateY(-50%);
}

.ImagePreview-leftArrow-wn {
  left: 0px;

  transform: translateY(-50%) rotateY(180deg);
}

.ImagePreview-rightArrow-_w, .ImagePreview-leftArrow-wn {
  position: absolute;
  top: 50%;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;

  border-radius: 1px;

  cursor: pointer;
  fill: white;
}

.ImagePreview-rightArrow-_w svg, .ImagePreview-leftArrow-wn svg {
    width: 25px;
  }

.ImagePreview-rightArrow-_w:hover, .ImagePreview-leftArrow-wn:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }

.ImagePreview-modalContentWrapper-Q2 {
  position: relative;

  display: flex;
  flex: 1 1 100%;
  height: 100%;
}

.ImagePreview-toolbar-iV {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 55px;
  max-height: 55px;

  white-space: nowrap;

  background: white;
}

.ImagePreview-toolbar-iV .ImagePreview-filename-ku {
    flex-shrink: 1;
    margin-left: 20px;

    text-overflow: ellipsis;

    overflow: hidden;
    color: rgb(38, 38, 38);
  }

.ImagePreview-toolbar-iV .ImagePreview-filetype-Sl {
    margin-left: 10px;

    color: rgb(175, 181, 19);
    opacity: 0.9;
  }

.ImagePreview-toolbar-iV .ImagePreview-filesize-WD {
    margin-left: 5px;

    letter-spacing: 1px;

    color: rgb(141, 150, 178);
    opacity: 0.9;
  }

.ImagePreview-toolbar-iV .ImagePreview-divider-NW {
    width: 1px;
    height: 25px;
    margin-left: 20px;

    background-color: rgb(206, 212, 228);
    opacity: 0.25;
  }

.ImagePreview-toolbar-iV .ImagePreview-download-oX, .ImagePreview-toolbar-iV .ImagePreview-print-RT {
    margin-left: 20px;

    color: var(--blueShaded);
    cursor: pointer;
  }

.ImagePreview-toolbar-iV .ImagePreview-download-oX .ImagePreview-icon-Yf, .ImagePreview-toolbar-iV .ImagePreview-print-RT .ImagePreview-icon-Yf {
      display: inline-block;
      margin-right: 5px;

      vertical-align: middle;

      cursor: pointer;
      fill: var(--blueShaded);
    }

.ImagePreview-toolbar-iV .ImagePreview-download-oX .ImagePreview-icon-Yf svg, .ImagePreview-toolbar-iV .ImagePreview-print-RT .ImagePreview-icon-Yf svg {
        width: 9px;
        height: 15px;
      }

.ImagePreview-toolbar-iV .ImagePreview-download-oX:hover, .ImagePreview-toolbar-iV .ImagePreview-print-RT:hover {
      color: var(--dark);
    }

.ImagePreview-toolbar-iV .ImagePreview-download-oX:hover .ImagePreview-icon-Yf svg, .ImagePreview-toolbar-iV .ImagePreview-print-RT:hover .ImagePreview-icon-Yf svg {
          fill: var(--dark);
        }

.ImagePreview-toolbar-iV .ImagePreview-print-RT {
    margin-right: 20px;
  }

.ImagePreview-toolbar-iV .ImagePreview-print-RT .ImagePreview-icon-Yf svg {
      width: 15px;
      height: 15px;
    }

.ImagePreview-toolbar-iV .ImagePreview-close-z5 {
    margin-right: 20px;
    margin-left: auto;

    border-radius: 0.4px;
    opacity: 0.85;
    cursor: pointer;
  }

.ImagePreview-toolbar-iV .ImagePreview-close-z5 svg {
      width: 15px;

      border-radius: 0.4px;
      opacity: 0.85;
      fill: rgb(102, 116, 166);
      /* background-color: var(--blueShaded); */
    }

.ImagePreview-listWrapper-FR {
  position: absolute;

  width: 100%;
  height: 100%;
}

.ImagePreview-previewWrapper-jT {
  position: absolute;
  top: 50%;
  left: 50%;

  transition: all 1s;
  /* justify-content: center;
  display: flex; */
}

.ImagePreview-image-gZ {
  max-width: calc(-130px + 100vw);
  max-height: calc(-95px + 100vh);
}

.ImagePreview-previewXlsWrapper-X8{
  position: relative;

  flex: none;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  max-height: calc(100% - 40px);
  margin: 20px;

  overflow: hidden;
  background: #fff;
}

.ImagePreview-previewXlsWrapper-X8 table {
    table-layout: fixed;
  }

.ImagePreview-previewXlsWrapper-X8 td {
    padding: 5px 10px;

    border: 1px solid rgba(221, 224, 232, 1);
  }

.ImagePreview-xlsContent-gX {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 45px;
  left: 0;

  overflow: auto;
}

.ImagePreview-xlsPages-RS {
  position: absolute;
  bottom: 0;
  left: 0;

  height: 45px;
  padding-bottom: 10px;

  white-space: nowrap;

  overflow-x: auto;
  overflow-y: hidden;
}

.AttachmentsItem-attachSize-qP {
  margin: 0 0 0 5px;

  font-weight: normal;
  font-size: 11px;

  line-height: 1.82;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: var(--shaded);
  opacity: 0.9;
}

.AttachmentsItem-type-DE {
  font-style: normal;
  font-stretch: normal;
  font-size: 11px;
  line-height: 1.36;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;

  overflow: hidden;
  color: var(--shaded);
  opacity: 0.9;
}

.AttachmentsItem-doc-kg.AttachmentsItem-fileIcon-HN::before, .AttachmentsItem-docx-m3.AttachmentsItem-fileIcon-HN::before, .AttachmentsItem-odf-JW.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--frenchBlue);
  }
.AttachmentsItem-xml-rf.AttachmentsItem-fileIcon-HN::before, .AttachmentsItem-ods-ph.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--seaGreen);
  }
.AttachmentsItem-default-cl.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--boulder);
  }
.AttachmentsItem-pptx-uj.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--darkRed);
  }
.AttachmentsItem-jpg-mh.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--mediumYellow);
  }
.AttachmentsItem-mp3-vm.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--purple);
  }
.AttachmentsItem-flv-LS.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--darkPink);
  }
.AttachmentsItem-png-cp.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--carnation);
  }
.AttachmentsItem-wav-kC.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--darkViolet);
  }
.AttachmentsItem-tif-qU.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--mediumBlue);
  }
.AttachmentsItem-swf-vN.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--frenchRose);
  }
.AttachmentsItem-pdf-g1.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--tomato);
  }
.AttachmentsItem-gif-F7.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--fernGreen);
  }
.AttachmentsItem-psd-wW.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--meduimBlue2);
  }
.AttachmentsItem-zip-IQ.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--selectiveYellow);
  }
.AttachmentsItem-bmp-bR.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--eggBlue);
  }
.AttachmentsItem-txt-bX.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--greyBayonix);
  }
.AttachmentsItem-eps-PP.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--romanCoffee);
  }
.AttachmentsItem-cdr-Ot.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--celery);
  }
.AttachmentsItem-rar-mh.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--ceance);
  }
.AttachmentsItem-ai-u2.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--orangePeel);
  }
.AttachmentsItem-7z-dq.AttachmentsItem-fileIcon-HN::before {
    border-bottom: 30px solid var(--white);
  }

.AttachmentsItem-item-OO {
  position: relative;
}

.AttachmentsItem-item-OO .AttachmentsItem-content-CT {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 115px;
  }

.AttachmentsItem-item-OO .AttachmentsItem-name-lc {
    z-index: 1;

    width: 115px;

    margin: 5px 0;

    line-height: 15px;
    letter-spacing: normal;
    text-overflow: ellipsis;
    white-space: nowrap;

    overflow: hidden;
    color: var(--dark);
    cursor: pointer;
  }

.AttachmentsItem-item-OO .AttachmentsItem-name-lc:hover {
      color: var(--infoBlue);
    }

.AttachmentsItem-item-OO .AttachmentsItem-name-lc.AttachmentsItem-disabled-_T {
      cursor: initial;
    }

.AttachmentsItem-item-OO .AttachmentsItem-name-lc.AttachmentsItem-disabled-_T:hover {
        color: var(--dark);
      }

.AttachmentsItem-item-OO .AttachmentsItem-remove-Es {
    position: absolute;
    top: -1px;
    right: -15px;

    display: inline-block;
    width: 18px;
    height: 18px;

    line-height: 18px;
    text-align: center;

    color: rgba(222, 62, 64, 1);
    cursor: pointer;
  }

.AttachmentsItem-item-OO .AttachmentsItem-remove-Es:hover {
      opacity: 0.8;
    }

.AttachmentsItem-item-OO .AttachmentsItem-size-xP {
    position: absolute;
    bottom: 5px;
    left: 55px;

    font-size: 11px;

    line-height: 1.2;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

.AttachmentsItem-itemContainer-O3:hover .AttachmentsItem-downloadButton-q4 {
    opacity: 1;
  }

.AttachmentsItem-itemContainer-O3:hover .AttachmentsItem-name-lc {
    width: 60px !important;
  }

.AttachmentsItem-downloadButton-q4 {
  position: absolute;
  right: -9px;
  bottom: 14px;
  z-index: 1;

  justify-content: center;
  width: 60px;
  height: 20px;
  padding-top: 7px;

  font-size: 13px;

  line-height: 1.15;

  color: var(--blueShaded);
  opacity: 0;
  cursor: pointer;
}

.AttachmentsItem-downloadButton-q4:hover {
    color: var(--infoBlue);
  }

.AttachmentsItem-itemContainer-O3 {
  display: flex;
  flex-direction: column;
  height: 155px;
}

.AttachmentsItem-imageWrapper-yM:hover {
    opacity: 0.9;
  }

.AttachmentsItem-imageWrapper-yM.AttachmentsItem-disabled-_T:hover {
      opacity: initial;
    }

.AttachmentsItem-imagePreview-zq {
  width: 115px;
  height: 115px;

  border-radius: 1px;
  background-position: 50% 50%;
  background-size: cover;
}

.AttachmentsItem-fileIcon-HN {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 115px;

  border-radius: 1px 0 1px 1px;

  background-color: var(--bdLightBlue);
}

.AttachmentsItem-fileIcon-HN::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;

    width: 0;
    height: 0;

    border-right: 30px solid white;
    border-bottom: 30px solid black;
  }

.AttachmentsItem-fileIcon-HN svg {
    width: 15px;
    height: 20px;

    fill: var(--blueShaded);
  }

.AttachmentsItem-tooltip-Y3 {
  width: 115px;

  text-align: center;
 
  white-space: break-spaces;
  overflow-wrap: break-word;
  pointer-events: all;

  line-heght: 15px;
}

.Progressbar-progress-Sy {
  width: 100%;
  height: 5px;
  background-color: white;
  border-radius: 5px;
}

.Progressbar-loaded-eq {
  width: 0;
  background-color: #456EFB;
  height: 5px;
  border-radius: 5px;
}

.DiskSaveStatusToast-root-NC {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 1000;

  display: flex;
  flex-direction: column;
  width: 410px;
  max-width: calc(100vw - 40px);
  height: 54px;
  padding: 0 24px;

  font-family: Arial, Helvetica, sans-serif;

  color: rgba(255, 255, 255, 1);
  background: rgba(42, 52, 77, 1);
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  box-shadow: 0 8px 20px 0 rgba(28, 28, 28, 0.08);
  box-sizing: border-box;
  overflow: hidden;
}

.DiskSaveStatusToast-expanded-MV {
  height: 148px;
}

.DiskSaveStatusToast-success-j_ {
  background: rgba(69, 110, 251, 1);
}

.DiskSaveStatusToast-header-BX {
  position: relative;
  z-index: 1;

  display: flex;
  gap: 16px;
  align-items: center;
  min-height: 54px;
}

.DiskSaveStatusToast-title-FO {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 0;

  overflow: hidden;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255, 255, 255, 1);
}

.DiskSaveStatusToast-actions-Zh {
  display: flex;
  align-items: center;
  gap: 10px;
}

.DiskSaveStatusToast-iconButton-Ya {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;

  background: transparent;
  border: 0;
  cursor: pointer;
}

.DiskSaveStatusToast-closeIcon-vm {
  width: 24px;
  height: 24px;
}

.DiskSaveStatusToast-closeIcon-vm path {
    fill: rgba(255, 255, 255, 1);
  }

.DiskSaveStatusToast-arrowIcon-QR {
  width: 12px;
  height: 12px;

  fill: rgba(255, 255, 255, 1);
}

.DiskSaveStatusToast-progress-eB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;

  width: auto;
  height: auto;
  margin-top: 0;

  background: transparent;
  border-radius: 0;
  pointer-events: none;
}

.DiskSaveStatusToast-progressLoaded-q6 {
  height: 100%;

  background: rgba(69, 110, 251, 1);
  border-radius: 0;
  transition: width 0.2s ease;
}

.DiskSaveStatusToast-expandedContent-Bk {
  padding-top: 12px;
}

.DiskSaveStatusToast-failureText-ff {
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 1);
}

.DiskSaveStatusToast-failureTextRed-g8 {
  color: rgba(255, 150, 146, 1);
}

.DiskSaveStatusToast-wideButton-XB {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 362px;
  max-width: 100%;
  height: 32px;
  margin-top: 20px;
  padding: 0 16px;

  font-weight: 700;
  font-size: 14px;
  line-height: 20px;

  color: rgba(255, 255, 255, 1);
  background: rgba(163, 175, 204, 0.3);
  border: 0;
  border-radius: 12px;
  cursor: pointer;
}

.DiskSaveStatusToast-linkButton-QA {
  margin-left: 32px;
  padding: 0;

  font-weight: 700;
  font-size: 14px;
  line-height: 20px;

  color: rgba(255, 255, 255, 1);
  background: transparent;
  border: 0;
  cursor: pointer;
}

.SaveToDiskButton-root-u9 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 24px;
  padding: 0;

  font: inherit;
  line-height: 24px;

  border: 0;
  background: transparent;
  cursor: pointer;
}

  .SaveToDiskButton-root-u9:disabled {
    opacity: 0.55;
    cursor: default;
  }

.SaveToDiskButton-icon-v3 {
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
}

.SaveToDiskButton-label-gZ {
  font-weight: 500;
  font-size: 14px;
  font-family: 'SB Sans Display', Manrope, Arial, sans-serif;
  line-height: 20px;
  letter-spacing: -0.02em;
  white-space: nowrap;

  color: var(--blue2);
}

.SaveToDiskButton-details-l5 {
  margin-left: 8px;

  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
  white-space: nowrap;

  color: #747474;
}

.Attachments-root-Gn {
  padding: 20px 20px 19px 20px;

  border-bottom: 1px solid var(--bdLightBlue);
}

  .Attachments-root-Gn .Attachments-head-qP {
    position: relative;

    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 24px;
    margin-top: 20px;
    padding-right: 180px;

    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 13px;

    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
  }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-promoWrapper-QX {
      display: inline-flex;
      align-items: center;
      min-width: 0;
    }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-heading-ig {
      margin: 0 0 0 -5px;
    }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-heading-ig * {
        margin: 0 0 0 5px;
      }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-heading-ig svg {
        width: 15px;
        height: 15px;

        vertical-align: middle;

        opacity: 0.9;
      }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-size-DL {
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      font-size: 11px;
      line-height: 1.36;
      letter-spacing: 1px;

      opacity: 0.9;
    }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-downloadAll-gW {
      position: absolute;
      right: 0;
      top: 50%;

      transform: translateY(-50%);

      color: var(--blueShaded);
    }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-downloadAll-gW .Attachments-icon-Vp {
        display: inline-block;
        width: 9px;
        height: 15px;
        margin-right: 5px;

        vertical-align: middle;

        cursor: pointer;
        fill: var(--blueShaded);
      }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-downloadAll-gW .Attachments-icon-Vp svg {
          width: 9px;
          height: 15px;
        }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-downloadAll-gW:hover {
        color: var(--dark);
      }

  .Attachments-root-Gn .Attachments-head-qP .Attachments-downloadAll-gW:hover .Attachments-icon-Vp svg {
            fill: var(--dark);
          }

  .Attachments-root-Gn .Attachments-items-K9 {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    width: 100%;

    column-gap: 20px;
  }

  .Attachments-root-Gn .Attachments-items-K9 .Attachments-itemAdded-GH {
      margin: 0 38px 15px 0;
    }

  .Attachments-root-Gn .Attachments-itemsFixed-Hl {
    max-height: 155px;

    overflow: hidden;
  }

  .Attachments-root-Gn .Attachments-showAll-Ti {
    display: inline-block;

    color: var(--blueShaded);
  }

  .Attachments-root-Gn .Attachments-showAll-Ti span {
      cursor: pointer;
      user-select: none;
    }

  .Attachments-root-Gn .Attachments-showAll-Ti span:hover {
        color: var(--dark);
      }

  .Attachments-root-Gn .Attachments-showAll-Ti span:hover svg {
          fill: var(--dark);
        }

  .Attachments-root-Gn .Attachments-showAll-Ti svg {
      width: 10px;
      height: 15px;
      margin: 0 0 0 5px;

      vertical-align: text-bottom;

      fill: var(--blueShaded);
    }

  .Attachments-root-Gn .Attachments-reduce-ek svg {
      width: 10px;
      height: 15px;
      margin: 0 0 -3px 3px;

      vertical-align: baseline;
    }

@keyframes Attachments-shake-gf {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.Attachments-container-G4 {
  position: relative;

  display: flex;
  justify-content: center;

  transition: 1s;
}

.Actions-root-a1 {
  display: flex;
  margin-left: 40px;
}

  .Actions-root-a1 .Actions-actionBtn-x_ {
    margin-right: 7px;
    margin-left: 7px;
  }

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
}

.LetterToolbar-root-tt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  margin-left: -7px;
  position: relative;
  --button-color: #5c6993;
  --button-active: #262626;
}

.LetterToolbar-isSticky-iF {
  position: fixed;
  z-index: 100;
  top: 206px;
  height: 45px;
  padding-right: 20px;
  padding-left: 20px;
  background: #fff;
  margin-left: -20px;
  border-bottom: 1px #ecf0f3 solid;
}

.LetterToolbar-isSticky-iF.LetterToolbar-withoutAdBlock-kz {
    top: 156px;
  }

.LetterToolbar-isSticky-iF.LetterToolbar-withAddBillboard-A9 {
    top: 456px;
  }

.LetterToolbar-withPromo-bx {
  top: 271px;
}

.LetterToolbar-scrollableButtons-K7 {
  display: flex;
  padding-right: 10px;
}

.LetterToolbar-actionsWrapper-sS {
  display: flex;
  margin-left: auto;
}

.LetterToolbar-advertActions-wZ {
  margin-right: auto;
  display: flex;
}

.LetterToolbar-offsetContainer-Z8 {
  width: 100%;
}

.LetterToolbar-last-l5 {
  display: flex;
  justify-content: space-between;
  width: 54px;
  height: 55px;
  position: relative;
  padding: 19px 18px 19px 21px;
  color: var(--blueShaded);
}

.LetterToolbar-last-l5 .LetterToolbar-tooltip-VP {
    position: relative;
    font-size: 100%;
    line-height: normal;
  }

.LetterToolbar-last-l5 .LetterToolbar-linkSettings-qX {
    display: block;
  }

.LetterToolbar-last-l5 .LetterToolbar-linkSettings-qX svg {
      width: 17px;
      height: 17px;
      vertical-align: top;
      fill: var(--dark);
    }

.LetterToolbar-last-l5::before {
    content: '';
    border-left: 1px solid rgba(206, 212, 228, .25);
    height: 25px;
    width: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    position: absolute;
  }

.LetterToolbar-last-l5 .LetterToolbar-wrapperTooltip-rM {
    position: relative;
  }

.LetterToolbar-last-l5 .LetterToolbar-linkSelect-XV {
    margin: 1px 10px 0 0;
    font-size: 100%;
    line-height: normal;
  }

.LetterToolbar-expanded-YR {
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
  visibility: visible;
}




.SimplePagination-root-iG {
    width: 50px;
    max-width: 50px;
    padding: 0;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: none;
    height: 25px;
    align-self: flex-start;
}

    .SimplePagination-root-iG a {
        display: inline;
        margin: 0;
    }

    .SimplePagination-root-iG a svg {
            display: block !important;
            opacity: 0.9;
            width: 15px;
            height: 15px;
            fill: var(--shaded);
        }

    .SimplePagination-root-iG a:hover svg {
                fill: var(--dark);
            }

    .SimplePagination-root-iG a.SimplePagination-disabled-Br svg {
                opacity: 0.3;
                fill: var(--blueShaded);
            }

    .SimplePagination-root-iG a.SimplePagination-disabled-Br:hover {
                fill: var(--blueShaded);
            }

.ActionBtns-root-el {
  display: flex;
  height: 15px;
}

  .ActionBtns-root-el .ActionBtns-print-iw path, .ActionBtns-root-el .ActionBtns-original-cJ path {
      fill: var(--dark);
    }

  .ActionBtns-root-el .ActionBtns-print-iw path:hover, .ActionBtns-root-el .ActionBtns-original-cJ path:hover {
        fill: rgba(38, 38, 38, 1);
      }

  .ActionBtns-root-el .ActionBtns-print-iw,
  .ActionBtns-root-el .ActionBtns-original-cJ {
    display: inline-block;
    cursor: pointer;
  }

  .ActionBtns-root-el .ActionBtns-print-iw svg, .ActionBtns-root-el .ActionBtns-original-cJ svg {
      width: 15px;
      height: 15px;
    }

  .ActionBtns-root-el .ActionBtns-original-cJ {
    margin-right: 18px;
  }

  .ActionBtns-root-el .ActionBtns-original-cJ svg {
      width: 20px;
      height: 15px;
    }
.LetterHeader-root-rh {
  box-sizing: border-box;
  border-bottom: 1px solid rgba(206, 212, 228, .25);
  padding: 15px 20px 11px 20px;
  position: relative;
  background: white;
}

  .LetterHeader-root-rh .LetterHeader-wrapper-I8 {
    display: flex;
    margin: 0 0 15px 0;
    align-items: flex-start;
  }

  .LetterHeader-root-rh .LetterHeader-info-xT {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
  }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ {
      min-width: 0;
      flex: 1 1 auto;
      width: 100%; /* ie fix */
      margin-right: 10px;
    }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ .LetterHeader-from-U1 {
        word-wrap: break-word;
        display: flex;
        line-height: 14px;
      }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ .LetterHeader-from-U1 .LetterHeader-fromLabel-Ys {
          margin-right: 5px;
          vertical-align: middle;
          min-width: 17px;
        }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ .LetterHeader-from-U1 .LetterHeader-fromEmail-Vp {
          color: var(--blueShaded);
        }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ .LetterHeader-from-U1 .LetterHeader-fromLabel-Ys {
          color: var(--shaded);
        }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-contacts-hZ .LetterHeader-from-U1:hover .LetterHeader-fromEmail-Vp {
            color: var(--dark);
          }

  .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-date-lu {
      text-align: right;
      white-space: nowrap;
      margin-bottom: 10px;
    }

.LetterHeader-letterActions-O5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/*
  toNames max-width is used to fix problem in IE where all contacts aligns in single line
*/
@media (max-width: 1269px) {
    .LetterHeader-root-rh .LetterHeader-toNames-KR {
      max-width: 320px;
    }
      .LetterHeader-root-rh .LetterHeader-info-xT .LetterHeader-columnDate-zK {
        max-width: 110px;
        min-width: 110px;
      }
}

@media (min-width: 1270px) and (max-width: 1379px) {
    .LetterHeader-root-rh .LetterHeader-toNames-KR {
      max-width: 680px;
    }
}

@media (min-width: 1380px) {
    .LetterHeader-root-rh .LetterHeader-toNames-KR {
      max-width: 780px;
    }
}

.LetterHeader-columnLayout-xh {
  border-bottom: none;
  padding: 15px 20px 0px 20px;
}

.LetterHeader-columnLayout-xh .LetterHeader-wrapper-I8 .LetterHeader-wrapperHead-M6 {
      padding-right: 0;
    }

.LetterHeader-columnLayout-xh .LetterHeader-title-NQ {
    margin-left: 0;
  }

.LetterHeader-subject-fj {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.25;
  margin: 0;
  white-space: normal;
  word-wrap: break-word;
  overflow: hidden;
  margin-right: 20px;
}

.LetterHeader-star-rz {
  cursor: pointer;
  flex: none;
  vertical-align: middle;
  margin-left: 10px;
}

.LetterHeader-star-rz svg {
    width: 17px;
    height: 17px;
    fill: #ced4e4
  }

.LetterHeader-starWrap-ll {
  display: inline !important;
  white-space: nowrap;
}

.LetterHeader-flagged-Qp svg {
    fill: #ffa018
  }

.LetterHeader-title-NQ {
  align-items: center;
  justify-content: flex-start;
  position: relative;
  display: flex;
  margin-bottom: 15px;
  margin-left: 35px;
}

.Control-root-l1 {
  display: flex;
  flex-direction: row;
  gap: 20px;

  margin-top: 20px;
}

.Control-mainControls-Ha {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.Control-mainControl-UD {
  user-select: none;
  padding: 10px 20px;
  border-radius: 25px;
  background: #ffffff;
  color: var(--carbone);

  font-family: Manrope, Arial, serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;

  cursor: pointer;
}

.Control-mainControl-UD:hover {
    color: var(--middleBlue);
  }

.Control-mainControl-UD:active {
    color: var(--infoBlue);
  }

.Control-mainControl-UD.Control-primary-cS {
    background: var(--infoBlue);
    color: #ffffff;
  }

.Control-mainControl-UD.Control-primary-cS:hover {
      background: rgb(44, 84, 225);
    }

.Control-mainControl-UD.Control-primary-cS:active {
      background: var(--darkBlue2);
    }

.Control-mainControl-UD.Control-accepted-ma {
    background: var(--success);
    color: #ffffff;
  }

.Control-mainControl-UD.Control-declined-Ex {
    background: var(--error);
    color: #ffffff;
  }

.Control-mainControl-UD.Control-tentative-UP {
    background: var(--darkCloudGray);
    color: #ffffff;
  }

.Control-mainControl-UD:disabled {
    cursor: not-allowed;
  }

.LetterBody-root-nn {
  padding: 25px 20px 20px 20px;
  overflow: hidden;
}

  .LetterBody-root-nn > div {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .LetterBody-root-nn .LetterBody-scrollBar-gr {
    position: fixed;
    bottom: 0;
    overflow: auto;
    background: transparent;
    z-index: 1;
  }

  .LetterBody-root-nn .LetterBody-scrollBar-gr .LetterBody-scrollBarInner-Ma {
      height: 1px;
    }

  .LetterBody-root-nn p {
    margin: 0;
  }

  .LetterBody-root-nn blockquote {
    border-left: 1px solid var(--faded);
    margin: 10px 0 10px;
    padding: 0 0 0 20px;
  }

  .LetterBody-root-nn blockquote blockquote blockquote blockquote blockquote blockquote {
      margin-left: -20px !important;
      border-left: 0;
    }

  .LetterBody-root-nn ol, .LetterBody-root-nn ul {
    padding-left: 40px;
  }

@media (max-width: 1270px) {
  .LetterBody-root-nn {
    padding-right: 20px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .LetterBody-root-nn > div {
    padding-bottom: 15px;
  }
}

.LetterBody-fullLetter-ef {
  font-size: 15px;
  margin: 15px 0 20px;
  line-height: 1.5;
}

.LetterBody-fullLetterCaption-zf {
  margin-top: 15px;
}

.QuickReply-root-oA {
  padding: 0 20px 20px;
  box-sizing: border-box;
  border-top: 1px solid rgba(206, 212, 228, .25);
  flex: 1 0 auto;
  background: white;
}

  .QuickReply-root-oA .QuickReply-textareaContainer-Zr {
    margin-bottom: 20px;
  }

  .QuickReply-root-oA .QuickReply-textareaContainer-Zr .QuickReply-textarea-KQ {
      resize: none;
      width: 100%;
      height: 130px;
    }

  .QuickReply-root-oA .QuickReply-textareaContainer-Zr .QuickReply-textarea-KQ::placeholder {
        color: var(--shaded);
      }

  .QuickReply-root-oA .QuickReply-textareaContainer-Zr .QuickReply-textarea-KQ.QuickReply-textareaWithAi-tI {
        padding-bottom: 50px;
      }

.QuickReply-bottom-tw {
  display: flex;
}

.QuickReply-sendButton-g3 {
  margin-right: 20px !important;
}

.QuickReply-composeButton-_o {
  font-size: 13px;
  line-height: 1.3;
  text-align: left;
  color: var(--blueShaded);
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
  align-items: center;
}

.QuickReply-composeButton-_o > div:first-child {
    margin-right: 5px;
  }

.QuickReply-composeButton-_o:hover {
    color: var(--dark);
  }

.QuickReply-composeButton-_o:hover svg {
      fill: var(--dark);
    }

.QuickReply-composeButton-_o svg {
    fill: var(--blueShaded);
  }

.QuickReply-iconWindow-N8 {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.QuickReply-textareaWrapper-gg {
  position: relative;
}
.Tabs-root-W3 {
    margin-top: -1px;
    border-top: 1px solid rgba(236, 240, 243, 1);
    display: flex;
    justify-content: flex-start;
}

.Tabs-tab-OD {
    margin-right: 20px;
    font-size: 13px;
    line-height: 1.15;

    border-top: 2px solid transparent;
    cursor: pointer;
    padding: 20px 0;
    color: var(--dark);
}

.Tabs-tab-OD.Tabs-selected-W2 {
         font-weight: 500;
         color: var(--blue2);
         border-top: 2px solid var(--blue2);
    }

.Tabs-tab-OD.Tabs-reply-Hg:after {
        content: 'Ответить';
    }

.Tabs-tab-OD.Tabs-replyAll-PK:after {
        content: 'Ответить всем';
    }

.Tabs-tab-OD.Tabs-forward-hU:after {
        content: 'Переслать';
    }

.Tabs-tab-OD:hover {
        color: var(--blue2);
    }

.MenuButton-root-dI {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(31, 36, 49, 1); /* #1F2431; */
  background: #F1F6FD;
  overflow: hidden;
}



  .MenuButton-root-dI.MenuButton-withLeftIcon-lC {
    padding-left: 10px;
  }



  .MenuButton-root-dI.MenuButton-withLeftIcon-lC svg {
      margin-right: 5px;
    }

.MenuButton-ellipse-rF {
  position: absolute;
  width: 76px;
  height: 76px;
  filter: blur(12.5px);
}

.MenuButton-ellipse-rF.MenuButton-topRight-JS {
    right: -38px;
    bottom: 15px;
    background: #ECFFFA;
  }

.MenuButton-ellipse-rF.MenuButton-bottomLeft-m6 {
    left: -38px;
    top: 15px;
    background: #FCF8FF;
  }

.MenuButton-text-fn {
  position: relative;
  z-index: 1;
}

/* Ellipse 2208 */

.Loader-loader-IU {
  width: 24px !important;
  height: 25px;
  opacity: 1;
}

  .Loader-loader-IU span span {
      width: 4px;
      height: 4px;

      background-color: rgba(89, 187, 231, 1);
    }

  .Loader-loader-IU span span:first-child {
      background-color: rgba(0, 131, 255, 1);
    }

  .Loader-loader-IU span span:last-child {
      background-color: rgba(103, 231, 202, 1);
    }

.Loader-hideOverlay-pe > div {
    display: none;
  }

.QuickReplayError-root-z4 {
  display: flex;
  align-items: center;
  background-color: #fdf1f2;
  padding: 5px 10px 5px 15px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;

}

.QuickReplayError-repeatBtn-GU {
  cursor: pointer;
  padding-left: 5px;
  color: var(--blue2);
}

.QuickReplayError-closeIcon-Li {
  cursor: pointer;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.QuickReplyButtons-root-Go {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.QuickReplyButtons-btn-h9 + .QuickReplyButtons-btn-h9 {
  margin-left: 2px;
}

.QuickReplyButtons-btnWrapper-ik {
  background-color: var(--white);
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 5px;
  display: flex;
  align-items: center;
}

.QuickReplyButtons-label-kc {
  color: var(--darkCloudGray);
  padding-right: 10px;
}
.GigaButton-root-iU {
  position: relative;
  z-index: 9;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  min-height: 45px;
  min-width: 45px;

  overflow: hidden;
  border-radius: 30px;
  background-color: #fff;
}

.GigaButton-icon-fo {
  position: relative;
  z-index: 1;

  width: 20px;
  height: 20px;
}

.GigaButton-ellipse-qd {
  position: absolute;

  width: 32px;
  height: 32px;

  animation-duration: 8s;
  animation-timing-function: ease-in-out;
  animation-delay: 3s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}

.GigaButton-ellipseTop-IJ {
  background: #d9ffd7;
  box-shadow: 0px 0px 24px 24px #d9ffd7;

  transform: rotate(0deg) translate(28px, -46px);
  animation-name: GigaButton-rotate_top-Ka;
}

.GigaButton-ellipseBottom-B0 {
  background: #cefff1;
  box-shadow: 0px 0px 24px 24px #cefff1;

  transform: rotate(0deg) translate(-46px, 28px);
  animation-name: GigaButton-rotate_second-iT;
}

.GigaButton-stopAnimation-VC {
  animation: none;
}

.GigaButton-salutLoading-Nj {
  z-index: 10;
}

.GigaButton-salutLoading-Nj > div {
    background: none;
  }

.GigaButton-salutLoading-Nj > span {
    border-image-slice: 1;
    color: linear-gradient(208.25deg, #0083ff 17.48%, #5abce7 50%, #68e9c8 82.52%);
    color: rgba(104, 233, 200, 1);
  }

@keyframes GigaButton-rotate_top-Ka {
  0% {
    transform: rotate(0deg) translate(28px, -46px);
  }
  35% {
    transform: rotate(0deg) translate(28px, -46px);
  }
  50% {
    transform: rotate(180deg) translate(46px, -28px);
  }
  85% {
    transform: rotate(180deg) translate(46px, -28px);
  }
  100% {
    transform: rotate(180deg) translate(-28px, 46px);
  }
}

@keyframes GigaButton-rotate_second-iT {
  0% {
    transform: rotate(0deg) translate(-46px, 28px);
  }
  35% {
    transform: rotate(0deg) translate(-46px, 28px);
  }
  50% {
    transform: rotate(180deg) translate(-28px, 46px);
  }
  85% {
    transform: rotate(180deg) translate(-28px, 46px);
  }
  100% {
    transform: rotate(180deg) translate(46px, -28px);
  }
}

.Message-root-Oo {
  width: 290px;
  position: relative;
  border-radius: 20px;
  animation: Message-raise-Lv 0.2s ease-in-out;
  background: #F1F6FD;
  box-shadow: 0px 25px 30px -10px #59679740;
  box-shadow: 0px 5px 10px -3px #59679747;
  overflow: hidden;
}

  .Message-root-Oo.Message-small-N1 {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 220px;
  }

  .Message-root-Oo.Message-medium-qH {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 290px;
  }

  .Message-root-Oo.Message-large-hA {
    width: 320px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .Message-root-Oo.Message-error-J0 {
    padding-top: 10px;
    background-color: #fdf1f2;
    box-shadow: none;
  }

.Message-closeIcon-Yr {
  color: var(--darkCloudGray);
  cursor: pointer;
  width: 25px;
  height: 25px;
  margin-left: auto;
  flex-shrink: 0;
}

.Message-closeIcon-Yr:hover {
    color: var(--blue);
  }

.Message-header-h1 {
  display: flex;
  padding-left: 15px;
  padding-right: 10px;
  margin-bottom: 15px;
}

.Message-header-h1.Message-alignCenter-zV {
    align-items: center;
  }

.Message-title-z8 {
  display: inline-block;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 700;
  line-height: 25px;
}

.Message-title-z8.Message-gradiented-Pd {
    color: #61a5ff;
    background: linear-gradient(90deg, #61A5FF 0%, #42E9D0 50%, #FC95FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }

.Message-title-z8.Message-error-J0 {
    background: none;
    color: var(--darkCarbone);
    -webkit-text-fill-color: unset;
    text-fill-color: unset;
  }

.Message-titleDescription-OC {
  margin-top: 5px;
  font-family: Arial;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: #777e98;
}

.Message-logo-Uo {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
}

.Message-backButton-nC {
  cursor: pointer;
  color: var(--blue2);
  margin-top: 2px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

.Message-backButton-nC.Message-disabled-V_ {
    color: #afb6c9;
  }

.Message-mr10-dJ {
  margin-right: 10px;
}

.Message-mr15-iX {
  margin-right: 15px;
}

@keyframes Message-raise-Lv {
  0% { opacity: 0; transform: translateY(10px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.MessageButton-item-hO {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #1f2431;
  cursor: pointer;
}
  .MessageButton-item-hO:hover {
    background-color: #dfecf7;
  }
  .MessageButton-item-hO.MessageButton-small-G9 {
    padding: 7.5px 15px;
  }
  .MessageButton-item-hO.MessageButton-medium-as {
    padding: 10px 15px;
  }
  .MessageButton-item-hO.MessageButton-disabled-UG {
    color: #afb6c9;
  }
  .MessageButton-item-hO.MessageButton-disabled-UG svg path[fill], .MessageButton-item-hO.MessageButton-disabled-UG svg rect[fill] {
        fill: #afb6c9;
      }
  .MessageButton-item-hO.MessageButton-disabled-UG svg path[stroke], .MessageButton-item-hO.MessageButton-disabled-UG svg rect[stroke] {
        stroke: #afb6c9;
      }

.MessageButton-leftIcon-lZ {
  padding-right: 15px;
}

.MessageButton-leftIcon-lZ.MessageButton-smallIcon-kR {
    width: 20px;
    height: 20px;
  }

.MessageButton-leftIcon-lZ.MessageButton-smallIcon-kR svg, .MessageButton-leftIcon-lZ.MessageButton-smallIcon-kR img {
      width: 20px;
      height: 20px;
    }

.MessageButton-leftIcon-lZ.MessageButton-mediumIcon-e8 {
    width: 25px;
    height: 25px;
  }

.MessageButton-leftIcon-lZ.MessageButton-mediumIcon-e8 svg, .MessageButton-leftIcon-lZ.MessageButton-mediumIcon-e8 img {
      width: 25px;
      height: 25px;
    }

.MessageButton-nextButton-dV {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-left: auto;

  border-radius: 8px;
  background-color: rgba(208, 208, 219, 0.3);
}

.MessageButton-menuItemRightIcon-WK {
  color: var(--darkCloudGray);
  cursor: pointer;
}

.Welcome-contentWraper-gW {
  margin: 15px 15px 15px;
  padding: 10px;
  font-family: Arial;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  background-color: #e1edff;
  border-radius: 10px;
  color: #343b4c;
}

.Welcome-text-bh {

}
.MainMenu-mt10-Wa {
  margin-top: 10px;
}
.LetterSummary-wrapper-et {
  padding: 0 15px;
}

.LetterSummary-content-nl {
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.LetterSummary-btn-pM {
  --rc-button-small-height: 45px;
  --rc-button-fontFamily: Roboto, Arial, Helvetica, sans-serif;
  --rc-button-fontWeight: 500;
  --rc-button-lineHeight: 25px;
  --rc-button-white-color: var(--rc-button-white-hover-color);
  margin-top: 15px;
  width: 100%;
}
.Error-message-gQ {
  padding: 0 15px 5px 15px;
  color: var(--darkCloudGray);
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}
.AiHelper-root-yA {
  height: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 99;
  margin-left: auto;
  margin-bottom: 15px;
  margin-right: 15px;

  position: sticky;
  bottom: 50px;
}
.LetterFooter-draftFooter-Kt {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  height: 55px;
  background: #fff;
  padding-left: 10px;
  border-top: 1px solid var(--bgLightBlue);
}
.SpamNotification-wrap-mn {
  margin: 20px;
  margin-bottom: 0px;
  padding: 15px 19px;
  padding-bottom: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--paleYellow2);
  border: solid 1px var(--marigold);
}

.SpamNotification-noImagesIcon-dv {
  margin-top: -2px;
  height: 55px;
  min-height: 55px;
  width: 55px;
  min-width: 55px;
}

.SpamNotification-text-wf {
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 15px;
  font-family: ArialMT, Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: var(--black);
}

.SpamNotification-button-kT {
  margin-left: 15px;
  font-family: ArialMt, Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: var(--slateBlue);
  cursor: pointer;
  user-select: none;
}

.SpamNotification-button-kT:hover {
    color: var(--dark);
  }

.SpamNotification-wrap3k-Gx {
  margin: 20px;
  margin-bottom: 0px;
  padding: 15px 19px;
  padding-bottom: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--paleYellow2);
  border: solid 1px var(--marigold);
}

.SpamNotification-wrap3k-Gx .SpamNotification-text-wf {
    margin-left: 0;
  }

.SpamNotification-wrap3k-Gx .SpamNotification-button-kT {
    margin-left: 0;
  }

/* @media (min-width: 1100px) {
  .wrap3k {
    height: 150px;
    .text {
      width: 260px;
    }
  }
} */

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
}

._Letter-preloader-aq {
  width: 100%;
  height: 250px;
  max-height: 250px;
  overflow: hidden;
}

._Letter-is3kkView-p3 {
  width: 100%;
  overflow: scroll;
}

._Letter-footerList-TF {
  text-align: left;
  line-height: 1.36;
  font-size: 11px;
  box-sizing: border-box;
  padding: 7px 15px 7px 20px;
}

._Letter-footerList-TF._Letter-withBorder-fs {
    padding-top: 8px;
    border-top: 1px solid var(--veryLightBlue);
  }

._Letter-toolbarWrapper-jv {
  width: '100%';
  position: 'relative';
}

._Letter-disablerMedium-WJ {
  height: calc(100% - 15px);
  width: calc(100% - 261px);
  top: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 5;
}

._Letter-disabler2k-Bz {
  height: 100%;
  width: calc(100% - 311px);
  top: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 5;
}

._Letter-disabler-sl {
  height: calc(100% - 147px);
  width: calc(100% - 261px);
  top: 86px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 5;
}

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
}

.ScrollableLetter-root-mF {
  background-color: white;
  flex: 1 1 auto;
  width: 100%;
  min-width: 520px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
}

.ScrollableLetter-scrollbarWrapper-EN {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex: 1;
}

.ScrollableLetter-scrollbarWrapper-EN .ScrollableLetter-scrollbar-Wa {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: 0px;
    margin-bottom: 0px;
  }

.ScrollableLetter-wrapper-vJ {
  flex: 1 0 auto;
}

.ScrollableLetter-head-Lb {
  box-sizing: border-box;
  background: white;
  z-index: 99;
  position: relative;
  border-bottom: 1px #ecf0f3 solid;
}

.ScrollableLetter-toolbar-vL {
  border-bottom: 1px #ecf0f3 solid;
  padding-bottom: 19px;
  background: white;
  padding-top: 15px;
  position: absolute;
  width: 100%;
}

.ScrollableLetter-toolbar-vL.ScrollableLetter-isSticky-ta {
    position: fixed;
    z-index: 100;
  }

.ScrollableLetter-footerList-yi {
  text-align: left;
  line-height: 1.36;
  font-size: 11px;
  box-sizing: border-box;
  border-top: 1px solid var(--lightGray);
  padding: 7px 15px 7px 20px;
  margin-top: auto;
}

.ScrollableLetter-root-mF > div > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  /*This styles to reset default margin-right: -17px for disable default scroll*/
  .ScrollableLetter-root-mF > div > div {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

@supports (-ms-ime-align:auto) and (color:unset) {
  /* Edge12 */
  /*This styles to reset default margin-right: -12px for disable default scroll*/
  .ScrollableLetter-root-mF > div > div {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

@supports (-ms-accelerator:true) and (not (color:unset)) {
  /* Edge13+ */
  /*This styles to reset default margin-right: -12px for disable default scroll*/
  .ScrollableLetter-root-mF > div > div {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

.Participants-root-dr {
  line-height: 25px;
  word-wrap: break-word;
}

  .Participants-root-dr .Participants-toNames-nL {
    flex-grow: 2;
    margin-right: 5px;
    line-height: 20px;
  }

  .Participants-root-dr .Participants-recipient-Pt {
    margin-right: 5px;
  }

  .Participants-root-dr .Participants-toggleWrapper-U9 {
    display: inline-block;
  }

  .Participants-root-dr .Participants-toggle-II {
    color: var(--blueShaded);
    cursor: pointer;
    white-space: nowrap;
  }

  .Participants-root-dr .Participants-toggle-II:hover {
      color: var(--dark);
    }

  .Participants-root-dr .Participants-last-Eu {
    margin-right: 0;
  }

.ChainHeader-root-TZ {
  box-sizing: border-box;
  padding: 16px 20px 15px 20px;
  position: relative;
  background: var(--veryLightBlueTwo);
}

  .ChainHeader-root-TZ .ChainHeader-arrowBack-JA {
    top: 1px;
  }

  .ChainHeader-root-TZ .ChainHeader-arrowBack-JA svg {
      fill: var(--slateBlue09);
    }

  .ChainHeader-root-TZ .ChainHeader-info-mW {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
  }

  .ChainHeader-root-TZ .ChainHeader-info-mW .ChainHeader-contacts-Wg {
      min-width: 0;
      flex: 1 1 auto;
      width: 100%;
      margin-right: 10px;
    }

  .ChainHeader-root-TZ .ChainHeader-info-mW .ChainHeader-date-rK {
      text-align: right;
      white-space: nowrap;
      margin-bottom: 10px;
    }

  .ChainHeader-root-TZ .ChainHeader-title-eQ {
    align-items: center;
    justify-content: flex-start;
    position: relative;
    display: flex;
    margin-bottom: 3px;
    margin-left: 35px;
  }

  .ChainHeader-root-TZ .ChainHeader-subject-Lm {
    display: flex;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
    margin: 0;
    white-space: normal;
    word-wrap: break-word;
    margin-right: 20px;
    width: 100%;
  }

  .ChainHeader-root-TZ .ChainHeader-subject-Lm .ChainHeader-text-GV .ChainHeader-chain-OJ {
        color: var(--shaded);
        margin-right: 10px;
      }

  .ChainHeader-root-TZ .ChainHeader-subject-Lm .ChainHeader-numBubbleWrapper-wD {
      display: inline-block;
      position: relative;
  }

  .ChainHeader-root-TZ .ChainHeader-subject-Lm .ChainHeader-numBubbleWrapper-wD .ChainHeader-numBubble-nJ {
      display: inline-block;
      visibility: hidden;
      height: 25px;
      margin-left: 11px;
      margin-top: -1px;
      margin-right: -1px;
      padding: 5px 10px;
      padding-right: 11px;
      border-radius: 12.5px;
      background-color: var(--white);

      font-size: 13px;
      font-weight: normal;
      line-height: 1.15;
      letter-spacing: normal;
      text-align: center;
      color: var(--shaded);
    }

  .ChainHeader-root-TZ .ChainHeader-subject-Lm .ChainHeader-numBubbleWrapper-wD .ChainHeader-numBubble-nJ.ChainHeader-absolute-RO {
        position: absolute;
        top: 0;
        left: 0;
        visibility: visible;
      }

  .ChainHeader-root-TZ .ChainHeader-star-_Q {
    cursor: pointer;
    flex: none;
    vertical-align: middle;
    margin-left: 10px;
  }

  .ChainHeader-root-TZ .ChainHeader-star-_Q svg {
      width: 17px;
      height: 17px;
      fill: #ced4e4;
    }

  .ChainHeader-root-TZ .ChainHeader-star-_Q.ChainHeader-flagged-Ox svg {
        fill: #ffa018;
      }

.FolderNameBox-folder-CB {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--veryLightBlueTwo);
  max-width: 120px;
  height: 25px;
  margin-left: auto;
  border-radius: 1px;
  margin-right: 10px;
  white-space: nowrap;
}

  .FolderNameBox-folder-CB.FolderNameBox-selected-e4 {
   background-color: var(--white);
  }

  .FolderNameBox-folder-CB.FolderNameBox-unread-Ii {
     background-color: var(--white);
  }

  .FolderNameBox-folder-CB.FolderNameBox-isLetterView-vZ {
     background-color: var(--white);
  }

  .FolderNameBox-folder-CB.FolderNameBox-compact-k1 {
     margin-right: auto;
     margin-left: 30px;
     margin-top: -3px;
     max-width: 145px;
  }

  .FolderNameBox-folder-CB span {
    padding: 0 10px;
    height: 15px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: normal;
    color: var(--blueShaded);
    overflow: hidden;
    text-overflow: ellipsis;
  }

.Actions-root-l3 {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-right: 15px;
  margin-top: 1px;
  cursor: pointer;
}

  .Actions-root-l3:hover svg {
      fill: var(--darkGray) !important;
    }

  .Actions-root-l3:hover span {
      color: var(--darkGray);
    }

  .Actions-root-l3 span {
    margin-left: 5px;
    user-select: none;
  }

  .Actions-root-l3 span.Actions-hide-Wy {
      display: none;
    }

  .Actions-root-l3 .Actions-hide-Wy {
    display: none;
  }

  .Actions-root-l3 .Actions-text-b8 {

  }

.Actions-moveToFolderBtn-hi {
    display: flex;
}

.ChainItemHeader-root-uV {
  box-sizing: border-box;
  padding: 15px 20px 11px 20px;
  position: relative;
  width: 100%;
}

  .ChainItemHeader-root-uV .ChainItemHeader-letterActions-eW {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-reply-Gz {
    margin-top: -2px;
    margin-right: 10px;
    width: 15px;
    min-width: 15px;
    height: 15px;
    fill: var(--lightBlueGray);
  }

  .ChainItemHeader-root-uV .ChainItemHeader-wrapper-Ro {
    display: flex;
    margin: 0 0 15px 0;
    align-items: flex-start;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt {
      min-width: 0;
      flex: 1 1 auto;
      width: 100%; /* ie fix */
      margin-right: 10px;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt .ChainItemHeader-from-k3 {
        word-wrap: break-word;
        display: flex;
        line-height: 14px;
      }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt .ChainItemHeader-from-k3 .ChainItemHeader-fromLabel-MP {
          margin-right: 4px;
          vertical-align: middle;
          min-width: 17px;
        }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt .ChainItemHeader-from-k3 .ChainItemHeader-fromEmail-VU {
          color: var(--blueShaded);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt .ChainItemHeader-from-k3 .ChainItemHeader-fromLabel-MP {
          color: var(--shaded);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-contacts-xt .ChainItemHeader-from-k3:hover .ChainItemHeader-fromEmail-VU {
            color: var(--dark);
          }

  .ChainItemHeader-root-uV .ChainItemHeader-info-AL .ChainItemHeader-date-tC {
      text-align: right;
      white-space: nowrap;
      margin-bottom: -1px;
      display: flex;
      height: 25px;

    }

  .ChainItemHeader-root-uV .ChainItemHeader-subject-Cr {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.25;
    margin: 1px 20px 0 0;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-star-dS {
    cursor: pointer;
    flex: none;
    vertical-align: middle;
    margin-left: 10px;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-star-dS svg {
      width: 17px;
      height: 17px;
      fill: #ced4e4;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-starWrap-bg {
    margin-left: 10px;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-flagged-y7 svg {
      fill: #ffa018;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 {
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    display: flex;
    margin-bottom: 13px;
  }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-left-_F {
      display: flex;
      justify-content: start;
      align-items: baseline;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      margin-top: 5px;
      width: 50px;
      min-width: 50px;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowUp-qI {
        cursor: pointer;
        width: 15px;
        height: 15px;
        opacity: 0.9;
        fill: var(--blueShaded);
      }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowUp-qI:hover {
          fill: var(--darkGray);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowUp-qI.ChainItemHeader-disabled-S6 {
          cursor: default;
          fill: var(--periwinkle);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowDown-iQ {
        cursor: pointer;
        width: 15px;
        height: 15px;
        opacity: 0.9;
        fill: var(--blueShaded);
      }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowDown-iQ:hover {
          fill: var(--darkGray);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-title-j9 .ChainItemHeader-right-PE .ChainItemHeader-arrowDown-iQ.ChainItemHeader-disabled-S6 {
          cursor: default;
          fill: var(--periwinkle);
        }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ {
    display: flex;
    justify-content: space-between;
    height: 55px;

    margin: 17px 0 0;
    padding: 20px;
    border-radius: 5px;
    border: solid 1px var(--periwinkle);
    color: var(--blueShaded);
  }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ .ChainItemHeader-icon-yw {
      display: block !important;
      fill: var(--blueShaded);
      width: 15px;
      height: 15px;
      min-width: 15px;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ .ChainItemHeader-left-_F {
      margin-left: -6px;
      display: flex;
      justify-content: start;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ .ChainItemHeader-right-PE {
      display: flex;
      justify-content: end;
      margin-right: -16px;
    }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ .ChainItemHeader-right-PE .ChainItemHeader-reply-Gz {
        margin-top: -1px;
        width: 77px;
      }

  .ChainItemHeader-root-uV .ChainItemHeader-actions-MQ .ChainItemHeader-right-PE .ChainItemHeader-reply-Gz.ChainItemHeader-hide-hU {
          width: 15px;
        }

.ChainItemError-root-NP {
  height: 250px;
  width: 100%;
}

  .ChainItemError-root-NP .ChainItemError-wrapper-co {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 95px;
  }

  .ChainItemError-root-NP .ChainItemError-wrapper-co .ChainItemError-title-vL {
      font-size: 13px;
      font-weight: normal;
      color: var(--dark);
    }

  .ChainItemError-root-NP .ChainItemError-wrapper-co .ChainItemError-button-Um {
      margin-top: 17px;
      margin-left: 2px;
      width: 117px;
    }
.ChainItemBig-root-BF {
  background-color: var(--white);
  transition: background-color 0.3s ease;
}

.ChainItemBig-wrapper-Fi {
  border: solid 2px #649dff;
}

.ChainItemBig-withAttachments-hb {
  padding-bottom: 1px !important;
}

.ChainItemBig-unseen-Cd {
  transition: background-color 0.3s ease;
  background-color: var(--lightBlue4) !important;
}

.ChainItemBig-blockquoteLabel-CG {
  margin-top: -20px;
  padding-left: 20px;
  display: flex;
  cursor: pointer;
  padding-bottom: 19px;
  user-select: none;
}

.ChainItemBig-blockquoteLabel-CG.ChainItemBig-hideQuote-uj {
    padding-top: 11px;
    padding-bottom: 24px;
  }

.ChainItemBig-blockquoteLabel-CG .ChainItemBig-iconMore-B7 {
    width: 15px;
    height: 15px;
    max-height: 15px;
    min-height: 15px;
    margin-top: -1px;
    fill: var(--blueShaded);
  }

.ChainItemBig-blockquoteLabel-CG .ChainItemBig-blockquoteText-Un {
    margin-left: 5px;
    color: var(--blueShaded);
  }

.ChainItemBig-blockquoteLetterBody-ok {
  padding-top: 0px;
}
.ChainItemSmall-root-hr {
  width: 100%;
  height: 70px;
  min-height: 70px;
  padding: 15px 20px;
  border-bottom: solid 1px var(--veryLightBlue);
  cursor: pointer;
}

  .ChainItemSmall-root-hr.ChainItemSmall-unread-RC {
    background-color: var(--lightBlue4);
  }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 25px;
  }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-sender-Ic {
      margin-top: 1px;
      margin-left: -1px;
    }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-right-ha {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
    }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-right-ha .ChainItemSmall-folder-ma {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--veryLightBlueTwo);
        max-width: 120px;
        height: 25px;
        margin-top: -4px;
        margin-right: 26px;
      }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-right-ha .ChainItemSmall-folder-ma.ChainItemSmall-unread-RC {
          background-color: var(--white);
        }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-right-ha .ChainItemSmall-folder-ma span {
          padding: 0 10px;
          height: 15px;
          font-family: Arial;
          font-size: 13px;
          line-height: 1.15;
          letter-spacing: normal;
          color: var(--blueShaded);
          overflow: hidden;
          text-overflow: ellipsis;
        }

  .ChainItemSmall-root-hr .ChainItemSmall-firstLine-wR .ChainItemSmall-right-ha .ChainItemSmall-date-Fg {
        margin-right: 1px;
        margin-top: 1px;
      }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 22px;
    margin-top: -3px;
  }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR .ChainItemSmall-reply-HI {
        margin-top: -1px;
        width: 15px;
        min-width: 15px;
        height: 15px;
        fill: var(--lightBlueGray);
        cursor: pointer;
      }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR .ChainItemSmall-markUnseen-kt {
        margin-left: 3px;
        margin-right: 3px;
      }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR .ChainItemSmall-markUnseen-kt svg {
          width: 9px;
          height: 9px;
          fill: var(--blue2);
        }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR .ChainItemSmall-snippet-yf {
        font-size: 13px;
        line-height: 1.15;
        letter-spacing: normal;
        color: var(--shaded);
      }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-left-qR .ChainItemSmall-snippet-yf.ChainItemSmall-withAction-jP {
          margin-left: 10px;
        }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-star-b9 {
      cursor: pointer;
      margin-top: 2px;
    }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-star-b9 svg {
        width: 17px;
        height: 17px;
        fill: var(--faded);
      }

  .ChainItemSmall-root-hr .ChainItemSmall-secondLine-KC .ChainItemSmall-star-b9.ChainItemSmall-flagged-z0 svg {
          fill: var(--darkYellow);
        }

.ChainItems-divider-SX {
  height: 10px;
  width: 100%;
  background-color: var(--bdLightBlue);
}
.AutoEraseInfo-wrap-yj {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-bottom: 1px solid var(--bgLightBlue);
}

  .AutoEraseInfo-wrap-yj .AutoEraseInfo-icon-CE {
    margin-right: 20px;
  }

  .AutoEraseInfo-wrap-yj .AutoEraseInfo-text-Fr {
    max-width: 260px;
  }

.AutoEraseInfo-icon-CE {
  width: 61px;
  height: 60px;
  flex: none;
}

.AutoEraseInfo-text-Fr {
  line-height: 20px;
  font-size: 13px;
  color: #343b4c;
  line-height: 1.54;
}


.AutoEraseInfo-wrap3k-B8 {
  height: 140px;
  padding: 10px;

  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  flex-direction: column;
  border-bottom: 1px solid var(--bgLightBlue);
}


.AutoEraseInfo-wrap3k-B8 .AutoEraseInfo-text-Fr {
    text-align: center;
    width: 100%;
  }

.SpamInfo-wrap-QY {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid var(--bgLightBlue);
  padding: 15px 20px;
}

.SpamInfo-text-F7 {
  margin-top: 15px;
  padding-right: 15px;
  font-family: ArialMT, Arial;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: var(--black);
}

.SpamInfo-btn-SB {
  width: 156px; 
  max-width: 156px;
  font-weight: 600;
}


.SpamInfo-wrap3k-OO {
  height: 185px;
  padding: 10px;

  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  flex-direction: column;
  border-bottom: 1px solid var(--bgLightBlue);
}


.SpamInfo-wrap3k-OO .SpamInfo-text-F7 {
    text-align: center;
    width: 200px;
    height: auto;
    margin-top: 0;
    padding-right: 0;
  }


.SpamInfo-wrap3k-OO .SpamInfo-text-F7 strong {
      display: block;
    }


.SpamInfo-wrap3k-OO .SpamInfo-subtext-UB {
    margin: 0;
    padding: 0;
    font-weight: 700;
  }


.SpamInfo-wrap3k-OO .SpamInfo-btnWrapper-Cz {
    margin-top: -5px;
  }

@media (min-width: 1060px) { 
  .SpamInfo-wrap3k-OO {
    height: 150px;
  }
    .SpamInfo-wrap3k-OO .SpamInfo-text-F7 {
      width: 250px;
    }
}
.SalutButton-root-Da {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  width: 154px;
  display: flex;
  background: rgba(218, 230, 245, 1);
  border-left: 2px solid rgba(255, 255, 255, 1);
  backdrop-filter: blur(50px);
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space:nowrap;
  cursor: pointer;
  color: rgb(52, 59, 76);
}

.SalutButton-icon-f4 {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.ListItem-root-Os {
  position: relative;
  height: 35px;
  display: flex;
  align-items: center;
  padding: 0 20px 0 12.5px;
  color: var(--black);
}

  .ListItem-root-Os.ListItem-checked-qM {
    background-color: #fffdd9;
  }

  .ListItem-root-Os.ListItem-checked-qM:hover {
      background-color: #fffdd9 !important;
    }

  .ListItem-root-Os.ListItem-compact-le {
    min-height: 55px;
    flex-direction: column;
    padding: 0 10px 0 20px;
  }

  .ListItem-root-Os.ListItem-compact-le.ListItem-chainItem-ck {
      padding-right: 10px;
      padding-left: 35px;
    }

  .ListItem-root-Os.ListItem-compact-le.ListItem-folderBadge-LQ {
      min-height: 85px;
    }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 {
      display: flex;
      justify-content: space-between;
      height: 30px;
      padding-top: 5px;
    }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 .ListItem-left-mQ {
        display: flex;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 .ListItem-checkboxTouchZone-f5 {
        justify-content: flex-start;
        padding-bottom: 5px;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 .ListItem-sender-wX {
        margin-left: 0;
        margin-right: initial;
        max-width: 106px;
        min-width: 106px;
        width: 106px;
      }

  @media (min-width: 1025px) {

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 .ListItem-sender-wX {
          max-width: 200px;
          width: calc(100% - 85px)
      }
        }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7 .ListItem-date-Ax {
        display: flex;
        align-items: center;
        min-width: 55px;
        justify-content: flex-end;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU {
      height: 25px;
      display: flex;
      align-items: center;
      padding-bottom: 5px;
    }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-seenBadge-lE {
        height: 20px;
        margin: 0 15px 0 1px;
        align-items: center;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-text-tM {
        width: 112px;
        max-width: 112px;
        min-width: 112px;
        height: 20px;
      }

  @media (min-width: 1025px) {

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-text-tM {
          width: calc(100% - 79px);
          min-width: calc(100% - 79px);
          max-width: 200px
      }
        }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-subject-jb {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-attaches-DQ {
        margin-right: 10px;
        margin-left: 5px;
        display: flex;
        align-items: flex-start;
        height: 20px;
        margin-top: 1px;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-flagged-ZE {
        margin-left: 0;
      }

  .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU .ListItem-flagged-ZE svg {
          width: 15px;
          height: 15px;
        }

  .ListItem-root-Os.ListItem-compact-le .ListItem-headLine-u7, .ListItem-root-Os.ListItem-compact-le .ListItem-footLine-AU {
      width: 100%;
    }

  .ListItem-root-Os.ListItem-chainItem-ck {
    background-color: var(--paleGrayTwo);
    border-bottom: 1px solid var(--veryLightBlue);
    padding: 0 20px 0 28.5px;
    background-size: 100% 10px;
    background-repeat: no-repeat;
  }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-isFirst-NL {
      background-position: top;
      background-image: linear-gradient(to bottom, rgba(52, 59, 76, 0.1), rgba(52, 59, 76, 0));
    }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-isLast-q8 {
      background-position: bottom;
      background-image: linear-gradient(to bottom, rgba(52, 59, 76, 0), rgba(52, 59, 76, 0.1));
    }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-checked-qM {
      background-color: var(--bgYellow);
    }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-checked-qM:hover {
        background-color: var(--bgYellow) !important;
      }

  .ListItem-root-Os.ListItem-chainItem-ck .ListItem-snippet-Y1 {
      margin-left: 0 !important;
    }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-compact-le .ListItem-sender-wX {
        max-width: 91px;
        min-width: 91px;
        width: 91px;
      }

  @media (min-width: 1025px) {

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-compact-le .ListItem-sender-wX {
          max-width: 180px;
          width: calc(100% - 90px)
      }
        }

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-compact-le .ListItem-text-tM {
        max-width: 100px;
        min-width: 100px;
        width: 100%;
      }

  @media (min-width: 1025px) {

  .ListItem-root-Os.ListItem-chainItem-ck.ListItem-compact-le .ListItem-text-tM {
          min-width: calc(100% - 76px);
          width: calc(100% - 76px);
          max-width: 180px
      }
        }

  .ListItem-root-Os.ListItem-isOpenedChain-gV .ListItem-counter-fx {
      background-color: #e8eaf0 !important;
      color: #456efb;
    }

  .ListItem-root-Os.ListItem-isOpenedChain-gV .ListItem-counterArrow-NA {
      transform: rotate(180deg);
    }

  .ListItem-root-Os.ListItem-isOpenedChain-gV .ListItem-counterArrow-NA path {
        fill: #456efb !important;
      }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) {
    background-color: #456efb !important;
    color: white;
  }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM).ListItem-isOpenedChain-gV .ListItem-counter-fx {
        color: #456efb;
      }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-subject-jb, .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-snippet-Y1 {
      color: white;
    }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-counter-fx {
      background-color: #fff !important;
      color: #343b4c;
    }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-attaches-DQ svg path, .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-flagged-ZE svg path, .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-answered-uc svg path {
        fill: white;
      }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-flagged-ZE.ListItem-active-VN svg path {
          fill: #ffc000 !important;
        }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-seenBadge-lE:hover svg:first-child path {
          fill: #9fdfff !important;
        }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM) .ListItem-seenBadge-lE.ListItem-seenBadge_answered-IF .ListItem-answered-uc svg path {
            fill: var(--white) !important;
          }

  .ListItem-root-Os.ListItem-isLetterView-dJ:not(.ListItem-checked-qM).ListItem-unseen-v5 .ListItem-seenBadge-lE svg:first-child path {
          fill: white !important;
        }

  .ListItem-root-Os.ListItem-unseen-v5:not(.ListItem-checked-qM) {
    background-color: var(--lightBlue4);
  }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-seenBadge-lE svg {
        width: 9px;
        height: 9px;
      }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-seenBadge-lE svg path {
          fill: #456efb !important;
        }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-seenBadge-lE:hover svg path {
          fill: #3c5dcd !important;
        }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-seenBadge-lE .ListItem-answered-uc svg {
        width: 0;
        height: 0;
      }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-sender-wX {
      font-weight: bold;
    }

  .ListItem-root-Os.ListItem-unseen-v5 .ListItem-sender-wX .ListItem-counter-fx {
        background-color: #fff !important;
        font-weight: normal;
      }

  .ListItem-root-Os.ListItem-unseen-v5:not(.ListItem-root-Os.ListItem-unseen-v5.ListItem-compact-le) .ListItem-subject-jb {
        font-weight: bold;
      }

  .ListItem-root-Os:hover {
    background-color: rgba(243, 244, 247, 1);
    cursor: pointer;
  }

  .ListItem-root-Os:hover .ListItem-salutButton-xe {
      opacity: 1;
    }

  .ListItem-root-Os:hover .ListItem-seenBadge-lE svg path {
        fill: var(--faded);
      }

  .ListItem-root-Os:hover .ListItem-counter-fx {
      background-color: var(--veryLightBlue) !important;
    }

  .ListItem-root-Os .ListItem-checkboxTouchZone-f5 {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ListItem-root-Os .ListItem-flagged-ZE {
    margin-left: 4px;
  }

  .ListItem-root-Os .ListItem-flagged-ZE:hover {
      cursor: pointer;
    }

  .ListItem-root-Os .ListItem-flagged-ZE:hover svg path {
        fill: #7f87a0;
      }

  .ListItem-root-Os .ListItem-flagged-ZE svg {
      width: 17px;
      height: 17px;
    }

  .ListItem-root-Os .ListItem-flagged-ZE svg path {
        fill: #ced4e4;
      }

  .ListItem-root-Os .ListItem-flagged-ZE.ListItem-active-VN:hover svg path {
          fill: #ffc000;
        }

  .ListItem-root-Os .ListItem-flagged-ZE.ListItem-active-VN svg path {
        fill: #ffc000;
      }

  .ListItem-root-Os .ListItem-sender-wX {
    display: flex;
    align-items: center;
    margin-left: 15px;
    margin-right: 37px;
    min-width: 137px;
    max-width: 187px;
    font-size: 13px;
    flex-grow: 2;
  }

  .ListItem-root-Os .ListItem-sender-wX.ListItem-shortSender-F6 {
      max-width: 171px;
    }

  .ListItem-root-Os .ListItem-sender-wX span {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

  .ListItem-root-Os .ListItem-sender-wX .ListItem-counter-fx {
      font-family: Arial, sans-serif;
      font-size: 11px;
      background-color: #f3f4f7;
      display: flex;
      align-items: center;
      height: 25px;
      border-radius: 12.5px;
      margin-left: 5px;
      padding: 5px 5px 5px 10px;
      box-sizing: border-box;
      flex-shrink: 0;
    }

  .ListItem-root-Os .ListItem-sender-wX .ListItem-counter-fx .ListItem-counterArrow-NA {
        width: 15px;
        height: 15px;
      }

  .ListItem-root-Os .ListItem-sender-wX .ListItem-counter-fx .ListItem-counterArrow-NA path {
          fill: #343b4c;
        }

  .ListItem-root-Os .ListItem-salutButton-xe {
    transition-property: opacity;
    transition-duration: 300ms;
    opacity: 0;
  }

  .ListItem-root-Os .ListItem-seenBadge-lE {
    width: 30px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ListItem-root-Os .ListItem-seenBadge-lE:hover svg {
        width: 9px !important;
        height: 9px !important;
      }

  .ListItem-root-Os .ListItem-seenBadge-lE:hover svg path {
          fill: #7f87a0;
        }

  .ListItem-root-Os .ListItem-seenBadge-lE:hover .ListItem-answered-uc {
        display: none;
      }

  .ListItem-root-Os .ListItem-seenBadge-lE.ListItem-seenBadge_answered-IF svg {
        width: 0;
        height: 0;
      }

  .ListItem-root-Os .ListItem-seenBadge-lE.ListItem-seenBadge_answered-IF .ListItem-answered-uc svg {
        width: 13px;
        height: 13px;

      }

  .ListItem-root-Os .ListItem-seenBadge-lE.ListItem-seenBadge_answered-IF .ListItem-answered-uc svg path {
          fill: var(--shaded) !important;
        }

  .ListItem-root-Os .ListItem-seenBadge-lE svg {
      width: 9px;
      height: 9px;
    }

  .ListItem-root-Os .ListItem-seenBadge-lE svg path {
        fill: transparent;
      }

  .ListItem-root-Os .ListItem-seenBadge-lE .ListItem-answered-uc svg {
        width: 13px;
        height: 13px;
      }

  .ListItem-root-Os .ListItem-seenBadge-lE .ListItem-answered-uc svg path {
          fill: #7f87a0;
        }

  .ListItem-root-Os .ListItem-text-tM {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    max-width: calc(100% - 370px);
  }

  .ListItem-root-Os .ListItem-text-tM.ListItem-shortText-Qq {
      max-width: calc(100% - 353px);
    }

  .ListItem-root-Os .ListItem-text-tM.ListItem-compact-le {
      justify-content: flex-start;
    }

  .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J {
      padding-right: 3px;
      font-size: 13px;
      color: var(--shaded);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

  .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J.ListItem-isLetterView-dJ, .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J.ListItem-isLetterView-dJ > span {
        color: var(--white);
      }

  .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J .ListItem-subject-jb {
        color: var(--darkGray);
      }

  .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J .ListItem-snippet-Y1 {
        margin-left: 10px;
      }

  .ListItem-root-Os .ListItem-text-tM .ListItem-title-_J .ListItem-snippet-Y1.ListItem-shortSnippet-_M {
          margin-left: 0;
        }

  .ListItem-root-Os .ListItem-attaches-DQ {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ListItem-root-Os .ListItem-attaches-DQ svg {
      width: 15px;
      height: 15px;
    }

  .ListItem-root-Os .ListItem-attaches-DQ svg path {
        fill: #7f87a0;
      }

  .ListItem-root-Os .ListItem-attaches-DQ.ListItem-w2k-B0 {
      padding-right: 9px;
      padding-left: 9px;
    }

  .ListItem-root-Os .ListItem-date-Ax {
    width: 50px;
    text-align: right;
  }

  .ListItem-root-Os .ListItem-rightWrapper-gY {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

.MessageItem-root-sR {
  max-height: 35px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom: 1px solid rgba(236, 240, 243, 1);
}

  .MessageItem-root-sR.MessageItem-compact-BR {
    max-height: 55px;
  }

  .MessageItem-root-sR.MessageItem-folderBadge-pb {
    min-height: 85px;
  }

  .MessageItem-root-sR.MessageItem-isOpen-xU {
    border-bottom: none;
    max-height: 1000px;
    translate: max-height .3s ease;
  }

  .MessageItem-root-sR.MessageItem-checked-u_ {
    background-color: #fffdd9;
  }

  .MessageItem-root-sR.MessageItem-checked-u_:hover {
      background-color: #fffdd9 !important;
    }

  .MessageItem-root-sR .MessageItem-chainList-CP {
    background-color: var(--paleGrayTwo);
  }

@keyframes ChainItem-loadingChainAnimation-ov {
  0%{
    background-position: -800px 0
  }
  100%{
    background-position: 800px 0
  }
}

.ChainItem-root-GD {
  max-height: 35px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid rgba(236, 240, 243, 1);
  overflow: hidden;
}

.ChainItem-root-GD.ChainItem-compact-nt {
    max-height: 55px;
  }

.ChainItem-root-GD.ChainItem-isOpen-bT {
    border-bottom: none;
    max-height: unset;
  }

.ChainItem-root-GD.ChainItem-checked-Kq {
    background-color: #fffdd9;
  }

.ChainItem-root-GD.ChainItem-checked-Kq:hover {
      background-color: #fffdd9 !important;
    }

.ChainItem-root-GD .ChainItem-chainList-Li {
    background-color: var(--paleGrayTwo);
  }

.ChainItem-root-GD .ChainItem-preloader-YA {
    display: flex;
    height: 35px;
    align-items: center;
    padding: 0 20px;
    border-bottom: 1px solid rgba(236, 240, 243, 1);
  }

.ChainItem-root-GD .ChainItem-preloader-YA.ChainItem-hightPreloader-dG {
      height: 55px;
      padding: 0 16px;
    }

.ChainItem-root-GD .ChainItem-preloader-YA.ChainItem-hightPreloader-dG .ChainItem-preloaderElement-_a:nth-child(1) {
          min-width: 15px;
        }

.ChainItem-root-GD .ChainItem-preloader-YA.ChainItem-hightPreloader-dG .ChainItem-preloaderElement-_a:nth-child(2), .ChainItem-root-GD .ChainItem-preloader-YA.ChainItem-hightPreloader-dG .ChainItem-preloaderElement-_a:nth-child(4) {
          display: none;
        }

.ChainItem-root-GD .ChainItem-preloader-YA.ChainItem-hightPreloader-dG .ChainItem-preloaderElement-_a:nth-child(3) {
          min-width: 130px;
          margin-right: 0;
        }

.ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a {
      border-radius: 3px;
      background: linear-gradient(to right, #f9fafb 8%, #e8eaf0 18%, #f9fafb 33%);
      background-size: 1600px auto;
      animation-duration: 1.5s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: ChainItem-loadingChainAnimation-ov;
      animation-timing-function: cubic-bezier(0.71, 0.39, 0.72, 0.39);
    }

.ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a:nth-child(1), .ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a:nth-child(2) {
        width: 15px;
        height: 15px;
        margin-right: 15px;
      }

.ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a:nth-child(3) {
        width: 130px;
        height: 15px;
        margin-right: 85px;
      }

.ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a:nth-child(4) {
        width: 250px;
        height: 15px;
        margin-right: 140px;
      }

.ChainItem-root-GD .ChainItem-preloader-YA .ChainItem-preloaderElement-_a:nth-child(5) {
        width: 50px;
        height: 15px;
        margin-left: auto;
      }

.SearchResultTitle-root-Qn {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 16px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(236, 240, 243, 1);
}

  .SearchResultTitle-root-Qn .SearchResultTitle-title-EN {
    word-wrap: break-word;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: var(--dark);
  }

  .SearchResultTitle-root-Qn .SearchResultTitle-result-jz {
    margin-left: 5px;
    font-weight: normal;
    letter-spacing: normal;
    color: var(--shaded);
  }

:root {
  --sidebar: 300px;
  --spaceBetweenElem: 10px;
}

.MailList-root-S5 {
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.MailList-root-S5.MailList-isColumnLayout-Nn {
    flex: 1 1 auto;
    display: flex;
    position: relative;
    max-height: 100%;
    min-width: 754px;
  }

.MailList-root-S5.MailList-isColumnLayout-Nn .MailList-pagination-uK {
      position: absolute;
      bottom: 0;
      width: 100%;
    }

.MailList-root-S5 .MailList-toolbarWrapper-Ds > div {
    height: auto !important;
  }

.MailList-wrapper-MC {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.MailList-columnContent-pG {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
}

.MailList-columnList-KG {
  max-width: 320px;
  min-width: 235px;
  width: 100%;
  border-right: 1px solid rgba(206, 212, 228, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (max-width: 1024px) {

.MailList-columnList-KG {
    width: 235px
}
  }

@media (min-width: 1680px) {

.MailList-columnList-KG {
    max-width: 400px;
    min-width: 400px
}
  }

@media (min-width: 1920px) {

.MailList-columnList-KG {
    max-width: 450px;
    min-width: 450px
}
  }

@media (min-width: 2048px) {

.MailList-columnList-KG {
    max-width: 500px;
    min-width: 500px
}
  }

.MailList-notFound-sm:after {
    content: "Письма не найдены";
  }

.MailList-whiteBackground-nI {
  background: white;
}

.MailList-pagination-uK {
  height: 55px;
  background-color: white;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.MailList-pagination-uK .MailList-paginationInner-Qv {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.MailList-pagination-uK [class*="inputWrapper"] {
    height: 35px;
  }

.MailList-pagination-uK .MailList-numbers-yU {
    margin-left: 20px;
    color: var(--shaded);
  }

.MailList-pagination-uK button {
    opacity: 1 !important;
  }

.MailList-pagination-uK .MailList-paginationInput-G9 {
    width: 55px;
  }

.MailList-list-zf {
  position: relative;
}

.MailList-listRoot-jg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 55px;
  z-index: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  margin-right: 0;
  margin-bottom: 0;
  background-color: white;
}

.MailList-listRoot-jg.MailList-withoutPagination-f8 {
    bottom: 0;
  }

.MailList-onBoarding-la {
  top: 0;
  left: 9px;
}
.MailList-onBoarding-la.MailList-onBoardingAdvert-Mx {
  top: 35px;
}
.MailList-onBoarding-la.MailList-onBoardingAdvert-Mx.MailList-onBoarding3k-Fg {
  top: 55px;
}

.MailList-showAutoEraseInfo-iU {
  top: 140px;
}

.MailList-showSpamInfo-Ri {
  top: 185px;
}

@media (min-width: 1060px) {
  .MailList-showSpamInfo-Ri {
    top: 150px;
  }
}
.Item-root-mX {
  margin-bottom: 22px;
  color: var(--primary);
}

  .Item-root-mX a {
    color: var(--primary);
  }

  .Item-root-mX a:hover {
    color: var(--news-active);
  }

.Item-container-Lo {
  line-height: 1.36;
  margin-bottom: 6px;
}

.Item-title-MY {
  font-size: 13px;
  line-height: 1.54;

  display: block;
}

.Item-topic-HF {
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: var(--secondary-light);
}

.Item-comments-LZ {
  display: inline;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: var(--link-active);

  white-space: nowrap;
}

.Item-comments-LZ svg {
    vertical-align: middle;
    margin: 0 2px 2px;
    fill: var(--link-active);
  }

.Item-comments-LZ svg:hover {
    cursor: pointer;
  }

.Item-icon-tK {
  width: 13px;
  height: 13px;
}

.Subscribe-subscribe-CS {
  display: flex;
}
  .Subscribe-subscribe-CS svg {
    cursor: pointer;
  }

.Subscribe-label-A_ {
  font-size: 13px;
  line-height: 1.15;
  padding-left: 10px;
  color: #5c6993;
  cursor: pointer;
}

.Block-root-ML {
  padding: 0 10px;
  margin: 25px 0 0 0;
  flex: 1 0 0;
}

.Block-title-EZ {
  margin: 0 0 21px 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.15;
  color: var(--primary);
}

.Sidebar-content-wJ {
  padding: 0;
  margin: 0 0 10px -1px;
  flex: 1 0 auto;
}


.Icon-itemIcon-Xi {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  transition: background 0.1s ease;
  vertical-align: middle;
  flex: 0 0 auto;
  transition: transform 0.3s; /* добавляем анимацию к свойству transform */
  border-radius: 5px;
}

  /* Чтобы расширить область реагирования, не меняя размер элемента */
  .Icon-itemIcon-Xi::before {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
  }
  .Icon-itemIcon-Xi.Icon-open-Xf {
    transform: rotate(-180deg);
  }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt:hover {
      background-color: var(--lightBlueAlt_1_Hover);
    }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt:hover > svg {
      fill: var(--middleBlue_Hover);
    }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt:active {
      background-color: var(--lightBlueAlt_1_Active);
    }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt:active > svg {
      fill: var(--middleBlue_Active);
    }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt.Icon-isActive-rE:hover {
        background-color: var(--lightBlueAlt_2_Hover);
      }
  .Icon-itemIcon-Xi.Icon-subfolder-Mt.Icon-isActive-rE:active {
        background-color: var(--lightBlueAlt_2_Active);
      }
  .Icon-itemIcon-Xi svg {
    fill: var(--lightCarbone);
  }
  .Icon-itemIcon-Xi.Icon-isActive-rE svg {
      fill: var(--infoBlue);
    }
  .Icon-itemIcon-Xi.Icon-dark-zn svg {
      fill: var(--white);
    }
  .Icon-itemIcon-Xi.Icon-dark-zn.Icon-isActive-rE svg {
        fill: var(--white);
      }
  .Icon-itemIcon-Xi.Icon-dark-zn:hover .Icon-itemIcon-Xi.Icon-dark-zn svg {
      fill: var(--white);
    }
  .Icon-itemIcon-Xi.Icon-dark-zn.Icon-subfolder-Mt:hover {
        background-color: var(--paleWhite);
      }

.Count-counter-Dr {
  padding-left: 20px;
  color: var(--infoBlue);

  display: inline-block;
  vertical-align: middle;
}

  .Count-counter-Dr.Count-isActive-Yd {
    font-weight: 700;
  }

  .Count-counter-Dr.Count-dark-eE {
    color: var(--white);
  }

  .Count-counter-Dr .Count-indicator-zs {
    margin-left: 0.3em;
  }

.FolderItem-root-r1 {
  position: relative;
  /*margin-top: 1px;*/
  font-size: 14px;

  cursor: pointer;
}

  .FolderItem-root-r1 a {
    position: relative;

    display: flex;
    align-items: center;
    height: 20px;
    padding: 5px 10px;

    line-height: 1.15;

    border-radius: 1px;
    border-radius: 35px;
  }

  .FolderItem-root-r1 a .FolderItem-add-rI {
      display: none;
    }

  .FolderItem-root-r1 a:hover {
      background-color: var(--whiteBlue_Hover);
      color: var(--middleBlue);
    }

  .FolderItem-root-r1 a:hover .FolderItem-add-rI {
        display: flex;
      }

  .FolderItem-root-r1 a:active {
      background-color: var(--whiteBlue_Active);
      color: var(--middleBlue);
    }

  .FolderItem-root-r1 a:active .FolderItem-add-rI {
        display: flex;
      }

  .FolderItem-root-r1.FolderItem-secondary-fK {
    display: none;
  }

  .FolderItem-root-r1.FolderItem-showEmptyAndCounter-Hz .FolderItem-clearButton-WL {
      opacity: 0;

      transition: 0.2s ease;
    }

  .FolderItem-root-r1.FolderItem-showEmptyAndCounter-Hz:hover .FolderItem-clearButton-WL {
        opacity: 1;
      }

  .FolderItem-root-r1 .FolderItem-link-tH {
    color: var(--lightCarboneText_Regular);
    user-select: none;

    /* .folderIcon svg {
      fill: var(--lightCarboneText_Regular) !important;
    } */
  }

  .FolderItem-root-r1 .FolderItem-link-tH:hover {
      color: var(--lightBlueText_Hover);
    }

  .FolderItem-root-r1 .FolderItem-link-tH:hover .FolderItem-folderIcon-LX svg {
        fill: var(--lightBlueText_Hover)
      }

  .FolderItem-root-r1 .FolderItem-link-tH:active {
      color: var(--lightBlueText_Active);
    }

  .FolderItem-root-r1 .FolderItem-link-tH:active .FolderItem-folderIcon-LX svg {
        fill: var(--lightBlueText_Active);
      }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-isActive-cl {
      font-weight: 700;

      background-color: var(--lightBlueAlt_2_Regular);
      color: var(--lightBlueText_Regular);
    }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-isActive-cl .FolderItem-folderIcon-LX svg {
        fill: var(--lightBlueText_Regular);
      }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-isOver-X7 {
      background-color: var(--whiteBlue_Hover);
      color: var(--middleBlue);

      /* .folderIcon svg {
        fill: var(--lightBlueText_Hover) !important;
      } */
    }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-isOver-X7 .FolderItem-add-rI {
        display: flex;
      }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-dark-ex {
      color: var(--white);
    }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-dark-ex:hover {
        background-color: var(--paleWhite);
        color: var(--white);
      }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-dark-ex:hover .FolderItem-folderIcon-LX svg {
          fill: var(--white);
        }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-dark-ex.FolderItem-isActive-cl {
        font-weight: 700;

        background-color: var(--veryLightBlueThree);
        color: var(--white);
      }

  .FolderItem-root-r1 .FolderItem-link-tH.FolderItem-dark-ex.FolderItem-isActive-cl .FolderItem-folderIcon-LX svg {
          fill: var(--white);
        }

  .FolderItem-root-r1 .FolderItem-right-m5 {
  display: flex;
  margin-left: auto;
}

  .FolderItem-root-r1 .FolderItem-title-Zm {
  display: inline-block;
  padding: 0 0 0 10px;

  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: pre;

  overflow: hidden;
}

.DialogBox-root-nO {
    min-width: 235px;
    max-width: 235px;
    width: auto;
    padding: 18px 30px 18px 18px;
    color: var(--white);
    background-color: var(--carbon95);
    cursor: default;
    font-weight: 400;
}

    .DialogBox-root-nO.DialogBox-hidden-QB {
         display: none;
    }

    .DialogBox-root-nO .DialogBox-text-S0 {
        margin-right: 18px;
    }

    .DialogBox-root-nO .DialogBox-close-Tg {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 15px;
      height: 15px;
      cursor: pointer;
    }

    .DialogBox-root-nO .DialogBox-close-Tg .DialogBox-icon-Db {
          fill: var(--halfWhite);
          width: 14px;
          height: 14px;
      }

    .DialogBox-root-nO .DialogBox-actions-ki {
        margin-top: 15px;
        line-height: 1;
    }

    .DialogBox-root-nO .DialogBox-actions-ki .DialogBox-button-hq {

            margin: 0 10% 0 0;
            display: inline-block;
            font-size: 13px;
            line-height: 1.4;
            letter-spacing: 1px;
            color: var(--lightBlueGray);
            cursor: pointer;
        }

    .DialogBox-root-nO .DialogBox-actions-ki .DialogBox-confirm-Mf {
          color: var(--cyan)
        }

.ClearFolder-wrapperDialogBox-og {
  position: absolute;
  bottom: 25px;
  right: 0;
}

  .ClearFolder-wrapperDialogBox-og.ClearFolder-hidden-jA {
   display: none;
  }

.ClearFolder-clearButton-Jp {
  font-size: 11px;
  display: inline-block;
  color: var(--blueShaded);
}

.ClearFolder-clearButton-Jp.ClearFolder-dark-rc {
    color: var(--white);
  }

/*.over {*/
/*  overflow: hidden;*/
/*  background-color: #d8f2ff;*/
/*}*/

.TooltipReceiptsOnboarding-root-LT {
    position: absolute;
    z-index: 45;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 270px;
    height: 56px;

    padding: 12px;

    font-weight: 400;
    font-size: 13px;
    line-height: 16px;

    border-radius: 12px;
    background-color: #343B4C;
    color: white;
}

    .TooltipReceiptsOnboarding-root-LT::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;

        border-right: 6px solid transparent;
        border-bottom: 12px solid #343B4C;
        border-left: 6px solid transparent;
        border-radius: 1px;

        transform: rotate(-90deg) translateY(-70%);
    }

    .TooltipReceiptsOnboarding-root-LT .TooltipReceiptsOnboarding-contentText-Uv {
        margin-right: 16px;
        margin-left: 8px;

        font-family: Manrope, sans-serif;
    }

    .TooltipReceiptsOnboarding-root-LT .TooltipReceiptsOnboarding-closeIcon-T6 {
        flex-shrink: 0;
        align-self: self-start;
        width: 20px;
        height: 20px;

        cursor: pointer;
        fill: #CCCCCC;
    }

    .TooltipReceiptsOnboarding-root-LT .TooltipReceiptsOnboarding-salutIcon-lF {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-left: 4px;
    }

.NestedFolder-root-MY {
}

/*.fade-start {*/
/*  transition: translateY 0.5s; !* добавляем анимацию к свойству transform *!*/
/*  transform: translateY(-20px);*/
/*}*/

/*.fade {*/
/*  transform: translateY(0);*/
/*}*/

.NestedFolder-f2-VQ {
  margin-left: 20px;
}

.NestedFolder-f3-GF {
  margin-left: 40px;
}



/*.fade-in {*/
/*  animation: fade-in 0.3s;*/
/*}*/

/*.fade-out {*/
/*  animation: fade-out 0.3s;*/
/*}*/

/*@keyframes fade-in {*/
/*  from {*/
/*    opacity: 0;*/
/*    transform: translateY(-20px);*/
/*    !*height: 0;*!*/
/*  }*/

/*  to {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*    !*height: auto;*!*/
/*  }*/
/*}*/

/*@keyframes fade-out {*/
/*  from {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*    !*height: auto;*!*/

/*  }*/

/*  to {*/
/*    opacity: 0;*/
/*    transform: translateY(-20px);*/
/*    !*height: 0;*!*/

/*  }*/
/*}*/

/*.fade-enter {*/
/*  opacity: 0;*/
/*  transform: translateY(-20px);*/
/*}*/

/*.fade-enter-active {*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*  transition: opacity 0.5s, transform 0.5s;*/
/*}*/

/*.fade-exit {*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*}*/

/*.fade-exit-active {*/
/*  opacity: 0;*/
/*  transform: translateY(20px);*/
/*  transition: opacity 0.5s, transform 0.5s;*/
/*}*/

.style-fade-yf {
  opacity: 1;
  color: red;
  transition: opacity 0.5s;
}

.style-fade-enter-IC {
  opacity: 0;
}

.style-fade-enter-active-gG {
  opacity: 1;
  transition: opacity 0.5s;
}

.style-fade-exit-v9 {
  opacity: 1;
}

.style-fade-exit-active-v_ {
  opacity: 0;
  transition: opacity 0.5s;
}

.ExpandButton-root-Sx {
  display: block;
  max-height: 20px;
  padding: 5px 50px 10px 40px;
}

.ExpandButton-btn-vC {
  color: var(--primary-ligth); 
}

.ExpandButton-btn-vC svg {
    fill: var(--primary-ligth);
  }

.ExpandButton-btn-vC:hover {
    color: var(--link-hover);
  }

.ExpandButton-btn-vC:hover svg {
      fill: var(--link-hover);
    }

.ExpandButton-btn-vC:active {
    color: var(--link-active);
  }

.ExpandButton-btn-vC:active svg {
      fill: var(--link-active);
    }

.ExpandButton-btn-vC:hover {
    color: var(--link-hover);
  }

.NewFolderLink-root-ij .NewFolderLink-link-yI {
    display: flex;
    align-items: center;
    padding: 5px 20px 10px 10px;
    /*margin-bottom: 100px;*/
    height: 20px;

    color: var(--primary-ligth);
  }

    .NewFolderLink-root-ij .NewFolderLink-link-yI svg {
      fill: var(--primary-ligth);
    }

    .NewFolderLink-root-ij .NewFolderLink-link-yI:hover {
      color: var(--link-hover);
    }

    .NewFolderLink-root-ij .NewFolderLink-link-yI:hover svg {
        fill: var(--link-hover)
      }

    .NewFolderLink-root-ij .NewFolderLink-link-yI:active {
      color: var(--link-active);
    }

    .NewFolderLink-root-ij .NewFolderLink-link-yI:active svg {
        fill: var(--link-active)
      }

    .NewFolderLink-root-ij .NewFolderLink-link-yI {

    cursor: pointer;
}

    .NewFolderLink-root-ij .NewFolderLink-link-yI .NewFolderLink-icon-_b {
      height: 20px;
      margin: 0 10px 0 0;
    }

    .NewFolderLink-root-ij .NewFolderLink-link-yI .NewFolderLink-icon-_b svg {
        width: 20px;
        height: 20px;
      }

    .NewFolderLink-root-ij .NewFolderLink-link-yI .NewFolderLink-title-Um {
      font-size: 14px;
      line-height: 20px;
      font-family: 'Arial', sans-serif;
    }

.Menu-root-p_ {
  margin: 0;
  margin-left: 1px;
}

  .Menu-root-p_ .Menu-preload-eg {
    display: flex;
    justify-content: flex-start;;
    padding: 7.5px 20px 20px;
  }

  .Menu-root-p_ .Menu-preload-eg div {
      height: 15px;
      background-color: var(--lightGray5);
    }

  .Menu-root-p_ .Menu-preload-eg .Menu-small-c5 {
      width: 15px;
      margin: 0 15px 0 0;
    }

  .Menu-root-p_ .Menu-preload-eg .Menu-big-_R {
      width: 90px;
    }

.FoldersSidebar-root-TD .FoldersSidebar-separator-Wy {
    margin: 0 auto;
    margin-top: -11px;
    width: 220px;
    height: 1px;
    border-bottom: solid 1px var(--bdLightBlue);
  }
  .FoldersSidebar-root-TD .FoldersSidebar-secondSidebar-Yn {
    margin-top: 10px;
  }
  .FoldersSidebar-root-TD .FoldersSidebar-flagsWrapper-ef {
    margin-bottom: 20px;
  }

.Uploads-hidden-hV {
  overflow: hidden;
}

.Uploads-root-i6 {
  flex: 0 0 auto;
  padding: 0;

  background-color: white;
  max-width: 600px;
}

.Uploads-root-i6 .Uploads-head-uh {
    position: relative;

    font-size: 13px;
    line-height: 18px;

    color: var(--shaded);
  }

.Uploads-root-i6 .Uploads-head-uh .Uploads-promoWrapper-l9 {
      display: flex;
      gap: 10px;
      align-items: center;
    }

.Uploads-root-i6 .Uploads-head-uh .Uploads-heading-QM {
      display: flex;
      align-items: center;
      height: 20px;
    }

.Uploads-root-i6 .Uploads-head-uh .Uploads-heading-QM .Uploads-button-Xd svg {
        width: 20px;
        height: 20px;

        opacity: 0.9;
        fill: var(--lightCarbone);
      }

.Uploads-root-i6 .Uploads-head-uh .Uploads-heading-QM .Uploads-button-Xd svg:hover {
          fill: var(--infoBlue);
        }

.Uploads-root-i6 .Uploads-head-uh .Uploads-heading-QM .Uploads-button-Xd svg:active {
          fill: var(--darkBlue2);
        }

.Uploads-root-i6 .Uploads-head-uh .Uploads-heading-QM .Uploads-count-dd {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;

        color: var(--lightCarbone);
      }

.Uploads-root-i6 .Uploads-head-uh .Uploads-size-d5 {
      margin-left: 5px;

      font-weight: 400;
      font-size: 14px;
      line-height: 20px;

      color: #777E98;
    }

.Uploads-root-i6 .Uploads-items-c0 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -20px 0 0;

    transition: max-height 200ms ease-out, opacity 200ms ease-out;
  }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-files-r8 {
      width: 600px;
    }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp {
      position: relative;

      display: inline-block;
      height: 35px;
      margin: 0 20px 15px 0;

      background-color: white;
    }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-fileIcon-DU {
        display: inline-block;
        margin: 0 10px 0 0;

        vertical-align: top;
      }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-fileIcon-DU svg {
          width: 15px;
          height: 20px;

          opacity: 0.9;
          fill: var(--shaded);
        }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-content-yc {
        display: inline-block;
        width: 126px;
      }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-name-Ai {
        width: 100%;
        padding: 1px 0 0 0;

        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;

        overflow: hidden;
        color: var(--dark);
        cursor: pointer;
      }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-type-T_ {
        position: absolute;

        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        font-size: 11px;
        line-height: 1.82;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;

        overflow: hidden;
      }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-type-T_ .Uploads-attachSize-oB {
          margin: 0 0 0 5px;

          font-weight: normal;
          font-size: 11px;
          line-height: 1.82;
          letter-spacing: 1px;
          text-transform: uppercase;

          color: var(--shaded);
          opacity: 0.9;
        }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-item-hp .Uploads-size-d5 {
        position: absolute;
        bottom: 5px;
        left: 55px;

        font-size: 11px;
        line-height: 1.2;
        letter-spacing: 1px;
        text-transform: uppercase;

        color: var(--darkCloudGray);
      }

.Uploads-root-i6 .Uploads-items-c0 .Uploads-itemAdded-Px {
      margin: 0 38px 15px 0;
    }

.Uploads-root-i6 .Uploads-imagesPreviewBlock-yM {
    width: 100%;
    padding-top: 10px;
  }

.Uploads-root-i6 .Uploads-imagesPreviewBlock-yM .Uploads-images-Mf {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-top: -10px;
      margin-left: -10px;
    }

.UploadFile-root-H_ {
  position: relative;
  width: 100%;
  height: 40px;

  margin-top: 10px;

  background-color: var(--alternativeBlue);
  border-radius: 5px;
}

  .UploadFile-root-H_ .UploadFile-link-G8 {
    position: relative;
    width: 100%;
    height: 100%;
  }

.UploadFile-whiteCorner-fj {
  position: absolute;
  top: 0;
  left: 0;
}

.UploadFile-content-ct {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100%;
  height: 100%;
  flex-direction: row;
  padding: 5px 0 5px 20px;
}

.UploadFile-content-ct .UploadFile-nameTooltip-m3 {
    position: absolute;
    top: calc(-50% - 10px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

.UploadFile-removeArea-UU {
  position: relative;
  padding: 5px;
}

.UploadFile-removeArea-UU .UploadFile-removeWrapper-xg {
    width: 30px;
    height: 30px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;
    background-color: white;

    cursor: pointer;
  }

.UploadFile-removeArea-UU .UploadFile-removeWrapper-xg .UploadFile-remove-VO {
      width: 20px;
      height: 20px;
    }

.UploadFile-removeArea-UU .UploadFile-removeWrapper-xg .UploadFile-remove-VO path {
        fill: var(--darkCloudGray);
      }

.UploadFile-removeArea-UU .UploadFile-removeWrapper-xg:hover .UploadFile-remove-VO path {
          fill: var(--infoBlue);
        }

.UploadFile-removeArea-UU .UploadFile-removeWrapper-xg:active .UploadFile-remove-VO path {
          fill: var(--darkBlue2);
        }

.UploadFile-description-JS {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  padding-right: 5px;

  font-weight: 400;
  font-size: 12px;
  line-height: 20px;

  color: var(--darkCloudGray);
  white-space: nowrap;
  overflow-x: hidden;
}

.UploadFile-description-JS .UploadFile-name-S7 {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px;
    color: var(--lightCarbone);
  }

.UploadFile-description-JS .UploadFile-hover-EA {
    color: var(--blue);
  }

.UploadFile-progressBarWrapper-uc {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-left: 19px;
  margin-right: 5px;
  width: 119px;
}

.UploadTooltipView-root-h2 {
  pointer-events: none;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.UploadTooltipView-show-kK {
  opacity: 1;
}

.UploadTooltipView-wrapper-QG {
  position: relative;
  background-color: var(--lightCarbone);

  max-width: 250px;
  padding: 10px 20px;

  box-shadow: 0 20px 20px -10px rgba(49, 94, 251, 0.3);
  border-radius: 5px;

  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;

  text-align: center;

  color: #FFFFFF;
}

.UploadTooltipView-wrapper-QG .UploadTooltipView-arrow-GT {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
  }

.UploadImage-root-BK {
  margin-left: 10px;
  margin-top: 10px;
  width: 110px;
}

  .UploadImage-root-BK .UploadImage-link-f7 {
    position: relative;
    width: 100%;
    height: 100%;
  }

.UploadImage-card-wb {
  position: relative;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
}

.UploadImage-preview-OZ {
  position: relative;
  height: 110px;
  width: 110px;
  margin-bottom: 5px;
  border-radius: 5px;

  background-color: var(--alternativeBlue);
}

.UploadImage-preview-OZ .UploadImage-imageBlock-Nz {
    height: 110px;
    width: 110px;
    border-radius: 5px;

    opacity: 0;
    transition: opacity 0.2s ease-in-out;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.UploadImage-preview-OZ .UploadImage-progressBarWrapper-Qs {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
  }

.UploadImage-text-W7 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: var(--lightCarbone);
}

.UploadImage-hover-Gr {
  color: var(--blue);
}

.UploadImage-description-nR {
  color: var(--darkCloudGray);
}

.UploadImage-removeArea-io {
  position: absolute;
  padding: 5px;
  top: 0;
  right: 0;
}

.UploadImage-removeArea-io .UploadImage-removeWrapper-t7 {
    width: 30px;
    height: 30px;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 50%;
    background-color: white;

    cursor: pointer;
  }

.UploadImage-removeArea-io .UploadImage-removeWrapper-t7 .UploadImage-remove-HI {
      width: 20px;
      height: 20px;
    }

.UploadImage-removeArea-io .UploadImage-removeWrapper-t7 .UploadImage-remove-HI path {
        fill: var(--darkCloudGray);
      }

.UploadImage-removeArea-io .UploadImage-removeWrapper-t7:hover .UploadImage-remove-HI path {
          fill: var(--infoBlue);
        }

.UploadImage-removeArea-io .UploadImage-removeWrapper-t7:active .UploadImage-remove-HI path {
          fill: var(--darkBlue2);
        }

:root {
  --triangle-bottom: 15px;
  --link-base-colour: #456EFB;
}

.SberDiskPromo-styles-disk-xO {
  position: relative;
}

.SberDiskPromo-styles-diskLink-zx {
  display: flex;
  gap: 8px;

  color: var(--rc-button-white-color);
}

.SberDiskPromo-styles-diskLink-zx:active {
  color: var(--rc-button-white-color);
}

.SberDiskPromo-styles-diskLink-zx:hover {
  color: #456EFB;
  color: var(--link-base-colour);
}

.SberDiskPromo-styles-diskLinkRead-xt {
  color: #456EFB;
  color: var(--link-base-colour);
}

.SberDiskPromo-styles-diskLink-zx:active {
  color: #456EFB;
  color: var(--link-base-colour);
}

.SberDiskPromo-styles-diskLink-zx:hover {
  color: #3653DA;
}

.SberDiskPromo-styles-tooltipBase-GL {
  position: absolute;
  z-index: 10;

  color: #293553;
}

.SberDiskPromo-styles-tooltipLeft-Hq {
  bottom: -15px;
  left: 190px;
}

.SberDiskPromo-styles-tooltipBottom-PD {
  bottom: calc(30px + 15px);
  bottom: calc(30px + var(--triangle-bottom));
  left: -20px;
}

.SberDiskPromo-styles-tooltipOverlay-SC {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 395px;
  padding: 15px 20px 20px 20px;

  border-radius: 16px;
  background-color: #EDF8FA;
}

.SberDiskPromo-styles-tooltipTrigger-vt {
  position: absolute;

  width: 330px;
  height: 90px;
}

.SberDiskPromo-styles-triangle-Ns {
  position: absolute;
}

.SberDiskPromo-styles-triangleBottom-Oj {
  bottom: -14px;
  
  border-top: 15px solid #EDF8FA;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

.SberDiskPromo-styles-triangleLeft-NZ {
  bottom: 15px;
  bottom: var(--triangle-bottom);
  left: -14px;
  
  border-top: 9px solid transparent;
  border-right:  15px solid #EDF8FA;
  border-bottom: 9px solid transparent;
}

.SberDiskPromo-styles-tooltipHeader-rM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.SberDiskPromo-styles-tooltipHeaderLeft-zH {
  display: flex;
  gap: 12px;
}

.SberDiskPromo-styles-tooltipTitle-Kr {
  font-weight: 600;
  font-style: normal;
  font-size: 15px;
}

.SberDiskPromo-styles-body-XT {
  max-width: 275px;

  font-size: 13px;
}

.DropArea-disablingLayer-n7 {
    z-index: 9;
    position: fixed;
    left: 0;
    right: 0;
    /* Высота области dnd для аттачей */
    top: 70%;
    bottom: 0;
}

.DropArea-dropZone-Ck {
    position: absolute;
    z-index: 10;
    left: 20px;
    right: 20px;
    height: 60px;
    background: var(--alternativeBlue);
    border: 2px dashed var(--alternativeBlue6);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DropArea-dropCaption-tm {
    font-family: 'Arial', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--darkCloudGray);
}

.DropArea-icon-qb {
    margin-right: 5px;
}

.DropArea-icon-qb svg {
        width: 20px;
        height: 20px;
        fill: var(--darkCloudGray);
        vertical-align: bottom;
    }

.Editor-root-xM {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: stretch;
}

.tox-tinymce {
    overflow: visible !important;
  }

.tox-editor-container {
    position: relative;
    overflow: visible !important;
  }

.tox-editor-header {
    position: sticky !important;
    top: 0 !important;
  }

.TinymceTooltip-tooltip-Cl {
  animation-duration: 200ms;
  animation-fill-mode: forwards;
  animation-name: TinymceTooltip-showFromBottom-Zz;

  position: absolute;
  padding: 5px;

  z-index: 131070;
}

.TinymceTooltip-arrow-RG {
  position: absolute;

  top: 0;
  left: 50%;
  margin-left: -5px;

  border: 5px dashed #000;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: var(--carbone);
}

.TinymceTooltip-inner-F3 {
  font-size: 14px;
  background: var(--carbone);
  max-width: 200px;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  white-space: normal;

  border-radius: 5px;
  font-family: Arial, serif ;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 0 10px 30px -5px rgba(49,94,251,.25)!important;
}

@keyframes TinymceTooltip-showFromBottom-Zz {
  0% {
    transform: translate3d(-50%, 10px, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
}

.EmojiPlugin-wrapper-Kt, .EmojiPlugin-wrapper-Kt * {
    font-family: Arial, Helvetica, sans-serif !important;
    box-sizing: border-box !important;
  }
  .EmojiPlugin-wrapper-Kt {
  width: 346px !important;
  height: 275px !important;
  overflow: auto;
}

.EmojiPlugin-header-Rw {
  color: var(--shaded) !important;
  font-size: 11px !important;
  padding: 15px 15px 0 !important;
}

.EmojiPlugin-group-_G {
  padding: 7px !important;
  border-bottom: 1px solid #f3f4f7 !important;
  display: flex !important;
  flex-wrap: wrap;
}

.EmojiPlugin-emoji-jm {
  width: 31px !important;
  height: 31px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  margin: 7px !important;
  cursor: pointer !important;
}
.Editor-root-Go {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-items: stretch;
}

.mce-edit-area {
    border: 0 !important;
  }

.mce-toolbar > .mce-container-body {
    height: 39px !important;
  }

.mce-toolbar {
    background-color: #fff !important;
  }

.mce-container-body.mce-flow-layout {
    padding-left: 0 !important;
    margin-left: -8px;
  }

.mce-toolbar::after {
    display: none !important;
  }

.mce-toolbar .mce-btn-group {
    align-self: center;
  }

.mce-top-part {
    position: sticky !important;
    top: 0 !important;
  }

.mce-toolbar .mce-btn-group {
    position: relative;
    border: none !important;
  }

.mce-toolbar .mce-btn-group:after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 20px;
      background: var(--veryLightBlue);
      top: 50%;
      transform: translateY(-50%);
    }

.mce-toolbar .mce-btn-group:last-child:after {
      background: #fff;
    }

.mce-tooltip {
    opacity: 1 !important;
  }

.mce-tooltip-arrow {
    border-bottom-color: var(--carbone) !important;
  }

.mce-tooltip-inner {
    padding: 10px 20px !important;
    background: var(--carbone) !important;
    box-shadow: 0px 10px 30px -5px rgba(49, 94, 251, 0.25) !important;
    border-radius: 5px !important;
    font-family: 'Arial' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: center !important;
    color: #FFFFFF !important;
  }
.EmailBadge-root-hS {
    position: relative;
    height: 30px;
    padding-right: 5px;
    margin: 0 5px 5px 0;
    line-height: 30px;
    background-color: var(--alternativeBlue2);
    border-radius: 100px;
    align-self: center;
    color: var(--lightCarbone);
    display: flex;
    max-width: calc(100% - 10px);
    box-sizing: border-box;
    font-size: 14px;
}
    .EmailBadge-root-hS:first-child {
        margin-left: 0;
    }
    .EmailBadge-root-hS.EmailBadge-opened-jc {
        color: var(--darkBlue2);
    }
    .EmailBadge-root-hS .EmailBadge-text-uo {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        margin-left: 10px;
        max-width: 200px;
    }
    .EmailBadge-root-hS .EmailBadge-text-uo:hover {
             color: var(--blue);
        }
    .EmailBadge-root-hS .EmailBadge-close-F5 {
        font-size: 13px;
        color: #777e98;
        font-weight: bold;
        cursor: pointer;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
    }
    .EmailBadge-root-hS .EmailBadge-close-F5 path {
            fill: var(--darkCloudGray);
        }
    .EmailBadge-root-hS .EmailBadge-close-F5:hover path {
              fill: var(--blue);
            }
    .EmailBadge-root-hS .EmailBadge-close-F5:active path {
              fill: var(--darkBlue2);
            }
    .EmailBadge-root-hS .EmailBadge-name-Bo {
        color: var(--carbone);
    }
    .EmailBadge-root-hS .EmailBadge-name-Bo:hover {
            color: var(--blue);
       }

.EmailBadge-tooltipBody-Oo {
    background: var(--lightCarbone) !important;
    box-shadow: 0px 20px 20px -10px var(--blue3);
    border-radius: 5px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    max-width: none !important;
}

.ContactAvatar-emailIcon-Uh {
    font-family: Manrope, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #afde8e;
    color: #fff;
    text-transform: uppercase;
  }
  
  .ContactAvatar-groupIcon-PY {
    width: 20px;
    height: 20px;
    align-self: center;
    margin-left: 10px;
    fill: var(--lightCarbone)
  }
  
  .ContactAvatar-size-small-oW {
    font-size: 12px;
  }
  
  .ContactAvatar-size-medium-Ha {
    font-size: 15px;
  }
  
.GroupMembers-groupContactList-Cs {
    height: 'auto';
    overflow: hidden;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    display: flex;
    flex-direction: column;
    max-width: 400px;
    border-radius: 15px;
    background: #EFF5FF;
    z-index: 99;
    padding: 5px 0;
    font-size: 14px;
    box-shadow: 0px 10px 30px -5px var(--heavyLargeBlue);
  }
    .GroupMembers-groupContactList-Cs.GroupMembers-fixedHeight-Qh {
      height: 290px;
    }

  .GroupMembers-groupContactListWrap-bb {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--alternativeBlue6) var(--alternativeBlue2);
  }

  .GroupMembers-groupContactListWrap-bb::-webkit-scrollbar {
      border: none;
      width: 5px;
      height: 5px;
    }

  .GroupMembers-groupContactListWrap-bb::-webkit-scrollbar-track {
      border: none;
      background: var(--alternativeBlue2);
    }

  .GroupMembers-groupContactListWrap-bb::-webkit-scrollbar-thumb {
      border: none;
      box-shadow: none;
      background-color: var(--alternativeBlue6);
      border-radius: 10px;
    }

  .GroupMembers-groupContactItem-r5 {
    display: block;
    min-height: 30px;
    height: 30px;
    padding: 5px 10px;
    box-sizing: content-box;
    color: var(--shaded);
    transition: color .1s linear;
    cursor: pointer;
    text-overflow: ellipsis;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }

  .GroupMembers-groupContactItem-r5 .GroupMembers-name-kT {
      color: var(--darkCarbone);
    }

  .GroupMembers-contactIcon-bf {
    font-family: 'Manrope';
    font-size: 15px;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: white;
    background-color: #afde8e;
  }

  .GroupMembers-contactIcon-bf.GroupMembers-contactIconBlue-_g {
      background-color: #99b6de;
    }

  .GroupMembers-groupContactInfo-n9 {
    display: flex;
    width: 100%;
    overflow: hidden;
  }

  .GroupMembers-groupContactName-fz {
    color: var(--carbone);
    /* width: 100%; */
    margin-right: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  .GroupMembers-groupContactEmail-gd {
    /* width: 100%; */
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--darkCloudGray);
  }

  .GroupMembers-groupMemberAvatar-wB {
    flex-shrink: 0;
    margin-right: 5px;
  }
.styles-copyButtonsSwitcher-kb {
    margin-left: auto;
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 35px;
    color: var(--blueShaded);
  }

  .styles-hide-bY {
    display: none !important;
  }

  .styles-fieldText-JM {
    font-size: 14px;
    display: block;
    cursor: pointer;
    color: var(--lightCarbone);
  }

  .styles-fieldText-JM:hover {
      color: var(--infoBlue);
    }

  .styles-fieldText-JM:active {
      color: var(--darkBlue2);
    }

  .styles-fieldText-JM + .styles-fieldText-JM {
      margin-left: 5px;
    }

  .styles-inputCloseIcon-9t {
    cursor: pointer;
    align-self: center;
  }

  .styles-inputCloseIcon-9t path {
      fill: var(--darkCloudGray);
    }

  .styles-inputCloseIcon-9t:hover path {
        fill: var(--infoBlue);
      }

  .styles-inputCloseIcon-9t:active path {
        fill: var(--darkBlue2);
      }

.InputTooltip-fieldTooltip-k0 {
    max-width: 320px;
    border-radius: 15px;
    padding: 20px;
    background: #343b4c;
    opacity: 0.95;
    right: 0;
    top: 100%;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Manrope';
    font-weight: 500;
  }

  .InputTooltip-tooltipContent-Zv {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
    margin-bottom: 15px;
  }

  .InputTooltip-tooltipClose-o6 {
    color: var(--alternativeBlue6);
  }

  .InputTooltip-tooltipClose-o6:hover {
      color: white !important;
    }

  .InputTooltip-tooltipCancel-BM {
    color: var(--cloudGray) !important;
  }

  .InputTooltip-tooltipCancel-BM:hover {
      color: white !important;
    }
  .InputTooltip-hide-vM {
    display: none !important;
  }

:root {
  --colorAlternativeBlue1: #EFF5FF; 
  --colorAlternativeBlue2: #E0EBFF; 
  --colorCarbone: #343b4c;
  --colorDarkCloudGray: #777E98;
  --fontManrope: "Manrope", sans-serif;
}


.styles-suggester-wC {
  background-color: #EFF5FF;
  background-color: var(--colorAlternativeBlue1);
  display: flex;
  padding: 10px 0 10px 15px;
  border-radius: 5px;
}

.styles-suggesterContent-PP {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

.styles-selectedValues-GH {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.styles-inputWrapper-Hv {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1;
}

.styles-input-GC {
  background: none;
  border: none;
  width: 100%;
  min-width: 50px;
  height: 100%;
  font-family: "Manrope", sans-serif;
  font-family: var(--fontManrope);
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  padding-right: 15px;
  color: #343b4c;
  color: var(--colorCarbone);
  outline: none;
  transition: color 200ms, background-color 200ms, border-color 200ms;
  box-sizing: border-box;
}

.styles-input-GC::placeholder {
  color: #777E98;
  color: var(--colorDarkCloudGray);
  opacity: 1;
}

.styles-input-GC:-ms-input-placeholder {
  color: #777E98;
  color: var(--colorDarkCloudGray);
}

.styles-input-GC::-ms-input-placeholder {
  color: #777E98;
  color: var(--colorDarkCloudGray);
}

.styles-icon-Ii {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin-right: 5px;
  padding: 0;
  border-radius: 5px;
  background-color: transparent;
  transition: color 200ms, background-color 200ms;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border: none;
}

.styles-dropdown-q5 {
  background-color: #EFF5FF;
  background-color: var(--colorAlternativeBlue1);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: 200ms;
  position: absolute;
  width: calc(100% + 12.5px);
  box-shadow: 0px 20px 20px -10px rgba(49, 94, 251, 0.3);
  max-height: 200px;
  overflow-y: auto;
  right: 0px;
}

.styles-dropdown-q5.styles-opened-gN {
    opacity: 1;
    visibility: visible;
  }

.styles-dropdown-q5 .styles-item-active-_e {
    background-color: #E0EBFF;
    background-color: var(--colorAlternativeBlue2);
  }

.ContactsSuggester-item-Of {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    height: 40px;
    padding: 5px 10px;
    box-sizing: content-box;
    color: var(--shaded);
    transition: color .1s linear;
    border-bottom: 1px solid rgba(206, 212, 228, .25);
    cursor: pointer;
    text-overflow: ellipsis;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
    .ContactsSuggester-item-Of .ContactsSuggester-name-p4 {
      color: var(--carbone);
    }
    .ContactsSuggester-item-Of:hover {
      background-color: var(--alternativeBlue2);
    }
    .ContactsSuggester-item-Of:last-child {
      border: 0;
    }
    .ContactsSuggester-item-Of mark {
      color: var(--infoBlue);
      background-color: inherit;
      font-weight: 700;
    }

.ContactsSuggester-dropdownItem-J4:first-child .ContactsSuggester-item-Of {
      padding-top: 10px;
    }

.ContactsSuggester-dropdownItem-J4:last-child .ContactsSuggester-item-Of {
    padding-bottom: 10px;
  }

  .ContactsSuggester-contactTextIcon-ze {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  
  .ContactsSuggester-groupIconClassName-le {
    margin-right: 20px;
    fill: var(--carbone);
  }

  .ContactsSuggester-contactWrap-pp {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    max-width: 300px;
  }

  .ContactsSuggester-name-p4 {
    color: var(--darkGray);
    font-style: normal;
    font-weight: 400;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
  }

  .ContactsSuggester-contact-jd {
    font-style: normal;
    font-weight: 400;
    width: 100%;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--darkCloudGray);
  }

  .ContactsSuggester-contact-jd.ContactsSuggester-groupName-u1 {
      color: var(--darkCarbone);
    }

  .ContactsSuggester-dropdown-ON {
    font-size: 13px !important;
    width: 400px;
    max-height: 185px;
    overflow-y: auto;
    background: var(--alternativeBlue) !important;
    box-shadow: 0px 20px 20px -10px rgba(49, 94, 251, 0.3) !important;
    border-radius: 15px !important;
  }

  .ContactsSuggester-dropdown-ON::-webkit-scrollbar {
      border: none;
      width: 10px;
    }

  .ContactsSuggester-dropdown-ON::-webkit-scrollbar-track {
      border: none;
      background: #E0EBFF;
    }

  .ContactsSuggester-dropdown-ON::-webkit-scrollbar-thumb {
      border: none;
      box-shadow: none;
      background-color: #A2C4FF;
      border-radius: 10px;
    }

  .ContactsSuggester-dropdownOverlay-xW {
    flex-basis: 150px;
    flex: 1 1 auto;
    align-self: flex-start;
  }

  .ContactsSuggester-itemActive-jp {
    background: var(--alternativeBlue2);
  }
.Label-label-SQ {
    display: flex;
    align-items: center;
    font-size: 14px;
    align-self: flex-start;
    line-height: 40px;
    margin-right: 10px;
    color: var(--darkCloudGray);
    cursor: pointer;
  }
    .Label-label-SQ svg {
      fill: var(--darkCloudGray);
    }
    .Label-label-SQ:hover {
      color: var(--infoBlue);
      
    }
    .Label-label-SQ:hover svg {
        fill: var(--infoBlue);
      }
    .Label-label-SQ:active {
      color: var(--darkBlue2);
    }
    .Label-label-SQ:active svg {
        fill: var(--darkBlue2);
      }
    .Label-label-SQ.Label-active-jg {
      color: var(--infoBlue);
    }
    .Label-label-SQ.Label-active-jg svg {
        fill: var(--infoBlue);
      }

  .Label-icon-BZ {
    padding-left: 0 !important;
    padding-right: 5px;
  }

  .Label-icon-BZ svg {
      width: auto !important;
      height: auto !important;
    }
.FieldItem-root-cR {
  position: relative;
}

.FieldItem-receiverWrapper-ea {

  /* email input styles */
}

.FieldItem-receiverWrapper-ea .FieldItem-suggesterRoot-WU {
    padding: 0;
    align-self: flex-start;
    flex: 1;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
  }

.FieldItem-receiverWrapper-ea .FieldItem-inputWrapper-PL {
    position: relative;
    display: flex;
    border-bottom: 1px solid #e8eaf0;
  }

.FieldItem-receiverWrapper-ea .FieldItem-dropdown-aQ {
    position: absolute;
    z-index: 5;
    height: auto;
    max-height: 210px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 400px;
    left: -60px !important;
    top: calc(100% + 6px) !important;
    border-radius: 15px !important;
    transition: none !important;
    overflow: hidden !important;
    box-shadow: 0px 10px 30px -5px var(--heavyLargeBlue) !important;
  }

.FieldItem-receiverWrapper-ea .FieldItem-dropdown-aQ.FieldItem-fixedHeight-K9 {
      height: 210px;
    }

.FieldItem-receiverWrapper-ea .FieldItem-dropdown-aQ.FieldItem-stickToRight-vk {
      left: auto !important;
      right: 0 !important;
    }

.FieldItem-receiverWrapper-ea .FieldItem-extraListWrapper-eN {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--alternativeBlue6) var(--alternativeBlue2);
  }

.FieldItem-receiverWrapper-ea .FieldItem-extraListWrapper-eN::-webkit-scrollbar {
      border: none;
      width: 5px;
      height: 5px;
    }

.FieldItem-receiverWrapper-ea .FieldItem-extraListWrapper-eN::-webkit-scrollbar-track {
      background: var(--alternativeBlue2);
    }

.FieldItem-receiverWrapper-ea .FieldItem-extraListWrapper-eN::-webkit-scrollbar-corner {
      background: 0 0;
    }

.FieldItem-receiverWrapper-ea .FieldItem-extraListWrapper-eN::-webkit-scrollbar-thumb {
      border: none;
      box-shadow: none;
      background-color: var(--alternativeBlue6);
      border-radius: 10px;
    }

.FieldItem-receiverWrapper-ea .FieldItem-fieldWrapper-hP {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
  }

.FieldItem-receiverWrapper-ea .FieldItem-inputRoot-iV {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    height: 30px;
    flex-grow: 2;
    padding: 0;
    line-height: 1.15;
    box-sizing: border-box;
    margin: 0;
    color: var(--dark);
    background: 0;
    width: auto !important;
  }

.FieldItem-receiverWrapper-ea .FieldItem-inputRoot-iV.FieldItem-inputError-OP {
      color: var(--red);
    }

.FieldItem-receiverWrapper-ea .FieldItem-inputRoot-iV .FieldItem-badges-wR {
      max-width: 70%;
    }

.FieldItem-receiverWrapper-ea .FieldItem-hidden-AM:not(.FieldItem-error-MA) {
    /* height: 0; */
    padding: 0;
  }


.FieldItem-tooltip-x8 {
  width: 355px;
  max-width: unset !important;

}


.FieldItem-tooltip-x8 span {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
  }
.RecaptchaPopup-popup-w2 {
    width: 400px;
}

.RecaptchaPopup-recaptchaWrapper-ME {
    height: 88px;
}
.RecaptchaPopup-recaptcha-ww {
    transform:scale(1.15);
    transform-origin:0 0;
}

.RecaptchaPopup-title-H3 {
  width: 320px;
  height: 25px;
  font-family: Arial;
  font-size: 20px !important;
  font-weight: bold !important;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25 !important;
  letter-spacing: normal;
}

.RecaptchaPopup-message-hw {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  margin-bottom: 10px;
}

.RecaptchaPopup-warning-Li {
  border-radius: 1px;
  border: solid 1px #e8eaf0;
  background-color: var(--paleYellow2);
  padding: 15px 20px;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #343b4c;
  margin-bottom: 15px;
}

.RecaptchaPopup-warning-Li > div:first-child {
    margin-bottom: 10px;
}



.SpamPopup-popup-RU {
  width: 400px;
}

.SpamPopup-title-iA {
width: 320px;
height: 25px;
font-family: Arial;
font-size: 20px !important;
font-weight: bold !important;
font-style: normal;
font-stretch: normal;
line-height: 1.25 !important;
letter-spacing: normal;
}

.SpamPopup-message-nm {
font-family: Arial;
font-size: 13px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.54;
letter-spacing: normal;
margin-bottom: 20px;
}

.SpamPopup-buttonsWrapper-V9 {
  display: flex;
  align-items: center;
}

.SpamPopup-buttonsWrapper-V9 > div:first-child {
  margin-right: 20px;
}

.SpamPopup-saveIcon-uW {
  display: block !important;
  width: 13px;
  height: 16px;
}
.ComposeProgress-wrapper-eq {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #1f2431;
    display: none;
    transition: 400ms;



}

.ComposeProgress-closeIcon-cL {
    position: absolute;
    z-index: 9;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.ComposeProgress-title-SB {
    padding: 20px;
    border-bottom: 1px solid #e8eaf0;
    font-weight: 700;
    font-size: 20px;
}

.ComposeProgress-desc-hl {
    min-height: 40px;
    margin: 15px 20px 0 20px;
}

@media (min-width: 992px) {

.ComposeProgress-desc-hl {
        min-height: 20px
}
    }

.ComposeProgress-link-Hn {
    cursor: pointer;
    color: #315efb;
}

.ComposeProgress-show-rl {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ComposeProgress-hide-GY {
    display: none;
}

.ComposeProgress-composeLoadingDots-Cl {
    border-radius: 0 !important;
}

.ComposeProgress-composeLoadingSpinner-lQ {
    position: relative !important;
    padding-left: 5px !important;
    color: #1f2431 !important;
}

.ComposeProgress-composeLoadingOverlay-fY {
    display: none !important;
}


.ComposeProgress-context-GB {
  width: 100%;
  min-height: 450px;
  margin: 50px 0 0 0;
  overflow: hidden;
}

.ComposeProgress-banner-uL {
  min-width: 680px;
  max-width: 1360px;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  margin: 0 auto;
}




.LeavePopupNew-popup-y7 {
  font-family: Manrope, sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  width: 350px;
  height: 255px;
  color: var(--alternativeBlue);
  background-color: rgba(52, 59, 76, 0.95);
  padding: 20px;
  border-radius: 15px;
  opacity: 0;
  visibility: hidden;
  display: block;
}
  .LeavePopupNew-popup-y7.LeavePopupNew-show-kQ {
    animation: LeavePopupNew-fadeIn-RF 200ms forwards;
  }
  .LeavePopupNew-popup-y7.LeavePopupNew-hide-jC {
    animation: LeavePopupNew-fadeOut-Sv 200ms forwards;
  }

.LeavePopupNew-buttonsWrapper-YD {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10px -15px -10px;
}

.LeavePopupNew-button-OB {
  margin: 10px;
}

.LeavePopupNew-saveDraft-Js {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 100;
  width: 350px;
  height: 255px;
  padding: 20px;
  font-family: "Manrope";
  font-style: normal;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 15px;
  background: var(--lightCarbone);
  color: var(--alternativeBlue);
  display: none;
}

.LeavePopupNew-saveDraft-Js.LeavePopupNew-show-kQ {
    display: block;
  }

.LeavePopupNew-saveDraftTitle-Er {
  font-weight: 800;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 15px 0;
}

.LeavePopupNew-saveDraftBody-bM {
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 15px 0;
}

.LeavePopupNew-saveDraftActions-iS {
  display: flex;
  margin-bottom: 19px;
}

.LeavePopupNew-btn-qh {
  width: 116px;
  height: 40px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
}

.LeavePopupNew-mr10-nn {
  margin-right: 10px;
}

.LeavePopupNew-saveDraftBtn-Op {
  background-color: #649dff;
}

.LeavePopupNew-saveDraftBtn-Op:hover {
    background-color: #83b1ff;
  }

.LeavePopupNew-saveDraftBtn-Op:active {
    background-color: #a2c4ff;
  }

.LeavePopupNew-closeBtn-s7 {
  width: 135px;
  background-color: var(--darkCarbone);
  margin-right: 0px;
}

.LeavePopupNew-closeBtn-s7:hover {
    background-color: #343b4c;
    color: #eff5ff;
  }

.LeavePopupNew-closeBtn-s7:active {
    background-color: #393f51;
    color: #eff5ff;
  }

.LeavePopupNew-saveDraftEdit-Rc {
  position: relative;
  cursor: pointer;
  color: #afb6c9;
  font-size: 15px;
  padding-top: 20px;
  line-height: 20px;
  display: flex;
}

.LeavePopupNew-saveDraftEdit-Rc:hover,
  .LeavePopupNew-saveDraftEdit-Rc:active {
    color: #fff;
  }

.LeavePopupNew-saveDraftEdit-Rc:hover .LeavePopupNew-saveDraftEditIcon-Wv, .LeavePopupNew-saveDraftEdit-Rc:active .LeavePopupNew-saveDraftEditIcon-Wv {
      fill: #fff;
    }

.LeavePopupNew-saveDraftEdit-Rc:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -20px;
    right: -20px;
    height: 1px;
    background-color: #50566b;
  }

.LeavePopupNew-saveDraftEditIcon-Wv {
  display: block;
  width: 20px;
  height: 20px;
  fill: #afb6c9;
  margin-right: 5px;
}

@keyframes LeavePopupNew-fadeIn-RF {
  0% {
    visibility: visible;
  }
  1% {
    opacity: 0;
    visibility: visible;
    transform: translate3d(0, 10px, 0);
  }
  100% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes LeavePopupNew-fadeOut-Sv {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  99% {
    transform: translate3d(0, 10px, 0);
    visibility: visible;
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
  }
}

.Compose-root-eu {
    position: relative;
    position: relative;

    display: flex;
    flex-direction: column;
    min-width: 710px;
    height: 100%;
    min-height: 180px;
    padding-bottom: 20px;

    font-family: Arial, Helvetica, sans-serif !important;

    border-radius: 15px;
    background: white;

    animation-name: Compose-openmodal-Tm;
    animation-duration: .4s;

    /* .composeFooterBtn {
      text-transform: none;
      border-radius: 15px;
      svg {
        width: 20px;
        height: 20px;
        fill: var(--lightCarbone);
      }
      &:after, &:before {
        border: 0;
      }
      [class^="rui-Button-content"] {
        font-family: Arial, Helvetica, sans-serif !important;
        font-weight: 400 !important;
        padding: 0;
        margin-left: 20px;
        font-size: 14px;
        color: var(--lightCarbone) !important;
        letter-spacing: normal;
        height: 20px;
        line-height: 20px;
      }
      &:hover {
        background-color: #fff;
        [class^="rui-Button-content"] {
          color: var(--infoBlue) !important;
          svg {
            fill: var(--infoBlue) !important;
          }
        }
      }
      &:active {
        background-color: #fff !important;
        [class^="rui-Button-content"] {
          color: var(--darkBlue2) !important;
          svg {
            fill: var(--darkBlue2) !important;
          }
        }
      }
    } */

}
    .Compose-root-eu [class^="rui-Button-content"] {
      font-family: Arial, Helvetica, sans-serif !important;
    }
    .Compose-root-eu .Compose-composeWrap-sA {
      position: relative;

      display: flex;
      flex-direction: column;
      height: 100%;
      padding-left: 0px;

      transition: padding 400ms ease 0s;
      transform: translateZ(0);
    }
    .Compose-root-eu .Compose-composeWrapShrink-kg {
      padding-left: 257px;
    }
    .Compose-root-eu .Compose-hide-HW {
      display: none !important;
    }
    .Compose-root-eu .Compose-padding20-gO {
      padding-right: 20px;
      padding-left: 20px;
    }
    .Compose-root-eu .Compose-contentAreaWrapper-Nm {
      position: relative;

      display: flex;
      flex:1;
    }
    .Compose-root-eu .Compose-contentArea-gq {
      display: flex;
      flex:1;
    }
    .Compose-root-eu .Compose-dropAreaContainer-xB {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;

      height: 60px;
    }
    .Compose-root-eu .Compose-main-n8 {
      width: 100%;
      min-width: 570px;
    }
    .Compose-root-eu .Compose-header-SF,
    .Compose-root-eu .Compose-subject-Xn,
    .Compose-root-eu .Compose-body-CA,
    .Compose-root-eu .Compose-send-w7 {
      position: relative;

      display: flex;
      align-items: center;
      padding: 16px 20px 14px 20px;

      border-bottom: 1px solid var(--veryLightBlue);
    }
    .Compose-root-eu .Compose-header-SF {
      padding: 10px 20px 9px;

      border: none;
    }
    .Compose-root-eu .Compose-header-SF:after {
        content: '';
        position: absolute;
        right: 20px;
        bottom: -1px;
        left: 20px;

        display: block;
        height: 1px;

        background-color: var(--veryLightBlue);
      }
    .Compose-root-eu .Compose-subject-Xn {
      height: 40px;

      line-height: 35px;
    }
    .Compose-root-eu .Compose-content-gB {
      display: flex;
      flex: 1;
      align-items: center;
      height: 40px;
    }
    .Compose-root-eu .Compose-composeBtn-yr {
      --rc-button-fontSize: 14px;
      }
    .Compose-root-eu .Compose-composeBtn-yr span {
          font-family: Arial, Helvetica, sans-serif !important;
        }
    .Compose-root-eu .Compose-header-SF .Compose-backButton-ul {
        border-right: 1px solid var(--bdLightBlue);
      }
    .Compose-root-eu .Compose-header-SF .Compose-clockBtn-hD {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin-left: 10px;

        background-color: var(--alternativeBlue2);
      }
    .Compose-root-eu .Compose-header-SF .Compose-clockIcon-Jj {
        fill: var(--carbon95) !important;
      }
    .Compose-root-eu .Compose-header-SF .Compose-headerActions-JA {
        display: flex;
        align-items: center;
        margin-left: auto;
      }
    .Compose-root-eu .Compose-header-SF .Compose-composeCollapseBtn-Mn,
      .Compose-root-eu .Compose-header-SF .Compose-composeCloseBtn-pz {
        color: var(--lightCarbone);
        cursor: pointer;
      }
    .Compose-root-eu .Compose-header-SF .Compose-composeCollapseBtn-Mn:hover, .Compose-root-eu .Compose-header-SF .Compose-composeCloseBtn-pz:hover {
          color: var(--infoBlue);
        }
    .Compose-root-eu .Compose-header-SF .Compose-composeCollapseBtn-Mn:active, .Compose-root-eu .Compose-header-SF .Compose-composeCloseBtn-pz:active {
          color: var(--darkBlue2);
        }
    .Compose-root-eu .Compose-header-SF .Compose-composeCollapseBtn-Mn {
        margin-right: 20px;
      }
    .Compose-root-eu .Compose-header-SF .Compose-heading-X1 {
        margin: 0 0 0 20px;

        font-weight: bold;
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 20px;

        color: var(--darkCarbone);
      }
    .Compose-root-eu .Compose-header-SF .Compose-expand-yb,
      .Compose-root-eu .Compose-header-SF .Compose-roll-cX,
      .Compose-root-eu .Compose-header-SF .Compose-close-mz {
        display: none;
        margin-left: 20px;

        background-position: center bottom;
        background-repeat: no-repeat;
      }
    .Compose-root-eu .Compose-header-SF .Compose-expand-yb {
        width: 13px;
        height: 12px;

        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEzIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMSAoMjgyMTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZVdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJleHBhbmQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCA3LjAwMDAwMCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtNy4wMDAwMDApIHRyYW5zbGF0ZSgtMy4wMDAwMDAsIC0zLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMTY2QThDNDgtRUUyNi00QjBELUFBOEEtMEYwRDQ0NjUyOTY0Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJfc3RhdGF0ZXMiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMzUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0icXVpY2tfYW5zd2VyX29wZW4iPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idGV4dGFyZWEiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImV4cGFuZCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlLTIyMi1Db3B5LTMiIGZpbGw9IiM2Njc0QTYiIHBvaW50cz0iMTMgMTQgMTUgMTQgMTUgNSA1IDUgNSA3IDExLjU4NTc4NjQgNyAzLjM0MzE0NTc1IDE1LjI0MjY0MDcgNC43NTczNTkzMSAxNi42NTY4NTQyIDEzIDguNDE0MjEzNTYiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
      }
    .Compose-root-eu .Compose-header-SF .Compose-roll-cX {
        width: 12px;
        height: 2px;

        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMnB4IiB2aWV3Qm94PSIwIDAgMTIgMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy43LjEgKDI4MjE1KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2VXaWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iaWNvbi1kb3dubG9hZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMDAwMDAwLCAtMTguMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJBM0UxQkQzNC0zQ0ZCLTQwNDktODU3Mi03OTdCMjU5REJDODgiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlBhZ2UtMSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Il9zdGF0YXRlcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC04Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJpY29uX2Rvd25sb2FkIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLXBhdGgiIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTE1OCIgZmlsbD0iIzY2NzRBNiIgeD0iNCIgeT0iMTgiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
      }
    .Compose-root-eu .Compose-header-SF .Compose-close-mz {
        width: 12px;
        height: 12px;

        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjcuMSAoMjgyMTUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNsaWNlIDE8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZVdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgPGcgaWQ9Imljb24tYmlyZC1sZWZ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSIxQ0VBRDE3NC01MURGLTRBMEEtQkMwNy03NTMxODc4MTc2MDUiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iX3N0YXRhdGVzIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJiaXJkcyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fYmlyZF9sZWZ0Ij48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgaWQ9Imljb24tYmlyZC1yaWdoIiBmaWxsPSIjNjY3NEE2Ij4KICAgICAgICAgICAgICAgIDxnIGlkPSJDQTg2RUNCOS04NDRFLTRDNjYtQTY2QS0yRERFNTRFQTk0REUiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJQYWdlLTEiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iX3N0YXRhdGVzIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJiaXJkcyI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fYmlyZF9yaWdoIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNTg1Nzg2MzgsNi4yNDI2NDA2OSBMMC40NjQ0NjYwNjksMTAuMzYzOTYxIEwxLjg3ODY3OTYzLDExLjc3ODE3NDYgTDUuOTk5OTk5OTUsNy42NTY4NTQyNSBMMTAuMTIxMzIwMywxMS43NzgxNzQ2IEwxMS41MzU1MzM5LDEwLjM2Mzk2MTEgTDcuNDE0MjEzNTEsNi4yNDI2NDA2OSBMNy41MzU1MzM4OCw2LjEyMTMyMDMyIEw3LjQxNDIxMzU2LDYuMDAwMDAwMDEgTDExLjUzNTUzMzksMS44Nzg2Nzk2OCBMMTAuMTIxMzIwMywwLjQ2NDQ2NjExOSBMNS45OTk5OTk5OSw0LjU4NTc4NjQ1IEwxLjg3ODY3OTYzLDAuNDY0NDY2MTIgTDAuNDY0NDY2MDY5LDEuODc4Njc5NjIgTDQuNTg1Nzg2NDMsNiBMNC40NjQ0NjYwNyw2LjEyMTMyMDM3IEw0LjU4NTc4NjM4LDYuMjQyNjQwNjkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
      }
    .Compose-root-eu .Compose-subject-Xn {
      padding-right: 0;
      padding-left: 0;

    }
    .Compose-root-eu .Compose-subject-Xn .Compose-textInput-mp {
        box-sizing: border-box;
        width: 100%;
        height: 30px;
        padding: 0 5px;

        line-height: 25px;
      }
    .Compose-root-eu .Compose-subject-Xn .Compose-label-e9 {
      margin-right: 5px;
    }
    .Compose-root-eu .Compose-body-CA {
      position: relative;

      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      flex-direction: column;
      align-items: flex-start;
      align-items: stretch;
      height: auto;
      min-height: 388px;
      padding: 0;

      line-height: 1;
    }
    .Compose-root-eu .Compose-body-CA .Compose-label-e9 {
        width: 100%;
        margin-bottom: 10px;
      }
    .Compose-root-eu .Compose-body-CA .Compose-textarea-KC {
        box-sizing: border-box;
        width: 100%;

        font-size: 13px;

        outline: none;
        resize: none;

      }
    .Compose-root-eu .Compose-body-CA .Compose-textarea-KC::placeholder {
          font-size: 13px;

          color: var(--paleBlue);
        }
    .Compose-root-eu .Compose-saveToDrafts-EB {
      --rc-button-fontWeight: 400px;
      margin-left: auto;
      padding: 0;

      cursor: pointer;
    }
    .Compose-root-eu .Compose-composeFooterBtn-xo {
      --rc-button-fontWeight: 400px;
      --rc-button-fontSize: 14px;
      margin-left: 20px;
      padding: 0 !important;
    }
    .Compose-root-eu .Compose-composeFooterBtn-xo svg {
        width: 20px;
        height: 20px;
      }
    .Compose-root-eu .Compose-composeFooterBtn-xo span {
          font-family: Arial, Helvetica, sans-serif !important;
        }
    .Compose-root-eu .Compose-send-w7 {
      justify-content: flex-start;
      height: auto;
      padding: 20px 20px 0;

      border-bottom: 0;

    }
    .Compose-root-eu .Compose-send-w7 .Compose-attachFile-x_ {
        margin-left: 20px;
      }
    .Compose-root-eu .Compose-send-w7 .Compose-fileInput-z3 {
        display: none;
      }
    .Compose-root-eu .Compose-sticky-YE {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 1;

      display: flex;
      width: auto;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      height: 45px;
      padding: 0 10px;
      padding: 0 10px;

      border-bottom: none;
      background-color: transparent;
      opacity: 1;
      visibility: hidden;

      transition: visibility .5s linear 0s, opacity .2s ease, transform .2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
      transform: translate3d(0, -100%, 0) scale(1);

    }
    .Compose-root-eu .Compose-sticky-YE:before {
        content: ' ';

        display: inline-block;
        min-width: 310px;
      }
    .Compose-root-eu .Compose-sticky-YE.Compose-expanded-tH {
        opacity: 1;
        visibility: visible;

        transform: translate3d(0, 0, 0) scale(1);
      }
    .Compose-root-eu .Compose-sticky-YE .Compose-main-n8 {
        flex: 1 auto;
        width: calc(100% - 310px);
        min-width: 675px;
        margin: 0 auto;

        background-color: transparent;
      }
    .Compose-root-eu .Compose-sticky-YE .Compose-content-gB {
        padding: 0 20px;

        background-color: white;
        box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
      }
    .Compose-root-eu .Compose-label-e9 {
      font-size: 14px;

      color: var(--darkCloudGray);
    }
    .Compose-root-eu .Compose-cancelBtndispabled-XY {
      opacity: .8;
      pointer-events: none;
    }

.Compose-dropAreaWrapper-OW {
  position: relative;

  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

.Compose-dropArea-BY {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 20px;
}

@media (min-width: 1367px) {
  .Compose-root-eu .Compose-body-CA {
    min-height: 40vh;
  }
}

.Compose-topAttach-br {
  position: absolute;
  top: 0;
  left:0;
  z-index: 1000;

  display: flex;
  align-items: center;
  width: 132px;
  height: 36px;
  padding-left: 20px;

  border-right: 1px solid var(--bdLightBlue);
  border-bottom: 1px solid var(--bdLightBlue);
}

.Compose-topAttach-br .Compose-fileInput-z3 { display: none }

.Compose-scrollShadow-ok {
  position: absolute;
  right: 10px;
  bottom: 60px;
  left: 0;

  height: 10px;

  box-shadow: inset 0 -10px 10px -10px rgba(49, 94, 251, 0.4);
  pointer-events: none;
}

.Compose-scrollEnd-YN {
  width: 100%;
  height: 0;
}

.Compose-scrollableArea-Aq {
  display: flex;
  flex: 1;
  flex-direction: column;

  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
}

.Compose-scrollableArea-Aq::-webkit-scrollbar {
    width: 10px;

    border: none;
  }

.Compose-scrollableArea-Aq::-webkit-scrollbar-track {
    border: none;
    background: transparent;
  }

.Compose-scrollableArea-Aq::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 10px;
    background-color: var(--alternativeBlue4);
    box-shadow: none;
  }

.Compose-leavePoupWrapper-AF {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: auto;
  z-index: 100;
}


.Compose-promoWrapper-st {
  margin-left: 20px;
}

@keyframes Compose-openmodal-Tm {
  from {
    opacity: 0;

    transform: translateY(-20px);
  }

  to {
    opacity: 1;

    transform: none;
  }
}

.MessageButtonDivider-root-g_ {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: 1px;
  background-color: #d3e0f4;
}
.ComposeAiHelper-root-xo {
  height: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 99;
  margin-left: auto;
  margin-bottom: 15px;
  margin-right: 15px;

  position: sticky;
  bottom: 50px;
}
.TextLengthNotification-root-bq {
  height: 60px;
  padding-top: 10px !important;
  width: 332px !important;
}

.TextLengthNotification-title-EI {
  display: block;
  width: 225px;
  font-family: Arial;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--darkCloudGray);
}

.TextLengthNotification-fullWidth-Rh {
  width: auto;
}

.TextLengthNotification-link-Ko {
  color: var(--blue);
  cursor: pointer;
}
.ComposeGrid-popupWrapper-i2 {
    position: fixed;
    display: flex;
    align-items: center;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    backdrop-filter: blur(7px);
    background-color: rgba(52, 59, 76, 0.6);
}
    .ComposeGrid-popupWrapper-i2.ComposeGrid-withCrossNav-7Q {
      width: calc(100% - var(--crossNavbarWidth));
    }

.ComposeGrid-popupwindow-vY {
    top: 100px;
    margin: auto;
    z-index: 1010;
    max-width: 1140px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow: hidden;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

@media (min-width: 1440px) {

.ComposeGrid-popupwindow-vY {
      width: calc(100% - 100px);
      height: calc(100% - 100px)
}
    }

.ComposePanel-composeButtonGrid-Y3 {
  position: fixed;
  z-index: 1010;
  bottom: 15px;
  right: 15px;
  margin-left: 240px;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
  pointer-events: none;
}

.ComposePanel-firstRow-uF {
  display: flex;
  flex-direction: row-reverse;
}

.ComposePanel-more-zM {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;

  margin: 5px;
  padding: 10px 10px 10px 20px;

  background-color: var(--blue2);
  box-shadow: 0 20px 20px -10px var(--blue3);
  color: var(--white);
  border-radius: 5px;

  pointer-events: auto;
  cursor: pointer;
}

.ComposePanel-more-zM .ComposePanel-moreText-eD {
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
  }

.ComposePanel-more-zM .ComposePanel-arrowDown-NY {
    width: 20px;
    height: 20px;
    transition: transform 200ms ease-in-out;
    transform: rotate3d(0, 0, 1, 0deg);
  }

.ComposePanel-more-zM .ComposePanel-arrowDown-NY path {
      fill: var(--white);
    }

.ComposePanel-more-zM .ComposePanel-arrowDown-NY.ComposePanel-up-nm {
      transform: rotate3d(0, 0, 1, 180deg);
    }

.ComposePanel-more-zM:hover .ComposePanel-arrowDown-NY path {
        fill: var(--alternativeBlue4);
      }

.ComposePanel-more-zM:active .ComposePanel-arrowDown-NY path {
        fill: var(--alternativeBlue6);
      }

.ComposePanel-collapsedItems-cd {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;

  padding-left: 220px;

  transition: max-height 200ms ease-in-out, opacity 200ms ease-in-out;
}

.ComposeItem-composeButtonGridButtonWrap-K4 {
  position: relative;
  margin: 5px;
  padding: 10px 10px 10px 20px;
  background-color: var(--blue2);
  box-shadow: 0 20px 20px -10px var(--blue3);
  color: var(--white);
  border-radius: 5px;
  display: flex;
  align-items: center;
  pointer-events: auto;
}

.ComposeItem-tooltip-Rl {
  position: absolute;
  bottom: calc(100% + 10px);
  background: var(--lightCarbone);
  box-shadow: 0px 20px 20px -10px var(--blue3);
  border-radius: 5px;
  color: white;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  width: 100%;
  z-index: 999;
  font-size: 14px;
  text-align: center;
  max-width: 120px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 200ms, opacity 200ms;
}

.ComposeItem-tooltip-Rl:after {
    position: absolute;
    display: block;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    border-top-color: var(--lightCarbone);
  }

.ComposeItem-withOpenTooltip-wG {
  display: flex;
  align-items: center;
}

.ComposeItem-withOpenTooltip-wG:hover .ComposeItem-tooltip-Rl {
      visibility: visible;
      opacity: 1;
      transition: visibility 0s linear 0s, opacity 200ms;
    }

.ComposeItem-withCloseTooltip-Pl {
  display: flex;
  align-items: center;
}

.ComposeItem-withCloseTooltip-Pl:hover .ComposeItem-tooltip-Rl {
      visibility: visible;
      opacity: 1;
      transition: visibility 0s linear 0s, opacity 200ms;
    }

.ComposeItem-btnText-vh {
  max-width: 206px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 14px;
}

.ComposeItem-btnIcon-gd {
  width: 20px;
  height: 20px;
  color: var(--white);
  max-width: 206px;
  cursor: pointer;
}

.ComposeItem-btnIcon-gd:hover {
    color: var(--alternativeBlue4);
  }

.ComposeItem-btnIcon-gd:active {
    color: var(--alternativeBlue6);
  }

.ComposeItem-mr10-J4 {
  margin-right: 10px;
}

.ComposeItem-leavePoupWrapper-Mn {
  position: absolute;
  bottom: calc(100% + 10px);
  right: 0;
  z-index: 99;
}

:root {
--aquamarine: #00BAAD;
--darkGray: #262626;
--darkBlue: #3c5dcd;
--darkBlue2: #274bc8;
--blue: rgba(49, 94, 251, 1);
--blue3: rgba(49, 94, 251, 0.3);
--blue2: #456efb;
--heavyLargeBlue: rgba(49, 94, 251, 0.25);
--paleGrayTwo: rgba(249, 250, 251, 1);
--blueBright: 466EFB;
--lightGray: rgba(206, 212, 228, .75);
--lightGray25: rgba(206, 212, 228, .25);
--lightGray3: #f9f9fb;
--lightGray5: rgba(244, 245, 248, 1);;
--lightBlue: #f6f7fa;
--colorDarkBlue: rgba(73, 78, 89, 1);
--lightBlue2: #d8f2ff;
--lightBlue3: #e2f5ff;
--paleBlue: rgba(166, 174, 203, 1);
--bgLightBlue: rgba(236, 240, 243, 1);
--bdLightBlue: #f3f4f7;
--bgCyan: #ecf8ff;
--bgCyan2: #ddf4ff;
--bgLighterBlue: rgba(246, 247, 250, 1);
--bgLightGray: rgba(251, 251, 253, 1);
--bgYellow: #fffdd9;
--bgYellow2: #fffac1;
--carbon95: rgba(52, 59, 76, 0.95);
--lightCarbone: #343b4c;
--shaded: #7f87a0;
--blueShaded: #5c6993;
--slateBlue: rgba(92, 105, 147, 0.8);
--dark: #262626;
--carbone: #343b4c;
--faded: #ced4e4;
--error: #ff564e;
--red: rgba(222, 62, 64, 1);
--darkRed: #E54D46;
--darkRed2: #FF6F68;
--yellow: #ffc000;
--gray: #DCE0EC;
--gray2: #C2C4C9;
--black: rgba(57, 57, 57, 1);
--darkYellow: #FFA018;
--mediumYellow: #AFB513;
--lightYellow: #ffdf7f;
--orange: #ffc25e;
--paleGreyTwo: #f9fafb;
--shaded90: rgba(141, 150, 178, 0.9);
--shaded05: rgba(141, 150, 178, 0.05);
--shaded30: rgba(141, 150, 178, 0.3);
--faded25: rgba(206, 212, 228, 0.25);
--lightBgblue: rgba(243, 244, 247, 1);
--lightFaded: #f3f3f3;
--midBlue: rgba(194, 200, 220, 1);
--bgSkyBlue: rgba(239, 246, 255, 1);
--cyan: #9fdfff;
--darkCyan: #7bb2fd;
--green: #00e19e;
--infoBlue: #315efb;
--darkCarbone: #1f2431;
--darkCloudGray: #777e98;
--cloudGray: #8d96b2;
--alternativeBlue: #eff5ff;
--alternativeBlue6: #a2c4ff;
--alternativeBlue4: #c1d8ff;
--alternativeBlue2: #e0ebff;
--alternativeBlue3: #d1e2ff;
--alternativeBlue7: #649dff;
--darkAlternativeBlue: #4A7DFD;
--cloudBurst: rgba(52, 59, 76, 0.95);
--greyishBlue: rgba(102, 116, 166, 0.2);
--veryLightBlueTwo: rgba(229, 234, 238, 0.7);
--blueGrey: rgba(141, 150, 178, 0.3);
--blueGrey80: rgba(127, 135, 160, 0.8);
--middleBlue: #2c54e2;
--marigold: #ffc000;
--lightBlueGray: #c6cad8;
--white: #ffffff;
--halfWhite: rgba(255, 255, 255, 0.5);
--veryLightBlueThree: rgba(229, 234, 238, 0.3);
--paleWhite: rgba(255, 255, 255, 0.1);
--paleYellow: #fffde5;
--paleYellow2: #fffdde;
--veryLightBlue: #e8eaf0;
--lightGrayBlue: #afb5c9;
--lightGrayBlueTwo: #b0b4c2;
--lightGrayBlueThree: #eef2f4;
--mediumBlue: #2962ff;
--meduimBlue2: #1194f6;
--periwinkle: #dcdfe7;
--slateBlue09: rgba(92, 105, 147, 0.9);
--lightBlue4: #ebf8ff;
--clearBlue90: rgba(49, 94, 251, 0.9),
--tomato: #e7372d;
--frenchBlue: #3e4eb8;
--seaGreen: #348f37;
--boulder: #757575;
--purple: #9572cf;
--darkPink: #c4105a;
--carnation: #f1524b;
--darkViolet: #451fa3;
--frenchRose: #f26091;
--fernGreen: #63bc66;
--selectiveYellow: #ffb400;
--success: #28bc00;
--eggBlue: #00bcd6;
--greyBayonix: #536e7b;
--romanCoffee: #7a5547;
--celery: #9bce5f;
--seance: #9d1bb2;
--orancePeel: #ff9900;
--switcherHower: #83b1ff;
--switcherActive: #649dff;

--whiteBlue_Regular: #FFF;
--whiteBlue_Hover: #EFF5FF;
--whiteBlue_Active: #E0EBFF;

--middleBlue_Regular: #315EFB;
--middleBlue_Hover: #2C54E2;
--middleBlue_Active: #274BC8;

--lightBlueAlt_1_Regular: #EFF5FF;
--lightBlueAlt_1_Hover: #E0EBFF;
--lightBlueAlt_1_Active: #D1E2FF;

--lightBlueAlt_2_Regular: #E0EBFF;
--lightBlueAlt_2_Hover: #D1E2FF;
--lightBlueAlt_2_Active: #C1D8FF;

--lightBlueAlt_3_Regular: #D1E2FF;
--lightBlueAlt_3_Hover: #C1D8FF;
--lightBlueAlt_3_Active: #A2C4FF;

--lightBlueText_Regular: #315EFB;
--lightBlueText_Hover: #2C54E2;
--lightBlueText_Active: #274BC8;

--lightCarboneText_Regular: #343B4C;
--lightCarboneText_Hover: #2C54E2;
--lightCarboneText_Active: #274BC8;

--lightBlueDarkAltText_Regular: #4A7DFD;
--lightBlueDarkAltText_Hover: #2C54E2;
--lightBlueDarkAltText_Active: #274BC8;

--lightCloudGrayDarkText_Regular: #777E98;
--lightCloudGrayDarkText_Hover: #2C54E2;
--lightCloudGrayDarkText_Active: #274BC8;

--disabledColor: #AFB6C9;

--minScreenWidth: 1025px;
--mediumScreenWidth: 1242px;
--wideScreenWidth: 1302px;
--crossNavbarWidth: 0px; /* 60px */

/*Manrope*/
--smallManropeFont: 600 13px/20px Manrope, sans-serif;
--mediumManropeFont: 500 15px/20px Manrope, sans-serif;

--semiBoldSBSansDisplayFont: 600 22px/28px 'SB Sans Display', Manrope, sans-serif;
};

:root {
  --main-text-font: 'Arial', sans-serif 14px 400 / 20px;
}

body {
  margin: 0;

  font-weight: 400;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;

  background-color: white;
  color: #262626;
}

@media screen and (max-width: 768px) {
  body {
    min-width: 1024px;
  }
}

/*
* iframe at the bottom of the page
*/
.style-serviceFrame-KW {
  width: 0;

  opacity: 0;
}

@media print {
  .style-rambler-topline-container-yF {
    display: none;
  }
}

*:active {
  -khtml-user-drag: auto;
  -webkit-user-drag: auto;
}

ol,
ul {
  padding: 0;

  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

div {
  box-sizing: border-box;
}

input,
label,
select,
button,
textarea {
  display: inline-block;
  margin: 0;
  padding: 0;

  line-height: 1;
  vertical-align: middle;
  white-space: normal;

  border: 0;
}

textarea {
  white-space: pre-wrap !important;
}

input:focus {
  outline: 0;
}

a {
  text-decoration: none;

  color: rgba(49, 94, 251, 1);
}

.style-serviceFrame-KW {
  opacity: 0;
  visibility: hidden;
}
/*
for removing banana background on autofilled inputs
https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/
*/
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

input::-ms-clear {
  display: none;
}

/**
 * remove outline for HotKeys wrapper
 */
div[tabindex='-1']:focus {
  outline: 0;
}

/**
 * styling chrome scrollbars
 */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;

  border: solid transparent;
  border-width: 2px 2px;
  border-radius: 6px;
  background-clip: content-box;
  box-shadow: inset 0 0 0 10px grey;
}

::-webkit-scrollbar-corner {
  background: 0 0;
}

::-webkit-scrollbar-track {
  background: #eee;
}
/*
 * redefine fonts in rambler UIKit
 */
/*[class^="rui"] {*/
/*font-family: Arial, Helvetica, sans-serif !important;*/
/*}*/
/**
 * leave rui button with Roboto
 */
[class^='rui-Button'] {
  font-weight: 500;
  font-style: normal;
  font-family: Roboto, Arial, Helvetica, sans-serif !important;
}
/**
 * Prevent word breaks in tooltips
 */
[class^='rui-Tooltip'] {
  white-space: nowrap !important;
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Roboto';
  src:
    local('Roboto'),
    local('Roboto-Regular'),
    url('https://static.rambler.ru/fonts/Roboto/regular.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/regular.woff') format('woff');
  font-display: swap;
  unicode-range:
    U+0410 –U + 044F,
    U+0000- U+007F;
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'Roboto';
  src:
    local('Roboto Medium'),
    local('Roboto-Medium'),
    url('https://static.rambler.ru/fonts/Roboto/medium.woff2') format('woff2'),
    url('https://static.rambler.ru/fonts/Roboto/medium.woff') format('woff');
  font-display: swap;
  unicode-range:
    U+0410 –U + 044F,
    U+0000- U+007F;
}

/* Manrope */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url('https://static.rambler.ru/fonts/Manrope/regular.woff2') format('woff2');
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url('https://static.rambler.ru/fonts/Manrope/medium.woff2') format('woff2');
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url('https://static.rambler.ru/fonts/Manrope/semibold.woff2')
      format('woff2');
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url('https://static.rambler.ru/fonts/Manrope/bold.woff2') format('woff2');
}

@font-face {
  font-weight: 800;
  font-style: normal;
  font-family: 'Manrope';
  src:
    local('Manrope'),
    url('https://static.rambler.ru/fonts/Manrope/extrabold.woff2')
      format('woff2');
}

@font-face {
  font-family: SB Sans Display;
  src:
    local('SB Sans Display Regular'),
    local('SBSansDisplay-Regular'),
    url('https://static.rambler.ru/fonts/SBSansDisplay/SBSansDisplay-Regular.woff2')
      format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SB Sans Display;
  src:
    local('SB Sans Display Semibold'),
    local('SBSansDisplay-Semibold'),
    url('https://static.rambler.ru/fonts/SBSansDisplay/SBSansDisplay-Semibold.woff2')
      format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Set up Manrope for modern browsers, all weights */
@supports (font-variation-settings: normal) {
  @font-face {
    font-weight: 400 800;
    font-style: normal;
    font-stretch: normal;
    font-family: 'Manrope';
    src:
      local('Manrope'),
      url('https://static.rambler.ru/fonts/Manrope/variable.woff2')
        format('woff2 supports variations'),
      url('https://static.rambler.ru/fonts/Manrope/variable.woff2')
        format('woff2-variations');
  }
}

@font-face {
  font-family: 'SB Sans Text';
  src:
    local('SB Sans Text Light'),
    local('SBSansText-Light'),
    url('https://static.rambler.ru/fonts/SBSansText/SBSansText-Light.woff2')
      format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SB Sans Text';
  src:
    local('SB Sans Text Regular'),
    local('SBSansText-Regular'),
    url('https://static.rambler.ru/fonts/SBSansText/SBSansText-Regular.woff2')
      format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SB Sans Text';
  src:
    local('SB Sans Text Medium'),
    local('SBSansText-Medium'),
    url('https://static.rambler.ru/fonts/SBSansText/SBSansText-Medium.woff2')
      format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-weight: 400;
  font-style: italic;
  font-family: 'SBSansText';
  src:
    local('SB Sans Italic'),
    local('SBSansText-Italic'),
    url('https://static.rambler.ru/fonts/SBSansText/SBSansText-Italic.woff2')
      format('woff2');
  font-display: swap;
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: 'SBSansText';
  src:
    local('SB Sans Text Medium'),
    local('SBSansText-Medium'),
    url('https://static.rambler.ru/fonts/SBSansText/SBSansText-Medium.woff2')
      format('woff2');
  font-display: swap;
}

.joyride-joyride-beacon-EY {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  height: 36px;
  position: relative;
  width: 36px;
  z-index: 1500; }
  .joyride-joyride-beacon-EY:active, .joyride-joyride-beacon-EY:focus, .joyride-joyride-beacon-EY:hover {
    outline: none; }
  .joyride-joyride-beacon__inner-wE {
    -webkit-animation: joyride-joyride-beacon-inner-R9 1.2s infinite ease-in-out;
            animation: joyride-joyride-beacon-inner-R9 1.2s infinite ease-in-out;
    background-color: #f04;
    border-radius: 50%;
    display: block;
    height: 50%;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 50%; }
  .joyride-joyride-beacon__outer-hV {
    -webkit-animation: joyride-joyride-beacon-outer-kO 1.2s infinite ease-in-out;
            animation: joyride-joyride-beacon-outer-kO 1.2s infinite ease-in-out;
    background-color: rgba(255, 0, 68, 0.2);
    border: 2px solid #f04;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transform-origin: center;
            transform-origin: center;
    width: 100%; }

.joyride-joyride-overlay-Zb {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1500; }

.joyride-joyride-hole-_D {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 9999px rgba(52, 59, 76, 0.2), 0 0 15px rgba(52, 59, 76, 0.2);
          box-shadow: 0 0 0 9999px rgba(52, 59, 76, 0.2), 0 0 15px rgba(52, 59, 76, 0.2);
  position: absolute; }
  .joyride-joyride-hole-_D.joyride-safari-yG {
    -webkit-box-shadow: 0 0 999px 9999px rgba(52, 59, 76, 0.2), 0 0 15px rgba(52, 59, 76, 0.2);
            box-shadow: 0 0 999px 9999px rgba(52, 59, 76, 0.2), 0 0 15px rgba(52, 59, 76, 0.2); }

.joyride-joyride-tooltip-Eq {
  background-color: #fff;
  border-radius: 4px;
  color: #555;
  cursor: default;
  box-shadow: -2px 2px 10px 0 rgba(102, 116, 166, 0.2);
  /* -webkit-filter: drop-shadow(-1px -2px 3px rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(-1px -2px 3px rgba(0, 0, 0, 0.3)) drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3)); */
  opacity: 0;
  padding: 15px 20px;
  pointer-events: auto;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 290px;
  z-index: 1510; }
  .joyride-joyride-tooltip--animate-V3 {
    -webkit-animation: joyride-joyride-tooltip-Eq 0.4s forwards;
            animation: joyride-joyride-tooltip-Eq 0.4s forwards;
    -webkit-animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18);
            animation-timing-function: cubic-bezier(0, 1.05, 0.55, 1.18); }
  .joyride-joyride-tooltip__triangle-dc {
    background-repeat: no-repeat;
    position: absolute; }
  .joyride-joyride-tooltip-Eq.joyride-bottom-_U, .joyride-joyride-tooltip-Eq.joyride-bottom-left-cR, .joyride-joyride-tooltip-Eq.joyride-bottom-right-RH {
    margin-top: 11px; }
    .joyride-joyride-tooltip-Eq.joyride-bottom-_U .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-bottom-left-cR .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-bottom-right-RH .joyride-joyride-tooltip__triangle-dc {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28180 8 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
      height: 18px;
      left: 50% !important;
      top: -6px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 36px; }
  .joyride-joyride-tooltip-Eq.joyride-top-Jp, .joyride-joyride-tooltip-Eq.joyride-top-left-ko, .joyride-joyride-tooltip-Eq.joyride-top-right-of {
    margin-bottom: 11px; }
    .joyride-joyride-tooltip-Eq.joyride-top-Jp .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-left-ko .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-right-of .joyride-joyride-tooltip__triangle-dc {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2236px%22%20height%3D%2218px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%280%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
      bottom: -6px;
      height: 18px;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 36px; }
  .joyride-joyride-tooltip-Eq.joyride-bottom-left-cR .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-left-ko .joyride-joyride-tooltip__triangle-dc {
    left: 3%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    @media screen and (min-width: 480px) {
      .joyride-joyride-tooltip-Eq.joyride-bottom-left-cR .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-left-ko .joyride-joyride-tooltip__triangle-dc {
        left: 2%; } }
  .joyride-joyride-tooltip-Eq.joyride-bottom-right-RH .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-right-of .joyride-joyride-tooltip__triangle-dc {
    left: auto;
    right: 3%;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
    @media screen and (min-width: 480px) {
      .joyride-joyride-tooltip-Eq.joyride-bottom-right-RH .joyride-joyride-tooltip__triangle-dc, .joyride-joyride-tooltip-Eq.joyride-top-right-of .joyride-joyride-tooltip__triangle-dc {
        right: 2%; } }
  .joyride-joyride-tooltip-Eq.joyride-left-Xs {
    margin-right: 11px; }
    .joyride-joyride-tooltip-Eq.joyride-left-Xs .joyride-joyride-tooltip__triangle-dc {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%28270 8 8%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
      height: 36px;
      right: -6px;
      width: 18px; }
  .joyride-joyride-tooltip-Eq.joyride-right-k2 {
    margin-left: 11px; }
    .joyride-joyride-tooltip-Eq.joyride-right-k2 .joyride-joyride-tooltip__triangle-dc {
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218px%22%20height%3D%2236px%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpolygon%20points%3D%220%2C%200%208%2C%208%2016%2C0%22%20fill%3D%22%23fff%22%20transform%3D%22scale%282.25%29%20rotate%2890 4 4%29%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
      height: 36px;
      left: -6px;
      width: 18px; }
  .joyride-joyride-tooltip__close-jy {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.117.323l-6.073%206.075-5.449-6.075c-.431-.431-1.131-.431-1.562%200-.431.431-.431%201.131%200%201.562l5.449%206.075-6.159%206.159c-.431.431-.431%201.134%200%201.562.431.431%201.131.431%201.562%200l6.075-6.073%205.449%206.073c.429.431%201.131.431%201.56%200%20.431-.429.431-1.131%200-1.562l-5.452-6.073%206.159-6.161c.431-.431.431-1.131%200-1.562-.431-.431-1.129-.431-1.56%200z%22%20fill%3D%22rgb%2838, 38, 38%29%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 9px;
    position: absolute;
    right: 16px;
    text-decoration: none;
    top: 16px;
    width: 9px;
    z-index: 10;
    display: block; }
    .joyride-joyride-tooltip__close-jy:active, .joyride-joyride-tooltip__close-jy:focus, .joyride-joyride-tooltip__close-jy:hover {
      outline: none; }
    .joyride-joyride-tooltip__close-jy:hover, .joyride-joyride-tooltip__close-jy:focus {
      color: rgb(38, 38, 38);
      outline: none; }
    .joyride-joyride-tooltip__close--header-mh {
      right: 20px;
      top: 20px; }
  .joyride-joyride-tooltip__header-mQ {
    border-bottom: 1px solid #f04;
    color: #555;
    font-size: 20px;
    padding-bottom: 6px;
    padding-right: 18px;
    position: relative; }
    .joyride-joyride-tooltip__header-mQ ~ .joyride-joyride-tooltip__main-PJ {
      padding: 12px 0 18px; }
  .joyride-joyride-tooltip__main-PJ {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.54;
    padding-right: 25px; }
  .joyride-joyride-tooltip__footer-Wi {
    height: 20px;
    display: flex;
    justify-content: flex-start;
    text-align: right; }
  .joyride-joyride-tooltip__button-ly {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    padding: 0; }
    .joyride-joyride-tooltip__button-ly:active, .joyride-joyride-tooltip__button-ly:focus, .joyride-joyride-tooltip__button-ly:hover {
      outline: none; }
    .joyride-joyride-tooltip__button--primary-ps {
      margin-left: auto;
      border-radius: 4px;
      color: rgb(49, 94, 251);
      padding: 0px;
      -webkit-transition: background-color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out; }
      .joyride-joyride-tooltip__button--primary-ps:active, .joyride-joyride-tooltip__button--primary-ps:focus, .joyride-joyride-tooltip__button--primary-ps:hover {
        /* background-color: #ff1f5a; */
        /* color: #fff; } */
      }
    .joyride-joyride-tooltip__button--secondary-qE {
      color: rgb(141, 150, 178);
      margin-right: 10px; }
    .joyride-joyride-tooltip__button--skip-aT {
      color: #ccc;
      float: left;
      margin-right: 10px; }
  .joyride-joyride-tooltip--standalone-Il .joyride-joyride-tooltip__main-PJ {
    padding-bottom: 0; }
  .joyride-joyride-tooltip--standalone-Il .joyride-joyride-tooltip__footer-Wi {
    display: none; }
  @media screen and (min-width: 480px) {
    .joyride-joyride-tooltip-Eq {
      width: 360px; } }
  @media screen and (min-width: 960px) {
    .joyride-joyride-tooltip-Eq {
      width: 360px; } }

@-webkit-keyframes joyride-joyride-tooltip-Eq {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
            transform: perspective(1px) scale(1); } }

@keyframes joyride-joyride-tooltip-Eq {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(1px) scale(1);
            transform: perspective(1px) scale(1); } }

@-webkit-keyframes joyride-joyride-beacon-inner-R9 {
  20% {
    opacity: 0.9; }
  90% {
    opacity: 0.7; } }

@keyframes joyride-joyride-beacon-inner-R9 {
  20% {
    opacity: 0.9; }
  90% {
    opacity: 0.7; } }

@-webkit-keyframes joyride-joyride-beacon-outer-kO {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes joyride-joyride-beacon-outer-kO {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    opacity: 0.7;
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  100% {
    opacity: 0.9;
    -webkit-transform: scale(1);
            transform: scale(1); } }


.styles-fullScreen-DT {
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;

  transition: width 0s linear, height 0s linear !important;
}

.styles-blueMail-yH {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(180deg, #aadcf2 0%, #cbd9ea 100%);
  background-color: #aadcf2;
}

.styles-root-OV.styles-mcd-Pu {
    --rc-loader-blue-bgColor: #f5576e;
  }

.styles-root-OV.styles-blueLoader-AI {
    height: auto !important;
  }

.styles-root-OV svg {
    width: 44px;
    height: 44px;
  }

.styles-title-Cf {
  margin-top: 0;
  margin-bottom: 34px;

  font: var(--semiBoldSBSansDisplayFont);
  text-align: center;
}

.AuthLogin-root-MP {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;

  font: var(--semiBoldSBSansDisplayFont);

  background: linear-gradient(180deg, #aadcf2 0%, #cbd9ea 100%);
  background-color: #aadcf2;
}

.AuthLogin-form-Nk {
  width: 450px;

  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 36px 84px 0px rgba(0, 0, 0, 0.15);
}
.AuthLogin-formSber-ij {
  padding: 79px 40px;
}
.AuthLogin-formRambler-Bb {
  padding: 32px;
}
.AuthLogin-title-UJ {
  margin: 0;

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
}
.AuthLogin-titleDesc-at {
  margin-bottom: 0;

  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;

  color: #262626;
}
.AuthLogin-btn-V5 {
  --rc-button-small-height: 48px;
  width: 100%;
}
.AuthLogin-btn-V5.AuthLogin-withIcon-jI span:last-child {
  margin-left: 12px;
}
.AuthLogin-green-bY {
  --rc-button-primary-bgColor: #21a038;
  --rc-button-primary-hover-bgColor: #21a038;
  --rc-button-primary-active-bgColor: #21a038;
  box-shadow: 12px 12px 32px 0px #ffffff3d inset;
}
.AuthLogin-desc-kW {
  display: block;
  margin-top: 16px;

  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;

  color: #262626;
}
.AuthLogin-legal-DW {
  margin-top: 16px;

  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  line-height: 16px;
  text-align: center;

  color: #262626;
}
.AuthLogin-legalLink-wd {
  display: block;

  color: #315efb;
}
.AuthLogin-phone-Ht {
  width: 100%;
}
.AuthLogin-fullWidth-wO {
  width: 100%;
}
.AuthLogin-sber-aW {
  --rc-button-white-color: #21a038;
  --rc-button-white-hover-color: #21a038;
  --rc-button-white-active-color: #21a038;
  --rc-button-white-loader-color: #21a038;
  border: 1px solid #dee0e7 !important;
  box-sizing: border-box;
  line-height: 0;
}
.AuthLogin-sber-aW span:last-child {
    margin-left: 12px !important;
  }
.AuthLogin-checkboxWrapper-IM {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AuthLogin-resetPass-Os {
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  font-family: Manrope;
  line-height: 20px;

  color: #4a7dfd;

  color: var(--Text-Accent-light, #4a7dfd);
}
.AuthLogin-resetPass-Os:hover {
  color: #4a7dfd;
  color: var(--Text-Accent-light, #4a7dfd);
}
.AuthLogin-divider-yf {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
}
.AuthLogin-divider-yf:before {
  content: '';

  flex: 1;
  height: 1px;

  background-color: #dee0e7;
}
.AuthLogin-divider-yf:after {
  content: '';

  flex: 1;
  height: 1px;

  background-color: #dee0e7;
}
.AuthLogin-dividerText-EM {
  padding-right: 16px;
  padding-left: 16px;

  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #7f87a0;
}
.AuthLogin-profile-Ic {
  display: flex;
  align-items: center;
}
.AuthLogin-avatar-Tl {
  width: 80px;
  height: 80px;

  border-radius: 80px;
}
.AuthLogin-profileInfo-sE {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.AuthLogin-name-nz {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #262626;
}
.AuthLogin-email-Qq {
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  font-family: Manrope;
  line-height: 20px;

  color: #7f87a0;
}
.AuthLogin-features-wb {
  margin-top: 24px;
}
.AuthLogin-subTitle-aa {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #262626;
}
.AuthLogin-feature-rs {
  display: flex;
  align-items: center;
  margin-top: 16px;

  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  line-height: 24px;

  color: #262626;
}
.AuthLogin-checkIcon-SV {
  flex-shrink: 0;
  width: 16px;
  margin-right: 12px;

  color: #315efb;
}
.AuthLogin-mt8-nM {
  margin-top: 8px;
}
.AuthLogin-mt16-do {
  margin-top: 16px;
}
.AuthLogin-mt20-uB {
  margin-top: 20px;
}
.AuthLogin-mt24-Fd {
  margin-top: 24px;
}

.AuthSber-form-t3 {
  width: 450px;

  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 36px 84px 0px rgba(0, 0, 0, 0.15);
}
.AuthSber-formSber-Ke {
  padding: 79px 40px;
}
.AuthSber-formRambler-UA {
  padding: 32px;
}
.AuthSber-title-Kn {
  margin: 0;

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;

  color: #343b4c;
}
.AuthSber-titleDesc-s0 {
  margin-bottom: 0;

  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;

  color: #262626;
}
.AuthSber-btn-VQ {
  --rc-button-small-height: 48px;
  width: 100%;
}
.AuthSber-btn-VQ.AuthSber-withIcon-fU span:last-child {
  margin-left: 12px;
}
.AuthSber-green-gL {
  --rc-button-primary-bgColor: #21a038;
  --rc-button-primary-hover-bgColor: #21a038;
  --rc-button-primary-active-bgColor: #21a038;
  box-shadow: 12px 12px 32px 0px #ffffff3d inset;
}
.AuthSber-desc-wJ {
  display: block;
  margin-top: 16px;

  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;

  color: #262626;
}
.AuthSber-legal-lY {
  margin-top: 16px;

  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  line-height: 16px;
  text-align: center;

  color: #262626;
}
.AuthSber-legalLink-tG {
  display: block;

  color: #315efb;
}
.AuthSber-phone-Wx {
  width: 100%;
}
.AuthSber-fullWidth-P2 {
  width: 100%;
}
.AuthSber-sber-Ol {
  --rc-button-white-color: #21a038;
  --rc-button-white-hover-color: #21a038;
  --rc-button-white-active-color: #21a038;
  border: 1px solid #dee0e7;
}
.AuthSber-checkboxWrapper-DO {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.AuthSber-resetPass-FI {
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  font-family: Manrope;
  line-height: 20px;

  color: #4a7dfd;

  color: var(--Text-Accent-light, #4a7dfd);
}
.AuthSber-resetPass-FI:hover {
  color: #4a7dfd;
  color: var(--Text-Accent-light, #4a7dfd);
}
.AuthSber-divider-xa {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20px;
}
.AuthSber-divider-xa:before {
  content: '';

  flex: 1;
  height: 1px;

  background-color: #dee0e7;
}
.AuthSber-divider-xa:after {
  content: '';

  flex: 1;
  height: 1px;

  background-color: #dee0e7;
}
.AuthSber-dividerText-Fi {
  padding-right: 16px;
  padding-left: 16px;

  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #7f87a0;
}
.AuthSber-profile-RW {
  display: flex;
  align-items: center;
}
.AuthSber-avatar-eo {
  width: 80px;
  height: 80px;

  border-radius: 80px;
}
.AuthSber-profileInfo-AX {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}
.AuthSber-name-kb {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #262626;
}
.AuthSber-email-M5 {
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  font-family: Manrope;
  line-height: 20px;

  color: #7f87a0;
}
.AuthSber-features-gD {
  margin-top: 24px;
}
.AuthSber-subTitle-IA {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  font-family: Arial;
  line-height: 20px;

  color: #262626;
}
.AuthSber-feature-bX {
  display: flex;
  align-items: center;
  margin-top: 16px;

  font-weight: 400;
  font-style: Regular;
  font-size: 15px;
  line-height: 24px;

  color: #262626;
}
.AuthSber-checkIcon-Jc {
  flex-shrink: 0;
  width: 16px;
  margin-right: 12px;

  color: #315efb;
}
.AuthSber-mt8-ip {
  margin-top: 8px;
}
.AuthSber-mt16-Qr {
  margin-top: 16px;
}
.AuthSber-mt20-QP {
  margin-top: 20px;
}
.AuthSber-mt24-Ro {
  margin-top: 24px;
}

.AttachSber-sberStep-la {
  margin-top: 24px;
}

.AttachSber-sberStepTitle-b2 {
  font-family: SB Sans Display;
  font-weight: 600;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  color: var(--dark);
}

.AttachSber-sberStepText-XC {
  margin-top: 8px;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark);
}

.AttachSber-sberAttachBtn-B7 {
  --rc-button-small-height: 48px;
  box-sizing: border-box;
  width: 100%;
  max-width: 370px;
  margin-top: 20px;
}

.AttachSber-sberAttachBtn-B7 span:first-child {
      line-height: 0;
    }

.AttachSber-sberAttachBtn-B7 span:last-child {
      margin-left: 12px;
    }

.AttachSber-sberStepDisclaimer-DP {
  margin-top: 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #7f87a0;
}
.EmailValidation-emailInput-VJ {
  width: 100%;
  max-width: 400px;
  margin-top: 24px;
}

.EmailValidation-captchaBlock-mo {
  margin-top: 20px;
}

.EmailValidation-captchaWarning-QZ {
  margin-bottom: 20px;
}

.EmailValidation-captchaWarning-QZ:first-child {
    line-height: 0;
  }

.SecurityQuestion-root-pJ {
  width: 100%;
  max-width: 511px;

  font: var(--semiBoldSBSansDisplayFont);
}

.SecurityQuestion-block-Vg + .SecurityQuestion-block-Vg {
  margin-top: 24px;
}

.SecurityQuestion-label-Rz {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark);
}

.SecurityQuestion-emailValue-hA {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: var(--dark);
  margin-top: 8px;
}


.SecurityQuestion-answerInput-I4{
  margin-top: 20px;
  width: 100%;
}

.SecurityQuestion-actions-Dv {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.SecurityQuestion-hint-5W {
  margin-top: 24px;
  font-family: SB Sans Text, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #595959;
}

.SecurityQuestion-supportLink-mV {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;

  color: #315efb;
  text-decoration: none;
}

.SecurityQuestion-supportLink-mV:hover {
  text-decoration: underline;
}

.SecurityQuestion-securityStep-yH {
  margin-top: 24px;
}
.PasswordRecovery-root-ZJ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;

  font: var(--semiBoldSBSansDisplayFont);
  /* --rc-stepper-fontFamily: Arial, sans-serif;
  --rc-stepper-fontWeight: 400;
  --rc-stepper-fontSize: 16px;
  --rc-stepper-lineHeight: 20px; */

  background: linear-gradient(180deg, #aadcf2 0%, #cbd9ea 100%);
  background-color: #aadcf2;
}

.PasswordRecovery-form-iL {
  width: 614px;
  padding: 32px;

  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 36px 84px 0px rgba(0, 0, 0, 0.15);
}

.PasswordRecovery-title-JS {
  margin: 0;

  font-weight: 600;
  font-size: 22px;
  line-height: 28px;

  color: #262626;
}

.PasswordRecovery-stepper-jC {
  margin-top: 24px;
}

.PasswordRecovery-fullWidth-Os {
  width: 100%;
}

.PasswordRecovery-emailInput-Ea {
  width: 100%;
  max-width: 400px;
  margin-top: 24px;
}

.PasswordRecovery-submitBtn-vw {
  width: 135px;
  margin-top: 20px;
}

.PasswordRecovery-sberStep-r2 {
  margin-top: 24px;
}


.PasswordRecovery-sberStepBack-UI {
  margin-top: 16px;
}

.ChooseProfile-root-Y7 {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 24px;

  font: var(--semiBoldSBSansDisplayFont);

  background: linear-gradient(180deg, #aadcf2 0%, #cbd9ea 100%);
  background-color: #aadcf2;
}

.ChooseProfile-title-At {
  font: var(--boldBigArialFont);
}

.ChooseProfile-backArrow-GA {
  position: absolute;
  top: 8px;
  left: 8px;

  width: 32px;
  height: 32px;

  color: #2a2a2a;
}

.ChooseProfile-loader-RF {
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;

  display: flex;
  margin: auto;

  background-color: rgba(0, 0, 0, 0.28);
}

.ChooseProfile-wrapper-d2 {
  width: 100%;
  max-width: 355px;
  padding: 20px 20px 24px 20px;

  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0px 36px 84px 0px rgba(0, 0, 0, 0.15);
}

.ChooseProfile-accountsList-Al {
  margin-top: 16px;
  padding-right: 4px;
  padding-left: 4px;
}

.ChooseProfile-account-PV {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 76px;
  padding: 16px;

  font: var(--mediumManropeFont);

  border: 1px solid #dee0e7;
  border-radius: 8px;
  background-color: #f7faff;
  cursor: pointer;
}

.ChooseProfile-accountPicture-D6 {
  width: 40px;
  height: 40px;

  border-radius: 40px;
}

.ChooseProfile-accountTitleWrapper-G4 {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
}

.ChooseProfile-accountTitle-Fr {
  font: var(--semiBoldSBSansDisplayFont);
  font-size: 16px;

  color: #262626;
}

.ChooseProfile-addAccountBtn-O6 {
  font: var(--boldBigArialFont);
  font-size: 16px;

  color: #262626;
}

.ChooseProfile-accountDesc-R1 {
  font: var(--normalArialFont);

  color: #7f87a0;
}

.ChooseProfile-accountDesc-R1 .ChooseProfile-mt4-A9 {
    margin-top: 4px;
  }

.ChooseProfile-account-PV + .ChooseProfile-account-PV {
  margin-top: 8px;
}

.ChooseProfile-button-JZ {
  line-height: 0;
}

.Registration-root-Vg {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 24px;

  font: var(--semiBoldSBSansDisplayFont);

  background: linear-gradient(180deg, #aadcf2 0%, #cbd9ea 100%);
  background-color: #aadcf2;
}

.Registration-backArrow-Qb {
  position: absolute;
  top: 8px;
  left: 8px;

  width: 32px;
  height: 32px;

  color: #2a2a2a;
}

.Registration-form-W3 {
  position: relative;

  width: 450px;
  padding: 20px 20px 0;

  border-radius: 16px;
  background-color: #fff;
  color: #343b4c;
  box-shadow: 0px 36px 84px 0px rgba(0, 0, 0, 0.15);
}

.Registration-form-W3:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;

    height: 1px;

    background-color: #e8eaf0;
  }

.Registration-title-kA {
  margin: 0;

  font: var(--semiBoldSBSansDisplayFont);
}

.Registration-inputsWrapper-fZ {
  display: flex;
  flex-direction: column;
  margin-top: 26px;
}

.Registration-email-M4 {
  flex: 1;
}

.Registration-domain-w1 {
  flex: 1;
  margin-top: 8px;
}

.Registration-addresses-kO {
  margin-top: 20px;
}

.Registration-addressesTitle-ZN {
  font: var(--mediumManropeFont);

  color: #343b4c;
}

.Registration-address-a2 {
  margin-top: 8px;

  font: var(--mediumManropeFont);
  font-size: 13px;

  color: #315efb;
  cursor: pointer;
}

.Registration-nextBtn-bx {
  width: 100%;
  margin-top: 20px;
  /* background: var(--colors-cloudGray-cloudGray1, #f3f4f7); */
}

.Registration-haveAccountBtn-iW {
  --rc-button-fontWeight: 500;
  width: 100%;
  margin-top: 16px;
}

.Registration-userAgree-XJ {
  margin-top: 20px;

  font: var(--mediumManropeFont);
  font-size: 13px;

  color: #777e98;
}

.Registration-userAgree-XJ a {
    color: var(--blue);
  }

.Snackbars-root-qk {
  z-index: 902;
  position: fixed;
  bottom: 20px;
  left: 80px;

  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}

.Snackbars-rootOverComposeList-x3 {
  bottom: 80px;
}

.Snackbars-item-cZ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 350px;
  max-width: 500px;
  padding: 10px 5px 10px 15px;
  margin-top: 10px;
  border-radius: 5px;
  background-color: var(--carbone);
}

.Snackbars-item-cZ .Snackbars-message-ii {
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;

    color: #FFFFFF;
  }

.Snackbars-item-cZ .Snackbars-removeWrapper-Az {
    padding-left: 10px;
    padding-right: 5px;
    width: 35px;
    max-height: 20px;

    display: flex;
    justify-content: center;
    align-items: start;

    border-radius: 50%;

    cursor: pointer;
  }

.Snackbars-item-cZ .Snackbars-removeWrapper-Az .Snackbars-remove-Ym {
      width: 20px;
      height: 20px;
    }

.Snackbars-item-cZ .Snackbars-removeWrapper-Az .Snackbars-remove-Ym path {
        fill: white;
      }

.Snackbars-item-cZ .Snackbars-removeWrapper-Az:hover .Snackbars-remove-Ym path {
          fill: rgba(255, 255, 255, 0.7);
        }

.Snackbars-item-cZ .Snackbars-removeWrapper-Az:active .Snackbars-remove-Ym path {
          fill: rgba(255, 255, 255, 0.5);
        }

.Snackbars-itemError-VB {
  background-color: var(--darkRed);
}