@charset "UTF-8";
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 200ms ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.component-fade-enter-active,
.component-fade-leave-active {
  transition: opacity 0.3s ease;
}

.component-fade-enter,
.component-fade-leave-to {
  opacity: 0;
}

.fade-enter-from {
  opacity: 0;
}

.fade-enter-active {
  transition: all 200ms ease-in;
}

.fade-enter-to {
  opacity: 1;
}

.fade-leave-from {
  opacity: 1;
}

.fade-leave-active {
  transition: all 80ms ease-out 100ms;
}

.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active {
  transition: all 120ms ease-out;
}

.slide-fade-leave-active {
  transition: all 60ms ease-in;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.slide-fade-enter-from {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-enter-to {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-from {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-left-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-left-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-enter,
.slide-fade-left-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.slide-fade-left-fast-enter-active {
  transition: all 0.15s ease;
}

.slide-fade-left-fast-leave-active {
  transition: all 0.25s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-fast-enter,
.slide-fade-left-fast-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in 120ms;
}

.bounce-leave-active {
  animation: bounce-in 120ms reverse;
}

.fat-scrollbar {
  scrollbar-color: #8e90a6 #ebebf0;
  scrollbar-width: auto;
}
.fat-scrollbar::-webkit-scrollbar {
  width: 17px;
}
.fat-scrollbar::-webkit-scrollbar-track {
  background-color: #ebebf0;
}
.fat-scrollbar::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}

.thin-scrollbar {
  scrollbar-color: #c7c8d9 #f6f6f8;
  scrollbar-width: auto;
}
.thin-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.thin-scrollbar::-webkit-scrollbar-track {
  background-color: #f6f6f8;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c7c8d9;
  border-radius: 4px;
}

.overflow-auto {
  overflow: auto;
}

/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
/**
 * Palletes
 * @see https://www.figma.com/file/fN7tFIXfqGLCeCyJkamyxd/%F0%9F%94%A5-SrintUI%3A-UI-KIT?node-id=0-1&t=f1NrbQYvWBSFQw1h-0
 */
/* DEFAULT, Name: Glamore/Dark 1, Hex: #5C00CC */
/* Name: Glamore/Dark 2, Hex: #6B29D4 */
/* Name: Glamore/Dark 3, Hex: #7952DC */
/* Name: Glamore/Light 1, Hex: #E6E0F9 */
/* Name: Glamore/Light 2, Hex: #EFEBFB */
/* Name: Glamore/Light 3, Hex: #F7F5FD */
/* DEFAULT, Name: Danger/Dark 1, Hex: #EB5042 */
/* Name: Danger/Dark 2, Hex: #F05F51 */
/* Name: Danger/Dark 3, Hex: #F56A5D */
/* DEFAULT, Name: Внимание/Dark 1, Hex: #F08C00 */
/* Name: Внимание/Dark 2, Hex: #F2C029 */
/* Name: Внимание/Dark 3, Hex: #F5CC52 */
/* DEFAULT, Name: Внимание/Light 1, Hex: #FBEDC4 */
/* Name: Внимание/Light 2, Hex: #FFF7DD */
/* Name: Внимание/Light 3, Hex: #FEFCF5 */
/* DEFAULT, Name: Grey/Light 1, Hex: #D7D7E0 */
/* Name: Grey/Light 2, Hex: #F0F0F5 */
/* Name: Grey/Light 3, Hex: #FFFFFF */
/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v3-animation-noise {
  user-select: none;
  color: transparent;
  opacity: 0.48;
  background-image: url("/img/custom-lib-v3/noise.svg");
  background-position: 0 0;
  background-size: 180px 140px;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
}
.cl-v3-animation-noise:hover {
  opacity: 0.24;
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.cert-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 328px !important;
}
.cert-preloader__item {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.cert-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cert-preloader__item--block {
  width: inherit;
  height: 32px;
  margin-bottom: 32px;
}
.cert-preloader__item--string {
  width: inherit;
  height: 14px;
  margin-bottom: 8px;
}

/**
  Ползунок для выбора значения
 */
.container-range {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 79px;
}
.container-range .slider {
  width: 100%;
  position: relative;
}
.container-range .slider input {
  background: linear-gradient(to right, #12910e 0%, #12910e 0%, #e4e4e5 0%, #e4e4e5 0%);
  height: 4px;
  width: 100%;
  border-radius: 4px;
  outline: none;
  transition: all 200ms ease-in-out;
  -webkit-appearance: none;
  margin-bottom: 20px;
  /* Chrome & Safari */
  /* Firefox */
  /* IE */
}
.container-range .slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-webkit-slider-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-moz-range-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-moz-range-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-ms-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-ms-thumb:active {
  cursor: grabbing;
}
.container-range .slider label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 24px;
  transition: 200ms ease-in-out;
}
.container-range .slider label .date {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  line-height: 16px;
  color: #1c1c28;
  white-space: nowrap;
}
.container-range .slider label .time {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: #5c00cc;
  white-space: nowrap;
}

/**
  Аватарка
 */
.base-avatar {
  width: 100%;
  height: 100%;
}
.base-avatar__loader {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
  width: 100%;
  height: 100%;
}
.base-avatar__loader::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

#base-form {
  display: flex;
  min-height: calc(564px + var(--form-margin));
  width: inherit;
}

:root {
  --shackle-menu-bottom: 32px;
}

#login-page .copyrights__link {
  color: inherit;
  text-decoration: underline !important;
}
#login-page .copyrights__link:hover {
  color: inherit;
  opacity: 0.85;
}
#login-page .main {
  width: 100%;
  display: flex;
  flex-direction: row;
}
#login-page .main .sprintbox-bg {
  background: #1c1c28;
}
#login-page .main .sprinthost-bg {
  background: #1c1c28;
}
#login-page .main .left-side {
  width: 618px;
  min-height: 100vh;
  padding: 64px 0 0 100px;
  box-sizing: border-box;
  position: relative;
}
#login-page .main .left-side .title-logo {
  margin-bottom: 32px;
  display: flex;
  flex-direction: row;
  align-content: center;
  z-index: 2;
}
#login-page .main .left-side .title-text {
  display: none !important;
  margin-bottom: 32px;
}
#login-page .main .left-side .title-text h4 {
  color: #ffffff;
  margin: 0;
  line-height: 1.214;
}
#login-page .main .left-side .container-animation {
  width: 470px;
  height: 530px;
  position: relative;
  background-size: 470px 530px;
  z-index: 1;
}
#login-page .main .left-side .container-animation__canvas {
  overflow: hidden !important;
}
#login-page .main .left-side .copyrights {
  position: fixed;
  bottom: 16px;
  margin-left: 17px;
}
#login-page .main .left-side .copyrights p {
  color: #060614;
  margin: 0;
  white-space: nowrap;
}
#login-page .main .left-side .copyrights p.white-text {
  color: rgba(255, 255, 255, 0.7);
}
#login-page .main .left-side--new {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0;
}
#login-page .main .left-side--new .title-logo {
  position: fixed;
  top: 64px;
  left: 100px;
}
#login-page .main .left-side--new .container-animation {
  align-self: center;
}
#login-page .main .left-side--new .copyrights {
  left: 100px;
}
#login-page .main .right-side {
  width: calc(100% - 618px);
  position: relative;
  display: flex;
  height: 100vh;
  max-height: 100vh;
  justify-content: center;
}
#login-page .main .right-side a {
  text-decoration: none;
}
#login-page .main .right-side .container-md-xs {
  display: flex;
  align-content: center;
}
#login-page .main .right-side .container-md-xs .title-logo {
  display: none;
  margin-bottom: 32px;
}
#login-page .main .right-side .container-md-xs .container-sign-in {
  position: fixed;
  right: 12px;
  top: 14px;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited {
  color: #00bfa5;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited svg * {
  stroke: #00bfa5;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited:hover {
  color: #1de9b6;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited:hover svg * {
  stroke: #1de9b6;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited:active {
  color: #64ffda;
}
#login-page .main .right-side .container-md-xs .container-sign-in a:visited:active svg * {
  stroke: #64ffda;
}
#login-page .main .right-side .container-md-xs .container-help {
  position: fixed;
  bottom: 8px;
  right: 12px;
  display: flex;
  flex-direction: row;
}
#login-page .main .right-side .container-md-xs .container-help .container-helper {
  display: flex;
  flex-direction: row;
  align-content: center;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot {
  display: flex;
  flex-direction: row;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini {
  width: 32px;
  height: 32px;
  background: #37aee2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  margin-right: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini svg {
  margin-left: -2px;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini.disabled {
  display: none;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini:hover {
  background: #3dc4ff;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini:focus, #login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini.focused {
  background: #3dc4ff;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini:active {
  background: #75d5ff;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini {
  width: 32px;
  height: 32px;
  background: #00d6a4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini.disabled {
  display: none;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini:hover {
  background: #00f0b8;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini:focus, #login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini.focused {
  background: #00f0b8;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot .chat-mini:active {
  background: #75ffdf;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot__logo:focus-visible {
  outline: none;
}
#login-page .main .right-side .container-md-xs .container-help .container-chat-bot__logo:focus-visible .chat-telegram-mini {
  background: #2eb6ff;
}
#login-page .main .right-side .container-md-xs .container-help__text {
  margin-right: 4px;
  display: flex;
  align-items: center;
}
#login-page .main .right-side .container-md-xs .container-help__tel {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
#login-page .main .right-side .container-md-xs .container-help__tel:focus-visible {
  outline: none;
}
#login-page .main .right-side .container-md-xs .container-help__tel:focus-visible .clear-button {
  color: #1de9b6;
  border: 2px solid transparent;
}
#login-page .main .right-side .container-md-xs .copyrights {
  display: none;
  white-space: nowrap;
}
#login-page .grecaptcha-badge {
  visibility: hidden;
}
#login-page .form-sign-in {
  padding: 0 12px;
  align-self: center;
}
#login-page .form-sign-in__button-reg--bottom {
  display: none;
}
@media screen and (max-width: 1025px) {
  #login-page .form-sign-in__button-reg--bottom {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
#login-page .form-sign-in__button-reg--position {
  position: absolute;
  top: 12px;
  right: 27px;
}
@media screen and (max-width: 1025px) {
  #login-page .form-sign-in__button-reg--position {
    display: none !important;
  }
}
#login-page .form-sign-in .card-content {
  width: 328px !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 512px;
  position: relative;
}
#login-page .form-sign-in .card-content .card-header {
  margin-bottom: 56px;
}
#login-page .form-sign-in .card-content .card-header__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.96);
}
#login-page .form-sign-in .card-content .card-header__title--error {
  color: rgb(255, 50, 0);
}
#login-page .form-sign-in .card-content .card-header__desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  margin-top: 8px;
}
#login-page .form-sign-in .card-content .card-description__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  margin-bottom: 16px;
}
#login-page .form-sign-in .card-content .card-description__text:last-child {
  margin-bottom: 0;
}
#login-page .form-sign-in .card-content .card-description__link, #login-page .form-sign-in .card-content .card-description__link:hover, #login-page .form-sign-in .card-content .card-description__link:visited, #login-page .form-sign-in .card-content .card-description__link:active, #login-page .form-sign-in .card-content .card-description__link:focus {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  text-decoration: underline;
  cursor: pointer;
}
#login-page .form-sign-in .card-content .card-input {
  margin-bottom: 20px;
}
#login-page .form-sign-in .card-content .card-input--login {
  margin-bottom: 8px;
}
#login-page .form-sign-in .card-content .card-restore {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 28px;
  align-items: center;
}
#login-page .form-sign-in .card-content .card-restore__btn {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgb(28, 28, 40);
  padding: 4px 12px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  border-radius: 4px;
}
#login-page .form-sign-in .card-content .card-restore__btn:hover {
  background: rgba(205, 205, 218, 0.32);
}
#login-page .form-sign-in .card-content .card-restore__btn:active {
  background: rgba(184, 184, 203, 0.64);
}
#login-page .form-sign-in .card-content .card-main-action {
  margin-bottom: 40px;
}
#login-page .form-sign-in .card-content .card-main-action--passkey {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#login-page .form-sign-in .card-content .card-socials {
  margin-bottom: 16px;
}
#login-page .form-sign-in .card-content .card-socials__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6392156863);
  margin-bottom: 8px;
  text-align: center;
}
#login-page .form-sign-in .card-content .card-socials__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.6392156863);
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__btn {
  width: 160px;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__btn--width {
  width: 100%;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey {
  position: relative;
  width: 100%;
  padding: 12px 16px;
  background: rgba(28, 28, 39, 0.031372549);
  color: rgba(0, 0, 0, 0.6392156863);
  border: none;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey:hover, #login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey:focus-visible {
  outline: 1px solid #FF0000;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey:active {
  background: rgba(28, 28, 39, 0.031372549);
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey.loading {
  pointer-events: none;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey.disabled {
  pointer-events: none;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey-inner {
  display: flex;
  gap: 8px;
  justify-content: center;
}
#login-page .form-sign-in .card-content .card-socials .card-socials-btn-group__passkey-inner--hidden {
  opacity: 0.3;
}
#login-page .form-sign-in .card-content .card-another-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
#login-page .form-sign-in--login .card-content .card-header {
  margin-bottom: 8px;
}
#login-page .form-sign-in--login .card-content .card-header__desc {
  margin-top: 8px;
}
#login-page .form-sign-in--password .card-content .card-header {
  margin-bottom: 28px;
}
#login-page .form-sign-in--password .card-content .card-header__desc {
  margin-top: 8px;
}
#login-page .form-sign-in--password .card-content .card-input {
  margin-bottom: 20px;
}
#login-page .form-sign-in--password .card-content .card-restore {
  justify-content: space-between;
  margin-bottom: 28px;
}
#login-page .form-sign-in--password .card-content .card-restore .cl-v3-input-checkbox__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgb(28, 28, 40);
  padding-left: 32px;
}
#login-page .form-sign-in--restore-pass .card-content .card-header {
  margin-bottom: 24px;
}
#login-page .form-sign-in--restore-pass .card-content .card-description {
  margin-bottom: 56px;
}
#login-page .form-sign-in--restore-pass .card-content .card-input {
  margin-bottom: 64px;
}
#login-page .form-sign-in--restore-from-password .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--restore-from-password .card-content .card-description {
  margin-bottom: 104px;
}
#login-page .form-sign-in--restore-from-password .card-content .card-main-action {
  margin-bottom: 12px;
}
#login-page .form-sign-in--restore-from-password .card-content .card-another-action {
  position: unset;
}
#login-page .form-sign-in--restore-process .card-content .card-header, #login-page .form-sign-in--new-pass .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--restore-process .card-content .card-description, #login-page .form-sign-in--new-pass .card-content .card-description {
  margin-bottom: 96px;
}
#login-page .form-sign-in--restore-after-send-code .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--restore-after-send-code .card-content .card-description {
  margin-bottom: 92px;
}
#login-page .form-sign-in--restore-after-send-code .card-content .card-main-action {
  margin-bottom: 12px;
}
#login-page .form-sign-in--login-by-one-email .card-content .card-header, #login-page .form-sign-in--auth-ip .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--login-by-one-email .card-content .card-description, #login-page .form-sign-in--auth-ip .card-content .card-description {
  margin-bottom: 96px;
}
#login-page .form-sign-in--login-by-one-email .card-content .card-input, #login-page .form-sign-in--auth-ip .card-content .card-input {
  margin-bottom: 32px;
}
#login-page .form-sign-in--login-by-one-email.--select-enter .card-content .card-description, #login-page .form-sign-in--auth-ip.--select-enter .card-content .card-description {
  margin-bottom: 36px;
}
#login-page .form-sign-in--login-by-one-email.--recover .card-content .card-description, #login-page .form-sign-in--auth-ip.--recover .card-content .card-description {
  margin-bottom: 96px;
}
#login-page .form-sign-in--code-not-received .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--code-not-received .card-content .card-description {
  margin-bottom: 96px;
}
#login-page .form-sign-in--lost-auth .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--lost-auth .card-content .card-description {
  margin-bottom: 56px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-header, #login-page .form-sign-in--select-cp .card-content .card-header {
  margin-bottom: 44px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-header__desc, #login-page .form-sign-in--select-cp .card-content .card-header__desc {
  margin-top: 16px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action--select-login, #login-page .form-sign-in--select-cp .card-content .card-main-action--select-login {
  height: 312px;
  scrollbar-width: thin;
  overflow-y: auto;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action--select-login::-webkit-scrollbar, #login-page .form-sign-in--select-cp .card-content .card-main-action--select-login::-webkit-scrollbar {
  width: 4px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action--select-login::-webkit-scrollbar-track, #login-page .form-sign-in--select-cp .card-content .card-main-action--select-login::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action--select-login::-webkit-scrollbar-thumb, #login-page .form-sign-in--select-cp .card-content .card-main-action--select-login::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action__login, #login-page .form-sign-in--select-cp .card-content .card-main-action__login {
  margin-bottom: 8px;
}
#login-page .form-sign-in--select-account-from-email .card-content .card-main-action__login:last-child, #login-page .form-sign-in--select-cp .card-content .card-main-action__login:last-child {
  margin-bottom: 0;
}
#login-page .form-sign-in--select-account-from-email-header {
  margin-bottom: 24px !important;
}
#login-page .form-sign-in--auth-app .card-content .card-header, #login-page .form-sign-in--auth-sms .card-content .card-header, #login-page .form-sign-in--auth-email .card-content .card-header, #login-page .form-sign-in--auth-save-code .card-content .card-header {
  margin-bottom: 24px;
}
#login-page .form-sign-in--auth-app .card-content .card-input, #login-page .form-sign-in--auth-sms .card-content .card-input, #login-page .form-sign-in--auth-email .card-content .card-input, #login-page .form-sign-in--auth-save-code .card-content .card-input {
  margin-bottom: 8px;
}
#login-page .form-sign-in--auth-app .card-content .card-restore, #login-page .form-sign-in--auth-sms .card-content .card-restore, #login-page .form-sign-in--auth-email .card-content .card-restore, #login-page .form-sign-in--auth-save-code .card-content .card-restore {
  margin-bottom: 28px;
}
#login-page .form-sign-in--auth-app .card-content .card-checkbox, #login-page .form-sign-in--auth-sms .card-content .card-checkbox, #login-page .form-sign-in--auth-email .card-content .card-checkbox, #login-page .form-sign-in--auth-save-code .card-content .card-checkbox {
  padding: 18px 0;
  margin-bottom: 8px;
}
#login-page .form-sign-in--auth-save-code .card-content .card-restore {
  margin-bottom: 92px;
}
#login-page .form-sign-in--social-not-linked-has-email .card-content .card-header {
  margin-bottom: 36px;
}
#login-page .form-sign-in--social-not-linked-has-email .card-content .card-input {
  margin-bottom: 28px;
}
#login-page .form-sign-in--locked .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--link-expired .card-content .card-header {
  margin-bottom: 176px;
}
#login-page .form-sign-in--deleted-account .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--deleted-account .card-content .card-label {
  margin-bottom: 16px;
}
#login-page .form-sign-in--deleted-account .card-content .card-description {
  margin-bottom: 40px;
}
#login-page .form-sign-in--deleted-account.--backups-not-saved .card-content .card-label {
  margin-bottom: 128px;
}
#login-page .form-sign-in--access-account-control .card-content .card-header {
  margin-bottom: 8px;
}
#login-page .form-sign-in--access-account-control .card-content .card-label {
  margin-bottom: 8px;
}
#login-page .form-sign-in--access-account-control .card-content .card-description {
  margin-bottom: 88px;
}
#login-page .form-sign-in--error-restore-del-acc .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--error-restore-del-acc .card-content .card-description {
  margin-bottom: 120px;
}
#login-page .form-sign-in--error-auth .card-content .card-header {
  margin-bottom: 176px;
}
#login-page .form-sign-in--social-hasnt-id .card-content .card-header {
  margin-bottom: 16px;
}
#login-page .form-sign-in--social-hasnt-id .card-content .card-description {
  margin-bottom: 96px;
}
#login-page .form-sign-in--error-auth-email .card-content .card-header {
  margin-bottom: 120px;
}
#login-page .button-login-by-email {
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
#login-page .button-login-by-email .button-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  align-items: center;
}
#login-page .button-login-by-email .button-content__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 40px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  margin-right: 12px;
}
#login-page .button-login-by-email .button-content__logo picture,
#login-page .button-login-by-email .button-content__logo source,
#login-page .button-login-by-email .button-content__logo img,
#login-page .button-login-by-email .button-content__logo svg {
  width: inherit;
  height: inherit;
}
#login-page .button-login-by-email .button-content .button-data__login {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: #28293d;
  margin-bottom: 4px;
}
#login-page .button-login-by-email .button-content .button-data__desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: #28293d;
}
#login-page .button-login-by-email.disabled {
  opacity: 0.64;
  cursor: not-allowed;
  pointer-events: none;
}
#login-page .button-login-by-email.sprinthost-bg {
  background: rgb(248, 237, 206);
}
#login-page .button-login-by-email.sprinthost-bg:hover {
  background: rgb(250, 241, 218);
}
#login-page .button-login-by-email.sprinthost-bg:active {
  background: rgb(251, 246, 230);
}
#login-page .button-login-by-email.sprintbox-bg {
  background: #d5f1ea;
}
#login-page .button-login-by-email.sprintbox-bg:hover {
  background: #dff5ef;
}
#login-page .button-login-by-email.sprintbox-bg:active {
  background: #e9f8f4;
}
#login-page .card-cooldown__desc, #login-page .card-cooldown__time {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.64);
  text-align: center;
}
#login-page .form-sign-in--recaptcha-v2 .card-content .card-header {
  margin-bottom: 102px;
}
#login-page .form-sign-in--recaptcha-v2 .card-content .recaptcha-container {
  margin-bottom: 32px;
}
#login-page .clear-button {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.71;
  color: #00bfa5;
  cursor: pointer;
  outline: none !important;
  border: 2px solid transparent;
  background: transparent;
  height: 24px;
  position: relative;
  box-sizing: border-box;
  transition: 200ms ease-in-out;
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#login-page .clear-button .icon-container {
  transition: 200ms ease-in-out;
  height: 22px;
  width: 22px;
}
#login-page .clear-button .icon-container svg {
  height: inherit;
  width: inherit;
  margin-top: 1px;
}
#login-page .clear-button .icon-container * {
  stroke: #00bfa5;
}
#login-page .clear-button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
#login-page .clear-button.disabled:hover {
  color: #00bfa5;
  border: 2px solid transparent;
}
#login-page .clear-button.disabled:hover .icon-container *,
#login-page .clear-button.disabled:hover svg * {
  stroke: #00bfa5;
}
#login-page .clear-button:hover {
  color: #1de9b6;
}
#login-page .clear-button:hover .icon-container *,
#login-page .clear-button:hover svg * {
  stroke: #1de9b6;
}
#login-page .clear-button.focused {
  border: 2px solid #304ffe;
  color: #64ffda;
  transition: 0ms;
}
#login-page .clear-button:active {
  color: #64ffda;
  border: 2px solid transparent;
}
#login-page .clear-button:active .icon-container *,
#login-page .clear-button:active svg * {
  stroke: #1de9b6;
}
@media (max-height: 650px) {
  #login-page .left-side .container-animation {
    display: none;
  }
}
@media (max-height: 719px) {
  #login-page .main {
    min-height: 700px !important;
  }
  #login-page .left-side .container-animation {
    width: 376px !important;
    height: 480px !important;
    overflow: hidden !important;
    background-size: 376px 480px !important;
  }
  #login-page .left-side .container-animation__canvas {
    width: 376px !important;
    height: 480px !important;
  }
}
@media (max-height: 745px) {
  #login-page {
    --form-margin: 20px;
  }
  #login-page .right-side .container-md-xs .form-sign-in {
    margin-bottom: var(--form-margin) !important;
  }
}
@media (max-height: 755px) {
  #login-page .left-side .container-animation {
    width: 425px !important;
    height: 480px !important;
    background-size: 425px 480px !important;
  }
  #login-page .left-side .container-animation__canvas {
    width: 425px !important;
    height: 480px !important;
  }
}
@media (max-height: 578px) and (min-width: 1025px) {
  #login-page .right-side .container-md-xs {
    display: flex;
    flex-direction: column;
    position: relative !important;
  }
  #login-page .right-side .container-md-xs .container-sign-in {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    top: 0 !important;
    right: 0 !important;
    padding: 14px 12px 14px 12px;
    box-sizing: border-box;
    width: calc(100% - 618px);
    z-index: 2000;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(4px);
  }
  #login-page .right-side .container-md-xs .form-sign-in {
    align-self: center;
  }
  #login-page .right-side .container-md-xs .container-help {
    align-self: flex-end;
    margin-right: 12px;
  }
}
@media (max-width: 1024px) {
  #login-page {
    --form-margin: 34px;
  }
  #login-page .main {
    display: flex;
    justify-content: center;
  }
  #login-page .left-side {
    display: none !important;
  }
  #login-page .right-side {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
  }
  #login-page .right-side .container-md-xs {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  #login-page .right-side .container-md-xs .title-logo {
    display: flex !important;
    justify-content: flex-start;
    margin: 32px 0 40px -14px;
  }
  #login-page .right-side .container-md-xs .form-sign-in {
    margin-top: 0 !important;
    margin-bottom: var(--form-margin) !important;
  }
  #login-page .right-side .container-md-xs .container-sign-in {
    position: static !important;
    display: flex;
    justify-content: center;
    margin-bottom: 34px !important;
  }
  #login-page .right-side .container-md-xs .container-help {
    position: static !important;
    display: flex;
    flex-direction: column !important;
    margin-bottom: 60px;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot {
    order: 1;
    margin-bottom: 24px;
    justify-content: center;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini {
    margin-right: 16px !important;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot .chat-telegram-mini svg {
    width: 24px;
    height: 20px;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot .chat-mini svg {
    width: 24px;
    height: 20px;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot__logo {
    width: 40px !important;
    height: 40px !important;
  }
  #login-page .right-side .container-md-xs .container-help .container-helper {
    order: 2;
    flex-direction: column;
    justify-content: center;
  }
  #login-page .right-side .container-md-xs .copyrights {
    display: block !important;
    padding-bottom: 173px;
  }
  #login-page .right-side .container-md-xs .copyrights p {
    text-align: center;
    color: #607d8b;
    margin: 0 !important;
  }
}
@media (max-width: 425px) {
  #login-page {
    --form-margin: 18px;
  }
  #login-page .right-side .container-md-xs .title-logo {
    margin-top: 32px;
  }
  #login-page .right-side .container-md-xs .form-sign-in {
    margin-bottom: var(--form-margin) !important;
  }
  #login-page .right-side .container-md-xs .container-sign-in {
    margin-bottom: 22px;
  }
  #login-page .right-side .container-md-xs .container-help {
    margin-bottom: 18px;
  }
  #login-page .right-side .container-md-xs .container-help .container-helper {
    justify-content: center;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot {
    margin-bottom: 22px;
    justify-content: center;
  }
  #login-page .right-side .container-md-xs .container-help .container-chat-bot__logo {
    width: 40px !important;
    height: 40px !important;
  }
}

