@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);
blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
  margin: 0;
}

body {
  font-family: 'HelveticaNeue';
  font-weight: 400;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  overflow-x: hidden;
  height: 100%;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

a {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  border: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

@font-face {
  font-family: 'Acrom';
  src: url(/fonts/Acrom-Medium.woff2?3430fb6dd81f1030ef19b4ef9676b7b8) format("woff2"), url(/fonts/Acrom-Medium.woff?239a1464a06f3f2831e3b66d4e86ce16) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Acrom';
  src: url(/fonts/Acrom-Regular.woff2?eca687f3647c136aa9f9ee4c18221e26) format("woff2"), url(/fonts/Acrom-Regular.woff?c2a5c9e55588aeeb14b3d7656ce4af61) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Acrom';
  src: url(/fonts/Acrom-Bold.woff2?4b52e9f90b8045701b1879f32b1db5a0) format("woff2"), url(/fonts/Acrom-Bold.woff?3a16c7b9f0870609824495051d284c8a) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Merriweather';
  src: url(/fonts/Merriweather-Bold.woff2?926b2ccb3309387a9c03fc91b713bfe0) format("woff2"), url(/fonts/Merriweather-Bold.woff?a3e66a3d0d26156cf2caf5ca861f43cf) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/fonts/Montserrat-SemiBold.woff2?165aed18e64970167ee76877a5c0f259) format("woff2"), url(/fonts/Montserrat-SemiBold.woff?411a4d1469b75e0248ffbafccb205424) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/fonts/Montserrat-Regular.woff2?4ada7f2f580c676690f0bd70e0c3366e) format("woff2"), url(/fonts/Montserrat-Regular.woff?4a3d63613a362f90a9e61453bd7eff08) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body.no-scroll, html.no-scroll {
  overflow: hidden;
}

body {
  position: relative;
  font-family: 'Montserrat', sans-serif;
}

body.no-scroll {
  touch-action: none;
  -ms-touch-action: none;
  height: 100%;
  width: 100%;
  position: fixed;
}

.container {
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px;
}

.container-small {
  max-width: 900px;
}

.btn {
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.btn-purple {
  border-radius: 5px;
  background-color: #ff8c82;
  letter-spacing: -0.01em;
  /*font-weight: 500;*/
  font-size: 14px;
  color: #fefefe;
  font-family: 'Montserrat', sans-serif;
}

.btn-light-blue {
  background: #D8E9FE;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #858585;
}

.btn-blue {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  background: #4060FA;
  border-radius: 5px;
}

.btn-transparent {
  border: 1px solid #1b1b1b;
  border-radius: 5px;
  width: -moz-max-content;
  width: max-content;
  height: 30px;
  padding: 0 10px;
}

.page-wrapper {
  display: flex;
  background: #F5F5FB;
  min-height: 100vh;
}

.page-wrapper__aside {
  position: sticky;
  width: 216px;
  height: 100vh;
  top: 0;
  left: 0;
}

.page-wrapper__content {
  padding: 50px 15px;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}

.page-wrapper__banner {
  margin: 80px 0 80px 0;
}

.page-wrapper__block + .page-wrapper__block {
  margin-top: 30px;
}

.page-wrapper__block-title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

.trigger-block {
  display: none;
}

.trigger-block.active {
  display: block;
}

@media screen and (max-width: 991px) {
  .page-wrapper__aside {
    position: fixed;
    z-index: 99;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 700px) {
  .page-wrapper__content {
    padding: 80px 16px 60px 16px;
  }
}

@media screen and (min-width: 600px) {
  .page-wrapper__block-title {
    display: none;
  }
}

.premium-text::after {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(2px);
  background: url(/images/crown.png?40c1af2f62410472e3bbd314090293f0) center center/contain no-repeat;
}

.header__wrapper {
  display: flex;
  align-items: center;
  height: 45px;
}

.header__nav {
  margin-left: auto;
}

.header__burger {
  margin-left: 20px;
}

.header-nav__list {
  display: flex;
  align-items: center;
}

.header-list__item {
  position: relative;
}

.header-list__item + .header-list__item {
  margin-left: 30px;
}

.header-list__item-has-child {
  display: flex;
  align-items: center;
}

.header-list__item-has-child.active .header-list {
  z-index: 8;
  display: flex;
}

.header-list__item-has-child > .header-list__link {
  display: flex;
  align-items: center;
}

.header-list__item-has-child > .header-list__link::after {
  content: '';
  width: 10px;
  height: 5px;
  display: block;
  margin-left: 5px;
  background: url(/images/arrow.svg?f7d2c814d8cb1a353ecb158034f023ff) center center/contain no-repeat;
}

.header-list__item .header-list {
  position: absolute;
  left: calc(50% - 55px);
  top: 30px;
  flex-direction: column;
  padding: 10px 30px;
  width: 110px;
  background: #FFFFFF;
  box-shadow: 0px 3px 15px rgba(26, 43, 52, 0.1);
  border-radius: 8px;
  display: none;
  z-index: -1;
}

.header-list__item .header-list.active {
  z-index: 8;
  display: flex;
}

.header-list__item .header-list .header-list__item + .header-list__item {
  margin: 12px 0 0 0;
}

.header-list__item .header-list .header-list__link {
  font-weight: 500;
}

.header-list__link {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  display: block;
  position: relative;
}

.header-list__link::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #2956FF;
  opacity: 0;
  transition: .3s opacity;
}

.header-list__link:hover::before {
  opacity: 1;
}

.logo__text {
  font-weight: 700;
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  .header__nav {
    display: none;
  }
  .header__burger {
    margin-left: auto;
  }
}

.aside {
  position: fixed;
  right: 0;
  top: 0;
  width: 220px;
  background: #fff;
  z-index: -1;
  display: none;
}

.aside.active {
  z-index: 8;
  display: block;
}

.aside-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.aside__wrapper {
  padding: 50px 30px 75px 30px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 500px;
}

.aside__footer {
  margin-top: auto;
}

.aside__btn {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #2956FF;
  border: 1px solid #2956FF;
  border-radius: 25px;
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
  height: 50px;
}

.aside-list__item + .aside-list__item {
  margin: 20px 0 0 0;
}

.aside-list__item.active .aside-list {
  z-index: 8;
  display: flex;
}

.aside-list__item .aside-list {
  display: none;
}

.aside-list__link {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #2A2A2A;
}

.aside-list__item {
  flex-wrap: wrap;
}

.aside-list__item .aside-list {
  flex: 100%;
  order: 3;
}

.aside-list__item .aside-list .aside-list__link {
  font-weight: 400;
}

.aside-list__link + .aside-nav__list {
  margin-top: 25px;
}

.burger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 18px;
  height: 12px;
  position: relative;
}

.burger__item {
  flex-shrink: 0;
  width: 100%;
  height: 2px;
  border-radius: 3px;
  background: #1b1b1b;
  transition: 0.5s all;
}

.burger:hover {
  cursor: pointer;
}

.burger.active {
  transform: translateY(-2px);
  position: fixed;
  z-index: 9;
}

.burger.active .burger__item {
  position: absolute;
}

.burger.active .burger__item:nth-child(2) {
  display: none;
}

.burger.active .burger__item:nth-child(1) {
  left: 0;
  top: 0;
  transform: rotate(45deg);
}

.burger.active .burger__item:nth-child(3) {
  right: 0;
  top: 0;
  transform: rotate(-45deg);
}

@media screen and (max-width: 600px) {
  .aside {
    width: 100%;
    top: 45px;
  }
  .aside__wrapper {
    padding: 50px 0 75px 0;
  }
  .aside-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .aside-list__item {
    width: 100%;
  }
  .aside-list__item.header-list__item-has-child {
    position: relative;
  }
  .aside-list__link {
    width: 100%;
    display: flex;
    padding-left: calc(50% - 25vw);
  }
}

.profile__wrapper {
  width: 100%;
  max-width: 780px;
  margin: 0 auto;
  overflow: hidden;
}

.profile-wrapper__block {
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  padding: 15px 23px;
}

.profile-wrapper__block + .profile-wrapper__block {
  margin-top: 15px;
}

.profile-block__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-block__header-title {
  color: #888888;
  font-size: 16px;
}

.profile-block__header.trigger-link::after {
  content: '';
  width: 15px;
  height: 15px;
  display: block;
  transform: rotate(180deg);
  background: url(/images/block-arrow.png?1fa44dde14e90b7c6626bd9f254a94be) center center/contain no-repeat;
}

.profile-block__header.active::after {
  transform: rotate(0);
}

.profile-block__header + .profile-block__content {
  margin-top: 30px;
}

.profile-block__content-title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
  color: #282828;
}