@property --form-margin {
  syntax: "<length>";
  inherits: true;
  initial-value: 0;
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 200ms ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.component-fade-enter-active,
.component-fade-leave-active {
  transition: opacity 0.3s ease;
}

.component-fade-enter,
.component-fade-leave-to {
  opacity: 0;
}

.fade-enter-from {
  opacity: 0;
}

.fade-enter-active {
  transition: all 200ms ease-in;
}

.fade-enter-to {
  opacity: 1;
}

.fade-leave-from {
  opacity: 1;
}

.fade-leave-active {
  transition: all 80ms ease-out 100ms;
}

.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active {
  transition: all 120ms ease-out;
}

.slide-fade-leave-active {
  transition: all 60ms ease-in;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.slide-fade-enter-from {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-enter-to {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-from {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-left-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-left-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-enter,
.slide-fade-left-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.slide-fade-left-fast-enter-active {
  transition: all 0.15s ease;
}

.slide-fade-left-fast-leave-active {
  transition: all 0.25s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-fast-enter,
.slide-fade-left-fast-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in 120ms;
}

.bounce-leave-active {
  animation: bounce-in 120ms reverse;
}

.fat-scrollbar {
  scrollbar-color: #8e90a6 #ebebf0;
  scrollbar-width: auto;
}
.fat-scrollbar::-webkit-scrollbar {
  width: 17px;
}
.fat-scrollbar::-webkit-scrollbar-track {
  background-color: #ebebf0;
}
.fat-scrollbar::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}

.thin-scrollbar {
  scrollbar-color: #c7c8d9 #f6f6f8;
  scrollbar-width: auto;
}
.thin-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.thin-scrollbar::-webkit-scrollbar-track {
  background-color: #f6f6f8;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c7c8d9;
  border-radius: 4px;
}

.overflow-auto {
  overflow: auto;
}

/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
/**
 * Palletes
 * @see https://www.figma.com/file/fN7tFIXfqGLCeCyJkamyxd/%F0%9F%94%A5-SrintUI%3A-UI-KIT?node-id=0-1&t=f1NrbQYvWBSFQw1h-0
 */
/* DEFAULT, Name: Glamore/Dark 1, Hex: #5C00CC */
/* Name: Glamore/Dark 2, Hex: #6B29D4 */
/* Name: Glamore/Dark 3, Hex: #7952DC */
/* Name: Glamore/Light 1, Hex: #E6E0F9 */
/* Name: Glamore/Light 2, Hex: #EFEBFB */
/* Name: Glamore/Light 3, Hex: #F7F5FD */
/* DEFAULT, Name: Danger/Dark 1, Hex: #EB5042 */
/* Name: Danger/Dark 2, Hex: #F05F51 */
/* Name: Danger/Dark 3, Hex: #F56A5D */
/* DEFAULT, Name: Внимание/Dark 1, Hex: #F08C00 */
/* Name: Внимание/Dark 2, Hex: #F2C029 */
/* Name: Внимание/Dark 3, Hex: #F5CC52 */
/* DEFAULT, Name: Внимание/Light 1, Hex: #FBEDC4 */
/* Name: Внимание/Light 2, Hex: #FFF7DD */
/* Name: Внимание/Light 3, Hex: #FEFCF5 */
/* DEFAULT, Name: Grey/Light 1, Hex: #D7D7E0 */
/* Name: Grey/Light 2, Hex: #F0F0F5 */
/* Name: Grey/Light 3, Hex: #FFFFFF */
/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v3-animation-noise {
  user-select: none;
  color: transparent;
  opacity: 0.48;
  background-image: url("/img/custom-lib-v3/noise.svg");
  background-position: 0 0;
  background-size: 180px 140px;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
}
.cl-v3-animation-noise:hover {
  opacity: 0.24;
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.cert-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 328px !important;
}
.cert-preloader__item {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.cert-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cert-preloader__item--block {
  width: inherit;
  height: 32px;
  margin-bottom: 32px;
}
.cert-preloader__item--string {
  width: inherit;
  height: 14px;
  margin-bottom: 8px;
}

/**
  Ползунок для выбора значения
 */
.container-range {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 79px;
}
.container-range .slider {
  width: 100%;
  position: relative;
}
.container-range .slider input {
  background: linear-gradient(to right, #12910e 0%, #12910e 0%, #e4e4e5 0%, #e4e4e5 0%);
  height: 4px;
  width: 100%;
  border-radius: 4px;
  outline: none;
  transition: all 200ms ease-in-out;
  -webkit-appearance: none;
  margin-bottom: 20px;
  /* Chrome & Safari */
  /* Firefox */
  /* IE */
}
.container-range .slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-webkit-slider-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-moz-range-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-moz-range-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-ms-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-ms-thumb:active {
  cursor: grabbing;
}
.container-range .slider label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 24px;
  transition: 200ms ease-in-out;
}
.container-range .slider label .date {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  line-height: 16px;
  color: #1c1c28;
  white-space: nowrap;
}
.container-range .slider label .time {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: #5c00cc;
  white-space: nowrap;
}

/**
  Аватарка
 */
.base-avatar {
  width: 100%;
  height: 100%;
}
.base-avatar__loader {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
  width: 100%;
  height: 100%;
}
.base-avatar__loader::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

#sprintbox-register {
  display: flex;
  align-items: center;
  padding-top: 150px;
}
@media (max-width: 1024px) {
  #sprintbox-register {
    padding-top: 0;
  }
}

.sprintbox-register {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sprintbox-register__data {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 600px;
}
.sprintbox-register__button-reg--position {
  position: absolute;
  top: 12px;
  right: 27px;
}
@media screen and (max-width: 1025px) {
  .sprintbox-register__button-reg--position {
    display: none !important;
  }
}
.sprintbox-register__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgba(6, 6, 20, 0.96);
  margin: 0;
}
.sprintbox-register__divider {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.3215686275);
  width: 100%;
  display: flex;
  gap: 51px;
  align-items: center;
  padding: 20px 0 8px;
}
.sprintbox-register__divider:before, .sprintbox-register__divider:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.sprintbox-register__socials {
  display: flex;
  gap: 8px;
}
.sprintbox-register__social {
  width: 100%;
}
.sprintbox-register__social:focus-visible {
  outline: 1px solid #FF0000;
}
.sprintbox-register__footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sprintbox-register__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.8784313725);
  padding: 0;
  margin: 0;
}

.button-register-link {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  color: #00bfa5;
  background: none;
  border: none;
  padding: 0;
}
.button-register-link:hover {
  color: #1de9b6;
}
.button-register-link:focus-visible {
  color: #FF0000;
}
.button-register-link:active {
  color: #64ffda;
}

.ya-auth-button-link {
  position: relative;
}
.ya-auth-button-link:focus-visible {
  outline: none;
}
.ya-auth-button-link:focus-visible:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  z-index: 1;
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter-from,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 200ms ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.component-fade-enter-active,
.component-fade-leave-active {
  transition: opacity 0.3s ease;
}

.component-fade-enter,
.component-fade-leave-to {
  opacity: 0;
}

.fade-enter-from {
  opacity: 0;
}

.fade-enter-active {
  transition: all 200ms ease-in;
}

.fade-enter-to {
  opacity: 1;
}

.fade-leave-from {
  opacity: 1;
}

.fade-leave-active {
  transition: all 80ms ease-out 100ms;
}

.fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active {
  transition: all 120ms ease-out;
}

.slide-fade-leave-active {
  transition: all 60ms ease-in;
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(100%);
  opacity: 0;
}

.slide-fade-enter-from {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-enter-to {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-from {
  opacity: 1;
  transform: translateX(0);
}

.slide-fade-leave-to {
  opacity: 0;
  transform: translateX(100%);
}

.slide-fade-left-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-left-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-enter,
.slide-fade-left-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.slide-fade-left-fast-enter-active {
  transition: all 0.15s ease;
}

.slide-fade-left-fast-leave-active {
  transition: all 0.25s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-left-fast-enter,
.slide-fade-left-fast-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in 120ms;
}

.bounce-leave-active {
  animation: bounce-in 120ms reverse;
}

.fat-scrollbar {
  scrollbar-color: #8e90a6 #ebebf0;
  scrollbar-width: auto;
}
.fat-scrollbar::-webkit-scrollbar {
  width: 17px;
}
.fat-scrollbar::-webkit-scrollbar-track {
  background-color: #ebebf0;
}
.fat-scrollbar::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}

.thin-scrollbar {
  scrollbar-color: #c7c8d9 #f6f6f8;
  scrollbar-width: auto;
}
.thin-scrollbar::-webkit-scrollbar {
  width: 13px;
}
.thin-scrollbar::-webkit-scrollbar-track {
  background-color: #f6f6f8;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c7c8d9;
  border-radius: 4px;
}

.overflow-auto {
  overflow: auto;
}

/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
/**
 * Palletes
 * @see https://www.figma.com/file/fN7tFIXfqGLCeCyJkamyxd/%F0%9F%94%A5-SrintUI%3A-UI-KIT?node-id=0-1&t=f1NrbQYvWBSFQw1h-0
 */
/* DEFAULT, Name: Glamore/Dark 1, Hex: #5C00CC */
/* Name: Glamore/Dark 2, Hex: #6B29D4 */
/* Name: Glamore/Dark 3, Hex: #7952DC */
/* Name: Glamore/Light 1, Hex: #E6E0F9 */
/* Name: Glamore/Light 2, Hex: #EFEBFB */
/* Name: Glamore/Light 3, Hex: #F7F5FD */
/* DEFAULT, Name: Danger/Dark 1, Hex: #EB5042 */
/* Name: Danger/Dark 2, Hex: #F05F51 */
/* Name: Danger/Dark 3, Hex: #F56A5D */
/* DEFAULT, Name: Внимание/Dark 1, Hex: #F08C00 */
/* Name: Внимание/Dark 2, Hex: #F2C029 */
/* Name: Внимание/Dark 3, Hex: #F5CC52 */
/* DEFAULT, Name: Внимание/Light 1, Hex: #FBEDC4 */
/* Name: Внимание/Light 2, Hex: #FFF7DD */
/* Name: Внимание/Light 3, Hex: #FEFCF5 */
/* DEFAULT, Name: Grey/Light 1, Hex: #D7D7E0 */
/* Name: Grey/Light 2, Hex: #F0F0F5 */
/* Name: Grey/Light 3, Hex: #FFFFFF */
/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v3-animation-noise {
  user-select: none;
  color: transparent;
  opacity: 0.48;
  background-image: url("/img/custom-lib-v3/noise.svg");
  background-position: 0 0;
  background-size: 180px 140px;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
}
.cl-v3-animation-noise:hover {
  opacity: 0.24;
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.cert-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 328px !important;
}
.cert-preloader__item {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.cert-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cert-preloader__item--block {
  width: inherit;
  height: 32px;
  margin-bottom: 32px;
}
.cert-preloader__item--string {
  width: inherit;
  height: 14px;
  margin-bottom: 8px;
}

/**
  Ползунок для выбора значения
 */
.container-range {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 79px;
}
.container-range .slider {
  width: 100%;
  position: relative;
}
.container-range .slider input {
  background: linear-gradient(to right, #12910e 0%, #12910e 0%, #e4e4e5 0%, #e4e4e5 0%);
  height: 4px;
  width: 100%;
  border-radius: 4px;
  outline: none;
  transition: all 200ms ease-in-out;
  -webkit-appearance: none;
  margin-bottom: 20px;
  /* Chrome & Safari */
  /* Firefox */
  /* IE */
}
.container-range .slider input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-webkit-slider-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-moz-range-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-moz-range-thumb:active {
  cursor: grabbing;
}
.container-range .slider input::-ms-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 50%;
  border: 4px solid #12910e;
  cursor: pointer;
  box-sizing: border-box;
}
.container-range .slider input::-ms-thumb:active {
  cursor: grabbing;
}
.container-range .slider label {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 24px;
  transition: 200ms ease-in-out;
}
.container-range .slider label .date {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  line-height: 16px;
  color: #1c1c28;
  white-space: nowrap;
}
.container-range .slider label .time {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: #5c00cc;
  white-space: nowrap;
}

/**
  Аватарка
 */
.base-avatar {
  width: 100%;
  height: 100%;
}
.base-avatar__loader {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
  width: 100%;
  height: 100%;
}
.base-avatar__loader::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

/**
 * Кастомизация карточки на основе линейки + специфичность тарифа
 */
/*---@Promo mixin---*/
/*---@Price mixin---*/
/*---@Save mixin---*/
/*---@component mixin---*/
.package-card {
  box-sizing: border-box;
  --background: var(--CARD-NEUTRAL-LIGHT-64);
  user-select: none;
  background: var(--background);
  padding: 24px;
  width: 296px;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -webkit-border-radius: 8px;
  /*---@Header---*/
  /*---@Body---*/
  /*---@Note---*/
  /*---@Price---*/
  /*---@Save---*/
  /*---@Major button---*/
  /*---@Minor button---*/
  /*---@Note--- тестовый период*/
}
.package-card__video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.package-card__video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}
.package-card__video::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none;
}
.package-card__video::-webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none;
}
.package-card__video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.package-card__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
}
.package-card-header {
  margin-bottom: 24px;
  position: relative;
}
.package-card-header .package-card__name {
  --color: var(--Text-Dark-text-Dark-Text-for-body);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: var(--color);
  pointer-events: none;
  display: inline-block;
  margin-bottom: 8px;
  text-decoration: none;
  max-width: 100%;
}
.package-card-header .package-card__name:hover {
  opacity: 0.8;
}
.package-card-header .package-card__name:focus-visible {
  color: #FF0000;
}
.package-card-header .package-card__name:active {
  opacity: 0.5;
}
.package-card-header .package-card__name-content {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: fit-content;
  max-width: 100%;
}
.package-card-header .package-card__name-inner {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-bottom: -3px;
}
.package-card-header .package-card__name-underline {
  display: block;
  height: 1px;
  background-color: currentColor;
}
.package-card-header .package-card__name--clickable {
  cursor: pointer;
  pointer-events: auto;
}
.package-card-header .package-card__name-icon {
  margin-bottom: 4px;
  display: inline-flex;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: inherit;
}
.package-card-header .package-card__name-icon .ui5-icon-template {
  display: flex;
  width: 100%;
  height: 100%;
}
.package-card-header .package-card__title {
  --color: var(--dark-text-96);
  display: flex;
  flex-direction: row;
  width: 100%;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: var(--color);
  white-space: nowrap;
}
.package-card-header .package-card__title .domains-quantity-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  margin: 0 4px;
}
.package-card-header .package-card__title .domains-quantity-icon picture,
.package-card-header .package-card__title .domains-quantity-icon source,
.package-card-header .package-card__title .domains-quantity-icon img,
.package-card-header .package-card__title .domains-quantity-icon svg {
  width: inherit;
  height: inherit;
}
.package-card-header .package-card__label {
  position: absolute;
  top: 0;
  right: 0;
}
.package-card-body {
  --border: 1px solid var(--DIVIDER-GREY-64);
  border-top: var(--border);
  border-bottom: var(--border);
  padding: 23px 0;
  margin-bottom: 24px;
}
.package-card-body--free {
  border: none;
  padding: 0;
  margin: 0;
}
.package-card-body .package-card-features {
  min-height: 172px;
}
.package-card-body .package-card-features--height {
  min-height: auto;
}
.package-card-body .package-card-tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 16px;
}
.package-card-body .package-card-tabs__tab {
  margin-right: 4px;
}
.package-card-body .package-card-tabs__tab:last-child {
  margin-right: 0;
}
.package-card-body .package-card-tab-content .article__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  margin-bottom: 8px;
}
.package-card-body .package-card-tab-content .article__desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.88);
  margin-bottom: 8px;
}
.package-card-body .package-card-tab-content .article__desc:last-child {
  margin-bottom: 0;
}
.package-card-body .package-card-list__item {
  margin-bottom: 8px;
}
.package-card-body .package-card-list__item:last-child {
  margin-bottom: 0;
}
.package-card-note {
  margin-bottom: 12px;
}
.package-card-note .package-card-tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.package-card-note .package-card-tabs__tab {
  margin-right: 8px;
}
.package-card-note .package-card-tabs__tab:last-child {
  margin-right: 0;
}
.package-card-price {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
  align-items: center;
  min-height: 32px;
}
.package-card-price > * {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 32px;
  margin-right: 6px;
  position: relative;
  display: inline-block;
}
.package-card-price__old span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.3215686275);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 300;
  font-style: normal;
  line-height: 32px;
}
.package-card-price__new {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
}
.package-card-price__new span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
}
.package-card-price .price-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.package-card-price__period {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 12px;
  margin-top: auto;
  margin-bottom: 2px;
}
.package-card-price__promo-period {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.package-card-save {
  margin-bottom: 24px;
}
.package-card-save > * {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.package-card-save .desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.package-card-major-button {
  margin-bottom: 24px;
}
.package-card-major-button:last-of-type {
  margin-bottom: 0;
}
.package-card-minor-button {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.package-card__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  margin-bottom: 10px;
  text-align: center;
}
.package-card--loading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
  height: 616px;
  width: 296px;
  padding: 0;
  margin-right: 24px;
}
.package-card--loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.package-card.its-time .sticker-label--its-time {
  background: #FF3200;
}
.package-card.promo .package-card-price {
  margin-bottom: 4px;
}
.package-card.promo .package-card-price .package-card-price__new {
  background: unset;
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 8px;
}
.package-card.promo .package-card-save {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.package-card.promo .package-card-save .desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  margin-right: 6px;
}
.package-card.promo .package-card-save .price {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.package-card.promo .package-card-save .price > * {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.package-card.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  margin-right: 3px;
  position: relative;
  display: inline-block;
}
.package-card.promo .package-card-save .price__old span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.package-card.promo .package-card-save .price__new {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
}
.package-card.promo .package-card-save .price__new span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
}
.package-card.promo .package-card-save .price__period {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.package-card--x, .package-card--plus {
  --background: var(--CARD-NEUTRAL-LIGHT-64);
}
.package-card--x .package-card-price__old, .package-card--plus .package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card--x .package-card-price__old span, .package-card--plus .package-card-price__old span {
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card--x .package-card-price__new, .package-card--plus .package-card-price__new {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x .package-card-price__new span, .package-card--plus .package-card-price__new span {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x .package-card-price__period, .package-card--plus .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x .package-card-save .desc, .package-card--plus .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x .package-card__note, .package-card--plus .package-card__note {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x.promo .sticker-label, .package-card--plus.promo .sticker-label {
  background: #FF3200;
}
.package-card--x.promo .package-card-price .package-card-price__new, .package-card--plus.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x.promo .package-card-price .package-card-price__new span, .package-card--plus.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x.promo .package-card-price .package-card-price__period, .package-card--plus.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x.promo .package-card-price .package-card-price__promo-period, .package-card--plus.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x.promo .package-card-save .desc, .package-card--plus.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x.promo .package-card-save .price__old, .package-card--plus.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x.promo .package-card-save .price__old span, .package-card--plus.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x.promo .package-card-save .price__new, .package-card--plus.promo .package-card-save .price__new {
  color: #FF3200;
}
.package-card--x.promo .package-card-save .price__new span, .package-card--plus.promo .package-card-save .price__new span {
  color: #FF3200;
}
.package-card--x.promo .package-card-save .price__period, .package-card--plus.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x.promo .package-card-save .price__promo-period, .package-card--plus.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--pro, .package-card--premium, .package-card--epic {
  background-color: #1c1c28;
  mask-image: radial-gradient(white, black);
}
.package-card--pro .package-card-header .package-card__name, .package-card--premium .package-card-header .package-card__name, .package-card--epic .package-card-header .package-card__name {
  --color: var(--light-text-86);
}
.package-card--pro .package-card-header .package-card__title, .package-card--premium .package-card-header .package-card__title, .package-card--epic .package-card-header .package-card__title {
  --color: var(--light-text-1);
}
.package-card--pro .package-card-header .package-card__title .domains-quantity-icon svg *, .package-card--premium .package-card-header .package-card__title .domains-quantity-icon svg *, .package-card--epic .package-card-header .package-card__title .domains-quantity-icon svg * {
  fill: rgb(255, 255, 255);
}
.package-card--pro .package-card-body, .package-card--premium .package-card-body, .package-card--epic .package-card-body {
  --border: 1px solid var($ui4-divider_white_16);
}
.package-card--pro .package-card-price__old, .package-card--premium .package-card-price__old, .package-card--epic .package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(255, 255, 255, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro .package-card-price__old span, .package-card--premium .package-card-price__old span, .package-card--epic .package-card-price__old span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro .package-card-price__new, .package-card--premium .package-card-price__new, .package-card--epic .package-card-price__new {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro .package-card-price__new span, .package-card--premium .package-card-price__new span, .package-card--epic .package-card-price__new span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro .package-card-price__period, .package-card--premium .package-card-price__period, .package-card--epic .package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro .package-card-save .desc, .package-card--premium .package-card-save .desc, .package-card--epic .package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro .package-card__note, .package-card--premium .package-card__note, .package-card--epic .package-card__note {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro.promo .sticker-label, .package-card--premium.promo .sticker-label, .package-card--epic.promo .sticker-label {
  background: #FF3200;
}
.package-card--pro.promo .package-card-price .package-card-price__new, .package-card--premium.promo .package-card-price .package-card-price__new, .package-card--epic.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--pro.promo .package-card-price .package-card-price__new span, .package-card--premium.promo .package-card-price .package-card-price__new span, .package-card--epic.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--pro.promo .package-card-price .package-card-price__period, .package-card--premium.promo .package-card-price .package-card-price__period, .package-card--epic.promo .package-card-price .package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro.promo .package-card-price .package-card-price__promo-period, .package-card--premium.promo .package-card-price .package-card-price__promo-period, .package-card--epic.promo .package-card-price .package-card-price__promo-period {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro.promo .package-card-save .desc, .package-card--premium.promo .package-card-save .desc, .package-card--epic.promo .package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro.promo .package-card-save .price__old, .package-card--premium.promo .package-card-save .price__old, .package-card--epic.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro.promo .package-card-save .price__old span, .package-card--premium.promo .package-card-save .price__old span, .package-card--epic.promo .package-card-save .price__old span {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro.promo .package-card-save .price__new, .package-card--premium.promo .package-card-save .price__new, .package-card--epic.promo .package-card-save .price__new {
  color: #FF3200;
}
.package-card--pro.promo .package-card-save .price__new span, .package-card--premium.promo .package-card-save .price__new span, .package-card--epic.promo .package-card-save .price__new span {
  color: #FF3200;
}
.package-card--pro.promo .package-card-save .price__period, .package-card--premium.promo .package-card-save .price__period, .package-card--epic.promo .package-card-save .price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--pro.promo .package-card-save .price__promo-period, .package-card--premium.promo .package-card-save .price__promo-period, .package-card--epic.promo .package-card-save .price__promo-period {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--pro .feature .feature__icon, .package-card--premium .feature .feature__icon, .package-card--epic .feature .feature__icon {
  --fill-svg: var(--light-text-1);
}
.package-card--pro .feature .feature-t-d .feature__title, .package-card--premium .feature .feature-t-d .feature__title, .package-card--epic .feature .feature-t-d .feature__title {
  --color: var(--light-text-96);
}
.package-card--pro .feature .feature-t-d .feature__desc, .package-card--premium .feature .feature-t-d .feature__desc, .package-card--epic .feature .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.package-card--pro .feature--gold .feature__icon, .package-card--premium .feature--gold .feature__icon, .package-card--epic .feature--gold .feature__icon {
  --fill-svg: var(--YW-16);
}
.package-card--pro .feature--gold .feature-t-d .feature__title, .package-card--premium .feature--gold .feature-t-d .feature__title, .package-card--epic .feature--gold .feature-t-d .feature__title {
  --color: var(--YW-16);
}
.package-card--pro .feature--gold .feature-t-d .feature__desc, .package-card--premium .feature--gold .feature-t-d .feature__desc, .package-card--epic .feature--gold .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.package-card--pro .current-btn, .package-card--premium .current-btn, .package-card--epic .current-btn {
  background: transparent;
}
.package-card--pro .current-btn__text, .package-card--premium .current-btn__text, .package-card--epic .current-btn__text {
  color: #FFF;
}
.package-card--pro .current-btn__icon svg *, .package-card--premium .current-btn__icon svg *, .package-card--epic .current-btn__icon svg * {
  stroke: #FFF;
}
.package-card--ultrabitrix, .package-card--turbobitrix {
  background: rgb(245, 245, 249);
}
.package-card--ultrabitrix .package-card-price__old, .package-card--turbobitrix .package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card--ultrabitrix .package-card-price__old span, .package-card--turbobitrix .package-card-price__old span {
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card--ultrabitrix .package-card-price__new, .package-card--turbobitrix .package-card-price__new {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix .package-card-price__new span, .package-card--turbobitrix .package-card-price__new span {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix .package-card-price__period, .package-card--turbobitrix .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix .package-card-save .desc, .package-card--turbobitrix .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix .package-card__note, .package-card--turbobitrix .package-card__note {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix.promo .sticker-label, .package-card--turbobitrix.promo .sticker-label {
  background: #FF3200;
}
.package-card--ultrabitrix.promo .package-card-price .package-card-price__new, .package-card--turbobitrix.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--ultrabitrix.promo .package-card-price .package-card-price__new span, .package-card--turbobitrix.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--ultrabitrix.promo .package-card-price .package-card-price__period, .package-card--turbobitrix.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix.promo .package-card-price .package-card-price__promo-period, .package-card--turbobitrix.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix.promo .package-card-save .desc, .package-card--turbobitrix.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix.promo .package-card-save .price__old, .package-card--turbobitrix.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix.promo .package-card-save .price__old span, .package-card--turbobitrix.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix.promo .package-card-save .price__new, .package-card--turbobitrix.promo .package-card-save .price__new {
  color: #FF3200;
}
.package-card--ultrabitrix.promo .package-card-save .price__new span, .package-card--turbobitrix.promo .package-card-save .price__new span {
  color: #FF3200;
}
.package-card--ultrabitrix.promo .package-card-save .price__period, .package-card--turbobitrix.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix.promo .package-card-save .price__promo-period, .package-card--turbobitrix.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x1_promo.promo .sticker-label {
  background: #5C00CC;
}
.package-card--x1_promo.promo .package-card-price .package-card-price__new {
  background: #5C00CC;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x1_promo.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x1_promo.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x1_promo.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x1_promo.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x1_promo.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #5C00CC 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x1_promo.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x1_promo.promo .package-card-save .price__new {
  color: #5C00CC;
}
.package-card--x1_promo.promo .package-card-save .price__new span {
  color: #5C00CC;
}
.package-card--x1_promo.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x1_promo.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x4_promo.promo .sticker-label {
  background: #FF3200;
}
.package-card--x4_promo.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x4_promo.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--x4_promo.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x4_promo.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x4_promo.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x4_promo.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x4_promo.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--x4_promo.promo .package-card-save .price__new {
  color: #FF3200;
}
.package-card--x4_promo.promo .package-card-save .price__new span {
  color: #FF3200;
}
.package-card--x4_promo.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--x4_promo.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix1_promo.promo .sticker-label, .package-card--ultrabitrix2_promo.promo .sticker-label, .package-card--ultrabitrix3_promo.promo .sticker-label {
  background: #FF3200;
}
.package-card--ultrabitrix1_promo.promo .package-card-price .package-card-price__new, .package-card--ultrabitrix2_promo.promo .package-card-price .package-card-price__new, .package-card--ultrabitrix3_promo.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--ultrabitrix1_promo.promo .package-card-price .package-card-price__new span, .package-card--ultrabitrix2_promo.promo .package-card-price .package-card-price__new span, .package-card--ultrabitrix3_promo.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.package-card--ultrabitrix1_promo.promo .package-card-price .package-card-price__period, .package-card--ultrabitrix2_promo.promo .package-card-price .package-card-price__period, .package-card--ultrabitrix3_promo.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix1_promo.promo .package-card-price .package-card-price__promo-period, .package-card--ultrabitrix2_promo.promo .package-card-price .package-card-price__promo-period, .package-card--ultrabitrix3_promo.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix1_promo.promo .package-card-save .desc, .package-card--ultrabitrix2_promo.promo .package-card-save .desc, .package-card--ultrabitrix3_promo.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__old, .package-card--ultrabitrix2_promo.promo .package-card-save .price__old, .package-card--ultrabitrix3_promo.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__old span, .package-card--ultrabitrix2_promo.promo .package-card-save .price__old span, .package-card--ultrabitrix3_promo.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__new, .package-card--ultrabitrix2_promo.promo .package-card-save .price__new, .package-card--ultrabitrix3_promo.promo .package-card-save .price__new {
  color: #FF3200;
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__new span, .package-card--ultrabitrix2_promo.promo .package-card-save .price__new span, .package-card--ultrabitrix3_promo.promo .package-card-save .price__new span {
  color: #FF3200;
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__period, .package-card--ultrabitrix2_promo.promo .package-card-save .price__period, .package-card--ultrabitrix3_promo.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card--ultrabitrix1_promo.promo .package-card-save .price__promo-period, .package-card--ultrabitrix2_promo.promo .package-card-save .price__promo-period, .package-card--ultrabitrix3_promo.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card--base {
  background: #1c1c28;
  border-radius: 8px;
  --background: var(--DW-0);
}
.package-card--base .package-card-body {
  --border: 1px solid rgba(243, 243, 252, 0.15);
}
.package-card--base .package-card-note {
  margin-bottom: 8px;
}
.package-card--base .package-card__name {
  color: rgb(255, 255, 255);
}
.package-card--base .package-card__title {
  color: rgb(255, 255, 255);
}
.package-card--base .package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(255, 255, 255, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--base .package-card-price__old span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--base .package-card-price__new {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--base .package-card-price__new span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--base .package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.package-card--base .package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.package-card--base .package-card__note {
  color: rgba(255, 255, 255, 0.86);
}
.package-card--base .feature--gold .feature__icon {
  --fill-svg: var(--YW-16);
}
.package-card--base .feature--gold .feature-t-d .feature__title {
  --color: var(--YW-16);
}
.package-card--base .feature--gold .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.package-card--base .feature .feature__icon {
  --fill-svg: var(--light-text-100);
}
.package-card--base .feature .feature-t-d .feature__title {
  --color: var(--light-text-96);
}
.package-card--base .feature .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.package-card.archived {
  background: transparent;
  background-color: transparent;
}
.package-card.archived .package-card-header .package-card__name {
  --color: rgba(0, 0, 0, 0.6392156863);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: var(--color);
}
.package-card.archived .package-card-header .package-card__title {
  --color: rgba(0, 0, 0, 0.6392156863);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  color: var(--color);
}
.package-card.archived .package-card-header .package-card__title .domains-quantity-icon svg * {
  fill: rgba(0, 0, 0, 0.6392156863);
}
.package-card.archived .package-card-body {
  --border: 1px solid rgba(28, 28, 40, 0.16);
}
.package-card.archived .package-card-list__item {
  margin-bottom: 16px;
}
.package-card.archived .package-card-list__item:last-child {
  margin-bottom: 0;
}
.package-card.archived .package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card.archived .package-card-price__old span {
  color: rgba(0, 0, 0, 0.3215686275);
}
.package-card.archived .package-card-price__new {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card.archived .package-card-price__new span {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card.archived .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.package-card.archived .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card.archived .package-card__note {
  color: rgba(0, 0, 0, 0.6392156863);
}
.package-card.archived .feature .feature__icon {
  --fill-svg: rgba(0, 0, 0, 0.6392156863);
}
.package-card.archived .feature .feature__icon svg * {
  fill: var(--fill-svg);
  fill-opacity: 1;
}
.package-card.archived .feature .feature-t-d .feature__title {
  --color: rgba(0, 0, 0, 0.6392156863);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: var(--color);
}
.package-card.archived .feature .feature-t-d .feature__desc {
  --color: rgba(0, 0, 0, 0.6392156863);
}
.package-card.archived .feature--archive .feature__icon {
  --fill-svg: #F08C00;
}
.package-card.archived .feature--archive .feature-t-d .feature__title {
  --color: #F08C00;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: var(--color);
}
.package-card.archived .feature--archive .feature-t-d .feature__desc {
  color: rgba(0, 0, 0, 0.6392156863);
  white-space: normal;
}
.package-card.archived .current-btn {
  background: rgb(246, 251, 245);
}
.package-card.archived .current-btn__text {
  color: #12910e;
}
.package-card.archived .current-btn__icon svg * {
  stroke: #12910e;
}

/*---
@desc: Feature
@name: Feature
@modifiers:

  @mode:
    &--gold;

  @states:

---*/
.feature {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
}
.feature__icon {
  --fill-svg: var(--dark-text-96);
  margin-right: 12px;
}
.feature__icon > .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.feature__icon > .icon-container picture,
.feature__icon > .icon-container source,
.feature__icon > .icon-container img,
.feature__icon > .icon-container svg {
  width: inherit;
  height: inherit;
}
.feature__icon svg * {
  fill: var(--fill-svg);
}
.feature-t-d .feature__title {
  --color: var(--dark-text-88);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: var(--color);
  white-space: nowrap;
}
.feature-t-d .feature__desc {
  --color: var(--dark-text-96);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: var(--color);
  white-space: nowrap;
}
.feature--archive .feature__icon {
  --fill-svg: #F08C00;
}
.feature--archive .feature-t-d .feature__title {
  --color: #F08C00;
}
.feature--archive .feature-t-d .feature__desc {
  --color: rgba(0, 0, 0, 0.6392156863);
  white-space: normal;
}

/*---
 @desc: Note tab
 @name: Note tab

 @modifiers:
    &--static

 @states:
   &.active

---*/
.note-tab {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.48);
  cursor: pointer;
  text-decoration-line: underline;
  width: fit-content;
  transition: 200ms ease-in-out;
}
.note-tab:hover {
  color: rgba(6, 6, 20, 0.64);
}
.note-tab:active, .note-tab.active {
  color: rgba(6, 6, 20, 0.96);
}
.note-tab--static {
  color: rgba(6, 6, 20, 0.48);
  cursor: auto;
  text-decoration-line: none;
}
.note-tab--static:hover {
  color: rgba(6, 6, 20, 0.48);
}
.note-tab--static:active, .note-tab--static.active {
  color: rgba(6, 6, 20, 0.48);
}

/*---
 @desc: button-choice
 @name: button-choice

 @modifiers:
    &--epic
    &--dark
    &--turbobitrix

 @states:

---*/
.button-choice--black-light, .small-package-card--pro .small-package-card-tabs__tab:first-child .button-choice, .small-package-card--premium .small-package-card-tabs__tab:first-child .button-choice, .small-package-card--epic .small-package-card-tabs__tab:first-child .button-choice, .package-card--pro .package-card-tabs__tab:first-child .button-choice, .package-card--premium .package-card-tabs__tab:first-child .button-choice, .package-card--epic .package-card-tabs__tab:first-child .button-choice {
  --light-text-88: rgba(255, 255, 255, 0.88);
  color: var(--light-text-88);
  border-color: var(--light-text-88);
  background: transparent;
}
.button-choice--black-light:hover, .small-package-card--pro .small-package-card-tabs__tab:first-child .button-choice:hover, .small-package-card--premium .small-package-card-tabs__tab:first-child .button-choice:hover, .small-package-card--epic .small-package-card-tabs__tab:first-child .button-choice:hover, .package-card--pro .package-card-tabs__tab:first-child .button-choice:hover, .package-card--premium .package-card-tabs__tab:first-child .button-choice:hover, .package-card--epic .package-card-tabs__tab:first-child .button-choice:hover {
  color: var(--light-text-88);
  border-color: var(--light-text-88);
  background: rgba(255, 255, 255, 0.08);
}
.button-choice--black-light:active, .small-package-card--pro .small-package-card-tabs__tab:first-child .button-choice:active, .small-package-card--premium .small-package-card-tabs__tab:first-child .button-choice:active, .small-package-card--epic .small-package-card-tabs__tab:first-child .button-choice:active, .package-card--pro .package-card-tabs__tab:first-child .button-choice:active, .package-card--premium .package-card-tabs__tab:first-child .button-choice:active, .package-card--epic .package-card-tabs__tab:first-child .button-choice:active {
  background: rgba(255, 255, 255, 0.16);
}
.button-choice--black-light:disabled, .small-package-card--pro .small-package-card-tabs__tab:first-child .button-choice:disabled, .small-package-card--premium .small-package-card-tabs__tab:first-child .button-choice:disabled, .small-package-card--epic .small-package-card-tabs__tab:first-child .button-choice:disabled, .package-card--pro .package-card-tabs__tab:first-child .button-choice:disabled, .package-card--premium .package-card-tabs__tab:first-child .button-choice:disabled, .package-card--epic .package-card-tabs__tab:first-child .button-choice:disabled, .button-choice--black-light.disabled, .small-package-card--pro .small-package-card-tabs__tab:first-child .disabled.button-choice, .small-package-card--premium .small-package-card-tabs__tab:first-child .disabled.button-choice, .small-package-card--epic .small-package-card-tabs__tab:first-child .disabled.button-choice, .package-card--pro .package-card-tabs__tab:first-child .disabled.button-choice, .package-card--premium .package-card-tabs__tab:first-child .disabled.button-choice, .package-card--epic .package-card-tabs__tab:first-child .disabled.button-choice {
  color: var(--light-text-88);
  border-color: var(--light-text-88);
}
.button-choice--black-light.selected, .small-package-card--pro .small-package-card-tabs__tab:first-child .selected.button-choice, .small-package-card--premium .small-package-card-tabs__tab:first-child .selected.button-choice, .small-package-card--epic .small-package-card-tabs__tab:first-child .selected.button-choice, .package-card--pro .package-card-tabs__tab:first-child .selected.button-choice, .package-card--premium .package-card-tabs__tab:first-child .selected.button-choice, .package-card--epic .package-card-tabs__tab:first-child .selected.button-choice {
  color: var(--DW-0);
  background: var(--light-text-88);
}
.button-choice--black-light.selected:disabled, .small-package-card--pro .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .small-package-card--premium .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .small-package-card--epic .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--pro .package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--premium .package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--epic .package-card-tabs__tab:first-child .selected.button-choice:disabled, .button-choice--black-light.selected.disabled, .small-package-card--pro .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .small-package-card--premium .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .small-package-card--epic .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--pro .package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--premium .package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--epic .package-card-tabs__tab:first-child .selected.disabled.button-choice {
  color: var(--DW-0);
  background: rgba(228, 228, 229, 0.32);
}
.button-choice--violet-light, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .button-choice, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .button-choice, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .button-choice, .package-card--pro .package-card-tabs__tab:nth-child(2) .button-choice, .package-card--premium .package-card-tabs__tab:nth-child(2) .button-choice, .package-card--epic .package-card-tabs__tab:nth-child(2) .button-choice {
  color: rgb(255, 255, 255);
  border-color: rgb(92, 0, 204);
  background: transparent;
}
.button-choice--violet-light:hover, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .package-card--pro .package-card-tabs__tab:nth-child(2) .button-choice:hover, .package-card--premium .package-card-tabs__tab:nth-child(2) .button-choice:hover, .package-card--epic .package-card-tabs__tab:nth-child(2) .button-choice:hover {
  background: rgba(92, 0, 204, 0.08);
}
.button-choice--violet-light:active, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .package-card--pro .package-card-tabs__tab:nth-child(2) .button-choice:active, .package-card--premium .package-card-tabs__tab:nth-child(2) .button-choice:active, .package-card--epic .package-card-tabs__tab:nth-child(2) .button-choice:active {
  background: rgba(118, 41, 212, 0.16);
}
.button-choice--violet-light:disabled, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .package-card--pro .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .package-card--premium .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .package-card--epic .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .button-choice--violet-light.disabled, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .package-card--pro .package-card-tabs__tab:nth-child(2) .disabled.button-choice, .package-card--premium .package-card-tabs__tab:nth-child(2) .disabled.button-choice, .package-card--epic .package-card-tabs__tab:nth-child(2) .disabled.button-choice {
  color: var(--light-text-88);
  border-color: var(--light-text-88);
}
.button-choice--violet-light.selected, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .package-card--pro .package-card-tabs__tab:nth-child(2) .selected.button-choice, .package-card--premium .package-card-tabs__tab:nth-child(2) .selected.button-choice, .package-card--epic .package-card-tabs__tab:nth-child(2) .selected.button-choice {
  color: rgb(255, 255, 255);
  background: rgb(92, 0, 204);
}
.button-choice--violet-light.selected:disabled, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .package-card--pro .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .package-card--premium .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .package-card--epic .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .button-choice--violet-light.selected.disabled, .small-package-card--pro .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .small-package-card--premium .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .small-package-card--epic .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .package-card--pro .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .package-card--premium .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .package-card--epic .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice {
  color: rgb(255, 255, 255);
  background: rgb(240, 240, 245);
}
.button-choice--violet {
  color: rgb(92, 0, 204);
  border-color: rgb(92, 0, 204);
  background: transparent;
}
.button-choice--violet:hover {
  background: rgba(92, 0, 204, 0.08);
}
.button-choice--violet:active {
  background: rgba(118, 41, 212, 0.16);
}
.button-choice--violet:disabled, .button-choice--violet.disabled {
  color: #e4e4e5;
  border-color: #e4e4e5;
}
.button-choice--violet.selected {
  color: rgb(255, 255, 255);
  background: rgb(92, 0, 204);
}
.button-choice--violet.selected:disabled, .button-choice--violet.selected.disabled {
  color: rgb(255, 255, 255);
  background: rgb(240, 240, 245);
}
.button-choice--dark-red, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .button-choice, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .button-choice, .package-card--ultrabitrix .package-card-tabs__tab:first-child .button-choice, .package-card--turbobitrix .package-card-tabs__tab:first-child .button-choice, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .button-choice, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .button-choice {
  color: rgb(28, 28, 40);
  border-color: rgb(198, 12, 48);
  background: transparent;
}
.button-choice--dark-red:hover, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .button-choice:hover, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .button-choice:hover, .package-card--ultrabitrix .package-card-tabs__tab:first-child .button-choice:hover, .package-card--turbobitrix .package-card-tabs__tab:first-child .button-choice:hover, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .button-choice:hover, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .button-choice:hover {
  background: rgba(198, 12, 48, 0.08);
}
.button-choice--dark-red:active, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .button-choice:active, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .button-choice:active, .package-card--ultrabitrix .package-card-tabs__tab:first-child .button-choice:active, .package-card--turbobitrix .package-card-tabs__tab:first-child .button-choice:active, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .button-choice:active, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .button-choice:active {
  background: rgba(198, 12, 48, 0.16);
}
.button-choice--dark-red:disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .button-choice:disabled, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .button-choice:disabled, .package-card--ultrabitrix .package-card-tabs__tab:first-child .button-choice:disabled, .package-card--turbobitrix .package-card-tabs__tab:first-child .button-choice:disabled, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .button-choice--dark-red.disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .disabled.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .disabled.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:first-child .disabled.button-choice, .package-card--turbobitrix .package-card-tabs__tab:first-child .disabled.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .disabled.button-choice, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .disabled.button-choice {
  color: #e4e4e5;
  border-color: #e4e4e5;
}
.button-choice--dark-red.selected, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .selected.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .selected.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:first-child .selected.button-choice, .package-card--turbobitrix .package-card-tabs__tab:first-child .selected.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .selected.button-choice, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .selected.button-choice {
  color: rgb(255, 255, 255);
  background: rgb(198, 12, 48);
}
.button-choice--dark-red.selected:disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--ultrabitrix .package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--turbobitrix .package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .button-choice--dark-red.selected.disabled, .small-package-card--ultrabitrix .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .small-package-card--ultrabitrix .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .small-package-card--turbobitrix .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--turbobitrix .package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--ultrabitrix .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .package-card--turbobitrix .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice {
  color: rgb(255, 255, 255);
  background: rgb(240, 240, 245);
}
.button-choice--gold {
  color: rgba(255, 255, 255, 0.88);
  border-color: rgb(242, 192, 41);
  background: transparent;
}
.button-choice--gold:hover {
  background: rgba(255, 255, 255, 0.08);
}
.button-choice--gold:active {
  background: rgba(255, 255, 255, 0.16);
}
.button-choice--gold:disabled, .button-choice--gold.disabled {
  color: rgb(228, 228, 229);
  border-color: rgb(242, 192, 41);
}
.button-choice--gold.selected {
  color: #1c1c28;
  background: rgb(242, 192, 41);
}
.button-choice--gold.selected:disabled, .button-choice--gold.selected.disabled {
  color: #1c1c28;
  background: rgba(228, 228, 229, 0.32);
}
.button-choice--base, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .button-choice, .small-package-card--base .small-package-card-tabs__tab:first-child .button-choice, .package-card--base .package-card-tabs__tab:first-child .button-choice, .package-card--base .package-card-tabs__tab:nth-child(2) .button-choice {
  color: rgba(255, 255, 255, 0.88);
  border-color: rgba(255, 255, 255, 0.88);
  background: transparent;
}
.button-choice--base:hover, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .button-choice:hover, .small-package-card--base .small-package-card-tabs__tab:first-child .button-choice:hover, .package-card--base .package-card-tabs__tab:first-child .button-choice:hover, .package-card--base .package-card-tabs__tab:nth-child(2) .button-choice:hover {
  background: rgba(255, 255, 255, 0.08);
}
.button-choice--base:active, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .button-choice:active, .small-package-card--base .small-package-card-tabs__tab:first-child .button-choice:active, .package-card--base .package-card-tabs__tab:first-child .button-choice:active, .package-card--base .package-card-tabs__tab:nth-child(2) .button-choice:active {
  background: rgba(255, 255, 255, 0.88);
}
.button-choice--base:disabled, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .button-choice:disabled, .small-package-card--base .small-package-card-tabs__tab:first-child .button-choice:disabled, .package-card--base .package-card-tabs__tab:first-child .button-choice:disabled, .package-card--base .package-card-tabs__tab:nth-child(2) .button-choice:disabled, .button-choice--base.disabled, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .disabled.button-choice, .small-package-card--base .small-package-card-tabs__tab:first-child .disabled.button-choice, .package-card--base .package-card-tabs__tab:first-child .disabled.button-choice, .package-card--base .package-card-tabs__tab:nth-child(2) .disabled.button-choice {
  color: rgb(228, 228, 229);
  border-color: rgba(255, 255, 255, 0.88);
}
.button-choice--base.selected, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .selected.button-choice, .small-package-card--base .small-package-card-tabs__tab:first-child .selected.button-choice, .package-card--base .package-card-tabs__tab:first-child .selected.button-choice, .package-card--base .package-card-tabs__tab:nth-child(2) .selected.button-choice {
  color: #1c1c28;
  background: rgba(255, 255, 255, 0.88);
}
.button-choice--base.selected:disabled, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .small-package-card--base .small-package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--base .package-card-tabs__tab:first-child .selected.button-choice:disabled, .package-card--base .package-card-tabs__tab:nth-child(2) .selected.button-choice:disabled, .button-choice--base.selected.disabled, .small-package-card--base .small-package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice, .small-package-card--base .small-package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--base .package-card-tabs__tab:first-child .selected.disabled.button-choice, .package-card--base .package-card-tabs__tab:nth-child(2) .selected.disabled.button-choice {
  color: #1c1c28;
  background: rgba(228, 228, 229, 0.32);
}

/*---
 @desc: current tariff
 @name: current-btn

 @modifiers:

 @states:

---*/
.current-btn {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  height: 56px;
  background: rgb(246, 251, 245);
}
.current-btn__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: #12910e;
  margin-right: 8px;
  color: #12910e !important;
}
.current-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 9px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.current-btn__icon picture,
.current-btn__icon source,
.current-btn__icon img,
.current-btn__icon svg {
  width: inherit;
  height: inherit;
}
.current-btn__icon svg path {
  stroke: #12910e !important;
}

/* ---
      @mode:
        &--shared - плюс, минус, космолет, спутник, вордпресс,  восток, восход, союз
        &--epic - эпик
        &--premium - премиум
        &--turbobitrix - битрикс

     @states:
       &.current
       &.plus
       &.its-time
  --- */
.sticker-label {
  font-weight: 600;
  color: rgb(255, 255, 255);
  padding: 4px 8px;
}

/**
 * Кастомизация карточки на основе линейки + специфичность тарифа
 */
/*---@Promo mixin---*/
/*---@Price mixin---*/
/*---@Save mixin---*/
/*---@component mixin---*/
#v-modals-container-qr, #sprintbox-register {
  z-index: 3000 !important;
}
#v-modals-container-qr .reset-link, #sprintbox-register .reset-link {
  padding-top: 20px;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#v-modals-container-qr .quick-register-modal, #v-modals-container-qr .sprintbox-register__data, #sprintbox-register .quick-register-modal, #sprintbox-register .sprintbox-register__data {
  max-width: 396px !important;
  width: 100%;
  overflow-x: hidden;
}
#v-modals-container-qr .quick-register-modal .main-btn, #v-modals-container-qr .sprintbox-register__data .main-btn, #sprintbox-register .quick-register-modal .main-btn, #sprintbox-register .sprintbox-register__data .main-btn {
  width: 100%;
  text-wrap: nowrap;
}
#v-modals-container-qr .quick-register-modal .step-back, #v-modals-container-qr .sprintbox-register__data .step-back, #sprintbox-register .quick-register-modal .step-back, #sprintbox-register .sprintbox-register__data .step-back {
  margin-bottom: 8px;
}
#v-modals-container-qr .quick-register-modal .step-back *, #v-modals-container-qr .sprintbox-register__data .step-back *, #sprintbox-register .quick-register-modal .step-back *, #sprintbox-register .sprintbox-register__data .step-back * {
  font-weight: 600 !important;
}
#v-modals-container-qr .quick-register-modal .btn-back, #v-modals-container-qr .sprintbox-register__data .btn-back, #sprintbox-register .quick-register-modal .btn-back, #sprintbox-register .sprintbox-register__data .btn-back {
  width: fit-content;
  padding: 0;
}
#v-modals-container-qr .quick-register-modal__copyright, #v-modals-container-qr .sprintbox-register__data__copyright, #sprintbox-register .quick-register-modal__copyright, #sprintbox-register .sprintbox-register__data__copyright {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #555770;
  margin-top: auto;
  margin-bottom: 12px;
  text-align: left;
}
@media screen and (max-width: 815px) {
  #v-modals-container-qr .quick-register-modal__copyright, #v-modals-container-qr .sprintbox-register__data__copyright, #sprintbox-register .quick-register-modal__copyright, #sprintbox-register .sprintbox-register__data__copyright {
    margin-top: 40px;
  }
}
#v-modals-container-qr .quick-register-modal__subtitle, #v-modals-container-qr .sprintbox-register__data__subtitle, #sprintbox-register .quick-register-modal__subtitle, #sprintbox-register .sprintbox-register__data__subtitle {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  margin-bottom: 40px;
  color: #1c1c28;
}
#v-modals-container-qr .quick-register-modal .content-modal, #v-modals-container-qr .sprintbox-register__data .content-modal, #sprintbox-register .quick-register-modal .content-modal, #sprintbox-register .sprintbox-register__data .content-modal {
  position: absolute;
  width: 100% !important;
  height: 100%;
  scrollbar-width: thin;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 32px 34px 32px 34px;
  box-sizing: border-box;
}
#v-modals-container-qr .quick-register-modal .content-modal::-webkit-scrollbar, #v-modals-container-qr .sprintbox-register__data .content-modal::-webkit-scrollbar, #sprintbox-register .quick-register-modal .content-modal::-webkit-scrollbar, #sprintbox-register .sprintbox-register__data .content-modal::-webkit-scrollbar {
  width: 4px;
}
#v-modals-container-qr .quick-register-modal .content-modal::-webkit-scrollbar-track, #v-modals-container-qr .sprintbox-register__data .content-modal::-webkit-scrollbar-track, #sprintbox-register .quick-register-modal .content-modal::-webkit-scrollbar-track, #sprintbox-register .sprintbox-register__data .content-modal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
#v-modals-container-qr .quick-register-modal .content-modal::-webkit-scrollbar-thumb, #v-modals-container-qr .sprintbox-register__data .content-modal::-webkit-scrollbar-thumb, #sprintbox-register .quick-register-modal .content-modal::-webkit-scrollbar-thumb, #sprintbox-register .sprintbox-register__data .content-modal::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
@media screen and (max-width: 815px) {
  #v-modals-container-qr .quick-register-modal .content-modal, #v-modals-container-qr .sprintbox-register__data .content-modal, #sprintbox-register .quick-register-modal .content-modal, #sprintbox-register .sprintbox-register__data .content-modal {
    left: 0;
    right: 0;
    margin-top: 0;
    padding-top: 48px;
  }
}
#v-modals-container-qr .quick-register-modal .content-modal__form, #v-modals-container-qr .sprintbox-register__data .content-modal__form, #sprintbox-register .quick-register-modal .content-modal__form, #sprintbox-register .sprintbox-register__data .content-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#v-modals-container-qr .quick-register-modal .content-modal__header, #v-modals-container-qr .sprintbox-register__data .content-modal__header, #sprintbox-register .quick-register-modal .content-modal__header, #sprintbox-register .sprintbox-register__data .content-modal__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#v-modals-container-qr .quick-register-modal .content-modal__header-text, #v-modals-container-qr .sprintbox-register__data .content-modal__header-text, #sprintbox-register .quick-register-modal .content-modal__header-text, #sprintbox-register .sprintbox-register__data .content-modal__header-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
#v-modals-container-qr .quick-register-modal .content-modal__title, #v-modals-container-qr .sprintbox-register__data .content-modal__title, #sprintbox-register .quick-register-modal .content-modal__title, #sprintbox-register .sprintbox-register__data .content-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgba(6, 6, 20, 0.96);
  margin: 0;
  display: block;
}
#v-modals-container-qr .quick-register-modal .content-modal__subtitle, #v-modals-container-qr .sprintbox-register__data .content-modal__subtitle, #sprintbox-register .quick-register-modal .content-modal__subtitle, #sprintbox-register .sprintbox-register__data .content-modal__subtitle {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.8784313725);
  display: block;
}
#v-modals-container-qr .quick-register-modal .content-modal__subtitle--accent, #v-modals-container-qr .sprintbox-register__data .content-modal__subtitle--accent, #sprintbox-register .quick-register-modal .content-modal__subtitle--accent, #sprintbox-register .sprintbox-register__data .content-modal__subtitle--accent {
  font-weight: 700;
}
#v-modals-container-qr .quick-register-modal .content-modal__buttons-wrapper, #v-modals-container-qr .sprintbox-register__data .content-modal__buttons-wrapper, #sprintbox-register .quick-register-modal .content-modal__buttons-wrapper, #sprintbox-register .sprintbox-register__data .content-modal__buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#v-modals-container-qr .quick-register-modal .content-modal__buttons--padding, #v-modals-container-qr .sprintbox-register__data .content-modal__buttons--padding, #sprintbox-register .quick-register-modal .content-modal__buttons--padding, #sprintbox-register .sprintbox-register__data .content-modal__buttons--padding {
  padding-top: 16px;
}
#v-modals-container-qr .quick-register-modal .content-modal__buttons-create, #v-modals-container-qr .sprintbox-register__data .content-modal__buttons-create, #sprintbox-register .quick-register-modal .content-modal__buttons-create, #sprintbox-register .sprintbox-register__data .content-modal__buttons-create {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  text-align: center;
}
#v-modals-container-qr .quick-register-modal .content-modal__support, #v-modals-container-qr .sprintbox-register__data .content-modal__support, #sprintbox-register .quick-register-modal .content-modal__support, #sprintbox-register .sprintbox-register__data .content-modal__support {
  padding-top: 38px;
}
#v-modals-container-qr .quick-register-modal .content-modal__input-field, #v-modals-container-qr .sprintbox-register__data .content-modal__input-field, #sprintbox-register .quick-register-modal .content-modal__input-field, #sprintbox-register .sprintbox-register__data .content-modal__input-field {
  height: 74px;
}
#v-modals-container-qr .quick-register-modal .content-modal--center, #v-modals-container-qr .sprintbox-register__data .content-modal--center, #sprintbox-register .quick-register-modal .content-modal--center, #sprintbox-register .sprintbox-register__data .content-modal--center {
  margin: 0 auto;
  width: 328px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#v-modals-container-qr .quick-register-modal .content-modal__link-back, #v-modals-container-qr .sprintbox-register__data .content-modal__link-back, #sprintbox-register .quick-register-modal .content-modal__link-back, #sprintbox-register .sprintbox-register__data .content-modal__link-back {
  margin-bottom: 40px;
}
@media screen and (max-width: 815px) {
  #v-modals-container-qr .quick-register-modal .content-modal__link-back, #v-modals-container-qr .sprintbox-register__data .content-modal__link-back, #sprintbox-register .quick-register-modal .content-modal__link-back, #sprintbox-register .sprintbox-register__data .content-modal__link-back {
    display: none;
  }
  #v-modals-container-qr .quick-register-modal .content-modal, #v-modals-container-qr .sprintbox-register__data .content-modal, #sprintbox-register .quick-register-modal .content-modal, #sprintbox-register .sprintbox-register__data .content-modal {
    margin: 0 auto;
  }
}
#v-modals-container-qr .quick-register-modal .quick-register-modal__button, #v-modals-container-qr .sprintbox-register__data .quick-register-modal__button, #sprintbox-register .quick-register-modal .quick-register-modal__button, #sprintbox-register .sprintbox-register__data .quick-register-modal__button {
  margin-bottom: 16px;
}
#v-modals-container-qr .quick-register-modal .error-message, #v-modals-container-qr .sprintbox-register__data .error-message, #sprintbox-register .quick-register-modal .error-message, #sprintbox-register .sprintbox-register__data .error-message {
  display: flex;
  flex-direction: column;
}
#v-modals-container-qr .quick-register-modal .error-message__title, #v-modals-container-qr .sprintbox-register__data .error-message__title, #sprintbox-register .quick-register-modal .error-message__title, #sprintbox-register .sprintbox-register__data .error-message__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  margin-bottom: 8px;
}
#v-modals-container-qr .quick-register-modal .error-message__descr, #v-modals-container-qr .sprintbox-register__data .error-message__descr, #sprintbox-register .quick-register-modal .error-message__descr, #sprintbox-register .sprintbox-register__data .error-message__descr {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  margin-bottom: 0;
}
#v-modals-container-qr .quick-register-modal .login-preloader__item, #v-modals-container-qr .sprintbox-register__data .login-preloader__item, #sprintbox-register .quick-register-modal .login-preloader__item, #sprintbox-register .sprintbox-register__data .login-preloader__item {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
#v-modals-container-qr .quick-register-modal .login-preloader__item::after, #v-modals-container-qr .sprintbox-register__data .login-preloader__item::after, #sprintbox-register .quick-register-modal .login-preloader__item::after, #sprintbox-register .sprintbox-register__data .login-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 82.81%, rgba(255, 255, 255, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.sprintbox-register__data .content-modal {
  padding: 0 !important;
}
@media screen and (max-width: 815px) {
  .sprintbox-register__data .content-modal {
    padding-top: 0 !important;
  }
}