.profile-block__content-label-tariff {
  border-radius: 5px;
  padding: 5px 15px;
  color: #fff;
  font-weight: 500;
}

.profile-block__content-label-tariff.constructor {
  background: linear-gradient(90deg, #EAAD75 0%, #D73AF0 100%);
}

.profile-block__content-label-tariff.single {
  background: linear-gradient(90deg, #75B9EA 0%, #3A4CF0 100%);
}

.profile-block__content-label-tariff.premium {
  background: linear-gradient(90deg, #75D9EA 0%, #963AF0 100%);
}

.profile-block__content-label-tariff.trial {
  background: linear-gradient(90deg, #B775EA 15.05%, #F03ABD 115.05%);
}


.profile-block__content-button-change {
  display: flex;
  background: #bbb;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  padding: 1px 6px;
  text-decoration: none;
  margin-top: 20px;
  font-size: 14px;
  max-width: 180px;
  height: 34px;
  font-family: Montserrat, sans-serif;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  .profile-block__content-button-change {
    max-width: 150px;
  }
}

.item-constructor--radio {
  display: block;
  position: relative;
  /*padding-left: 17px;*/
  /*margin-bottom: 17px;*/
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: -3px;
}

/* When the checkbox is checked, add a blue background */
.item-constructor--radio input:checked ~ .item-constructor--radio-checkmark {
  background: linear-gradient(90deg, #EAAC76 0%, #D73CEE 100%);
  border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.item-constructor--radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.item-constructor--radio input {
  padding: 0;
  margin: 0;
}

/* Show the checkmark when checked */
.item-constructor--radio input:checked ~ .item-constructor--radio-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.item-constructor--radio .item-constructor--radio-checkmark:after {
  left: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
}

.item-constructor--radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fff;
  border-radius: 17px;
  border: 1px solid black;
  margin: 5px -2px;
}

.profile-block__content-item {
  display: flex;
  flex-direction: row;
  margin: 20px 0;
  gap: 15px;
}

.item-constructor--right--name {
  color: #282828;
  font-weight: 500;
}
.item-constructor--right--date {
  color: #888888;
  font-weight: 300;
}

.profile-block__content-text {
  color: #202020;
  font-size: 16px;
}

.profile-block__content-text + .profile-block__content-text {
  margin-top: 5px;
}

.profile-block__content-text + .profile-block__content-btn {
  margin-top: 15px;
}

.profile-block__content-btn + .profile-block__content-text {
  margin-top: 15px;
}

.profile-block__content-btn {
  max-width: 260px;
  height: 30px;
}

.profile-block__content-btn-small {
  max-width: 180px;
  height: 34px;
}

.profile-block__input-content {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.profile-block__input-item {
  border: 1px solid #a7a7a7;
  border-radius: 5px;
  margin: 0;
  outline: none;
  height: 25px;
  width: 180px;
  padding: 15px;
}

.profile-block__input-status {
  margin-left: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.profile-block__input-status::before {
  content: '';
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 10px;
}

.profile-block__input-status_success {
  color: #127d12;
}

.profile-block__input-status_success::before {
  background-image: url(/images/success-pass.png?df52abdfff5f44cdf68ca133c54641a8);
}

.profile-block__input-status_error {
  color: #d32f2e;
}

.profile-block__input-status_error::before {
  background-image: url(/images/error-pass.png?95a9780df43ef92ba068d9865016c858);
}

.profile-table {
  border: 2px solid #dddddd;
  border-radius: 10px;
  width: -moz-max-content;
  width: max-content;
}

.profile-table__row {
  display: grid;
  grid-template-columns: 120px 220px 120px 120px;
  border-bottom: 2px solid #dddddd;
}

.profile-table__row:last-child {
  border-bottom: none;
}

.profile-table__column {
  font-size: 16px;
  padding: 10px 15px;
  border-left: 2px solid #dddddd;
}

.profile-table__column:first-child {
  border-left: none;
}

@media screen and (max-width: 767px) {
  .profile-table {
    width: 100%;
    overflow: hidden;
  }
  .profile-table__row {
    overflow: scroll;
  }
  .profile-table__column {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .profile-block__input-item {
    width: 100%;
  }
  .span-full {
    width: 100%;
    display: block;
  }
  .profile-block__input-status {
    font-size: 12px;
  }
  .profile-block__input-status::before {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
  .profile-block__content-btn-small {
    max-width: 150px;
  }
  .profile-table__row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .profile-table__column {
    padding: 5px;
    text-align: center;
    font-size: 12px;
  }
  .large-button-mobile {
    max-width: 210px;
  }
}


.toast {
  background-clip:padding-box;
  background-color:hsla(0,0%,100%,.85);
  border:1px solid rgba(0,0,0,.1);
  border-radius:.25rem;
  box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
  flex-basis:350px;
  font-size:.875rem;
  max-width:350px;
  opacity:0
}
.toast:not(:last-child) {
  margin-bottom:.75rem
}
.toast.showing {
  opacity:1
}


.toasts-top-right {
  position:absolute;
  right:0;
  top:0;
  z-index:1040
}
.toasts-top-right.fixed {
  position:fixed
}
.toasts-top-left {
  left:0;
  position:absolute;
  top:0;
  z-index:1040
}
.toasts-top-left.fixed {
  position:fixed
}
.toasts-bottom-right {
  bottom:0;
  position:absolute;
  right:0;
  z-index:1040
}
.toasts-bottom-right.fixed {
  position:fixed
}
.toasts-bottom-left {
  bottom:0;
  left:0;
  position:absolute;
  z-index:1040
}
.toasts-bottom-left.fixed {
  position:fixed
}
.dark-mode .toast {
  background-color:rgba(52,58,64,.85);
  color:#fff
}
.dark-mode .toast .toast-header {
  background-color:rgba(52,58,64,.7);
  color:#f8f9fa
}
.dark-mode .toast.bg-primary {
  background-color:rgba(63,103,145,.9)!important
}
.dark-mode .toast.bg-primary .close,
.dark-mode .toast.bg-primary .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-primary .toast-header {
  background-color:rgba(63,103,145,.85);
  color:#fff
}
.dark-mode .toast.bg-secondary {
  background-color:hsla(208,7%,46%,.9)!important
}
.dark-mode .toast.bg-secondary .close,
.dark-mode .toast.bg-secondary .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-secondary .toast-header {
  background-color:hsla(208,7%,46%,.85);
  color:#fff
}
.dark-mode .toast.bg-success {
  background-color:rgba(0,188,140,.9)!important
}
.dark-mode .toast.bg-success .close,
.dark-mode .toast.bg-success .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-success .toast-header {
  background-color:rgba(0,188,140,.85);
  color:#fff
}
.dark-mode .toast.bg-info {
  background-color:rgba(52,152,219,.9)!important
}
.dark-mode .toast.bg-info .close,
.dark-mode .toast.bg-info .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-info .toast-header {
  background-color:rgba(52,152,219,.85);
  color:#fff
}
.dark-mode .toast.bg-warning {
  background-color:rgba(243,156,18,.9)!important
}
.dark-mode .toast.bg-warning .toast-header {
  background-color:rgba(243,156,18,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-danger {
  background-color:rgba(231,76,60,.9)!important
}
.dark-mode .toast.bg-danger .close,
.dark-mode .toast.bg-danger .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-danger .toast-header {
  background-color:rgba(231,76,60,.85);
  color:#fff
}
.dark-mode .toast.bg-light {
  background-color:rgba(248,249,250,.9)!important
}
.dark-mode .toast.bg-light .toast-header {
  background-color:rgba(248,249,250,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-dark {
  background-color:rgba(52,58,64,.9)!important
}
.dark-mode .toast.bg-dark .close,
.dark-mode .toast.bg-dark .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-dark .toast-header {
  background-color:rgba(52,58,64,.85);
  color:#fff
}
.dark-mode .toast.bg-lightblue {
  background-color:rgba(134,186,216,.9)!important
}
.dark-mode .toast.bg-lightblue .toast-header {
  background-color:rgba(134,186,216,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-navy {
  background-color:rgba(0,44,89,.9)!important
}
.dark-mode .toast.bg-navy .close,
.dark-mode .toast.bg-navy .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-navy .toast-header {
  background-color:rgba(0,44,89,.85);
  color:#fff
}
.dark-mode .toast.bg-olive {
  background-color:rgba(116,200,163,.9)!important
}
.dark-mode .toast.bg-olive .toast-header {
  background-color:rgba(116,200,163,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-lime {
  background-color:rgba(103,255,169,.9)!important
}
.dark-mode .toast.bg-lime .toast-header {
  background-color:rgba(103,255,169,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-fuchsia {
  background-color:rgba(246,114,216,.9)!important
}
.dark-mode .toast.bg-fuchsia .toast-header {
  background-color:rgba(246,114,216,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-maroon {
  background-color:rgba(237,108,155,.9)!important
}
.dark-mode .toast.bg-maroon .toast-header {
  background-color:rgba(237,108,155,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-blue {
  background-color:rgba(63,103,145,.9)!important
}
.dark-mode .toast.bg-blue .close,
.dark-mode .toast.bg-blue .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-blue .toast-header {
  background-color:rgba(63,103,145,.85);
  color:#fff
}
.dark-mode .toast.bg-indigo {
  background-color:rgba(102,16,242,.9)!important
}
.dark-mode .toast.bg-indigo .close,
.dark-mode .toast.bg-indigo .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-indigo .toast-header {
  background-color:rgba(102,16,242,.85);
  color:#fff
}
.dark-mode .toast.bg-purple {
  background-color:rgba(111,66,193,.9)!important
}
.dark-mode .toast.bg-purple .close,
.dark-mode .toast.bg-purple .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-purple .toast-header {
  background-color:rgba(111,66,193,.85);
  color:#fff
}
.dark-mode .toast.bg-pink {
  background-color:rgba(232,62,140,.9)!important
}
.dark-mode .toast.bg-pink .close,
.dark-mode .toast.bg-pink .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-pink .toast-header {
  background-color:rgba(232,62,140,.85);
  color:#fff
}
.dark-mode .toast.bg-red {
  background-color:rgba(231,76,60,.9)!important
}
.dark-mode .toast.bg-red .close,
.dark-mode .toast.bg-red .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-red .toast-header {
  background-color:rgba(231,76,60,.85);
  color:#fff
}
.dark-mode .toast.bg-orange {
  background-color:rgba(253,126,20,.9)!important
}
.dark-mode .toast.bg-orange .toast-header {
  background-color:rgba(253,126,20,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-yellow {
  background-color:rgba(243,156,18,.9)!important
}
.dark-mode .toast.bg-yellow .toast-header {
  background-color:rgba(243,156,18,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-green {
  background-color:rgba(0,188,140,.9)!important
}
.dark-mode .toast.bg-green .close,
.dark-mode .toast.bg-green .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-green .toast-header {
  background-color:rgba(0,188,140,.85);
  color:#fff
}
.dark-mode .toast.bg-teal {
  background-color:rgba(32,201,151,.9)!important
}
.dark-mode .toast.bg-teal .close,
.dark-mode .toast.bg-teal .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-teal .toast-header {
  background-color:rgba(32,201,151,.85);
  color:#fff
}
.dark-mode .toast.bg-cyan {
  background-color:rgba(52,152,219,.9)!important
}
.dark-mode .toast.bg-cyan .close,
.dark-mode .toast.bg-cyan .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-cyan .toast-header {
  background-color:rgba(52,152,219,.85);
  color:#fff
}
.dark-mode .toast.bg-white {
  background-color:hsla(0,0%,100%,.9)!important
}
.dark-mode .toast.bg-white .toast-header {
  background-color:hsla(0,0%,100%,.85);
  color:#1f2d3d
}
.dark-mode .toast.bg-gray {
  background-color:hsla(208,7%,46%,.9)!important
}
.dark-mode .toast.bg-gray .close,
.dark-mode .toast.bg-gray .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-gray .toast-header {
  background-color:hsla(208,7%,46%,.85);
  color:#fff
}
.dark-mode .toast.bg-gray-dark {
  background-color:rgba(52,58,64,.9)!important
}
.dark-mode .toast.bg-gray-dark .close,
.dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.dark-mode .toast.bg-gray-dark .toast-header {
  background-color:rgba(52,58,64,.85);
  color:#fff
}
.toast.bg-primary {
  background-color:rgba(0,123,255,.9)!important
}
.toast.bg-primary .close,
.toast.bg-primary .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-primary .toast-header {
  background-color:rgba(0,123,255,.85);
  color:#fff
}
.toast.bg-secondary {
  background-color:hsla(208,7%,46%,.9)!important
}
.toast.bg-secondary .close,
.toast.bg-secondary .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-secondary .toast-header {
  background-color:hsla(208,7%,46%,.85);
  color:#fff
}
.toast.bg-success {
  background-color:rgba(40,167,69,.9)!important
}
.toast.bg-success .close,
.toast.bg-success .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-success .toast-header {
  background-color:rgba(40,167,69,.85);
  color:#fff
}
.toast.bg-info {
  background-color:rgba(23,162,184,.9)!important
}
.toast.bg-info .close,
.toast.bg-info .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-info .toast-header {
  background-color:rgba(23,162,184,.85);
  color:#fff
}
.toast.bg-warning {
  background-color:rgba(255,193,7,.9)!important
}
.toast.bg-warning .toast-header {
  background-color:rgba(255,193,7,.85);
  color:#1f2d3d
}
.toast.bg-danger {
  background-color:rgba(220,53,69,.9)!important
}
.toast.bg-danger .close,
.toast.bg-danger .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-danger .toast-header {
  background-color:rgba(220,53,69,.85);
  color:#fff
}
.toast.bg-light {
  background-color:rgba(248,249,250,.9)!important
}
.toast.bg-light .toast-header {
  background-color:rgba(248,249,250,.85);
  color:#1f2d3d
}
.toast.bg-dark {
  background-color:rgba(52,58,64,.9)!important
}
.toast.bg-dark .close,
.toast.bg-dark .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-dark .toast-header {
  background-color:rgba(52,58,64,.85);
  color:#fff
}
.toast.bg-lightblue {
  background-color:rgba(60,141,188,.9)!important
}
.toast.bg-lightblue .close,
.toast.bg-lightblue .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-lightblue .toast-header {
  background-color:rgba(60,141,188,.85);
  color:#fff
}
.toast.bg-navy {
  background-color:rgba(0,31,63,.9)!important
}
.toast.bg-navy .close,
.toast.bg-navy .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-navy .toast-header {
  background-color:rgba(0,31,63,.85);
  color:#fff
}
.toast.bg-olive {
  background-color:rgba(61,153,112,.9)!important
}
.toast.bg-olive .close,
.toast.bg-olive .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-olive .toast-header {
  background-color:rgba(61,153,112,.85);
  color:#fff
}
.toast.bg-lime {
  background-color:rgba(1,255,112,.9)!important
}
.toast.bg-lime .toast-header {
  background-color:rgba(1,255,112,.85);
  color:#1f2d3d
}
.toast.bg-fuchsia {
  background-color:rgba(240,18,190,.9)!important
}
.toast.bg-fuchsia .close,
.toast.bg-fuchsia .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-fuchsia .toast-header {
  background-color:rgba(240,18,190,.85);
  color:#fff
}
.toast.bg-maroon {
  background-color:rgba(216,27,96,.9)!important
}
.toast.bg-maroon .close,
.toast.bg-maroon .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-maroon .toast-header {
  background-color:rgba(216,27,96,.85);
  color:#fff
}
.toast.bg-blue {
  background-color:rgba(0,123,255,.9)!important
}
.toast.bg-blue .close,
.toast.bg-blue .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-blue .toast-header {
  background-color:rgba(0,123,255,.85);
  color:#fff
}
.toast.bg-indigo {
  background-color:rgba(102,16,242,.9)!important
}
.toast.bg-indigo .close,
.toast.bg-indigo .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-indigo .toast-header {
  background-color:rgba(102,16,242,.85);
  color:#fff
}
.toast.bg-purple {
  background-color:rgba(111,66,193,.9)!important
}
.toast.bg-purple .close,
.toast.bg-purple .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-purple .toast-header {
  background-color:rgba(111,66,193,.85);
  color:#fff
}
.toast.bg-pink {
  background-color:rgba(232,62,140,.9)!important
}
.toast.bg-pink .close,
.toast.bg-pink .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-pink .toast-header {
  background-color:rgba(232,62,140,.85);
  color:#fff
}
.toast.bg-red {
  background-color:rgba(220,53,69,.9)!important
}
.toast.bg-red .close,
.toast.bg-red .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-red .toast-header {
  background-color:rgba(220,53,69,.85);
  color:#fff
}
.toast.bg-orange {
  background-color:rgba(253,126,20,.9)!important
}
.toast.bg-orange .toast-header {
  background-color:rgba(253,126,20,.85);
  color:#1f2d3d
}
.toast.bg-yellow {
  background-color:rgba(255,193,7,.9)!important
}
.toast.bg-yellow .toast-header {
  background-color:rgba(255,193,7,.85);
  color:#1f2d3d
}
.toast.bg-green {
  background-color:rgba(40,167,69,.9)!important
}
.toast.bg-green .close,
.toast.bg-green .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-green .toast-header {
  background-color:rgba(40,167,69,.85);
  color:#fff
}
.toast.bg-teal {
  background-color:rgba(32,201,151,.9)!important
}
.toast.bg-teal .close,
.toast.bg-teal .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-teal .toast-header {
  background-color:rgba(32,201,151,.85);
  color:#fff
}
.toast.bg-cyan {
  background-color:rgba(23,162,184,.9)!important
}
.toast.bg-cyan .close,
.toast.bg-cyan .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-cyan .toast-header {
  background-color:rgba(23,162,184,.85);
  color:#fff
}
.toast.bg-white {
  background-color:hsla(0,0%,100%,.9)!important
}
.toast.bg-white .toast-header {
  background-color:hsla(0,0%,100%,.85);
  color:#1f2d3d
}
.toast.bg-gray {
  background-color:hsla(208,7%,46%,.9)!important
}
.toast.bg-gray .close,
.toast.bg-gray .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-gray .toast-header {
  background-color:hsla(208,7%,46%,.85);
  color:#fff
}
.toast.bg-gray-dark {
  background-color:rgba(52,58,64,.9)!important
}
.toast.bg-gray-dark .close,
.toast.bg-gray-dark .mailbox-attachment-close {
  color:#fff;
  text-shadow:0 1px 0 #000
}
.toast.bg-gray-dark .toast-header {
  background-color:rgba(52,58,64,.85);
  color:#fff
}
.toasts-top-right{
  padding: 1rem;
}
.toasts-top-right *{
  display: block !important;
  opacity: 1 !important;


}
.toast-body{
  padding: 1rem;
}
.toast-header{
  display: none!important;
}


.logo {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
}
.button {
  height: calc(40px - 16px);
  width: 168px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-size: .9em;
  text-decoration: none;
  color: #3F3F46;
  padding: 8px 12px;
  box-sizing: content-box;
}

.icon-burger {
  display: flex;
  align-items: center;
  margin-left: 15px;
  cursor: pointer;
}

.button > svg {
  padding-right: 8px;
}

.button:not(:first-child) svg path {
  fill: #1E40AF;
}

.button.active:not(:first-child) svg path {
  fill: #fff;
}

.button.blue.active {
  color: #fff;
  background: #58C1FF;
}

.button.orange.active {
  color: #fff;
  background: #FFC044;
}

.icon-burger {
  background-image: url(/img/icon-burger.svg);
  height: 16px;
  width: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.icon-burger.active {
  background-image: url(/img/icon-close.svg);
}

.right-menu {
  position: fixed;
  right: -320px;
  background-color: #fff;
  top: 65px;
  z-index: 99999;
  width: 300px;
  height: calc(100vh - 64px);
  box-shadow: 0 9px 34px rgb(112 127 160 / 13%);
  transition: .25s;
  padding: 72px 0 72px 75px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.right-menu--item {
  margin-bottom: 50px;
  color: #565656;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  cursor: pointer;
}

.icon-small-analytics-vk, .icon-small-smart-search, .icon-small-book, .icon-avatar {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 9px;
}

.icon-small-analytics-vk {
  background-image: url(/img/icon-small-analytics-vk.svg);
}

.icon-small-smart-search {
  background-image: url(/img/icon-small-smart-search.svg);
}

.icon-small-book {
  background-image: url(/img/icon-articles.svg);
}

.icon-avatar {
  background-image: url(/img/icon-avatar.svg);
}

.right-menu.active-menu {
  right: 0;
}

.close {
  font-size: 1.5em;
  font-weight: 400;
  color: #7B8BAC;
  margin-bottom: 10px;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 11px 48px;
  display: flex;
  flex-direction: row;
  z-index: 9999;
  align-items: center;
  justify-content: space-between;
  width: 100vw;
  height: 64px;
  border-bottom: 1px solid #F4F4F5;
}

.menu-list--item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.menu .close {
  display: none;
}

.header-nav {
  display: none;
}

.change-tariff-wrapper__block {
  background: #FFFFFF;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
}

@media only screen and (max-width: 600px) {
  .menu {
    box-shadow: 4px 0px 15px 0px rgba(34, 60, 80, 0.2);
    animation: fadeInLeft;
    animation-duration: .25s;
    left: -1000px;
  }

  .menu.active-menu {
    left: 0px;
  }

  .menu .close {
    display: flex;
  }

  .right-menu {
    height: calc(100vh - 49px);
    height: calc(var(--vh, 1vh) * 100 - 49px);
    top: 49px;
    padding: 66px 0 66px 55px;
    box-sizing: border-box;
  }

  .header-nav {
    background-color: #fff;
    height: 49px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 17px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 999;
    justify-content: space-between;
  }
}

#nprogress {
  position: relative;
  z-index: 9999999;
}

.profile-block__content-label-action {
  border-radius: 5px;
  background: #FF416C;
  font-weight: 500;
  text-align: center;
  font-family: Roboto;
  font-size: 9px;
  padding: 4px 9px;
  color: #FFF;
}

.profile-block__content-label-action {
  border-radius: 5px;
  background: #FF416C;
  font-weight: 500;
  text-align: center;
  font-family: Roboto;
  font-size: 9px;
  padding: 4px 9px;
  color: #FFF;
}