.package-card {
  background: transparent;
  height: unset;
}

.applied-promo {
  background-color: rgba(212, 240, 211, 0.4784313725);
  padding: 4px 4px 4px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.applied-promo__code {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8784313725);
  text-transform: uppercase;
}
.applied-promo__button {
  border: none;
  background: none;
  width: 32px;
  height: 32px;
  padding: 6px;
}
.applied-promo__button:focus-visible {
  outline: 1px solid #FF0000;
}

.login-content__data {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.login-content__paragraph {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  margin-bottom: 8px;
}

.docs-attention {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 64px;
  color: rgba(6, 6, 20, 0.88);
}
.docs-attention__link {
  color: rgb(66, 123, 209);
  text-decoration: underline;
}
.docs-attention__link:hover {
  color: rgb(30, 98, 200);
  text-decoration: underline;
}

.go-back {
  color: #008580;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  cursor: pointer;
  transition: all 120ms;
}
.go-back img {
  filter: invert(29%) sepia(69%) saturate(5828%) hue-rotate(166deg) brightness(96%) contrast(102%);
}
.go-back:hover {
  color: #02a69b;
}
.go-back:hover img {
  filter: invert(41%) sepia(99%) saturate(2736%) hue-rotate(151deg) brightness(99%) contrast(98%);
}
.go-back__arrow {
  margin-right: 8px;
}
.go-back__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
}

.docs-agreed .btn-fill {
  margin-top: 40px;
}
.docs-agreed .cl-v3-input-checkbox {
  margin-bottom: 32px;
}

.creating-loader__content {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.creating-loader__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.creating-loader__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.9607843137);
}
.creating-loader__descr {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.8784313725);
}

.recaptcha-v2-form {
  display: flex;
  flex-direction: column;
  width: 328px;
}
.recaptcha-v2-form .content-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.96);
}
.recaptcha-v2-form .recaptcha-container {
  margin: 16px 0 16px;
}

.chose-register-method {
  display: flex;
  flex-direction: column;
  gap: 40px !important;
}
.chose-register-method__social-btns {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  gap: 8px;
}
.chose-register-method__btn-minor {
  margin-bottom: 12px;
}
.chose-register-method__btn-minor:last-child {
  margin-bottom: 0;
}
.chose-register-method__social-btn {
  width: 100%;
}
.chose-register-method__divider {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.3215686275);
  width: 100%;
  display: flex;
  gap: 51px;
  align-items: center;
  padding: 32px 0 8px;
}
.chose-register-method__divider:before, .chose-register-method__divider:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.chose-register-method__btn-menu {
  justify-content: center;
  margin-bottom: 64px;
}
.chose-register-method .content-modal__title {
  margin-top: 0;
  margin-bottom: 0 !important;
}
.chose-register-method .content-modal__register-ways {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chose-register-method .content-modal__promocode-pin {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.chose-register-method .promocode-pin-link {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  height: 16px;
  width: fit-content;
  margin-bottom: 10px;
}

.pin-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 328px;
}
.pin-form__input {
  margin-bottom: 32px;
}
.pin-form__title {
  margin-bottom: 0;
}
.pin-form .content-modal__head {
  margin-bottom: 64px;
}

.activation-code-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.activation-code-form .content-modal__inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activation-code-form .user-email {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15.6px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 64px;
}
.activation-code-form .preloader {
  display: block;
  position: static;
}
.activation-code-form .form-input__help-text {
  white-space: normal;
}
.activation-code-form .form-input {
  margin-bottom: 64px;
}
.activation-code-form__btn {
  margin-bottom: 8px;
}
.activation-code-form__counter {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  width: 328px !important;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 56px;
}

.assign-activate-error-form {
  display: flex;
  flex-direction: column;
}
.assign-activate-error-form__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 28px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  margin-bottom: 8px;
}
.assign-activate-error-form__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
}

.email-exists .content-modal__buttons-wrapper {
  gap: 16px !important;
}

.email-exists,
.account-exists {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.email-exists__button-base,
.account-exists__button-base {
  margin-bottom: 8px;
}
.email-exists__button-menu,
.account-exists__button-menu {
  padding: 12px;
  justify-content: center;
}
.email-exists__button-menu *,
.account-exists__button-menu * {
  font-weight: 600 !important;
}
.email-exists__button-back,
.account-exists__button-back {
  margin-bottom: 8px;
}

.activation-code-form .content-modal__form {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.pin-form .content-modal__form {
  display: flex;
  flex-direction: column;
  gap: 54px;
}

.create-account-form .content-modal__form {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.create-account-form .content-modal__row-error {
  color: #EB5042;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}

.custom-checkbox {
  position: relative;
  align-items: center;
  cursor: pointer;
  display: flex;
  max-width: fit-content;
  max-height: fit-content;
}
.custom-checkbox:last-child {
  margin-bottom: 0;
}
.custom-checkbox:hover .label-custom-checkbox__checkmark {
  border-color: #2acbb6;
}
.custom-checkbox__input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  height: 0;
  width: 0;
}
.custom-checkbox__input:checked ~ .label-custom-checkbox .label-custom-checkbox__checkmark {
  background: url("/images/custom-lib-panel/icons/check_old.svg") no-repeat center;
}

.label-custom-checkbox {
  display: flex;
  align-items: center;
  border-radius: 8px;
  height: 24px;
  margin: 0;
  cursor: pointer;
}
.label-custom-checkbox__checkmark {
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 2px solid #555770;
  border-radius: 2px;
}
.label-custom-checkbox__text {
  margin-left: 16px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #1c1c28;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.overlay-slide-right-enter-active,
.overlay-slide-leave-active {
  transition: all 120ms;
}

.overlay-slide-right-enter,
.overlay-slide-leave-to {
  right: -100%;
}

.fade-qr-left-leave-from {
  transform: translate(0);
  transition: all 0.3s ease;
}
.fade-qr-left-leave-from.content-modal {
  overflow: hidden !important;
}

.fade-qr-enter-from {
  transform: translate(111%);
  transition: all 0.3s ease;
}
.fade-qr-enter-from.content-modal {
  overflow: hidden !important;
}

.fade-qr-leave-to {
  transform: translate(-111%);
  transition: all 0.3s ease;
}
.fade-qr-leave-to.content-modal {
  overflow: hidden !important;
}

.fade-qr-leave-from {
  transform: translate(0);
  transition: all 0.3s ease;
}
.fade-qr-leave-from.content-modal {
  overflow: hidden !important;
}

.fade-qr-enter-to {
  transform: translate(0);
  transition: all 0.3s ease;
}
.fade-qr-enter-to.content-modal {
  overflow: hidden !important;
}

.fade-qr-left-enter-from {
  transform: translate(-111%);
  transition: all 0.3s ease;
}
.fade-qr-left-enter-from.content-modal {
  overflow: hidden !important;
}

.fade-qr-left-enter-to {
  transform: translate(0);
  transition: all 0.3s ease;
}
.fade-qr-left-enter-to.content-modal {
  overflow: hidden !important;
}

.fade-qr-left-leave-from {
  transform: translate(0%);
  transition: all 0.3s ease;
}
.fade-qr-left-leave-from.content-modal {
  overflow: hidden !important;
}

.fade-qr-left-leave-to {
  transform: translate(111%);
  transition: all 0.3s ease;
}
.fade-qr-left-leave-to.content-modal {
  overflow: hidden !important;
}

.only-mobile-show {
  opacity: 0;
  z-index: -1000;
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  .only-mobile-show {
    opacity: 1;
    z-index: auto;
  }
}

.yaPersonalButtonContainer > iframe {
  height: inherit;
}

.policy-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}
.policy-block__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
.policy-block__list {
  margin: 4px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.policy-block__list-item:before {
  content: "•";
  display: inline-block;
  box-sizing: content-box;
  min-width: 18px;
  width: 18px;
  max-width: 18px;
  max-height: 16px;
  height: 16px;
  min-height: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.8784313725);
}
.policy-block__login-link {
  width: fit-content;
}
.policy-block--dark .policy-block__title {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
.policy-block--dark .policy-block__list-item:before {
  color: rgba(255, 255, 255, 0.8784313725);
}

.packages-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 328px;
}
.packages-list__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
.packages-list__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.small-package-list-preloader {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 328px;
  border-radius: 4px;
}
.small-package-list-preloader__item {
  position: relative;
  height: 96px;
  width: 328px;
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
  border-radius: 4px;
}
.small-package-list-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.small-package-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
  /*---@Save---*/
}
.small-package-card__line {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  justify-content: space-between;
}
.small-package-card__line--bold {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: inherit;
  text-align: start;
}
.small-package-card__quantity {
  display: flex;
  align-items: center;
}
.small-package-card__unlim {
  font-size: 32px;
  font-weight: 600;
}
.small-package-card__loader {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
}
.small-package-card__price {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card-save > * {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.small-package-card-save .desc {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.small-package-card.preloading {
  pointer-events: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.small-package-card.preloading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.small-package-card.preloading .small-package-card__line {
  visibility: hidden;
}
.small-package-card.disabled, .small-package-card.loading {
  pointer-events: none;
}
.small-package-card.disabled .small-package-card__line, .small-package-card.loading .small-package-card__line {
  opacity: 0.3;
}
.small-package-card:focus-visible {
  outline: 1px solid #FF0000;
}
.small-package-card--default {
  background: rgba(28, 28, 39, 0.1019607843);
}
.small-package-card--default:hover, .small-package-card--default:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
}
.small-package-card--default:active, .small-package-card--default.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.small-package-card--default.disabled, .small-package-card--default.loading {
  background: rgba(28, 28, 39, 0.031372549);
}
.small-package-card--pro {
  background: linear-gradient(85deg, #1C1C27 0%, #270055 100%);
}
.small-package-card--pro .small-package-card__price {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card__line {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro:hover, .small-package-card--pro:focus-visible {
  background: linear-gradient(85deg, rgba(28, 28, 39, 0.94) 0%, rgba(39, 0, 85, 0.94) 100%);
}
.small-package-card--pro:active, .small-package-card--pro.active {
  background: linear-gradient(85deg, rgba(28, 28, 39, 0.9) 0%, rgba(39, 0, 85, 0.9) 100%);
}
.small-package-card--pro.disabled, .small-package-card--pro.loading {
  background: linear-gradient(85deg, rgba(28, 28, 39, 0.3) 0%, rgba(39, 0, 85, 0.3) 100%);
}
.small-package-card--plusik {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.1019607843) 0%, rgba(18, 145, 14, 0.1) 100%);
}
.small-package-card--plusik .small-package-card__price {
  color: #12910E;
}
.small-package-card--plusik:hover, .small-package-card--plusik:focus-visible {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.06) 0%, rgba(18, 145, 14, 0.06) 100%);
}
.small-package-card--plusik:active, .small-package-card--plusik.active {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.03) 0%, rgba(18, 145, 14, 0.03) 100%);
}
.small-package-card--plusik.disabled, .small-package-card--plusik.loading {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.03) 0%, rgba(18, 145, 14, 0.03) 100%);
}
.small-package-card--x1_promo {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.1) 0%, rgba(92, 0, 204, 0.1) 100%);
}
.small-package-card--x4_promo {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.1) 0%, rgba(255, 50, 0, 0.1) 100%);
}
.small-package-card--turbobitrix, .small-package-card--ultrabitrix {
  background: rgba(28, 28, 39, 0.1019607843);
}
.small-package-card--turbobitrix:before, .small-package-card--ultrabitrix:before {
  content: "";
  background: url("/img/cp/quick-register/turbobitrix.svg");
  height: 140px;
  width: 140px;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(22px, -17px);
}
.small-package-card--turbobitrix.loading, .small-package-card--ultrabitrix.loading {
  background: rgba(28, 28, 39, 0.031372549);
}
.small-package-card--turbobitrix.loading:before, .small-package-card--ultrabitrix.loading:before {
  opacity: 0.3;
}
.small-package-card--turbobitrix:hover, .small-package-card--turbobitrix:focus-visible, .small-package-card--ultrabitrix:hover, .small-package-card--ultrabitrix:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
}
.small-package-card--turbobitrix:active, .small-package-card--turbobitrix.active, .small-package-card--ultrabitrix:active, .small-package-card--ultrabitrix.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.small-package-card--turbobitrix.disabled, .small-package-card--ultrabitrix.disabled {
  background: rgba(28, 28, 39, 0.031372549);
}
.small-package-card--turbobitrix.disabled:before, .small-package-card--ultrabitrix.disabled:before {
  opacity: 0.3;
}
.small-package-card--turbobitrix.preloading:before, .small-package-card--ultrabitrix.preloading:before {
  opacity: 0;
}
.small-package-card--sputnik1 {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.1) 0%, rgba(92, 0, 204, 0.1) 100%);
}
.small-package-card--sputnik1 .small-package-card__price {
  color: #5C00CC;
}
.small-package-card--sputnik1:hover, .small-package-card--sputnik1:focus-visible {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.06) 0%, rgba(92, 0, 204, 0.06) 100%);
}
.small-package-card--sputnik1:active, .small-package-card--sputnik1.active {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.03) 0%, rgba(92, 0, 204, 0.03) 100%);
}
.small-package-card--sputnik1.disabled, .small-package-card--sputnik1.loading {
  background: linear-gradient(90deg, rgba(28, 28, 39, 0.03) 0%, rgba(92, 0, 204, 0.03) 100%);
}
.small-package-card.promo .small-package-card-save {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.small-package-card.promo .small-package-card-save .price {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.small-package-card.promo .small-package-card-save .price > * {
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}
.small-package-card.promo .small-package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  margin-right: 3px;
  position: relative;
  display: inline-block;
}
.small-package-card.promo .small-package-card-save .price__old span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.small-package-card.promo .small-package-card-save .price__old--prefix {
  background: none !important;
  color: rgba(0, 0, 0, 0.8784313725) !important;
}
.small-package-card.promo .small-package-card-save .price__new {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  background: unset;
  padding: 4px 8px;
  border-radius: 4px;
}
.small-package-card.promo .small-package-card-save .price__new span {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
}
.small-package-card.promo .small-package-card-save .price__period {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
}
.small-package-card--x, .small-package-card--plus {
  --background: var(--CARD-NEUTRAL-LIGHT-64);
}
.small-package-card--x .small-package-card-price__old, .small-package-card--plus .small-package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.3215686275);
}
.small-package-card--x .small-package-card-price__old span, .small-package-card--plus .small-package-card-price__old span {
  color: rgba(0, 0, 0, 0.3215686275);
}
.small-package-card--x .small-package-card-price__new, .small-package-card--plus .small-package-card-price__new {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x .small-package-card-price__new span, .small-package-card--plus .small-package-card-price__new span {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x .small-package-card-price__period, .small-package-card--plus .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x .small-package-card-save .desc, .small-package-card--plus .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x .small-package-card__note, .small-package-card--plus .small-package-card__note {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x.promo .sticker-label, .small-package-card--plus.promo .sticker-label {
  background: #FF3200;
}
.small-package-card--x.promo .small-package-card-price .small-package-card-price__new, .small-package-card--plus.promo .small-package-card-price .small-package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x.promo .small-package-card-price .small-package-card-price__new span, .small-package-card--plus.promo .small-package-card-price .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x.promo .small-package-card-price .small-package-card-price__period, .small-package-card--plus.promo .small-package-card-price .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x.promo .small-package-card-price .small-package-card-price__promo-period, .small-package-card--plus.promo .small-package-card-price .small-package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x.promo .small-package-card-save .desc, .small-package-card--plus.promo .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x.promo .small-package-card-save .price__old, .small-package-card--plus.promo .small-package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x.promo .small-package-card-save .price__old span, .small-package-card--plus.promo .small-package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x.promo .small-package-card-save .price__new, .small-package-card--plus.promo .small-package-card-save .price__new {
  color: #FF3200;
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
  padding: 0 3px;
}
.small-package-card--x.promo .small-package-card-save .price__new *, .small-package-card--plus.promo .small-package-card-save .price__new * {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.small-package-card--x.promo .small-package-card-save .price__new span, .small-package-card--plus.promo .small-package-card-save .price__new span {
  color: #FF3200;
}
.small-package-card--x.promo .small-package-card-save .price__period, .small-package-card--plus.promo .small-package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x.promo .small-package-card-save .price__promo-period, .small-package-card--plus.promo .small-package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--pro, .small-package-card--premium, .small-package-card--epic {
  background-color: #1c1c28;
  mask-image: radial-gradient(white, black);
}
.small-package-card--pro .small-package-card-header .small-package-card__name, .small-package-card--premium .small-package-card-header .small-package-card__name, .small-package-card--epic .small-package-card-header .small-package-card__name {
  --color: var(--light-text-86);
}
.small-package-card--pro .small-package-card-header .small-package-card__title, .small-package-card--premium .small-package-card-header .small-package-card__title, .small-package-card--epic .small-package-card-header .small-package-card__title {
  --color: var(--light-text-1);
}
.small-package-card--pro .small-package-card-header .small-package-card__title .domains-quantity-icon svg *, .small-package-card--premium .small-package-card-header .small-package-card__title .domains-quantity-icon svg *, .small-package-card--epic .small-package-card-header .small-package-card__title .domains-quantity-icon svg * {
  fill: rgb(255, 255, 255);
}
.small-package-card--pro .small-package-card-body, .small-package-card--premium .small-package-card-body, .small-package-card--epic .small-package-card-body {
  --border: 1px solid var($ui4-divider_white_16);
}
.small-package-card--pro .small-package-card-price__old, .small-package-card--premium .small-package-card-price__old, .small-package-card--epic .small-package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(255, 255, 255, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card-price__old span, .small-package-card--premium .small-package-card-price__old span, .small-package-card--epic .small-package-card-price__old span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card-price__new, .small-package-card--premium .small-package-card-price__new, .small-package-card--epic .small-package-card-price__new {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card-price__new span, .small-package-card--premium .small-package-card-price__new span, .small-package-card--epic .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card-price__period, .small-package-card--premium .small-package-card-price__period, .small-package-card--epic .small-package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro .small-package-card-save .desc, .small-package-card--premium .small-package-card-save .desc, .small-package-card--epic .small-package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro .small-package-card__note, .small-package-card--premium .small-package-card__note, .small-package-card--epic .small-package-card__note {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro.promo .sticker-label, .small-package-card--premium.promo .sticker-label, .small-package-card--epic.promo .sticker-label {
  background: #FF3200;
}
.small-package-card--pro.promo .package-card-price .package-card-price__new, .small-package-card--premium.promo .package-card-price .package-card-price__new, .small-package-card--epic.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--pro.promo .package-card-price .package-card-price__new span, .small-package-card--premium.promo .package-card-price .package-card-price__new span, .small-package-card--epic.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--pro.promo .package-card-price .package-card-price__period, .small-package-card--premium.promo .package-card-price .package-card-price__period, .small-package-card--epic.promo .package-card-price .package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro.promo .package-card-price .package-card-price__promo-period, .small-package-card--premium.promo .package-card-price .package-card-price__promo-period, .small-package-card--epic.promo .package-card-price .package-card-price__promo-period {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro.promo .package-card-save .desc, .small-package-card--premium.promo .package-card-save .desc, .small-package-card--epic.promo .package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro.promo .package-card-save .price__old, .small-package-card--premium.promo .package-card-save .price__old, .small-package-card--epic.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro.promo .package-card-save .price__old span, .small-package-card--premium.promo .package-card-save .price__old span, .small-package-card--epic.promo .package-card-save .price__old span {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro.promo .package-card-save .price__new, .small-package-card--premium.promo .package-card-save .price__new, .small-package-card--epic.promo .package-card-save .price__new {
  color: #FF3200;
}
.small-package-card--pro.promo .package-card-save .price__new span, .small-package-card--premium.promo .package-card-save .price__new span, .small-package-card--epic.promo .package-card-save .price__new span {
  color: #FF3200;
}
.small-package-card--pro.promo .package-card-save .price__period, .small-package-card--premium.promo .package-card-save .price__period, .small-package-card--epic.promo .package-card-save .price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--pro.promo .package-card-save .price__promo-period, .small-package-card--premium.promo .package-card-save .price__promo-period, .small-package-card--epic.promo .package-card-save .price__promo-period {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--pro .feature .feature__icon, .small-package-card--premium .feature .feature__icon, .small-package-card--epic .feature .feature__icon {
  --fill-svg: var(--light-text-1);
}
.small-package-card--pro .feature .feature-t-d .feature__title, .small-package-card--premium .feature .feature-t-d .feature__title, .small-package-card--epic .feature .feature-t-d .feature__title {
  --color: var(--light-text-96);
}
.small-package-card--pro .feature .feature-t-d .feature__desc, .small-package-card--premium .feature .feature-t-d .feature__desc, .small-package-card--epic .feature .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.small-package-card--pro .feature--gold .feature__icon, .small-package-card--premium .feature--gold .feature__icon, .small-package-card--epic .feature--gold .feature__icon {
  --fill-svg: var(--YW-16);
}
.small-package-card--pro .feature--gold .feature-t-d .feature__title, .small-package-card--premium .feature--gold .feature-t-d .feature__title, .small-package-card--epic .feature--gold .feature-t-d .feature__title {
  --color: var(--YW-16);
}
.small-package-card--pro .feature--gold .feature-t-d .feature__desc, .small-package-card--premium .feature--gold .feature-t-d .feature__desc, .small-package-card--epic .feature--gold .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.small-package-card--pro .current-btn, .small-package-card--premium .current-btn, .small-package-card--epic .current-btn {
  background: transparent;
}
.small-package-card--pro .current-btn__text, .small-package-card--premium .current-btn__text, .small-package-card--epic .current-btn__text {
  color: #FFF;
}
.small-package-card--pro .current-btn__icon svg *, .small-package-card--premium .current-btn__icon svg *, .small-package-card--epic .current-btn__icon svg * {
  stroke: #FFF;
}
.small-package-card--ultrabitrix, .small-package-card--turbobitrix {
  background: rgb(245, 245, 249);
}
.small-package-card--ultrabitrix .small-package-card-price__old, .small-package-card--turbobitrix .small-package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(0, 0, 0, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.3215686275);
}
.small-package-card--ultrabitrix .small-package-card-price__old span, .small-package-card--turbobitrix .small-package-card-price__old span {
  color: rgba(0, 0, 0, 0.3215686275);
}
.small-package-card--ultrabitrix .small-package-card-price__new, .small-package-card--turbobitrix .small-package-card-price__new {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix .small-package-card-price__new span, .small-package-card--turbobitrix .small-package-card-price__new span {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix .small-package-card-price__period, .small-package-card--turbobitrix .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix .small-package-card-save .desc, .small-package-card--turbobitrix .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix .small-package-card__note, .small-package-card--turbobitrix .small-package-card__note {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix.promo .sticker-label, .small-package-card--turbobitrix.promo .sticker-label {
  background: #FF3200;
}
.small-package-card--ultrabitrix.promo .package-card-price .package-card-price__new, .small-package-card--turbobitrix.promo .package-card-price .package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--ultrabitrix.promo .package-card-price .package-card-price__new span, .small-package-card--turbobitrix.promo .package-card-price .package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--ultrabitrix.promo .package-card-price .package-card-price__period, .small-package-card--turbobitrix.promo .package-card-price .package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix.promo .package-card-price .package-card-price__promo-period, .small-package-card--turbobitrix.promo .package-card-price .package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix.promo .package-card-save .desc, .small-package-card--turbobitrix.promo .package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix.promo .package-card-save .price__old, .small-package-card--turbobitrix.promo .package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix.promo .package-card-save .price__old span, .small-package-card--turbobitrix.promo .package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix.promo .package-card-save .price__new, .small-package-card--turbobitrix.promo .package-card-save .price__new {
  color: #FF3200;
}
.small-package-card--ultrabitrix.promo .package-card-save .price__new span, .small-package-card--turbobitrix.promo .package-card-save .price__new span {
  color: #FF3200;
}
.small-package-card--ultrabitrix.promo .package-card-save .price__period, .small-package-card--turbobitrix.promo .package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix.promo .package-card-save .price__promo-period, .small-package-card--turbobitrix.promo .package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x1_promo.promo .sticker-label {
  background: #5C00CC;
}
.small-package-card--x1_promo.promo .small-package-card-price .small-package-card-price__new {
  background: #5C00CC;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x1_promo.promo .small-package-card-price .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x1_promo.promo .small-package-card-price .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x1_promo.promo .small-package-card-price .small-package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x1_promo.promo .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x1_promo.promo .small-package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #5C00CC 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x1_promo.promo .small-package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x1_promo.promo .small-package-card-save .price__new {
  color: #5C00CC;
  background: #5C00CC;
  color: rgba(255, 255, 255, 0.9607843137);
  padding: 0 3px;
}
.small-package-card--x1_promo.promo .small-package-card-save .price__new * {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.small-package-card--x1_promo.promo .small-package-card-save .price__new span {
  color: #5C00CC;
}
.small-package-card--x1_promo.promo .small-package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x1_promo.promo .small-package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x4_promo.promo .sticker-label {
  background: #FF3200;
}
.small-package-card--x4_promo.promo .small-package-card-price .small-package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x4_promo.promo .small-package-card-price .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--x4_promo.promo .small-package-card-price .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x4_promo.promo .small-package-card-price .small-package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x4_promo.promo .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x4_promo.promo .small-package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x4_promo.promo .small-package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--x4_promo.promo .small-package-card-save .price__new {
  color: #FF3200;
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
  padding: 0 3px;
}
.small-package-card--x4_promo.promo .small-package-card-save .price__new * {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.small-package-card--x4_promo.promo .small-package-card-save .price__new span {
  color: #FF3200;
}
.small-package-card--x4_promo.promo .small-package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--x4_promo.promo .small-package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix1_promo.promo .sticker-label, .small-package-card--ultrabitrix2_promo.promo .sticker-label, .small-package-card--ultrabitrix3_promo.promo .sticker-label {
  background: #FF3200;
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-price .small-package-card-price__new, .small-package-card--ultrabitrix2_promo.promo .small-package-card-price .small-package-card-price__new, .small-package-card--ultrabitrix3_promo.promo .small-package-card-price .small-package-card-price__new {
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-price .small-package-card-price__new span, .small-package-card--ultrabitrix2_promo.promo .small-package-card-price .small-package-card-price__new span, .small-package-card--ultrabitrix3_promo.promo .small-package-card-price .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.9607843137);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-price .small-package-card-price__period, .small-package-card--ultrabitrix2_promo.promo .small-package-card-price .small-package-card-price__period, .small-package-card--ultrabitrix3_promo.promo .small-package-card-price .small-package-card-price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-price .small-package-card-price__promo-period, .small-package-card--ultrabitrix2_promo.promo .small-package-card-price .small-package-card-price__promo-period, .small-package-card--ultrabitrix3_promo.promo .small-package-card-price .small-package-card-price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .desc, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .desc, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .desc {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__old, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__old, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #FF3200 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__old span, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__old span, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__old span {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__new, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__new, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__new {
  color: #FF3200;
  background: #FF3200;
  color: rgba(255, 255, 255, 0.9607843137);
  padding: 0 3px;
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__new *, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__new *, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__new * {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__new span, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__new span, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__new span {
  color: #FF3200;
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__period, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__period, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__period {
  color: rgba(0, 0, 0, 0.8784313725);
}
.small-package-card--ultrabitrix1_promo.promo .small-package-card-save .price__promo-period, .small-package-card--ultrabitrix2_promo.promo .small-package-card-save .price__promo-period, .small-package-card--ultrabitrix3_promo.promo .small-package-card-save .price__promo-period {
  color: rgba(0, 0, 0, 0.6392156863);
}
.small-package-card--base {
  background: #1c1c28;
  border-radius: 8px;
  --background: var(--DW-0);
}
.small-package-card--base .small-package-card-body {
  --border: 1px solid rgba(243, 243, 252, 0.15);
}
.small-package-card--base .small-package-card-note {
  margin-bottom: 8px;
}
.small-package-card--base .small-package-card__name {
  color: rgb(255, 255, 255);
}
.small-package-card--base .small-package-card__title {
  color: rgb(255, 255, 255);
}
.small-package-card--base .small-package-card-price__old {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), rgba(255, 255, 255, 0.8784313725) 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%);
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--base .small-package-card-price__old span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--base .small-package-card-price__new {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--base .small-package-card-price__new span {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--base .small-package-card-price__period {
  color: rgba(255, 255, 255, 0.8784313725);
}
.small-package-card--base .small-package-card-save .desc {
  color: rgba(255, 255, 255, 0.6392156863);
}
.small-package-card--base .small-package-card__note {
  color: rgba(255, 255, 255, 0.86);
}
.small-package-card--base .feature--gold .feature__icon {
  --fill-svg: var(--YW-16);
}
.small-package-card--base .feature--gold .feature-t-d .feature__title {
  --color: var(--YW-16);
}
.small-package-card--base .feature--gold .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.small-package-card--base .feature .feature__icon {
  --fill-svg: var(--light-text-100);
}
.small-package-card--base .feature .feature-t-d .feature__title {
  --color: var(--light-text-96);
}
.small-package-card--base .feature .feature-t-d .feature__desc {
  --color: var(--light-text-96);
}
.pin-field {
  margin-bottom: 16px;
}