@charset "UTF-8";
@keyframes showIn {
  0% {
    opacity: 0;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showOut {
  0% {
    opacity: 1;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes simpleShowIn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes simpleShowOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}
.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}
.icon-container picture,
.icon-container source,
.icon-container img,
.icon-container svg {
  width: inherit;
  height: inherit;
}
.icon-container.dynamic {
  cursor: pointer;
}
.icon-container.dynamic:hover {
  background: rgba(205, 205, 218, 0.32);
}
.icon-container.dynamic:active {
  background: rgba(184, 184, 203, 0.64);
}
.icon-container.dynamic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}
.icon-container.size-20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-20 picture,
.icon-container.size-20 source,
.icon-container.size-20 img,
.icon-container.size-20 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-40 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-40 picture,
.icon-container.size-40 source,
.icon-container.size-40 img,
.icon-container.size-40 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-24 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.icon-container.size-24 img,
.icon-container.size-24 svg {
  width: 24px;
  height: 24px;
}

.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;
}

.body-small-regular {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.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;
}

.btn-fill, .btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #fff;
  background: #02a69b;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.btn-fill:focus, .btn-outline-extra-large:focus {
  color: #ffffff;
}
.btn-fill:hover, .btn-outline-extra-large:hover {
  background: #2acbb6;
}
.btn-fill.focused, .focused.btn-outline-extra-large {
  background: #2acbb6;
}
.btn-fill:active, .btn-outline-extra-large:active {
  background: #80edd4;
}
.btn-fill.disabled, .disabled.btn-outline-extra-large, .btn-fill:disabled, .btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-fill.error, .error.btn-outline-extra-large {
  background: #ff4f4f;
}
.btn-fill.error:hover, .error.btn-outline-extra-large:hover {
  background: #ff6d6d;
}
.btn-fill.error.focused, .error.focused.btn-outline-extra-large {
  background: #ff6d6d;
}
.btn-fill.error:active, .error.btn-outline-extra-large:active {
  background: #ff8d8d;
}
.btn-fill.error.disabled, .error.disabled.btn-outline-extra-large, .btn-fill.error:disabled, .error.btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-dark {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  color: #1f2029;
  background: #5ddabd;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
}
.btn-dark:hover {
  background: #1ab7a2;
}
.btn-dark.focused {
  background: #437fd7;
}
.btn-dark:active {
  background: #008077;
}
.btn-dark.disabled, .btn-dark:disabled {
  background: #373848;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-ghost {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #1c1c28;
  background: #ffffff;
  outline: none;
  border: 2px solid #02a69b;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-ghost:visited {
  color: #1c1c28;
}
.btn-ghost:hover {
  opacity: 0.7;
  border: 2px solid #2acbb6;
}
.btn-ghost.focused {
  border: 2px solid #2acbb6;
}
.btn-ghost:active {
  opacity: 0.4;
}
.btn-ghost.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-social {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-social:hover {
  opacity: 0.7;
}
.btn-social.focused {
  opacity: 0.7;
}
.btn-social:active {
  opacity: 1;
}
.btn-social.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-fb {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 2px solid #1877f2;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-fb:hover {
  opacity: 0.7;
}
.btn-fb.focused {
  opacity: 0.7;
}
.btn-fb:active {
  opacity: 1;
}
.btn-fb.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-vk {
  border-color: #2787f5;
}

.btn-google, .btn-yandex {
  border-color: #212121;
}

.btn-github {
  border-color: #231e1b;
}

.btn-choice {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  line-height: 18px;
  outline: none;
  border: 2px solid #1c1c28;
  color: #1c1c28;
  border-radius: 16px;
  padding: 5px 15px;
  cursor: pointer;
  background: #ffffff;
  align-items: center;
  display: inline-flex;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-choice:hover {
  border: 2px solid #2acbb6;
  color: rgba(28, 28, 40, 0.7);
}
.btn-choice.focused {
  border: 2px solid #2acbb6;
}
.btn-choice:active {
  border: 2px solid #80edd4;
  color: rgba(28, 28, 40, 0.4);
}
.btn-choice.disabled {
  border: 2px solid #c7c8d9;
  color: #c7c8d9;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-choice.on, .btn-choice.active {
  background: #28293d;
  color: #ffffff;
  border: 2px solid #28293d;
}
.btn-choice.on:hover, .btn-choice.active:hover {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on.focused, .btn-choice.active.focused {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on:active, .btn-choice.active:active {
  background: #80edd4;
  border: 2px solid #80edd4;
  opacity: 1;
}
.btn-choice.on.disabled, .btn-choice.active.disabled {
  background: #e3e4eb;
  border: 2px solid #e3e4eb;
  color: #ffffff;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1c1c28;
  height: 56px;
  background: #ffffff;
  border: 2px solid #02a69b;
}
.btn-outline-extra-large:hover, .btn-outline-extra-large:focus {
  color: #1c1c28 !important;
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large.focused {
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large:active {
  border-color: #80edd4;
  opacity: 0.4;
  background-color: white;
}
.btn-outline-extra-large.disabled {
  border-color: #c7c8d9;
  opacity: 0.1;
  background-color: white;
}

.btn-load-more {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #555770;
  width: 100%;
  height: 48px;
  background: rgba(211, 213, 230, 0.6);
  outline: none;
  border: none;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.btn-load-more:hover {
  background: rgba(211, 213, 229, 0.35);
}
.btn-load-more:active {
  background: rgba(211, 213, 230, 0.6);
}

.btn-insignificant {
  padding: 6px 12px;
  background-color: rgba(211, 213, 230, 0.6);
  border-radius: 4px;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
  border: none;
}
.btn-insignificant:hover {
  background-color: rgba(211, 213, 229, 0.35);
}

.teal0-underline-link {
  color: #008580;
  transition: 0.2s ease-in-out;
  text-decoration: underline;
}
.teal0-underline-link:hover {
  color: #02a69b;
}

.drag-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.drag-block .drag-space {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border: 2px dashed #02a69b;
  border-radius: 4px;
  padding: 32px;
  cursor: pointer;
  margin-bottom: 16px;
  transition: 200ms ease-in-out;
}
.drag-block .drag-space:hover {
  background: #eafaf5;
}
.drag-block .drag-space .drag-text {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.drag-block .drag-space .drag-text__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-right: 4px;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.drag-block .drag-space .drag-text__choose.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.drag-block .drag-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-bottom: 64px;
}
.drag-block .drag-desc__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #8e90a6;
}
.drag-block__btn {
  width: 240px !important;
  margin-left: auto;
}
@media screen and (max-width: 815px) {
  .drag-block__btn {
    width: 328px !important;
  }
}

.filter-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 48px;
}
.filter-block__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15.6px;
  line-height: 20px;
  margin-bottom: 16px;
}
.filter-block .categories {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.filter-block__btn {
  margin-right: 12px;
}
.filter-block__btn:last-child {
  margin-right: 0;
}

.c-labels {
  display: flex;
  flex-wrap: wrap;
}
.c-labels__l {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  border-radius: 4px;
  padding: 6px 8px;
  margin-right: 4px;
  margin-bottom: 8px;
}
.c-labels__l:last-child {
  margin-right: 0;
}
.c-labels__l--official {
  background: #004fc4;
}
.c-labels__l--billing {
  background: #ff9500;
}
.c-labels__l--hackscan {
  background: #e33838;
}
.c-labels__l--cron {
  background: #360099;
}
.c-labels__l--acts {
  background: #7c5dd9;
}
.c-labels__l--information, .c-labels__l--news {
  background: #05a308;
}
.c-labels__l--recommend {
  background: rgba(185, 237, 195, 0.6);
  color: #05a308;
}
.c-labels__l--recommend-auth {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 4px 8px;
  background: #51C54E;
  color: #ffffff;
}

.uploaded-files {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.uploaded-files__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #555770;
  margin-bottom: 16px;
}
.uploaded-files .c-labels__l--reccomended {
  background-color: rgba(185, 237, 195, 0.6);
}
.uploaded-files .submit__btn {
  max-width: 119px !important;
  padding: 12px 16px;
}
.uploaded-files .file-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 14px;
  align-items: center;
}
.uploaded-files .file-item__icon {
  width: 24px;
  display: flex;
  margin-right: 16px;
}
.uploaded-files .file-item__icon .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.uploaded-files .file-item__icon .icon-container picture,
.uploaded-files .file-item__icon .icon-container source,
.uploaded-files .file-item__icon .icon-container img,
.uploaded-files .file-item__icon .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__name {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  width: calc(100% - 40px - 100px - 40px);
  display: inline-block;
  color: #1c1c28;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.uploaded-files .file-item__size {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  display: flex;
  color: #555770;
  margin-left: auto;
  white-space: nowrap;
}
.uploaded-files .file-item__delete {
  width: 24px;
  display: flex;
  cursor: pointer;
  margin-left: 16px;
}
.uploaded-files .file-item__delete .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  border-radius: 4px;
}
.uploaded-files .file-item__delete .icon-container picture,
.uploaded-files .file-item__delete .icon-container source,
.uploaded-files .file-item__delete .icon-container img,
.uploaded-files .file-item__delete .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__delete .icon-container:hover {
  opacity: 0.7;
  background: rgba(28, 28, 40, 0.12);
}
.uploaded-files .file-item__delete .icon-container:active {
  background: rgba(28, 28, 40, 0.38);
  opacity: 0.7;
}
.uploaded-files .file-item__delete.disabled .icon-container {
  background: none !important;
}

@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.list-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list-preloader__item {
  width: 100%;
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.list-preloader__item--string {
  width: 240px !important;
  height: 16px;
  margin-bottom: 16px;
}
.list-preloader__item--block {
  width: 680px !important;
  height: 72px;
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  .list-preloader__item--block {
    width: 328px !important;
  }
}
.list-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.page-preloader {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 56px;
}
.page-preloader .cl-flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 64px;
}
.page-preloader .cl-flex-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 64px;
}
.page-preloader .page-preloader__item {
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.page-preloader .page-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.page-preloader__item--line {
  width: inherit;
  height: 1px;
  background: #ebebf0;
  margin-bottom: 64px;
}
.page-preloader__item--header {
  background: #ebebf0;
  border-radius: 8px;
  max-width: 294px;
  height: 28px;
  margin-bottom: 24px;
}
.page-preloader__item--long-string {
  max-width: 504px;
  height: 16px;
  margin-bottom: 8px;
}
.page-preloader__item--short-string {
  max-width: 328px;
  height: 15px;
}
.page-preloader__item--large-block {
  max-width: 328px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--small-block {
  max-width: 152px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--footer {
  max-width: 240px;
  height: 40px;
  align-self: flex-end;
}

@media (max-width: 815px) {
  .page-preloader {
    padding: 32px 0 0 0;
  }
  .page-preloader .w-f-r--large-blocks {
    flex-direction: column;
  }
  .page-preloader__item--large-block {
    margin-right: 0;
  }
}
/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
.switcher-block {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 680px;
}
.switcher-block .container-align {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  height: fit-content;
}
.switcher-block__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switcher-block__label {
  width: 48px;
  height: 24px;
  background: #e3e4eb;
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid #555770;
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 16px 0 0;
}
.switcher-block__label:hover {
  background: #ebebf0;
}
.switcher-block__label:focus {
  background: #ebebf0;
}
.switcher-block__label.focused {
  background: #ebebf0;
}
.switcher-block__label:active {
  background: #e3ffe3;
}
.switcher-block__label-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #8e90a6;
  padding-top: 2px;
}
.switcher-block__text-wrap {
  width: 100%;
}
.switcher-block__form-control {
  margin-right: 24px;
}
.switcher-block__text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #8e90a6;
}
.switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #1c1c28;
  display: block;
  padding-bottom: 10px;
}
.switcher-block__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 2px solid #555770;
  border-radius: 50%;
  transition: 0.3s;
}
.switcher-block__input:checked + .switcher-block__label {
  background: #51c54e;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__input:checked + .switcher-block__label:hover {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label.focused {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.switcher-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.switcher-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switcher-block.disabled .switcher-block__label::after {
  background: #fff url(/img/icons/lock.svg) left 45% bottom 46% no-repeat;
}
.switcher-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switcher-block.mini .switcher-block__label {
  width: 32px;
  height: 16px;
}
.switcher-block.mini .switcher-block__label:after {
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
}
.switcher-block.mini .switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}

.switch-not-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 48px;
}
.switch-not-block:first-of-type {
  padding-top: 48px;
}
.switch-not-block .switcher-block {
  width: 150px;
  min-width: 150px;
  margin-right: 24px;
}
.switch-not-block .not-type__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #1c1c28;
  margin-bottom: 8px;
}
.switch-not-block .not-type__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
}
.switch-not-block.disabled .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switch-not-block.disabled .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switch-not-block.disabled .auth-description__title,
.switch-not-block.disabled .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled .c-labels__l--recommend {
  display: none;
}
.switch-not-block.disabled-switch-on .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled-switch-on .switcher-block__label {
  background: #51c54e;
}
.switch-not-block.disabled-switch-on .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled-switch-on .switcher-block__text {
  color: #05a308;
}
.switch-not-block.disabled-switch-on .auth-description__title,
.switch-not-block.disabled-switch-on .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled-switch-on .c-labels__l--recommend {
  display: none;
}
@media screen and (max-width: 815px) {
  .switch-not-block {
    flex-direction: column;
  }
  .switch-not-block .switcher-block {
    margin-bottom: 24px;
  }
}

.checkbox-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.checkbox-block input {
  display: none;
}
.checkbox-block__checkbox {
  display: none;
}
.checkbox-block__label {
  padding: 2px;
  display: block;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px;
  min-width: 20px;
  border: 2px solid #1c1c28;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 12px;
  text-indent: -9999px;
  user-select: none;
}
.checkbox-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
}
.checkbox-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:disabled, .checkbox-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.checkbox-block__checkbox:checked + .checkbox-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:focus, .checkbox-block__checkbox:checked + .checkbox-block__label.focused, .checkbox-block__checkbox:checked + .checkbox-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:disabled, .checkbox-block__checkbox:checked + .checkbox-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.checkbox-block__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #28293d;
  white-space: nowrap;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}

.radio-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.radio-block__checkbox {
  display: none;
}
.radio-block__label {
  padding: 3px;
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 2px solid #1c1c28;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 16px;
  text-indent: -9999px;
  user-select: none;
  border-radius: 50%;
}
.radio-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
  border-color: #40404a;
}
.radio-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:disabled, .radio-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.radio-block__checkbox:checked + .radio-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.radio-block__checkbox:checked + .radio-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.radio-block__checkbox:checked + .radio-block__label:focus, .radio-block__checkbox:checked + .radio-block__label.focused, .radio-block__checkbox:checked + .radio-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.radio-block__checkbox:checked + .radio-block__label:disabled, .radio-block__checkbox:checked + .radio-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.radio-block__checkbox:checked .radio-block__label:hover {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:focus {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label.focused {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:active {
  border: 2px solid #80edd4 !important;
}
.radio-block__text {
  color: rgba(6, 6, 20, 0.96);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  width: calc(100% - 20px);
  cursor: pointer;
}
.radio-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.radio-block.disabled .radio-block__label {
  border: 2px solid #e3e4eb !important;
}
.radio-block.disabled .radio-block__text {
  color: #8e90a6 !important;
}

.form-input {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-input__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  padding: 0 8px 0 0;
  text-align: left;
}
.form-input__input {
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  width: inherit;
  height: 32px;
  border: none;
  outline: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  margin-bottom: 4px;
  padding: 0 8px;
  transition: 200ms ease-in-out;
  color: rgba(6, 6, 20, 0.96);
}
.form-input__input:hover, .form-input__input:focus {
  border-bottom: 2px solid #65656d;
}
.form-input__input:focus .icon-container {
  opacity: 1;
}
.form-input__input::placeholder {
  color: rgba(6, 6, 20, 0.42);
}
.form-input__input:not(:placeholder-shown) {
  border-bottom: 2px solid rgba(184, 184, 203, 0.64);
}
.form-input__input:not(:placeholder-shown):focus {
  border-bottom: 2px solid #1c1c28;
}
.form-input__help-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #555770;
  padding: 0 8px 0 0;
  height: 16px;
  text-align: left;
  white-space: nowrap;
}
.form-input .input-icon-container {
  position: relative;
}
.form-input .input-icon-container .icon-container {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  opacity: 0;
}
.form-input .input-icon-container .icon-container:hover {
  background: rgba(205, 205, 218, 0.32);
}
.form-input .input-icon-container .icon-container:active {
  background: rgba(184, 184, 203, 0.64);
}
.form-input .input-icon-container .icon-container.disabled, .form-input .input-icon-container .icon-container:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.form-input .input-icon-container .icon-container svg {
  width: inherit;
  height: inherit;
}
.form-input .input-icon-container:hover .icon-container {
  opacity: 1;
}
.form-input .input-icon-container .form-input__input:focus + .icon-container {
  opacity: 1;
}
.form-input.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
@-moz-document url-prefix() {
  .form-input.disabled {
    pointer-events: unset;
  }
}
.form-input.disabled * {
  color: #8e90a6;
}
.form-input.disabled .help-text {
  color: #555770;
}
.form-input.disabled .form-input__input,
.form-input.disabled .form-input__input:disabled {
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background: none;
}
.form-input.disabled .icon-container {
  display: none;
}
.form-input.disabled.focused *, .form-input.disabled.error *, .form-input.disabled.warning *, .form-input.disabled.success * {
  color: #8e90a6;
}
.form-input.disabled.focused .help-text, .form-input.disabled.error .help-text, .form-input.disabled.warning .help-text, .form-input.disabled.success .help-text {
  color: #555770;
}
.form-input.focused .form-input__input {
  border-bottom: 2px solid #2acbb6;
}
.form-input.error .form-input__label {
  color: #ff3200;
}
.form-input.error .form-input__input:hover, .form-input.error .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.error .form-input__help-text {
  color: #ff3200;
}
.form-input.warning .form-input__input:hover, .form-input.warning .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.warning .form-input__help-text {
  color: #f08c00;
}
.form-input.success .form-input__input:hover, .form-input.success .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.success .form-input__help-text {
  color: #05a308;
}

/**
 * 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;
}

.cl-v3-label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  padding: 6px 8px;
  border-radius: 2px;
  width: fit-content;
}
.cl-v3-label--grey {
  background: rgb(246, 246, 246);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--grey-dark {
  background: rgb(64, 64, 74);
  color: rgb(255, 255, 255);
}
.cl-v3-label--violet {
  background: rgb(235, 224, 249);
  color: rgb(92, 0, 204);
}
.cl-v3-label--violet-dark {
  background: rgb(92, 0, 204);
  color: rgb(235, 224, 249);
}
.cl-v3-label--yellow {
  background: rgb(251, 234, 184);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--yellow-dark {
  background: rgb(242, 192, 41);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-label--green {
  background: rgb(227, 242, 226);
  color: rgb(18, 145, 14);
}
.cl-v3-label--red {
  background: rgb(255, 214, 204);
  color: rgb(255, 50, 0);
}

.cl-v3-atom-no-click {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-atom-no-click__key {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  width: 404px;
  margin-right: 24px;
}
.cl-v3-atom-no-click__value {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.64);
  width: calc(100% - 404px - 24px);
}
.cl-v3-atom-no-click--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-atom-no-click--blue {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-no-click--yellow {
  background: rgb(252, 249, 237);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-no-click__value {
    width: fit-content;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-no-click {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cl-v3-atom-no-click__key {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.88);
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .cl-v3-atom-no-click__value {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.64);
    width: 100%;
  }
}

.cl-v3-atom-dropdown {
  width: calc(100% + 24px);
  border-radius: 2px;
  margin-left: -12px;
  position: relative;
}
.cl-v3-atom-dropdown__content {
  display: none;
  padding: 24px 12px 56px;
}
.cl-v3-atom-dropdown__title {
  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: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  transition: 200ms ease-in-out;
  word-break: break-all;
  max-width: 1000px;
}
.cl-v3-atom-dropdown__note {
  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);
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__arrow {
  transition: 200ms ease-in-out;
  width: 32px;
  height: 32px;
}
.cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown__toggle {
  display: flex;
  flex-direction: row;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 24px;
  transition: 200ms ease-in-out;
  border-radius: 2px;
  opacity: 1;
}
.cl-v3-atom-dropdown__toggle.disabled {
  cursor: default;
  pointer-events: none;
  background: rgb(245, 245, 249);
}
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-atom-dropdown__toggle.atom-preloader {
  position: relative;
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__text {
  opacity: 0.4;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cl-v3-atom-dropdown__toggle--grey {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-dropdown__toggle--grey.preloader {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--blue {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(218, 231, 250);
}
.cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(230, 238, 251);
}
.cl-v3-atom-dropdown__toggle--blue.preloader {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue.disabled {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-dropdown__toggle--blue.disabled .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle--orange {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-dropdown__toggle--orange.preloader {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 220, 176);
}
.cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffe7c7;
}
.cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffefdb;
}
.cl-v3-atom-dropdown__toggle--orange-light.preloader {
  background: #ffdcb0;
}
.cl-v3-atom-dropdown__toggle--green {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(229, 250, 218);
}
.cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(237, 251, 230);
}
.cl-v3-atom-dropdown__toggle--green.preloader {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--float {
  z-index: 10;
}
.cl-v3-atom-dropdown__toggle--float.sticky {
  position: fixed;
  top: 64px;
  z-index: 2;
  max-width: 1056px;
  transition: 200ms ease-in-out;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 704px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 352px;
  }
}
.cl-v3-atom-dropdown__toggle.disappear {
  animation: simpleShowOut 400ms ease-out;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--static {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.cl-v3-atom-dropdown__toggle--static.sticky {
  position: static;
}
.cl-v3-atom-dropdown__toggle--empty {
  position: absolute;
  left: -99999px;
  top: 48px;
  background: rgb(255, 255, 255);
  z-index: 1;
  height: 64px;
  box-sizing: content-box;
  margin-bottom: 0;
  border-radius: unset;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--empty.disappear {
  background: transparent;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--empty {
    top: 48px;
  }
}
.cl-v3-atom-dropdown__toggle--empty.sticky {
  position: fixed;
  left: unset;
  right: 18px;
}
.cl-v3-atom-dropdown__alert-circle {
  position: absolute;
  background: rgb(255, 50, 0);
  border: 1px solid rgb(255, 255, 255);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 12px;
  top: -6px;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__title {
  color: rgba(249, 249, 251, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__note {
  color: rgba(249, 249, 251, 0.88);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__content {
  display: block;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow {
  transform: rotate(-90deg);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow svg {
  fill: rgb(255, 255, 255);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey {
  background: rgb(64, 64, 79);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(95, 95, 107);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(125, 125, 135);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue {
  background: rgb(30, 98, 200);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(66, 123, 209);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(102, 148, 218);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange {
  background: rgb(204, 94, 20);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(222, 106, 29);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(229, 120, 46);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 175, 71);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffb557;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffc070;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light.disabled {
  background: #fff7ed;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green {
  background: rgb(71, 124, 60);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(85, 140, 74);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(95, 157, 83);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__title {
    max-width: 648px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__title {
    max-width: 296px;
  }
}

.cl-v3-atom-click {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 12px 12px;
  border-radius: 2px;
  background: rgb(228, 228, 237);
  width: 100%;
  position: relative;
}
.cl-v3-atom-click__wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-atom-click:hover, .cl-v3-atom-click.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-click.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-atom-click:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-click--icon .cl-v3-atom-click__text {
  margin-left: 12px;
}
.cl-v3-atom-click__key {
  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: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-click__key--mb {
  margin-bottom: 4px;
}
.cl-v3-atom-click__value {
  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);
}
.cl-v3-atom-click--ghost {
  background: transparent;
  border: 2px solid rgb(228, 228, 237);
}
.cl-v3-atom-click--ghost:hover, .cl-v3-atom-click--ghost.focused, .cl-v3-atom-click--ghost:active {
  background: transparent;
}
.cl-v3-atom-click--yellow {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow:hover, .cl-v3-atom-click--yellow.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click--yellow-ghost {
  background: transparent;
  border: 2px solid rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow-ghost:hover, .cl-v3-atom-click--yellow-ghost.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow-ghost:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click.atom-preloader {
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-click.atom-preloader .cl-v3-atom-click__text,
.cl-v3-atom-click.atom-preloader .icon-container {
  opacity: 0.4;
}
.cl-v3-atom-click.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.cl-v3-atom-info {
  cursor: default;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  align-items: flex-start;
  border-radius: 2px;
}
.cl-v3-atom-info__icon {
  margin-right: 12px;
}
.cl-v3-atom-info__info {
  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.96);
  min-height: 32px;
}
.cl-v3-atom-info--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-atom-info--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-atom-info--white {
  background: rgb(255, 255, 255);
}
.cl-v3-atom-info--red {
  background: rgb(255, 214, 204);
}
.cl-v3-atom-info--green {
  background: rgb(227, 242, 226);
}

.cl-v3-prompt {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 2px;
}
.cl-v3-prompt__icon {
  margin-right: 12px;
}
.cl-v3-prompt__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  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.96);
}
.cl-v3-prompt__link, .cl-v3-prompt__link:hover, .cl-v3-prompt__link:visited {
  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.96);
  text-decoration: underline;
  width: fit-content;
}
.cl-v3-prompt--white {
  background: rgb(255, 255, 255);
  font-weight: 400;
}
.cl-v3-prompt--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-prompt--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-prompt--red {
  background: rgb(255, 214, 204);
}
.cl-v3-prompt--green {
  background: rgb(227, 242, 226);
}

.cl-v3-btn-base {
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cl-v3-btn-base--main {
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--main:hover {
  color: rgb(255, 255, 255);
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main:active {
  color: rgb(255, 255, 255);
  background: rgb(101, 101, 109);
}
.cl-v3-btn-base--main.focused {
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main.disabled, .cl-v3-btn-base--main:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--danger {
  background: rgb(255, 50, 0);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--danger:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger:active {
  color: rgb(255, 255, 255);
  background: rgb(255, 116, 82);
}
.cl-v3-btn-base--danger.focused {
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger.disabled, .cl-v3-btn-base--danger:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--white {
  background: rgb(255, 255, 255);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--white:hover {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white:active {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-base--white.focused {
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white.disabled, .cl-v3-btn-base--white:disabled {
  background: rgba(255, 255, 255, 0.32);
}
.cl-v3-btn-base--ghost {
  background: rgb(255, 255, 255);
  color: rgb(28, 28, 40);
  border: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-base--ghost:hover {
  background: rgb(246, 246, 246);
  border-color: rgb(64, 64, 74);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-base--ghost:active {
  background: rgb(246, 246, 246);
  border-color: rgb(101, 101, 109);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-base.focused {
  box-shadow: 0px 0px 0px 2px rgb(255, 0, 0) inset;
}
.cl-v3-btn-base.focused.disabled, .cl-v3-btn-base.focused:disabled {
  box-shadow: none;
}
.cl-v3-btn-base--grey {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--grey:active, .cl-v3-btn-base--grey.active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-base--grey.disabled {
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
  background: transparent;
}
.cl-v3-btn-base--grey.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-base--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-base--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-ghost {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.cl-v3-btn-ghost--main {
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-ghost--main:hover {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-ghost--main:active, .cl-v3-btn-ghost--main.active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-ghost--main.disabled, .cl-v3-btn-ghost--main:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--main.focused {
  color: rgb(64, 64, 74);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-ghost--danger {
  border: 2px solid rgb(255, 50, 0);
  background: transparent;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-ghost--danger:hover {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--danger:active {
  border: 2px solid rgb(255, 116, 82);
  color: rgb(255, 116, 82);
}
.cl-v3-btn-ghost--danger.disabled, .cl-v3-btn-ghost--danger:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--danger.focused {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--white {
  border: 2px solid rgb(255, 255, 255);
  background: transparent;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-ghost--white:hover {
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.96);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost--white:active {
  background: rgba(255, 255, 255, 0.32);
  border: 2px solid rgba(255, 255, 255, 0.88);
  color: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-ghost--white.disabled, .cl-v3-btn-ghost--white:disabled {
  border: 2px solid rgba(255, 255, 255, 0.32);
  background: transparent;
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--white.focused {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost.focused {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-ghost--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-ghost--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-ghost--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-loader {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: not-allowed;
  border: none;
  outline: none;
  white-space: nowrap;
}
.cl-v3-btn-loader__content {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-loader .circle-spinner {
  stroke: rgba(255, 255, 255, 0.86);
  box-sizing: border-box;
  stroke-width: 3px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  animation: line-animation 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate-animation 1.6s linear infinite;
  stroke-width: 4px;
}
.cl-v3-btn-loader--main {
  background: rgb(101, 101, 109);
}
.cl-v3-btn-loader--main::after {
  background: linear-gradient(90deg, #ececf1 0%, #f6f6f9 45.29%, rgb(255, 255, 255) 45.3%, #ececf1 45.31%, #ececf1 45.32%);
}
.cl-v3-btn-loader--main.cl-v3-btn-loader--gradient {
  background: #ececf1;
}
.cl-v3-btn-loader--danger {
  background: rgb(255, 116, 82);
}
.cl-v3-btn-loader--danger-ghost {
  background: rgba(255, 245, 242, 0.72);
}
.cl-v3-btn-loader--danger-ghost svg {
  fill: #ff6641;
}
.cl-v3-btn-loader--white {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--white .circle-spinner {
  stroke: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-loader--ghost {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-btn-loader--lg {
  height: 56px;
}
.cl-v3-btn-loader--md {
  height: 40px;
}
.cl-v3-btn-loader--sm {
  height: 32px;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: btn-loader-spin 1s linear infinite;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content picture,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content source,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content img,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes btn-loader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-animation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(450deg);
  }
}
@keyframes line-animation {
  0% {
    stroke-dasharray: 2, 85.964;
    transform: rotate(0);
  }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    transform: rotate(90deg);
  }
}

.cl-v3-btn-text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  display: flex;
  width: fit-content;
  padding-bottom: 4px;
  border-bottom: 2px solid rgb(28, 28, 40);
  cursor: pointer;
  transition: 200ms ease-in-out;
  height: fit-content;
  align-self: center;
  white-space: nowrap;
  text-decoration: none;
}
.cl-v3-btn-text:hover {
  color: rgb(64, 64, 74);
}
.cl-v3-btn-text:active {
  color: rgb(101, 101, 109);
  border-bottom: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-text:visited, .cl-v3-btn-text:focus {
  color: rgb(28, 28, 40);
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-text:disabled, .cl-v3-btn-text.disabled {
  color: rgb(228, 228, 229);
  border-bottom: 2px solid rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}

.cl-v3-btn-arrow {
  display: flex;
  width: fit-content;
  padding-right: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(101, 101, 109);
  height: 32px;
  box-sizing: border-box;
}
.cl-v3-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(28, 28, 40);
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v3-btn-arrow:hover, .cl-v3-btn-arrow:focus {
  color: rgb(101, 101, 109);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-arrow:active {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active .cl-v3-btn-arrow__text {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active svg {
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow:active svg * {
  fill: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:disabled, .cl-v3-btn-arrow.disabled {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-arrow:disabled .cl-v3-btn-arrow__text, .cl-v3-btn-arrow.disabled .cl-v3-btn-arrow__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow:disabled svg *, .cl-v3-btn-arrow.disabled svg * {
  fill: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-btn-arrow.focused.disabled {
  box-shadow: none;
}

.cl-v3-btn-menu {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 200ms ease-in-out;
  width: 100%;
}
.cl-v3-btn-menu__icon {
  margin-right: 12px;
}
.cl-v3-btn-menu__text {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.cl-v3-btn-menu--sm {
  padding: 4px 16px;
}
.cl-v3-btn-menu--md {
  padding: 4px 24px;
}
.cl-v3-btn-menu--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  padding: 12px 24px;
}
.cl-v3-btn-menu--right {
  justify-content: space-between;
}
.cl-v3-btn-menu--right .cl-v3-btn-menu__icon {
  order: 1;
  margin-right: 0;
}
.cl-v3-btn-menu--center {
  justify-content: center;
}
.cl-v3-btn-menu--double {
  padding: 8px 24px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__icon {
  margin-right: 16px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__text {
  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: black;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__sub-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.48);
}
.cl-v3-btn-menu:hover, .cl-v3-btn-menu:focus {
  background-color: rgba(205, 205, 218, 0.32);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:active {
  background-color: rgba(184, 184, 203, 0.64);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:disabled, .cl-v3-btn-menu.disabled {
  color: rgba(229, 229, 230, 0.8);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-menu:disabled .cl-v3-btn-menu__icon, .cl-v3-btn-menu.disabled .cl-v3-btn-menu__icon {
  opacity: 0.2;
}
.cl-v3-btn-menu.load {
  padding: 0;
  background: rgba(184, 184, 203, 0.64);
  transition: none;
}
.cl-v3-btn-menu--danger {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-menu--danger:hover {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 247, 245);
}
.cl-v3-btn-menu--danger:active {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 214, 204);
}

.cl-v3-btn-minor {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  background: rgb(228, 228, 237);
  padding: 8px 10px;
}
.cl-v3-btn-minor:hover, .cl-v3-btn-minor:focus {
  background: rgb(241, 241, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-minor:active {
  background: rgb(241, 241, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-minor.disabled, .cl-v3-btn-minor:disabled {
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-minor--lg {
  height: 56px;
}
.cl-v3-btn-minor--md {
  height: 40px;
}
.cl-v3-btn-minor--sm {
  height: 32px;
}
.cl-v3-btn-minor.focused {
  border: 1px solid #ff0000;
}

.cl-v3-btn-choice {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: calc(100% - 3px);
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
  padding: 8px 16px;
}
.cl-v3-btn-choice:hover, .cl-v3-btn-choice.focused {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-choice.focused {
  border-color: rgb(255, 0, 0);
}
.cl-v3-btn-choice:active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-choice.disabled, .cl-v3-btn-choice:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice.selected {
  border-color: transparent;
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-choice.selected.focused {
  border-color: transparent;
}
.cl-v3-btn-choice.selected.disabled, .cl-v3-btn-choice.selected:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 40px;
  border-radius: 20px;
}
.cl-v3-btn-choice--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
  border-radius: 16px;
}

.cl-v3-btn-action {
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cl-v3-btn-action__icon--size-32 svg {
  width: 32px;
  height: 32px;
}
.cl-v3-btn-action__icon--size-24 svg {
  width: 24px;
  height: 24px;
}
.cl-v3-btn-action__icon--size-20 svg {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-action:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-btn-action:active, .cl-v3-btn-action.active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-btn-action.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.cl-v3-btn-action:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.32);
}
@media (hover: none) {
  .cl-v3-btn-action:hover {
    background: transparent;
  }
}

.cl-v3-btn-add {
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-btn-add__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
}
.cl-v3-btn-add__icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.cl-v3-btn-add__icon svg {
  fill: rgb(255, 114, 79);
}
.cl-v3-btn-add--yellow {
  background: transparent;
}
.cl-v3-btn-add--yellow .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--yellow:hover, .cl-v3-btn-add--yellow.focused {
  background: #fcf9ed;
}
.cl-v3-btn-add--yellow:active, .cl-v3-btn-add--yellow.loading {
  background: #fbf6e6;
}
.cl-v3-btn-add--blue {
  background: transparent;
}
.cl-v3-btn-add--blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--blue:hover, .cl-v3-btn-add--blue.focused {
  background: #edf3fc;
}
.cl-v3-btn-add--blue:active, .cl-v3-btn-add--blue.loading {
  background: #e6eefb;
}
.cl-v3-btn-add--grey {
  background: transparent;
}
.cl-v3-btn-add--grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--grey:hover, .cl-v3-btn-add--grey.focused {
  background: #f4f4fb;
}
.cl-v3-btn-add--grey:active, .cl-v3-btn-add--grey.loading {
  background: #ececf8;
}
.cl-v3-btn-add--red {
  background: transparent;
}
.cl-v3-btn-add--red .cl-v3-btn-add__text {
  color: #eb5042;
}
.cl-v3-btn-add--red:hover, .cl-v3-btn-add--red.focused {
  background: #fff6f5;
}
.cl-v3-btn-add--red:active, .cl-v3-btn-add--red.loading {
  background: #ffe8e6;
}
.cl-v3-btn-add--light-grey {
  background: transparent;
}
.cl-v3-btn-add--light-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-grey:hover, .cl-v3-btn-add--light-grey.focused {
  background: #f5f5f9;
}
.cl-v3-btn-add--light-grey:active, .cl-v3-btn-add--light-grey.loading {
  background: #f1f1f6;
}
.cl-v3-btn-add--light-blue {
  background: transparent;
}
.cl-v3-btn-add--light-blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-blue:hover, .cl-v3-btn-add--light-blue.focused {
  background: #edf8fc;
}
.cl-v3-btn-add--light-blue:active, .cl-v3-btn-add--light-blue.loading {
  background: #e6f6fb;
}
.cl-v3-btn-add--dark-grey {
  background: transparent;
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__icon svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-add--dark-grey:hover, .cl-v3-btn-add--dark-grey.focused {
  background: rgba(28, 28, 40, 0.08);
}
.cl-v3-btn-add--dark-grey:active, .cl-v3-btn-add--dark-grey.loading {
  background: rgba(28, 28, 40, 0.16);
}
.cl-v3-btn-add.focused {
  border: 1px solid #ff0000;
}
.cl-v3-btn-add.disabled, .cl-v3-btn-add:disabled {
  background: transparent;
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__text, .cl-v3-btn-add:disabled .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__icon svg, .cl-v3-btn-add:disabled .cl-v3-btn-add__icon svg {
  opacity: 0.3;
}

/*
* нужно для frontend/vue/src/components/v1-v3/buttons/ButtonLinkBase.vue
* Если это неподходящее место для этого, то переместите потом куда-нибудь на своё усмотрение
*/
.button-link-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-link-fix:hover, .button-link-fix:focus {
  color: #ffffff;
}
.button-link-fix--ghost:hover, .button-link-fix--ghost:focus {
  color: #000000;
}

.cl-v3-btn-social {
  display: flex;
  place-content: center center;
  place-items: center center;
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 100%;
  height: 56px;
  border-radius: 2px;
  border: none;
  background: rgb(228, 228, 237);
}
.cl-v3-btn-social:hover, .cl-v3-btn-social:focus {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social:active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.cl-v3-btn-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: inline-flex;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 2px;
  height: 20px;
  padding-left: 2px;
  width: fit-content;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-link__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.64);
  margin-right: 6px;
  display: flex;
}
.cl-v3-btn-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
}
.cl-v3-btn-link__icon picture,
.cl-v3-btn-link__icon source,
.cl-v3-btn-link__icon img,
.cl-v3-btn-link__icon svg {
  width: inherit;
  height: inherit;
}
.cl-v3-btn-link svg {
  fill: rgba(6, 6, 20, 0.64);
}
.cl-v3-btn-link:hover {
  background: rgb(234, 234, 241);
  border-color: rgb(234, 234, 241);
  text-decoration: none;
}
.cl-v3-btn-link:focus-visible {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-link:active {
  background: rgb(228, 228, 237);
}
.cl-v3-btn-link.disabled .cl-v3-btn-link__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.24);
}
.cl-v3-btn-link.disabled svg {
  fill: rgba(6, 6, 20, 0.24);
}

.cl-v3-btn-main {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(28, 28, 40);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main:after, .cl-v3-btn-main:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main:after {
  z-index: 2;
}
.cl-v3-btn-main:before {
  z-index: 3;
}
.cl-v3-btn-main:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(28, 28, 40);
}
.cl-v3-btn-main:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.disabled, .cl-v3-btn-main:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main--lg .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main--md .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main--sm .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-main-ghost {
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: 2px solid rgb(28, 28, 40);
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-ghost__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-ghost:after, .cl-v3-btn-main-ghost:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-ghost:after {
  z-index: 2;
}
.cl-v3-btn-main-ghost:before {
  z-index: 3;
}
.cl-v3-btn-main-ghost:hover:after {
  opacity: 1;
}
.cl-v3-btn-main-ghost:active:before {
  opacity: 1;
}
.cl-v3-btn-main-ghost:hover {
  opacity: 0.9;
}
.cl-v3-btn-main-ghost:active {
  opacity: 0.7;
}
.cl-v3-btn-main-ghost.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost.disabled, .cl-v3-btn-main-ghost:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-ghost--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-ghost--lg .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-ghost--md .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-ghost--sm .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(28, 28, 40);
}

.cl-v3-btn-main-danger {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 50, 0);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-danger__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-danger:after, .cl-v3-btn-main-danger:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-danger:after {
  z-index: 2;
}
.cl-v3-btn-main-danger:before {
  z-index: 3;
}
.cl-v3-btn-main-danger:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.disabled, .cl-v3-btn-main-danger:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(255, 50, 0);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-danger--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-danger--lg .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-danger--md .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-danger--sm .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-white {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  line-height: 20px;
  color: rgb(28, 28, 40);
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 255, 255);
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-white:hover {
  opacity: 0.9;
}
.cl-v3-btn-white:active {
  opacity: 0.7;
}

.cl-v3-switcher {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  width: -moz-fit-content;
}
.cl-v3-switcher__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.cl-v3-switcher__label {
  width: 40px;
  height: 20px;
  background: rgb(228, 228, 237);
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid rgb(64, 64, 79);
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 8px 0 0;
}
.cl-v3-switcher__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(64, 64, 79);
  border-radius: 50%;
  transition: 200ms ease-in-out;
}
.cl-v3-switcher__label:hover, .cl-v3-switcher__label:focus, .cl-v3-switcher__label.focused {
  background: rgb(234, 234, 241);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:hover:after, .cl-v3-switcher__label:focus:after, .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:active {
  background: rgb(237, 251, 230);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
  width: 24px;
}
.cl-v3-switcher__label:disabled, .cl-v3-switcher__label.disabled {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__label:disabled:after, .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__text {
  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: #8e90a6;
  white-space: nowrap;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgb(71, 124, 60);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused {
  background: rgb(85, 140, 74);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active {
  background: rgb(241, 241, 246);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label + .cl-v3-switcher__text {
  color: rgb(71, 124, 60);
}
.cl-v3-switcher.disabled .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__label {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}

.cl-v3-input-search {
  width: 100%;
}
.cl-v3-input-search__wrapper {
  position: relative;
}
.cl-v3-input-search__search-icon {
  transition: 200ms ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.cl-v3-input-search__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 4px;
  padding-left: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box !important;
}
.cl-v3-input-search__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-search__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-search__input:hover .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__help-text {
  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);
}
.cl-v3-input-search__clean {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-input-search__input:focus + .cl-v3-input-search__clean, .cl-v3-input-search__input:hover + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__clean:hover {
  opacity: 1;
}
.cl-v3-input-search::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}

.cl-v3-input-select {
  width: 100%;
  position: relative;
}
.cl-v3-input-select__wrapper {
  position: relative;
}
.cl-v3-input-select__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-select__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: calc(100% - 52px);
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 42px;
  background: rgb(255, 255, 255);
  text-align: left;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
  box-sizing: content-box;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-select__input-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  white-space: nowrap;
}
.cl-v3-input-select__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-select__input:active, .cl-v3-input-select__input:focus, .cl-v3-input-select__input.focused, .cl-v3-input-select__input.opened {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-select__icon {
  position: absolute;
  transition: 200ms ease-in-out;
  top: 0;
  right: 0;
}
.cl-v3-input-select__icon--chevron {
  cursor: pointer;
}
.cl-v3-input-select__icon--chevron.opened .icon-container {
  transform: rotate(-90deg);
}
.cl-v3-input-select__help-text {
  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);
  min-height: 18px;
}
.cl-v3-input-select__placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select .select-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 10;
  background: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  padding: 6px 0;
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  overflow-y: scroll;
}
.cl-v3-input-select .select-box__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  transition: 200ms ease-in-out;
  cursor: pointer;
}
.cl-v3-input-select .select-box__item:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-input-select .select-box__item:active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box__item:last-child {
  margin-bottom: 0;
}
.cl-v3-input-select .select-box__item.focused {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box .select-item__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 23px;
  color: rgba(6, 6, 20, 0.96);
  word-break: break-all;
}
.cl-v3-input-select .select-box .select-item.selected {
  cursor: default;
  pointer-events: none;
}
.cl-v3-input-select .select-box .select-item.selected .select-item__text {
  color: rgba(6, 6, 20, 0.48);
  opacity: 1;
}
.cl-v3-input-select--lg .select-box {
  padding: 6px 0;
  max-height: 222px;
  top: 65px;
}
.cl-v3-input-select--lg .select-box__item {
  height: 40px;
  margin-bottom: 2px;
  padding: 10px 12px;
}
.cl-v3-input-select--md .select-box {
  padding: 11px 0;
  max-height: 240px;
  top: 62px;
}
.cl-v3-input-select--md .select-box__item {
  padding: 6px 24px 7px;
}
.cl-v3-input-select.empty .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select.disabled .cl-v3-input-select__label {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__icon {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.64);
  border-color: rgba(28, 28, 40, 0.08);
  pointer-events: none;
  cursor: default;
}

.cl-v3-input-checkbox,
.cl-v3-input-radio {
  position: relative;
}
.cl-v3-input-checkbox__input,
.cl-v3-input-radio__input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.cl-v3-input-checkbox__label,
.cl-v3-input-radio__label {
  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.96);
  cursor: pointer;
  position: relative;
  min-height: 20px;
  min-width: 20px;
  padding-left: 32px;
  margin-bottom: 0;
}
.cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__label::before {
  content: "";
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid rgb(28, 28, 40);
  border-radius: 2px;
  top: 0;
  left: 0;
}
.cl-v3-input-checkbox__label:hover::before,
.cl-v3-input-radio__label:hover::before {
  background-color: rgba(28, 28, 40, 0.16);
}
.cl-v3-input-checkbox__label:active::before,
.cl-v3-input-radio__label:active::before {
  background-color: rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox__label.disabled,
.cl-v3-input-radio__label.disabled {
  color: rgba(6, 6, 20, 0.32);
}
.cl-v3-input-checkbox__label.disabled::before,
.cl-v3-input-radio__label.disabled::before {
  cursor: not-allowed;
  border-color: rgba(28, 28, 40, 0.08);
  background-color: rgb(246, 246, 246);
  pointer-events: none;
}
.cl-v3-input-checkbox .cl-v3-input-radio__label::before,
.cl-v3-input-radio .cl-v3-input-radio__label::before {
  border-radius: 50%;
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-image: url("/images/custom-lib-panel/icons/check-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(18, 145, 14);
  border-color: rgb(18, 145, 14);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:hover {
  background-color: rgb(56, 163, 53);
  border-color: rgb(56, 163, 53);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:active {
  background-color: rgb(94, 180, 91);
  border-color: rgb(94, 180, 91);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:disabled, .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before.disabled {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgba(28, 28, 40, 0.08);
  border: 1px solid #ff0000;
}
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgb(94, 180, 91);
  border-color: #ff0000;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label,
.cl-v3-input-radio--lg .cl-v3-input-radio__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgba(6, 6, 20, 0.96);
  padding-left: 37px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label::before {
  width: 24px;
  height: 24px;
  top: 0;
}
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__label::before {
  width: 24px;
  height: 24px;
  top: -2px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-size: unset;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label {
  color: rgba(6, 6, 20, 0.48);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label::before {
  background-color: rgb(246, 246, 246);
  border: 2px solid rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input {
  pointer-events: none;
}

.cl-v3-input-text {
  width: 100%;
  text-align: left;
}
.cl-v3-input-text__wrapper {
  position: relative;
  text-align: left;
}
.cl-v3-input-text__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding: 0 40px 2px 12px;
  margin-bottom: 4px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-text__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-text__input:active, .cl-v3-input-text__input:focus, .cl-v3-input-text__input:focus-visible {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-text__input.disabled, .cl-v3-input-text__input:disabled {
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__input:disabled + .cl-v3-input-text__label, .cl-v3-input-text__input.disabled + .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-text__help-text {
  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);
  height: 16px;
}
.cl-v3-input-text__clean {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text.disabled {
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-text.disabled .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.disabled .cl-v3-input-text__input {
  pointer-events: none;
  cursor: default;
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background-color: transparent !important;
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text.disabled .cl-v3-input-text__help-text {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.error .cl-v3-input-text__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.error .cl-v3-input-text__help-text {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__label {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__help-text {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text__search {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cl-v3-input-text__search-left .cl-v3-input-text__search {
  left: 0;
}
.cl-v3-input-text__search-left .cl-v3-input-text__input {
  padding-left: 36px;
}
.cl-v3-input-text__search-left .cl-v3-input-text__action {
  left: 0;
}
.cl-v3-input-text__action {
  cursor: pointer;
  top: 0;
  right: 0;
  position: absolute;
  bottom: 8px;
  width: 32px;
  height: 32px;
}
.cl-v3-input-text.help-text-align-end .cl-v3-input-text__help-text {
  text-align: end;
}
.cl-v3-input-text__hints {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint {
  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.96);
  background: rgb(228, 228, 237);
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 4px;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint.success {
  color: rgb(18, 145, 14);
  background: rgb(227, 242, 226);
}
.cl-v3-input-text__hint-btn {
  padding: 4px 12px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  border: none;
  background: transparent;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text__hint-btn:hover {
  background: rgba(205, 205, 218, 0.24);
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__hint-btn:active {
  background: rgba(184, 184, 203, 0.4);
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__hint-btn:disabled, .cl-v3-input-text__hint-btn.disabled {
  cursor: default;
  pointer-events: none;
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text__hint-btn.focused {
  border: 1px solid rgb(255, 0, 0);
}

.cl-v3-input-code {
  width: 100%;
}
.cl-v3-input-code__wrapper {
  position: relative;
  margin-bottom: 4px;
}
.cl-v3-input-code__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-code__input {
  position: relative;
  color: transparent;
  background: transparent;
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  height: 46px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
}
.cl-v3-input-code__input::selection {
  background: transparent;
}
.cl-v3-input-code__input::-moz-selection {
  background: transparent;
}
.cl-v3-input-code__input:-webkit-autofill, .cl-v3-input-code__input:-webkit-autofill:hover, .cl-v3-input-code__input:-webkit-autofill:focus, .cl-v3-input-code__input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: transparent;
}
.cl-v3-input-code-split-code-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
.cl-v3-input-code-split-code-wrapper__item {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 48px;
  color: rgba(6, 6, 20, 0.96);
  width: 100%;
  margin-right: 8px;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  text-align: center;
  transition: 200ms ease-in-out;
  position: relative;
}
.cl-v3-input-code-split-code-wrapper__item:last-child {
  margin-right: 0;
}
.cl-v3-input-code-split-code-wrapper__cursor {
  position: absolute;
  right: -1px;
  bottom: 2px;
  animation: blinker 1s step-start infinite;
}
.cl-v3-input-code-split-code-wrapper__cursor--first {
  position: absolute;
  left: calc(25% - 2px);
  bottom: 2px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.cl-v3-input-code__input:focus + .cl-v3-input-code-split-code-wrapper > .cl-v3-input-code-split-code-wrapper__item {
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-input-code__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-code.error .cl-v3-input-code__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-input-textarea__textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid rgb(233, 234, 235);
  min-height: 112px;
}
.cl-v3-input-textarea__textarea::placeholder {
  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.48);
}
.cl-v3-input-textarea__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-table-not-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-not-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
.cl-v3-table-not-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-not-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-not-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
.cl-v3-table-not-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  border: none;
}
.cl-v3-table-not-adaptive--not-hovered .cl-v3-table-not-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-not-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--bold .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-body-row-td__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-left .cl-v3-table-not-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-right .cl-v3-table-not-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-table-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-thead {
    display: none;
  }
}
.cl-v3-table-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 328px);
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px;
  }
  .cl-v3-table-adaptive-body-row .option-divider {
    display: block;
    height: 1px;
    margin: 0 12px;
    background: rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row__td:not(.cl-v3-table-adaptive-body-row__td--no-padding) {
    padding: 6px 12px;
  }
  .cl-v3-table-adaptive-body-row-td__column-name {
    display: block;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(1, 328px) !important;
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  border: none;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row .option-divider {
    margin: 0 12px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    transition: 200ms ease-in-out;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even), .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover, .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    padding: 8px 12px;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive--not-hovered .cl-v3-table-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--bold .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
  justify-content: flex-end;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--row-to-col-md .cl-v3-table-adaptive-body-row-td__content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-left .cl-v3-table-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-right .cl-v3-table-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-empty-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: min-content;
}
.cl-v3-empty-search__img-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 32px 0 48px;
  background: rgba(205, 205, 218, 0.16);
  border-radius: 8px;
  width: 100%;
}
.cl-v3-empty-search__img-block--mb {
  margin-bottom: 32px;
}
.cl-v3-empty-search__img {
  margin-bottom: 10px;
}
.cl-v3-empty-search__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v3-empty-search__title {
  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.48);
  margin-bottom: 0;
}
.cl-v3-empty-search__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.96);
}
.cl-v3-empty-search__descr a {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__descr a:hover, .cl-v3-empty-search__descr a:focus, .cl-v3-empty-search__descr a.focus, .cl-v3-empty-search__descr a:active, .cl-v3-empty-search__descr a.active {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__buttons {
  display: flex;
  justify-content: center;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block {
  background: none;
  padding: 0;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block--mb {
  margin-bottom: 24px;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img {
  width: 88px;
  height: 64px;
  margin-bottom: 8px;
}
@media (max-width: 1167px) {
  .cl-v3-empty-search {
    max-width: 680px;
  }
}

.cl-v3-tip {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding: 14px 16px;
  box-shadow: -8px 0px 8px rgba(28, 28, 40, 0.04), 8px 0px 8px rgba(28, 28, 40, 0.04), 0px 8px 8px rgba(28, 28, 40, 0.08);
  border-radius: 8px;
  background: rgb(28, 28, 40);
  transition: 200ms ease-in-out;
}
.cl-v3-tip__wrap {
  width: 100%;
}
.cl-v3-tip__close {
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: 200ms ease-in-out;
}
.cl-v3-tip__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.cl-v3-tip__text {
  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(249, 249, 251, 0.96);
  margin-bottom: 0;
}
.cl-v3-tip:hover {
  background: rgb(46, 46, 61);
}

.cl-v3-menu {
  position: absolute;
  background: transparent;
  padding: 12px 0;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 4px;
}

.cl-v3-menu-item {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  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.96);
  padding: 4px 22px 4px 12px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cl-v3-menu-item:hover, .cl-v3-menu-item.selected {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item:active {
  background: rgb(239, 239, 241);
}
.cl-v3-menu-item:focus-visible {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item.danger {
  color: rgb(235, 80, 66);
}
.cl-v3-menu-item.danger:hover {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.danger:active {
  background: rgb(255, 232, 230);
}
.cl-v3-menu-item.danger:focus-visible {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
}
.cl-v3-menu-item.loading {
  background: rgb(239, 239, 241);
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
  align-items: center;
  position: relative;
}
.cl-v3-menu-item.loading .cl-v3-menu-item__loader {
  animation: spin 1s linear infinite;
  width: 10px;
  height: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media screen and (max-width: 1167px) {
  .cl-v3-menu-item {
    padding: 8px 22px;
    justify-content: center;
  }
}

/**
 * @desc: Модальные окна для комопнентов vue, прмежуточное решение до обновления ui-kit
 * @example: раздел ddos, withdraws
 */
/**
 * @desc: Контейнер для модальных окон, имеет свойство scroll
 */
.v-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.8);
}
.v-modals-container.v-show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Оверлэй для закрытия
 */
.v-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 815px) {
  .v-overlay {
    display: none;
  }
}

/**
 * @name: ClassicalModal
 * @desc: Обычное, модальное окно, по центру страницы
 */
.v-classic-modal {
  width: 328px;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.v-classic-modal.v-hide {
  display: none;
}
.v-classic-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.v-classic-modal .content-modal .back-link {
  display: none;
  margin-bottom: 16px;
}
.v-classic-modal .content-modal .back-link .icon-container {
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .back-link__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .close-modal {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  color: #8e90a6;
  display: flex;
  margin-left: auto;
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .close-modal:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal .close-modal.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal__head {
  margin-bottom: 16px;
}
.v-classic-modal .content-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 24px;
}
.v-classic-modal .content-modal__note {
  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.64);
  display: block;
}
.v-classic-modal .content-modal__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);
  text-align: left;
  margin-bottom: 40px;
}
.v-classic-modal .content-modal__btn {
  margin-bottom: 16px;
  height: 48px;
}
.v-classic-modal .content-modal__btn:last-child {
  margin-bottom: 0;
}
.v-classic-modal .content-modal__btn-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  margin: 0 auto;
}
.v-classic-modal .content-modal__btn-text:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal__btn-text.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal .container-btn--first {
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .container-btn-back {
  display: none;
}
@media screen and (max-width: 815px) {
  .v-classic-modal {
    width: 100%;
    height: 100%;
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    margin-top: 0;
  }
  .v-classic-modal .content-modal {
    width: 328px;
    margin: 0 auto;
    margin-top: 56px;
  }
  .v-classic-modal .content-modal .back-link {
    display: flex;
  }
  .v-classic-modal .content-modal .close-modal {
    display: none;
  }
  .v-classic-modal .content-modal .container-btn-back {
    display: block;
    margin-bottom: 24px;
  }
}

/**
 * @name: OverlayModal
 * @desc: Модальное окно, выезжающее справа
 */
.v-slide-modal {
  position: fixed;
  top: 0;
  right: 0;
  background: #ffffff;
  height: 100%;
  overflow: hidden;
  width: auto;
  z-index: 2;
}
.v-slide-modal .scroll-parent {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.v-slide-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 680px !important;
  box-sizing: content-box;
  padding: 72px 72px 140px 65px;
}
.v-slide-modal .content-modal .back-link {
  display: none;
}
.v-slide-modal .content-modal__link-back {
  display: none;
  margin-bottom: 32px;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
.v-slide-modal .content-modal__link-back .text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  color: #008580;
}
.v-slide-modal .content-modal__link-back .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-right: 8px;
}
.v-slide-modal .content-modal__link-back .icon-container picture,
.v-slide-modal .content-modal__link-back .icon-container source,
.v-slide-modal .content-modal__link-back .icon-container img,
.v-slide-modal .content-modal__link-back .icon-container svg {
  width: inherit;
  height: inherit;
}
.v-slide-modal .content-modal__link-back:hover {
  opacity: 0.7;
}
.v-slide-modal .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);
  margin-bottom: 24px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal .content-modal__title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal .content-modal .container-btn {
    margin-bottom: 8px;
    display: block;
  }
}
.v-slide-modal .footer-modal {
  position: sticky;
  border-top: 1px solid rgba(28, 28, 40, 0.12);
  bottom: 0;
  padding: 16px 12px;
  background: rgb(255, 255, 255);
  margin: 0 65px 0 48px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal {
    width: 396px;
  }
  .v-slide-modal .content-modal {
    width: 328px !important;
    padding: 72px 32px 140px 32px;
  }
  .v-slide-modal .footer-modal {
    padding: 16px 0;
    margin: 0 40px 0 24px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal {
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
    overflow: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .v-slide-modal .scroll-parent {
    height: auto;
    overflow-y: auto;
  }
  .v-slide-modal .footer-modal {
    padding-top: 32px;
    border-top: none;
    margin: 0;
  }
  .v-slide-modal .content-modal {
    margin: 0 auto;
    margin-top: 56px;
    padding: 32px 32px 32px 32px;
  }
  .v-slide-modal .content-modal__link-back {
    display: flex;
  }
  .v-slide-modal .content-modal .back-link {
    display: flex;
  }
  .v-slide-modal .content-modal .close-modal {
    display: none;
  }
}

/**
 * @name: ?
 * @desc: Прелоадер для оверлеев
 */
.v-preloader {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  transition: 200ms ease-in-out;
  background: rgba(28, 28, 40, 0.4);
}
.v-preloader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: spin 1s linear infinite;
}
.v-preloader__content picture,
.v-preloader__content source,
.v-preloader__content img,
.v-preloader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * @name: Alert
 * @desc: Предупреждение, всплывает поверх других оверлеев
 */
.v-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.v-alert-container.v-show {
  top: 0;
}

.v-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.v-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.v-alert .content-modal__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: 0 0 24px;
}
.v-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

/*
 * Стили для библиотеки perfect-scrollbar
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-y {
  display: block;
  width: 8px;
  background-color: rgb(246, 246, 246);
  height: 100% !important;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0 !important;
  /* please don't change 'position' */
  position: absolute;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-y {
  display: block;
  background-color: rgb(228, 228, 229);
  border-radius: 0px;
  width: 8px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.cl-v4-code-snippet {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.cl-v4-code-snippet__data-wrapper {
  width: 100%;
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.96);
  background: rgb(245, 245, 250);
  border-radius: 4px;
  padding: 12px 16px 0;
  margin-bottom: 4px;
}
.cl-v4-code-snippet__data-wrapper.just-copied {
  outline: 1px solid rgb(18, 145, 14);
}
.cl-v4-code-snippet__data {
  scrollbar-width: thin;
  overflow-x: auto;
  padding-bottom: 12px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar {
  width: 4px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.cl-v4-code-snippet__data::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.cl-v4-code-snippet__item {
  white-space: nowrap;
}
.cl-v4-code-snippet__value {
  transition: 0.2s ease;
  white-space: pre;
}
.cl-v4-code-snippet__value-wrapper {
  width: fit-content;
  position: relative;
  display: inline-block;
}
.cl-v4-code-snippet__buttons-wrapper {
  position: relative;
}
.cl-v4-code-snippet__buttons-wrapper .cl-v4-code-snippet__after-copied {
  width: 100%;
  color: rgb(18, 145, 14);
  position: absolute;
  top: -30px;
}
.cl-v4-code-snippet__animation-bg {
  background: rgb(245, 245, 250);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.cl-v4-code-snippet__animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 3;
}
.cl-v4-code-snippet__slots {
  position: relative;
}
.cl-v4-code-snippet .animation-noise {
  background-image: url("/img/custom-lib-v3/noise.png");
  background-position: 0 0;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
  opacity: 0.48;
  background-size: 180px 140px;
  color: transparent;
  cursor: pointer;
}
.cl-v4-code-snippet .animation-noise:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}

/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v4-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-v4-animation-noise:hover {
  opacity: 0.24;
}

/**
 * @desc: Container for @SlideModal and @ClassicModal
 */
.cl-v4-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(28, 28, 40, 0.4);
  padding: 32px 0;
}
.cl-v4-modals-container--show {
  top: 0;
}
@media screen and (max-width: 815px) {
  .cl-v4-modals-container {
    z-index: calc(1001 - 1);
    background: #ffffff;
    padding-top: 0;
  }
}

/**
 * @desc: Container for @Alert
 */
.cl-v4-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.cl-v4-alert-container--show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Overlay for closing
 */
.cl-v4-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .cl-v4-overlay {
    display: none;
  }
}

/**
 * @name: SlideModal
 * @desc: Modal window, sliding out from the right side
 */
.cl-v4-slide-modal {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  background: rgb(255, 255, 255);
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
  width: 680px !important;
  box-sizing: content-box;
}
.cl-v4-slide-modal__head {
  padding: 24px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 4px rgba(184, 184, 203, 0.1);
  backdrop-filter: blur(6px);
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
  display: none;
}
.cl-v4-slide-modal__head .cl-v4-slide-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);
  word-break: break-word;
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
  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;
  word-break: break-all;
}
.cl-v4-slide-modal__content {
  padding: 32px 77px 88px;
  height: auto;
}
.cl-v4-slide-modal__content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
.cl-v4-slide-modal__footer {
  padding: 16px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px -4px 4px rgba(184, 184, 203, 0.1), inset 0px 1px 0px rgba(184, 184, 203, 0.25);
  backdrop-filter: blur(6px);
  margin-top: auto;
}
.cl-v4-slide-modal__footer--separated {
  position: fixed;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .cl-v4-slide-modal {
    max-width: 396px;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    width: 328px !important;
  }
  .cl-v4-slide-modal__head {
    padding: 24px 34px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 22px;
    line-height: 24px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 34px 88px;
  }
  .cl-v4-slide-modal__footer {
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-slide-modal {
    height: calc(100% - 48px);
    bottom: 0;
    top: 48px;
    width: 100%;
    max-width: 100%;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    margin: 0 auto;
  }
  .cl-v4-slide-modal__head {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    flex-wrap: no-wrap;
    padding: 4px 8px 12px;
    box-sizing: border-box;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back {
    display: none;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
    cursor: pointer;
    display: block;
    margin-right: 8px;
    height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 15px;
    line-height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 0 88px;
  }
  .cl-v4-slide-modal__footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    justify-content: center;
    padding: 8px 0;
    margin-top: auto;
  }
}

/**
 * @name: Alert
 * @desc: Popup window on top of other modal windows
 */
.cl-v4-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.cl-v4-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.cl-v4-alert .content-modal__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: 0 0 24px;
}
.cl-v4-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.cl-v4-classic-modal {
  width: 328px !important;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.cl-v4-classic-modal.v-hide {
  display: none;
}
.cl-v4-classic-modal__note {
  margin-bottom: 16px;
  display: block;
  word-break: break-all;
}
.cl-v4-classic-modal__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v4-classic-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 16px;
  word-break: break-word;
}
.cl-v4-classic-modal__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-bottom: 24px;
  text-align: left;
}
.cl-v4-classic-modal__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .cl-v4-classic-modal {
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    width: 100% !important;
    margin: 0;
  }
  .cl-v4-classic-modal__head-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    width: 328px;
  }
  .cl-v4-classic-modal__action {
    width: 328px;
    margin: 0 auto;
  }
  .cl-v4-classic-modal__desc {
    width: 328px;
    margin: 0 auto 40px;
  }
  .cl-v4-classic-modal__note {
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-classic-modal__back {
    display: flex;
    margin-bottom: 24px;
    height: 32px;
    cursor: pointer;
  }
  .cl-v4-classic-modal__content {
    margin: 0 auto;
    margin-top: 56px;
  }
}

/**
 * @name ButtonArrow
 * @desc Button with left arrow
 */
.cl-v4-btn-arrow {
  display: flex;
  width: fit-content;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(30, 98, 200);
  height: 32px;
  box-sizing: border-box;
  padding: 6px 0;
}
.cl-v4-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v4-btn-arrow__icon svg {
  stroke: rgb(30, 98, 200);
}
.cl-v4-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v4-btn-arrow:hover {
  color: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:hover .cl-v4-btn-arrow__icon svg {
  stroke: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:active {
  color: rgb(102, 148, 218);
}
.cl-v4-btn-arrow:active .cl-v4-btn-arrow__icon svg {
  stroke: rgb(102, 148, 218);
}
.cl-v4-btn-arrow.focused:not(.disabled) {
  color: #ff0000;
}
.cl-v4-btn-arrow.focused:not(.disabled) .cl-v4-btn-arrow__icon svg {
  stroke: rgb(255, 0, 0);
}
.cl-v4-btn-arrow:disabled, .cl-v4-btn-arrow.disabled {
  color: rgba(12, 12, 61, 0.12);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v4-btn-arrow:disabled .cl-v4-btn-arrow__icon svg, .cl-v4-btn-arrow.disabled .cl-v4-btn-arrow__icon svg {
  stroke: rgba(12, 12, 61, 0.12);
}

/**
 * @name ButtonTag
 * @desc
 */
.cl-v4-btn-tag {
  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.48);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
}
.cl-v4-btn-tag__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-right: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-v4-btn-tag:hover {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag:active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more {
  padding: 4px 8px;
  position: relative;
}
.cl-v4-btn-tag--more .cl-v4-btn-tag__icon {
  transition: 200ms ease-in-out;
  width: 8px;
  height: 16px;
}
.cl-v4-btn-tag--more.active {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more.active .cl-v4-btn-tag__icon {
  transform: rotate(-90deg);
}
.cl-v4-btn-tag--filter {
  padding: 4px 4px 4px 8px;
}
.cl-v4-btn-tag--filter .cl-v4-btn-tag__count {
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.48);
  background: rgba(28, 28, 40, 0.08);
  border-radius: 10px;
  padding: 2px 7px;
  line-height: 12px;
}
.cl-v4-btn-tag--filter.active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag--filter.active .cl-v4-btn-tag__count {
  background: rgba(255, 255, 255, 0.86);
}
.cl-v4-btn-tag--filter.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v4-btn-tag--filter.disabled .cl-v4-btn-tag__count {
  border: 1px solid rgba(28, 28, 40, 0.08);
  background: transparent;
}
.cl-v4-btn-tag--round {
  border-radius: 16px;
}
.cl-v4-btn-tag--square {
  border-radius: 2px;
}

.cl-v4-status {
  width: 100%;
  padding: 56px 77px 24px;
}
.cl-v4-status__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;
  margin-bottom: 8px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status__title {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 0;
  }
}
.cl-v4-status__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 0;
  min-height: 20px;
}
@media screen and (max-width: 815px) {
  .cl-v4-status__note {
    font-size: 12px;
    line-height: 16px;
  }
}
.cl-v4-status--loading .cl-v4-status__title,
.cl-v4-status--loading .cl-v4-status__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v4-status--success {
  justify-content: space-between;
  background: rgb(18, 145, 14);
}
.cl-v4-status--success .cl-v4-status__title,
.cl-v4-status--success .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--success .cl-v4-status__note {
  font-weight: 700;
}
.cl-v4-status--fail {
  background: rgb(228, 81, 68);
}
.cl-v4-status--fail .cl-v4-status__title,
.cl-v4-status--fail .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--fail .cl-v4-status__note {
  font-weight: 400;
}
.cl-v4-status__scale {
  width: 100%;
  height: 12px;
  background: rgb(228, 228, 229);
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  border-radius: 4px;
}
.cl-v4-status__scale::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  background: linear-gradient(90deg, rgb(18, 145, 14) 20%, rgb(228, 228, 229) 20%);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__scale::before {
    background: linear-gradient(90deg, rgb(18, 145, 14) 35%, rgb(228, 228, 229) 35%);
  }
}
@media screen and (max-width: 1167px) {
  .cl-v4-status {
    padding: 56px 34px 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status {
    padding: 4px 8px 12px;
  }
  .cl-v4-status__wrapper {
    padding-left: 40px;
    margin: 0 auto;
  }
}

.cl-v4-table-settings {
  width: 100%;
}
.cl-v4-table-settings__title {
  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.96);
  padding: 6px 0;
  min-width: max-content;
}
.cl-v4-table-settings__data-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.cl-v4-table-settings__data {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  margin: auto 8px;
  padding: 6px 0;
  height: min-content;
  word-break: break-word;
  text-align: end;
}
.cl-v4-table-settings__data--text {
  color: rgba(6, 6, 20, 0.96) !important;
}
.cl-v4-table-settings__data--link {
  color: rgb(30, 98, 200) !important;
}
.cl-v4-table-settings__data--long {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-top: 3px;
}
.cl-v4-table-settings__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-radius: 4px;
  justify-content: space-between;
  padding: 12px;
  transition: background 200ms ease-out;
  cursor: default;
}
.cl-v4-table-settings__item:nth-child(even) {
  background: transparent;
}
.cl-v4-table-settings__item:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v4-table-settings__item:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v4-table-settings__item.focused, .cl-v4-table-settings__item:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item--link {
  cursor: pointer;
}
.cl-v4-table-settings__text, .cl-v4-table-settings__link {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.cl-v4-table-settings__btn {
  height: 32px;
  display: flex;
  align-items: center;
}
.cl-v4-table-settings__icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-table-settings__item {
    padding: 4px 12px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data,
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-weight: 600;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data {
    margin: 0 4px;
    font-weight: 400;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__icon {
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-right: 4px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__btn {
    margin-right: -7px;
  }
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.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;
    margin-bottom: 16px;
  }
  #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;
}
@keyframes showIn {
  0% {
    opacity: 0;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showOut {
  0% {
    opacity: 1;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes simpleShowIn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes simpleShowOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}
.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}
.icon-container picture,
.icon-container source,
.icon-container img,
.icon-container svg {
  width: inherit;
  height: inherit;
}
.icon-container.dynamic {
  cursor: pointer;
}
.icon-container.dynamic:hover {
  background: rgba(205, 205, 218, 0.32);
}
.icon-container.dynamic:active {
  background: rgba(184, 184, 203, 0.64);
}
.icon-container.dynamic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}
.icon-container.size-20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-20 picture,
.icon-container.size-20 source,
.icon-container.size-20 img,
.icon-container.size-20 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-40 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-40 picture,
.icon-container.size-40 source,
.icon-container.size-40 img,
.icon-container.size-40 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-24 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.icon-container.size-24 img,
.icon-container.size-24 svg {
  width: 24px;
  height: 24px;
}

.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;
}

.body-small-regular {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.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;
}

.btn-fill, .btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #fff;
  background: #02a69b;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.btn-fill:focus, .btn-outline-extra-large:focus {
  color: #ffffff;
}
.btn-fill:hover, .btn-outline-extra-large:hover {
  background: #2acbb6;
}
.btn-fill.focused, .focused.btn-outline-extra-large {
  background: #2acbb6;
}
.btn-fill:active, .btn-outline-extra-large:active {
  background: #80edd4;
}
.btn-fill.disabled, .disabled.btn-outline-extra-large, .btn-fill:disabled, .btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-fill.error, .error.btn-outline-extra-large {
  background: #ff4f4f;
}
.btn-fill.error:hover, .error.btn-outline-extra-large:hover {
  background: #ff6d6d;
}
.btn-fill.error.focused, .error.focused.btn-outline-extra-large {
  background: #ff6d6d;
}
.btn-fill.error:active, .error.btn-outline-extra-large:active {
  background: #ff8d8d;
}
.btn-fill.error.disabled, .error.disabled.btn-outline-extra-large, .btn-fill.error:disabled, .error.btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-dark {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  color: #1f2029;
  background: #5ddabd;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
}
.btn-dark:hover {
  background: #1ab7a2;
}
.btn-dark.focused {
  background: #437fd7;
}
.btn-dark:active {
  background: #008077;
}
.btn-dark.disabled, .btn-dark:disabled {
  background: #373848;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-ghost {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #1c1c28;
  background: #ffffff;
  outline: none;
  border: 2px solid #02a69b;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-ghost:visited {
  color: #1c1c28;
}
.btn-ghost:hover {
  opacity: 0.7;
  border: 2px solid #2acbb6;
}
.btn-ghost.focused {
  border: 2px solid #2acbb6;
}
.btn-ghost:active {
  opacity: 0.4;
}
.btn-ghost.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-social {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-social:hover {
  opacity: 0.7;
}
.btn-social.focused {
  opacity: 0.7;
}
.btn-social:active {
  opacity: 1;
}
.btn-social.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-fb {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 2px solid #1877f2;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-fb:hover {
  opacity: 0.7;
}
.btn-fb.focused {
  opacity: 0.7;
}
.btn-fb:active {
  opacity: 1;
}
.btn-fb.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-vk {
  border-color: #2787f5;
}

.btn-google, .btn-yandex {
  border-color: #212121;
}

.btn-github {
  border-color: #231e1b;
}

.btn-choice {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  line-height: 18px;
  outline: none;
  border: 2px solid #1c1c28;
  color: #1c1c28;
  border-radius: 16px;
  padding: 5px 15px;
  cursor: pointer;
  background: #ffffff;
  align-items: center;
  display: inline-flex;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-choice:hover {
  border: 2px solid #2acbb6;
  color: rgba(28, 28, 40, 0.7);
}
.btn-choice.focused {
  border: 2px solid #2acbb6;
}
.btn-choice:active {
  border: 2px solid #80edd4;
  color: rgba(28, 28, 40, 0.4);
}
.btn-choice.disabled {
  border: 2px solid #c7c8d9;
  color: #c7c8d9;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-choice.on, .btn-choice.active {
  background: #28293d;
  color: #ffffff;
  border: 2px solid #28293d;
}
.btn-choice.on:hover, .btn-choice.active:hover {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on.focused, .btn-choice.active.focused {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on:active, .btn-choice.active:active {
  background: #80edd4;
  border: 2px solid #80edd4;
  opacity: 1;
}
.btn-choice.on.disabled, .btn-choice.active.disabled {
  background: #e3e4eb;
  border: 2px solid #e3e4eb;
  color: #ffffff;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1c1c28;
  height: 56px;
  background: #ffffff;
  border: 2px solid #02a69b;
}
.btn-outline-extra-large:hover, .btn-outline-extra-large:focus {
  color: #1c1c28 !important;
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large.focused {
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large:active {
  border-color: #80edd4;
  opacity: 0.4;
  background-color: white;
}
.btn-outline-extra-large.disabled {
  border-color: #c7c8d9;
  opacity: 0.1;
  background-color: white;
}

.btn-load-more {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #555770;
  width: 100%;
  height: 48px;
  background: rgba(211, 213, 230, 0.6);
  outline: none;
  border: none;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.btn-load-more:hover {
  background: rgba(211, 213, 229, 0.35);
}
.btn-load-more:active {
  background: rgba(211, 213, 230, 0.6);
}

.btn-insignificant {
  padding: 6px 12px;
  background-color: rgba(211, 213, 230, 0.6);
  border-radius: 4px;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
  border: none;
}
.btn-insignificant:hover {
  background-color: rgba(211, 213, 229, 0.35);
}

.teal0-underline-link {
  color: #008580;
  transition: 0.2s ease-in-out;
  text-decoration: underline;
}
.teal0-underline-link:hover {
  color: #02a69b;
}

.drag-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.drag-block .drag-space {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border: 2px dashed #02a69b;
  border-radius: 4px;
  padding: 32px;
  cursor: pointer;
  margin-bottom: 16px;
  transition: 200ms ease-in-out;
}
.drag-block .drag-space:hover {
  background: #eafaf5;
}
.drag-block .drag-space .drag-text {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.drag-block .drag-space .drag-text__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-right: 4px;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.drag-block .drag-space .drag-text__choose.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.drag-block .drag-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-bottom: 64px;
}
.drag-block .drag-desc__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #8e90a6;
}
.drag-block__btn {
  width: 240px !important;
  margin-left: auto;
}
@media screen and (max-width: 815px) {
  .drag-block__btn {
    width: 328px !important;
  }
}

.filter-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 48px;
}
.filter-block__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15.6px;
  line-height: 20px;
  margin-bottom: 16px;
}
.filter-block .categories {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.filter-block__btn {
  margin-right: 12px;
}
.filter-block__btn:last-child {
  margin-right: 0;
}

.c-labels {
  display: flex;
  flex-wrap: wrap;
}
.c-labels__l {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  border-radius: 4px;
  padding: 6px 8px;
  margin-right: 4px;
  margin-bottom: 8px;
}
.c-labels__l:last-child {
  margin-right: 0;
}
.c-labels__l--official {
  background: #004fc4;
}
.c-labels__l--billing {
  background: #ff9500;
}
.c-labels__l--hackscan {
  background: #e33838;
}
.c-labels__l--cron {
  background: #360099;
}
.c-labels__l--acts {
  background: #7c5dd9;
}
.c-labels__l--information, .c-labels__l--news {
  background: #05a308;
}
.c-labels__l--recommend {
  background: rgba(185, 237, 195, 0.6);
  color: #05a308;
}
.c-labels__l--recommend-auth {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 4px 8px;
  background: #51C54E;
  color: #ffffff;
}

.uploaded-files {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.uploaded-files__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #555770;
  margin-bottom: 16px;
}
.uploaded-files .c-labels__l--reccomended {
  background-color: rgba(185, 237, 195, 0.6);
}
.uploaded-files .submit__btn {
  max-width: 119px !important;
  padding: 12px 16px;
}
.uploaded-files .file-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 14px;
  align-items: center;
}
.uploaded-files .file-item__icon {
  width: 24px;
  display: flex;
  margin-right: 16px;
}
.uploaded-files .file-item__icon .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.uploaded-files .file-item__icon .icon-container picture,
.uploaded-files .file-item__icon .icon-container source,
.uploaded-files .file-item__icon .icon-container img,
.uploaded-files .file-item__icon .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__name {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  width: calc(100% - 40px - 100px - 40px);
  display: inline-block;
  color: #1c1c28;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.uploaded-files .file-item__size {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  display: flex;
  color: #555770;
  margin-left: auto;
  white-space: nowrap;
}
.uploaded-files .file-item__delete {
  width: 24px;
  display: flex;
  cursor: pointer;
  margin-left: 16px;
}
.uploaded-files .file-item__delete .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  border-radius: 4px;
}
.uploaded-files .file-item__delete .icon-container picture,
.uploaded-files .file-item__delete .icon-container source,
.uploaded-files .file-item__delete .icon-container img,
.uploaded-files .file-item__delete .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__delete .icon-container:hover {
  opacity: 0.7;
  background: rgba(28, 28, 40, 0.12);
}
.uploaded-files .file-item__delete .icon-container:active {
  background: rgba(28, 28, 40, 0.38);
  opacity: 0.7;
}
.uploaded-files .file-item__delete.disabled .icon-container {
  background: none !important;
}

@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.list-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list-preloader__item {
  width: 100%;
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.list-preloader__item--string {
  width: 240px !important;
  height: 16px;
  margin-bottom: 16px;
}
.list-preloader__item--block {
  width: 680px !important;
  height: 72px;
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  .list-preloader__item--block {
    width: 328px !important;
  }
}
.list-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.page-preloader {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 56px;
}
.page-preloader .cl-flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 64px;
}
.page-preloader .cl-flex-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 64px;
}
.page-preloader .page-preloader__item {
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.page-preloader .page-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.page-preloader__item--line {
  width: inherit;
  height: 1px;
  background: #ebebf0;
  margin-bottom: 64px;
}
.page-preloader__item--header {
  background: #ebebf0;
  border-radius: 8px;
  max-width: 294px;
  height: 28px;
  margin-bottom: 24px;
}
.page-preloader__item--long-string {
  max-width: 504px;
  height: 16px;
  margin-bottom: 8px;
}
.page-preloader__item--short-string {
  max-width: 328px;
  height: 15px;
}
.page-preloader__item--large-block {
  max-width: 328px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--small-block {
  max-width: 152px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--footer {
  max-width: 240px;
  height: 40px;
  align-self: flex-end;
}

@media (max-width: 815px) {
  .page-preloader {
    padding: 32px 0 0 0;
  }
  .page-preloader .w-f-r--large-blocks {
    flex-direction: column;
  }
  .page-preloader__item--large-block {
    margin-right: 0;
  }
}
/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
.switcher-block {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 680px;
}
.switcher-block .container-align {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  height: fit-content;
}
.switcher-block__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switcher-block__label {
  width: 48px;
  height: 24px;
  background: #e3e4eb;
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid #555770;
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 16px 0 0;
}
.switcher-block__label:hover {
  background: #ebebf0;
}
.switcher-block__label:focus {
  background: #ebebf0;
}
.switcher-block__label.focused {
  background: #ebebf0;
}
.switcher-block__label:active {
  background: #e3ffe3;
}
.switcher-block__label-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #8e90a6;
  padding-top: 2px;
}
.switcher-block__text-wrap {
  width: 100%;
}
.switcher-block__form-control {
  margin-right: 24px;
}
.switcher-block__text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #8e90a6;
}
.switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #1c1c28;
  display: block;
  padding-bottom: 10px;
}
.switcher-block__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 2px solid #555770;
  border-radius: 50%;
  transition: 0.3s;
}
.switcher-block__input:checked + .switcher-block__label {
  background: #51c54e;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__input:checked + .switcher-block__label:hover {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label.focused {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.switcher-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.switcher-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switcher-block.disabled .switcher-block__label::after {
  background: #fff url(/img/icons/lock.svg) left 45% bottom 46% no-repeat;
}
.switcher-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switcher-block.mini .switcher-block__label {
  width: 32px;
  height: 16px;
}
.switcher-block.mini .switcher-block__label:after {
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
}
.switcher-block.mini .switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}

.switch-not-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 48px;
}
.switch-not-block:first-of-type {
  padding-top: 48px;
}
.switch-not-block .switcher-block {
  width: 150px;
  min-width: 150px;
  margin-right: 24px;
}
.switch-not-block .not-type__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #1c1c28;
  margin-bottom: 8px;
}
.switch-not-block .not-type__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
}
.switch-not-block.disabled .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switch-not-block.disabled .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switch-not-block.disabled .auth-description__title,
.switch-not-block.disabled .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled .c-labels__l--recommend {
  display: none;
}
.switch-not-block.disabled-switch-on .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled-switch-on .switcher-block__label {
  background: #51c54e;
}
.switch-not-block.disabled-switch-on .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled-switch-on .switcher-block__text {
  color: #05a308;
}
.switch-not-block.disabled-switch-on .auth-description__title,
.switch-not-block.disabled-switch-on .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled-switch-on .c-labels__l--recommend {
  display: none;
}
@media screen and (max-width: 815px) {
  .switch-not-block {
    flex-direction: column;
  }
  .switch-not-block .switcher-block {
    margin-bottom: 24px;
  }
}

.checkbox-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.checkbox-block input {
  display: none;
}
.checkbox-block__checkbox {
  display: none;
}
.checkbox-block__label {
  padding: 2px;
  display: block;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px;
  min-width: 20px;
  border: 2px solid #1c1c28;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 12px;
  text-indent: -9999px;
  user-select: none;
}
.checkbox-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
}
.checkbox-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:disabled, .checkbox-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.checkbox-block__checkbox:checked + .checkbox-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:focus, .checkbox-block__checkbox:checked + .checkbox-block__label.focused, .checkbox-block__checkbox:checked + .checkbox-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:disabled, .checkbox-block__checkbox:checked + .checkbox-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.checkbox-block__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #28293d;
  white-space: nowrap;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}

.radio-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.radio-block__checkbox {
  display: none;
}
.radio-block__label {
  padding: 3px;
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 2px solid #1c1c28;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 16px;
  text-indent: -9999px;
  user-select: none;
  border-radius: 50%;
}
.radio-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
  border-color: #40404a;
}
.radio-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:disabled, .radio-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.radio-block__checkbox:checked + .radio-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.radio-block__checkbox:checked + .radio-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.radio-block__checkbox:checked + .radio-block__label:focus, .radio-block__checkbox:checked + .radio-block__label.focused, .radio-block__checkbox:checked + .radio-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.radio-block__checkbox:checked + .radio-block__label:disabled, .radio-block__checkbox:checked + .radio-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.radio-block__checkbox:checked .radio-block__label:hover {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:focus {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label.focused {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:active {
  border: 2px solid #80edd4 !important;
}
.radio-block__text {
  color: rgba(6, 6, 20, 0.96);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  width: calc(100% - 20px);
  cursor: pointer;
}
.radio-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.radio-block.disabled .radio-block__label {
  border: 2px solid #e3e4eb !important;
}
.radio-block.disabled .radio-block__text {
  color: #8e90a6 !important;
}

.form-input {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-input__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  padding: 0 8px 0 0;
  text-align: left;
}
.form-input__input {
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  width: inherit;
  height: 32px;
  border: none;
  outline: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  margin-bottom: 4px;
  padding: 0 8px;
  transition: 200ms ease-in-out;
  color: rgba(6, 6, 20, 0.96);
}
.form-input__input:hover, .form-input__input:focus {
  border-bottom: 2px solid #65656d;
}
.form-input__input:focus .icon-container {
  opacity: 1;
}
.form-input__input::placeholder {
  color: rgba(6, 6, 20, 0.42);
}
.form-input__input:not(:placeholder-shown) {
  border-bottom: 2px solid rgba(184, 184, 203, 0.64);
}
.form-input__input:not(:placeholder-shown):focus {
  border-bottom: 2px solid #1c1c28;
}
.form-input__help-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #555770;
  padding: 0 8px 0 0;
  height: 16px;
  text-align: left;
  white-space: nowrap;
}
.form-input .input-icon-container {
  position: relative;
}
.form-input .input-icon-container .icon-container {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  opacity: 0;
}
.form-input .input-icon-container .icon-container:hover {
  background: rgba(205, 205, 218, 0.32);
}
.form-input .input-icon-container .icon-container:active {
  background: rgba(184, 184, 203, 0.64);
}
.form-input .input-icon-container .icon-container.disabled, .form-input .input-icon-container .icon-container:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.form-input .input-icon-container .icon-container svg {
  width: inherit;
  height: inherit;
}
.form-input .input-icon-container:hover .icon-container {
  opacity: 1;
}
.form-input .input-icon-container .form-input__input:focus + .icon-container {
  opacity: 1;
}
.form-input.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
@-moz-document url-prefix() {
  .form-input.disabled {
    pointer-events: unset;
  }
}
.form-input.disabled * {
  color: #8e90a6;
}
.form-input.disabled .help-text {
  color: #555770;
}
.form-input.disabled .form-input__input,
.form-input.disabled .form-input__input:disabled {
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background: none;
}
.form-input.disabled .icon-container {
  display: none;
}
.form-input.disabled.focused *, .form-input.disabled.error *, .form-input.disabled.warning *, .form-input.disabled.success * {
  color: #8e90a6;
}
.form-input.disabled.focused .help-text, .form-input.disabled.error .help-text, .form-input.disabled.warning .help-text, .form-input.disabled.success .help-text {
  color: #555770;
}
.form-input.focused .form-input__input {
  border-bottom: 2px solid #2acbb6;
}
.form-input.error .form-input__label {
  color: #ff3200;
}
.form-input.error .form-input__input:hover, .form-input.error .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.error .form-input__help-text {
  color: #ff3200;
}
.form-input.warning .form-input__input:hover, .form-input.warning .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.warning .form-input__help-text {
  color: #f08c00;
}
.form-input.success .form-input__input:hover, .form-input.success .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.success .form-input__help-text {
  color: #05a308;
}

/**
 * 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;
}

.cl-v3-label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  padding: 6px 8px;
  border-radius: 2px;
  width: fit-content;
}
.cl-v3-label--grey {
  background: rgb(246, 246, 246);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--grey-dark {
  background: rgb(64, 64, 74);
  color: rgb(255, 255, 255);
}
.cl-v3-label--violet {
  background: rgb(235, 224, 249);
  color: rgb(92, 0, 204);
}
.cl-v3-label--violet-dark {
  background: rgb(92, 0, 204);
  color: rgb(235, 224, 249);
}
.cl-v3-label--yellow {
  background: rgb(251, 234, 184);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--yellow-dark {
  background: rgb(242, 192, 41);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-label--green {
  background: rgb(227, 242, 226);
  color: rgb(18, 145, 14);
}
.cl-v3-label--red {
  background: rgb(255, 214, 204);
  color: rgb(255, 50, 0);
}

.cl-v3-atom-no-click {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-atom-no-click__key {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  width: 404px;
  margin-right: 24px;
}
.cl-v3-atom-no-click__value {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.64);
  width: calc(100% - 404px - 24px);
}
.cl-v3-atom-no-click--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-atom-no-click--blue {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-no-click--yellow {
  background: rgb(252, 249, 237);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-no-click__value {
    width: fit-content;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-no-click {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cl-v3-atom-no-click__key {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.88);
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .cl-v3-atom-no-click__value {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.64);
    width: 100%;
  }
}

.cl-v3-atom-dropdown {
  width: calc(100% + 24px);
  border-radius: 2px;
  margin-left: -12px;
  position: relative;
}
.cl-v3-atom-dropdown__content {
  display: none;
  padding: 24px 12px 56px;
}
.cl-v3-atom-dropdown__title {
  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: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  transition: 200ms ease-in-out;
  word-break: break-all;
  max-width: 1000px;
}
.cl-v3-atom-dropdown__note {
  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);
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__arrow {
  transition: 200ms ease-in-out;
  width: 32px;
  height: 32px;
}
.cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown__toggle {
  display: flex;
  flex-direction: row;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 24px;
  transition: 200ms ease-in-out;
  border-radius: 2px;
  opacity: 1;
}
.cl-v3-atom-dropdown__toggle.disabled {
  cursor: default;
  pointer-events: none;
  background: rgb(245, 245, 249);
}
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-atom-dropdown__toggle.atom-preloader {
  position: relative;
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__text {
  opacity: 0.4;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cl-v3-atom-dropdown__toggle--grey {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-dropdown__toggle--grey.preloader {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--blue {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(218, 231, 250);
}
.cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(230, 238, 251);
}
.cl-v3-atom-dropdown__toggle--blue.preloader {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue.disabled {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-dropdown__toggle--blue.disabled .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle--orange {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-dropdown__toggle--orange.preloader {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 220, 176);
}
.cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffe7c7;
}
.cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffefdb;
}
.cl-v3-atom-dropdown__toggle--orange-light.preloader {
  background: #ffdcb0;
}
.cl-v3-atom-dropdown__toggle--green {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(229, 250, 218);
}
.cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(237, 251, 230);
}
.cl-v3-atom-dropdown__toggle--green.preloader {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--float {
  z-index: 10;
}
.cl-v3-atom-dropdown__toggle--float.sticky {
  position: fixed;
  top: 64px;
  z-index: 2;
  max-width: 1056px;
  transition: 200ms ease-in-out;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 704px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 352px;
  }
}
.cl-v3-atom-dropdown__toggle.disappear {
  animation: simpleShowOut 400ms ease-out;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--static {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.cl-v3-atom-dropdown__toggle--static.sticky {
  position: static;
}
.cl-v3-atom-dropdown__toggle--empty {
  position: absolute;
  left: -99999px;
  top: 48px;
  background: rgb(255, 255, 255);
  z-index: 1;
  height: 64px;
  box-sizing: content-box;
  margin-bottom: 0;
  border-radius: unset;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--empty.disappear {
  background: transparent;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--empty {
    top: 48px;
  }
}
.cl-v3-atom-dropdown__toggle--empty.sticky {
  position: fixed;
  left: unset;
  right: 18px;
}
.cl-v3-atom-dropdown__alert-circle {
  position: absolute;
  background: rgb(255, 50, 0);
  border: 1px solid rgb(255, 255, 255);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 12px;
  top: -6px;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__title {
  color: rgba(249, 249, 251, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__note {
  color: rgba(249, 249, 251, 0.88);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__content {
  display: block;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow {
  transform: rotate(-90deg);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow svg {
  fill: rgb(255, 255, 255);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey {
  background: rgb(64, 64, 79);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(95, 95, 107);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(125, 125, 135);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue {
  background: rgb(30, 98, 200);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(66, 123, 209);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(102, 148, 218);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange {
  background: rgb(204, 94, 20);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(222, 106, 29);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(229, 120, 46);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 175, 71);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffb557;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffc070;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light.disabled {
  background: #fff7ed;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green {
  background: rgb(71, 124, 60);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(85, 140, 74);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(95, 157, 83);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__title {
    max-width: 648px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__title {
    max-width: 296px;
  }
}

.cl-v3-atom-click {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 12px 12px;
  border-radius: 2px;
  background: rgb(228, 228, 237);
  width: 100%;
  position: relative;
}
.cl-v3-atom-click__wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-atom-click:hover, .cl-v3-atom-click.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-click.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-atom-click:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-click--icon .cl-v3-atom-click__text {
  margin-left: 12px;
}
.cl-v3-atom-click__key {
  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: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-click__key--mb {
  margin-bottom: 4px;
}
.cl-v3-atom-click__value {
  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);
}
.cl-v3-atom-click--ghost {
  background: transparent;
  border: 2px solid rgb(228, 228, 237);
}
.cl-v3-atom-click--ghost:hover, .cl-v3-atom-click--ghost.focused, .cl-v3-atom-click--ghost:active {
  background: transparent;
}
.cl-v3-atom-click--yellow {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow:hover, .cl-v3-atom-click--yellow.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click--yellow-ghost {
  background: transparent;
  border: 2px solid rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow-ghost:hover, .cl-v3-atom-click--yellow-ghost.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow-ghost:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click.atom-preloader {
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-click.atom-preloader .cl-v3-atom-click__text,
.cl-v3-atom-click.atom-preloader .icon-container {
  opacity: 0.4;
}
.cl-v3-atom-click.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.cl-v3-atom-info {
  cursor: default;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  align-items: flex-start;
  border-radius: 2px;
}
.cl-v3-atom-info__icon {
  margin-right: 12px;
}
.cl-v3-atom-info__info {
  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.96);
  min-height: 32px;
}
.cl-v3-atom-info--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-atom-info--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-atom-info--white {
  background: rgb(255, 255, 255);
}
.cl-v3-atom-info--red {
  background: rgb(255, 214, 204);
}
.cl-v3-atom-info--green {
  background: rgb(227, 242, 226);
}

.cl-v3-prompt {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 2px;
}
.cl-v3-prompt__icon {
  margin-right: 12px;
}
.cl-v3-prompt__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  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.96);
}
.cl-v3-prompt__link, .cl-v3-prompt__link:hover, .cl-v3-prompt__link:visited {
  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.96);
  text-decoration: underline;
  width: fit-content;
}
.cl-v3-prompt--white {
  background: rgb(255, 255, 255);
  font-weight: 400;
}
.cl-v3-prompt--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-prompt--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-prompt--red {
  background: rgb(255, 214, 204);
}
.cl-v3-prompt--green {
  background: rgb(227, 242, 226);
}

.cl-v3-btn-base {
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cl-v3-btn-base--main {
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--main:hover {
  color: rgb(255, 255, 255);
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main:active {
  color: rgb(255, 255, 255);
  background: rgb(101, 101, 109);
}
.cl-v3-btn-base--main.focused {
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main.disabled, .cl-v3-btn-base--main:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--danger {
  background: rgb(255, 50, 0);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--danger:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger:active {
  color: rgb(255, 255, 255);
  background: rgb(255, 116, 82);
}
.cl-v3-btn-base--danger.focused {
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger.disabled, .cl-v3-btn-base--danger:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--white {
  background: rgb(255, 255, 255);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--white:hover {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white:active {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-base--white.focused {
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white.disabled, .cl-v3-btn-base--white:disabled {
  background: rgba(255, 255, 255, 0.32);
}
.cl-v3-btn-base--ghost {
  background: rgb(255, 255, 255);
  color: rgb(28, 28, 40);
  border: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-base--ghost:hover {
  background: rgb(246, 246, 246);
  border-color: rgb(64, 64, 74);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-base--ghost:active {
  background: rgb(246, 246, 246);
  border-color: rgb(101, 101, 109);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-base.focused {
  box-shadow: 0px 0px 0px 2px rgb(255, 0, 0) inset;
}
.cl-v3-btn-base.focused.disabled, .cl-v3-btn-base.focused:disabled {
  box-shadow: none;
}
.cl-v3-btn-base--grey {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--grey:active, .cl-v3-btn-base--grey.active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-base--grey.disabled {
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
  background: transparent;
}
.cl-v3-btn-base--grey.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-base--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-base--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-ghost {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.cl-v3-btn-ghost--main {
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-ghost--main:hover {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-ghost--main:active, .cl-v3-btn-ghost--main.active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-ghost--main.disabled, .cl-v3-btn-ghost--main:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--main.focused {
  color: rgb(64, 64, 74);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-ghost--danger {
  border: 2px solid rgb(255, 50, 0);
  background: transparent;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-ghost--danger:hover {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--danger:active {
  border: 2px solid rgb(255, 116, 82);
  color: rgb(255, 116, 82);
}
.cl-v3-btn-ghost--danger.disabled, .cl-v3-btn-ghost--danger:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--danger.focused {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--white {
  border: 2px solid rgb(255, 255, 255);
  background: transparent;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-ghost--white:hover {
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.96);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost--white:active {
  background: rgba(255, 255, 255, 0.32);
  border: 2px solid rgba(255, 255, 255, 0.88);
  color: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-ghost--white.disabled, .cl-v3-btn-ghost--white:disabled {
  border: 2px solid rgba(255, 255, 255, 0.32);
  background: transparent;
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--white.focused {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost.focused {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-ghost--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-ghost--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-ghost--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-loader {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: not-allowed;
  border: none;
  outline: none;
  white-space: nowrap;
}
.cl-v3-btn-loader__content {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-loader .circle-spinner {
  stroke: rgba(255, 255, 255, 0.86);
  box-sizing: border-box;
  stroke-width: 3px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  animation: line-animation 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate-animation 1.6s linear infinite;
  stroke-width: 4px;
}
.cl-v3-btn-loader--main {
  background: rgb(101, 101, 109);
}
.cl-v3-btn-loader--main::after {
  background: linear-gradient(90deg, #ececf1 0%, #f6f6f9 45.29%, rgb(255, 255, 255) 45.3%, #ececf1 45.31%, #ececf1 45.32%);
}
.cl-v3-btn-loader--main.cl-v3-btn-loader--gradient {
  background: #ececf1;
}
.cl-v3-btn-loader--danger {
  background: rgb(255, 116, 82);
}
.cl-v3-btn-loader--danger-ghost {
  background: rgba(255, 245, 242, 0.72);
}
.cl-v3-btn-loader--danger-ghost svg {
  fill: #ff6641;
}
.cl-v3-btn-loader--white {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--white .circle-spinner {
  stroke: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-loader--ghost {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-btn-loader--lg {
  height: 56px;
}
.cl-v3-btn-loader--md {
  height: 40px;
}
.cl-v3-btn-loader--sm {
  height: 32px;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: btn-loader-spin 1s linear infinite;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content picture,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content source,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content img,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes btn-loader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-animation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(450deg);
  }
}
@keyframes line-animation {
  0% {
    stroke-dasharray: 2, 85.964;
    transform: rotate(0);
  }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    transform: rotate(90deg);
  }
}

.cl-v3-btn-text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  display: flex;
  width: fit-content;
  padding-bottom: 4px;
  border-bottom: 2px solid rgb(28, 28, 40);
  cursor: pointer;
  transition: 200ms ease-in-out;
  height: fit-content;
  align-self: center;
  white-space: nowrap;
  text-decoration: none;
}
.cl-v3-btn-text:hover {
  color: rgb(64, 64, 74);
}
.cl-v3-btn-text:active {
  color: rgb(101, 101, 109);
  border-bottom: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-text:visited, .cl-v3-btn-text:focus {
  color: rgb(28, 28, 40);
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-text:disabled, .cl-v3-btn-text.disabled {
  color: rgb(228, 228, 229);
  border-bottom: 2px solid rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}

.cl-v3-btn-arrow {
  display: flex;
  width: fit-content;
  padding-right: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(101, 101, 109);
  height: 32px;
  box-sizing: border-box;
}
.cl-v3-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(28, 28, 40);
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v3-btn-arrow:hover, .cl-v3-btn-arrow:focus {
  color: rgb(101, 101, 109);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-arrow:active {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active .cl-v3-btn-arrow__text {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active svg {
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow:active svg * {
  fill: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:disabled, .cl-v3-btn-arrow.disabled {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-arrow:disabled .cl-v3-btn-arrow__text, .cl-v3-btn-arrow.disabled .cl-v3-btn-arrow__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow:disabled svg *, .cl-v3-btn-arrow.disabled svg * {
  fill: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-btn-arrow.focused.disabled {
  box-shadow: none;
}

.cl-v3-btn-menu {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 200ms ease-in-out;
  width: 100%;
}
.cl-v3-btn-menu__icon {
  margin-right: 12px;
}
.cl-v3-btn-menu__text {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.cl-v3-btn-menu--sm {
  padding: 4px 16px;
}
.cl-v3-btn-menu--md {
  padding: 4px 24px;
}
.cl-v3-btn-menu--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  padding: 12px 24px;
}
.cl-v3-btn-menu--right {
  justify-content: space-between;
}
.cl-v3-btn-menu--right .cl-v3-btn-menu__icon {
  order: 1;
  margin-right: 0;
}
.cl-v3-btn-menu--center {
  justify-content: center;
}
.cl-v3-btn-menu--double {
  padding: 8px 24px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__icon {
  margin-right: 16px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__text {
  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: black;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__sub-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.48);
}
.cl-v3-btn-menu:hover, .cl-v3-btn-menu:focus {
  background-color: rgba(205, 205, 218, 0.32);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:active {
  background-color: rgba(184, 184, 203, 0.64);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:disabled, .cl-v3-btn-menu.disabled {
  color: rgba(229, 229, 230, 0.8);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-menu:disabled .cl-v3-btn-menu__icon, .cl-v3-btn-menu.disabled .cl-v3-btn-menu__icon {
  opacity: 0.2;
}
.cl-v3-btn-menu.load {
  padding: 0;
  background: rgba(184, 184, 203, 0.64);
  transition: none;
}
.cl-v3-btn-menu--danger {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-menu--danger:hover {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 247, 245);
}
.cl-v3-btn-menu--danger:active {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 214, 204);
}

.cl-v3-btn-minor {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  background: rgb(228, 228, 237);
  padding: 8px 10px;
}
.cl-v3-btn-minor:hover, .cl-v3-btn-minor:focus {
  background: rgb(241, 241, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-minor:active {
  background: rgb(241, 241, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-minor.disabled, .cl-v3-btn-minor:disabled {
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-minor--lg {
  height: 56px;
}
.cl-v3-btn-minor--md {
  height: 40px;
}
.cl-v3-btn-minor--sm {
  height: 32px;
}
.cl-v3-btn-minor.focused {
  border: 1px solid #ff0000;
}

.cl-v3-btn-choice {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: calc(100% - 3px);
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
  padding: 8px 16px;
}
.cl-v3-btn-choice:hover, .cl-v3-btn-choice.focused {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-choice.focused {
  border-color: rgb(255, 0, 0);
}
.cl-v3-btn-choice:active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-choice.disabled, .cl-v3-btn-choice:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice.selected {
  border-color: transparent;
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-choice.selected.focused {
  border-color: transparent;
}
.cl-v3-btn-choice.selected.disabled, .cl-v3-btn-choice.selected:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 40px;
  border-radius: 20px;
}
.cl-v3-btn-choice--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
  border-radius: 16px;
}

.cl-v3-btn-action {
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cl-v3-btn-action__icon--size-32 svg {
  width: 32px;
  height: 32px;
}
.cl-v3-btn-action__icon--size-24 svg {
  width: 24px;
  height: 24px;
}
.cl-v3-btn-action__icon--size-20 svg {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-action:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-btn-action:active, .cl-v3-btn-action.active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-btn-action.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.cl-v3-btn-action:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.32);
}
@media (hover: none) {
  .cl-v3-btn-action:hover {
    background: transparent;
  }
}

.cl-v3-btn-add {
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-btn-add__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
}
.cl-v3-btn-add__icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.cl-v3-btn-add__icon svg {
  fill: rgb(255, 114, 79);
}
.cl-v3-btn-add--yellow {
  background: transparent;
}
.cl-v3-btn-add--yellow .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--yellow:hover, .cl-v3-btn-add--yellow.focused {
  background: #fcf9ed;
}
.cl-v3-btn-add--yellow:active, .cl-v3-btn-add--yellow.loading {
  background: #fbf6e6;
}
.cl-v3-btn-add--blue {
  background: transparent;
}
.cl-v3-btn-add--blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--blue:hover, .cl-v3-btn-add--blue.focused {
  background: #edf3fc;
}
.cl-v3-btn-add--blue:active, .cl-v3-btn-add--blue.loading {
  background: #e6eefb;
}
.cl-v3-btn-add--grey {
  background: transparent;
}
.cl-v3-btn-add--grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--grey:hover, .cl-v3-btn-add--grey.focused {
  background: #f4f4fb;
}
.cl-v3-btn-add--grey:active, .cl-v3-btn-add--grey.loading {
  background: #ececf8;
}
.cl-v3-btn-add--red {
  background: transparent;
}
.cl-v3-btn-add--red .cl-v3-btn-add__text {
  color: #eb5042;
}
.cl-v3-btn-add--red:hover, .cl-v3-btn-add--red.focused {
  background: #fff6f5;
}
.cl-v3-btn-add--red:active, .cl-v3-btn-add--red.loading {
  background: #ffe8e6;
}
.cl-v3-btn-add--light-grey {
  background: transparent;
}
.cl-v3-btn-add--light-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-grey:hover, .cl-v3-btn-add--light-grey.focused {
  background: #f5f5f9;
}
.cl-v3-btn-add--light-grey:active, .cl-v3-btn-add--light-grey.loading {
  background: #f1f1f6;
}
.cl-v3-btn-add--light-blue {
  background: transparent;
}
.cl-v3-btn-add--light-blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-blue:hover, .cl-v3-btn-add--light-blue.focused {
  background: #edf8fc;
}
.cl-v3-btn-add--light-blue:active, .cl-v3-btn-add--light-blue.loading {
  background: #e6f6fb;
}
.cl-v3-btn-add--dark-grey {
  background: transparent;
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__icon svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-add--dark-grey:hover, .cl-v3-btn-add--dark-grey.focused {
  background: rgba(28, 28, 40, 0.08);
}
.cl-v3-btn-add--dark-grey:active, .cl-v3-btn-add--dark-grey.loading {
  background: rgba(28, 28, 40, 0.16);
}
.cl-v3-btn-add.focused {
  border: 1px solid #ff0000;
}
.cl-v3-btn-add.disabled, .cl-v3-btn-add:disabled {
  background: transparent;
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__text, .cl-v3-btn-add:disabled .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__icon svg, .cl-v3-btn-add:disabled .cl-v3-btn-add__icon svg {
  opacity: 0.3;
}

/*
* нужно для frontend/vue/src/components/v1-v3/buttons/ButtonLinkBase.vue
* Если это неподходящее место для этого, то переместите потом куда-нибудь на своё усмотрение
*/
.button-link-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-link-fix:hover, .button-link-fix:focus {
  color: #ffffff;
}
.button-link-fix--ghost:hover, .button-link-fix--ghost:focus {
  color: #000000;
}

.cl-v3-btn-social {
  display: flex;
  place-content: center center;
  place-items: center center;
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 100%;
  height: 56px;
  border-radius: 2px;
  border: none;
  background: rgb(228, 228, 237);
}
.cl-v3-btn-social:hover, .cl-v3-btn-social:focus {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social:active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.cl-v3-btn-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: inline-flex;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 2px;
  height: 20px;
  padding-left: 2px;
  width: fit-content;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-link__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.64);
  margin-right: 6px;
  display: flex;
}
.cl-v3-btn-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
}
.cl-v3-btn-link__icon picture,
.cl-v3-btn-link__icon source,
.cl-v3-btn-link__icon img,
.cl-v3-btn-link__icon svg {
  width: inherit;
  height: inherit;
}
.cl-v3-btn-link svg {
  fill: rgba(6, 6, 20, 0.64);
}
.cl-v3-btn-link:hover {
  background: rgb(234, 234, 241);
  border-color: rgb(234, 234, 241);
  text-decoration: none;
}
.cl-v3-btn-link:focus-visible {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-link:active {
  background: rgb(228, 228, 237);
}
.cl-v3-btn-link.disabled .cl-v3-btn-link__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.24);
}
.cl-v3-btn-link.disabled svg {
  fill: rgba(6, 6, 20, 0.24);
}

.cl-v3-btn-main {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(28, 28, 40);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main:after, .cl-v3-btn-main:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main:after {
  z-index: 2;
}
.cl-v3-btn-main:before {
  z-index: 3;
}
.cl-v3-btn-main:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(28, 28, 40);
}
.cl-v3-btn-main:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.disabled, .cl-v3-btn-main:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main--lg .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main--md .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main--sm .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-main-ghost {
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: 2px solid rgb(28, 28, 40);
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-ghost__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-ghost:after, .cl-v3-btn-main-ghost:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-ghost:after {
  z-index: 2;
}
.cl-v3-btn-main-ghost:before {
  z-index: 3;
}
.cl-v3-btn-main-ghost:hover:after {
  opacity: 1;
}
.cl-v3-btn-main-ghost:active:before {
  opacity: 1;
}
.cl-v3-btn-main-ghost:hover {
  opacity: 0.9;
}
.cl-v3-btn-main-ghost:active {
  opacity: 0.7;
}
.cl-v3-btn-main-ghost.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost.disabled, .cl-v3-btn-main-ghost:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-ghost--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-ghost--lg .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-ghost--md .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-ghost--sm .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(28, 28, 40);
}

.cl-v3-btn-main-danger {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 50, 0);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-danger__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-danger:after, .cl-v3-btn-main-danger:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-danger:after {
  z-index: 2;
}
.cl-v3-btn-main-danger:before {
  z-index: 3;
}
.cl-v3-btn-main-danger:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.disabled, .cl-v3-btn-main-danger:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(255, 50, 0);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-danger--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-danger--lg .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-danger--md .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-danger--sm .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-white {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  line-height: 20px;
  color: rgb(28, 28, 40);
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 255, 255);
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-white:hover {
  opacity: 0.9;
}
.cl-v3-btn-white:active {
  opacity: 0.7;
}

.cl-v3-switcher {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  width: -moz-fit-content;
}
.cl-v3-switcher__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.cl-v3-switcher__label {
  width: 40px;
  height: 20px;
  background: rgb(228, 228, 237);
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid rgb(64, 64, 79);
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 8px 0 0;
}
.cl-v3-switcher__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(64, 64, 79);
  border-radius: 50%;
  transition: 200ms ease-in-out;
}
.cl-v3-switcher__label:hover, .cl-v3-switcher__label:focus, .cl-v3-switcher__label.focused {
  background: rgb(234, 234, 241);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:hover:after, .cl-v3-switcher__label:focus:after, .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:active {
  background: rgb(237, 251, 230);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
  width: 24px;
}
.cl-v3-switcher__label:disabled, .cl-v3-switcher__label.disabled {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__label:disabled:after, .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__text {
  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: #8e90a6;
  white-space: nowrap;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgb(71, 124, 60);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused {
  background: rgb(85, 140, 74);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active {
  background: rgb(241, 241, 246);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label + .cl-v3-switcher__text {
  color: rgb(71, 124, 60);
}
.cl-v3-switcher.disabled .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__label {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}

.cl-v3-input-search {
  width: 100%;
}
.cl-v3-input-search__wrapper {
  position: relative;
}
.cl-v3-input-search__search-icon {
  transition: 200ms ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.cl-v3-input-search__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 4px;
  padding-left: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box !important;
}
.cl-v3-input-search__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-search__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-search__input:hover .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__help-text {
  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);
}
.cl-v3-input-search__clean {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-input-search__input:focus + .cl-v3-input-search__clean, .cl-v3-input-search__input:hover + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__clean:hover {
  opacity: 1;
}
.cl-v3-input-search::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}

.cl-v3-input-select {
  width: 100%;
  position: relative;
}
.cl-v3-input-select__wrapper {
  position: relative;
}
.cl-v3-input-select__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-select__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: calc(100% - 52px);
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 42px;
  background: rgb(255, 255, 255);
  text-align: left;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
  box-sizing: content-box;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-select__input-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  white-space: nowrap;
}
.cl-v3-input-select__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-select__input:active, .cl-v3-input-select__input:focus, .cl-v3-input-select__input.focused, .cl-v3-input-select__input.opened {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-select__icon {
  position: absolute;
  transition: 200ms ease-in-out;
  top: 0;
  right: 0;
}
.cl-v3-input-select__icon--chevron {
  cursor: pointer;
}
.cl-v3-input-select__icon--chevron.opened .icon-container {
  transform: rotate(-90deg);
}
.cl-v3-input-select__help-text {
  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);
  min-height: 18px;
}
.cl-v3-input-select__placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select .select-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 10;
  background: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  padding: 6px 0;
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  overflow-y: scroll;
}
.cl-v3-input-select .select-box__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  transition: 200ms ease-in-out;
  cursor: pointer;
}
.cl-v3-input-select .select-box__item:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-input-select .select-box__item:active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box__item:last-child {
  margin-bottom: 0;
}
.cl-v3-input-select .select-box__item.focused {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box .select-item__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 23px;
  color: rgba(6, 6, 20, 0.96);
  word-break: break-all;
}
.cl-v3-input-select .select-box .select-item.selected {
  cursor: default;
  pointer-events: none;
}
.cl-v3-input-select .select-box .select-item.selected .select-item__text {
  color: rgba(6, 6, 20, 0.48);
  opacity: 1;
}
.cl-v3-input-select--lg .select-box {
  padding: 6px 0;
  max-height: 222px;
  top: 65px;
}
.cl-v3-input-select--lg .select-box__item {
  height: 40px;
  margin-bottom: 2px;
  padding: 10px 12px;
}
.cl-v3-input-select--md .select-box {
  padding: 11px 0;
  max-height: 240px;
  top: 62px;
}
.cl-v3-input-select--md .select-box__item {
  padding: 6px 24px 7px;
}
.cl-v3-input-select.empty .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select.disabled .cl-v3-input-select__label {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__icon {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.64);
  border-color: rgba(28, 28, 40, 0.08);
  pointer-events: none;
  cursor: default;
}

.cl-v3-input-checkbox,
.cl-v3-input-radio {
  position: relative;
}
.cl-v3-input-checkbox__input,
.cl-v3-input-radio__input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.cl-v3-input-checkbox__label,
.cl-v3-input-radio__label {
  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.96);
  cursor: pointer;
  position: relative;
  min-height: 20px;
  min-width: 20px;
  padding-left: 32px;
  margin-bottom: 0;
}
.cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__label::before {
  content: "";
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid rgb(28, 28, 40);
  border-radius: 2px;
  top: 0;
  left: 0;
}
.cl-v3-input-checkbox__label:hover::before,
.cl-v3-input-radio__label:hover::before {
  background-color: rgba(28, 28, 40, 0.16);
}
.cl-v3-input-checkbox__label:active::before,
.cl-v3-input-radio__label:active::before {
  background-color: rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox__label.disabled,
.cl-v3-input-radio__label.disabled {
  color: rgba(6, 6, 20, 0.32);
}
.cl-v3-input-checkbox__label.disabled::before,
.cl-v3-input-radio__label.disabled::before {
  cursor: not-allowed;
  border-color: rgba(28, 28, 40, 0.08);
  background-color: rgb(246, 246, 246);
  pointer-events: none;
}
.cl-v3-input-checkbox .cl-v3-input-radio__label::before,
.cl-v3-input-radio .cl-v3-input-radio__label::before {
  border-radius: 50%;
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-image: url("/images/custom-lib-panel/icons/check-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(18, 145, 14);
  border-color: rgb(18, 145, 14);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:hover {
  background-color: rgb(56, 163, 53);
  border-color: rgb(56, 163, 53);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:active {
  background-color: rgb(94, 180, 91);
  border-color: rgb(94, 180, 91);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:disabled, .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before.disabled {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgba(28, 28, 40, 0.08);
  border: 1px solid #ff0000;
}
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgb(94, 180, 91);
  border-color: #ff0000;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label,
.cl-v3-input-radio--lg .cl-v3-input-radio__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgba(6, 6, 20, 0.96);
  padding-left: 37px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label::before {
  width: 24px;
  height: 24px;
  top: 0;
}
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__label::before {
  width: 24px;
  height: 24px;
  top: -2px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-size: unset;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label {
  color: rgba(6, 6, 20, 0.48);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label::before {
  background-color: rgb(246, 246, 246);
  border: 2px solid rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input {
  pointer-events: none;
}

.cl-v3-input-text {
  width: 100%;
  text-align: left;
}
.cl-v3-input-text__wrapper {
  position: relative;
  text-align: left;
}
.cl-v3-input-text__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding: 0 40px 2px 12px;
  margin-bottom: 4px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-text__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-text__input:active, .cl-v3-input-text__input:focus, .cl-v3-input-text__input:focus-visible {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-text__input.disabled, .cl-v3-input-text__input:disabled {
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__input:disabled + .cl-v3-input-text__label, .cl-v3-input-text__input.disabled + .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-text__help-text {
  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);
  height: 16px;
}
.cl-v3-input-text__clean {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text.disabled {
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-text.disabled .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.disabled .cl-v3-input-text__input {
  pointer-events: none;
  cursor: default;
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background-color: transparent !important;
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text.disabled .cl-v3-input-text__help-text {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.error .cl-v3-input-text__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.error .cl-v3-input-text__help-text {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__label {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__help-text {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text__search {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cl-v3-input-text__search-left .cl-v3-input-text__search {
  left: 0;
}
.cl-v3-input-text__search-left .cl-v3-input-text__input {
  padding-left: 36px;
}
.cl-v3-input-text__search-left .cl-v3-input-text__action {
  left: 0;
}
.cl-v3-input-text__action {
  cursor: pointer;
  top: 0;
  right: 0;
  position: absolute;
  bottom: 8px;
  width: 32px;
  height: 32px;
}
.cl-v3-input-text.help-text-align-end .cl-v3-input-text__help-text {
  text-align: end;
}
.cl-v3-input-text__hints {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint {
  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.96);
  background: rgb(228, 228, 237);
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 4px;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint.success {
  color: rgb(18, 145, 14);
  background: rgb(227, 242, 226);
}
.cl-v3-input-text__hint-btn {
  padding: 4px 12px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  border: none;
  background: transparent;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text__hint-btn:hover {
  background: rgba(205, 205, 218, 0.24);
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__hint-btn:active {
  background: rgba(184, 184, 203, 0.4);
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__hint-btn:disabled, .cl-v3-input-text__hint-btn.disabled {
  cursor: default;
  pointer-events: none;
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text__hint-btn.focused {
  border: 1px solid rgb(255, 0, 0);
}

.cl-v3-input-code {
  width: 100%;
}
.cl-v3-input-code__wrapper {
  position: relative;
  margin-bottom: 4px;
}
.cl-v3-input-code__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-code__input {
  position: relative;
  color: transparent;
  background: transparent;
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  height: 46px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
}
.cl-v3-input-code__input::selection {
  background: transparent;
}
.cl-v3-input-code__input::-moz-selection {
  background: transparent;
}
.cl-v3-input-code__input:-webkit-autofill, .cl-v3-input-code__input:-webkit-autofill:hover, .cl-v3-input-code__input:-webkit-autofill:focus, .cl-v3-input-code__input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: transparent;
}
.cl-v3-input-code-split-code-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
.cl-v3-input-code-split-code-wrapper__item {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 48px;
  color: rgba(6, 6, 20, 0.96);
  width: 100%;
  margin-right: 8px;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  text-align: center;
  transition: 200ms ease-in-out;
  position: relative;
}
.cl-v3-input-code-split-code-wrapper__item:last-child {
  margin-right: 0;
}
.cl-v3-input-code-split-code-wrapper__cursor {
  position: absolute;
  right: -1px;
  bottom: 2px;
  animation: blinker 1s step-start infinite;
}
.cl-v3-input-code-split-code-wrapper__cursor--first {
  position: absolute;
  left: calc(25% - 2px);
  bottom: 2px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.cl-v3-input-code__input:focus + .cl-v3-input-code-split-code-wrapper > .cl-v3-input-code-split-code-wrapper__item {
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-input-code__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-code.error .cl-v3-input-code__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-input-textarea__textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid rgb(233, 234, 235);
  min-height: 112px;
}
.cl-v3-input-textarea__textarea::placeholder {
  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.48);
}
.cl-v3-input-textarea__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-table-not-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-not-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
.cl-v3-table-not-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-not-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-not-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
.cl-v3-table-not-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  border: none;
}
.cl-v3-table-not-adaptive--not-hovered .cl-v3-table-not-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-not-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--bold .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-body-row-td__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-left .cl-v3-table-not-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-right .cl-v3-table-not-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-table-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-thead {
    display: none;
  }
}
.cl-v3-table-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 328px);
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px;
  }
  .cl-v3-table-adaptive-body-row .option-divider {
    display: block;
    height: 1px;
    margin: 0 12px;
    background: rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row__td:not(.cl-v3-table-adaptive-body-row__td--no-padding) {
    padding: 6px 12px;
  }
  .cl-v3-table-adaptive-body-row-td__column-name {
    display: block;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(1, 328px) !important;
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  border: none;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row .option-divider {
    margin: 0 12px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    transition: 200ms ease-in-out;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even), .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover, .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    padding: 8px 12px;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive--not-hovered .cl-v3-table-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--bold .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
  justify-content: flex-end;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--row-to-col-md .cl-v3-table-adaptive-body-row-td__content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-left .cl-v3-table-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-right .cl-v3-table-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-empty-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: min-content;
}
.cl-v3-empty-search__img-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 32px 0 48px;
  background: rgba(205, 205, 218, 0.16);
  border-radius: 8px;
  width: 100%;
}
.cl-v3-empty-search__img-block--mb {
  margin-bottom: 32px;
}
.cl-v3-empty-search__img {
  margin-bottom: 10px;
}
.cl-v3-empty-search__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v3-empty-search__title {
  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.48);
  margin-bottom: 0;
}
.cl-v3-empty-search__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.96);
}
.cl-v3-empty-search__descr a {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__descr a:hover, .cl-v3-empty-search__descr a:focus, .cl-v3-empty-search__descr a.focus, .cl-v3-empty-search__descr a:active, .cl-v3-empty-search__descr a.active {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__buttons {
  display: flex;
  justify-content: center;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block {
  background: none;
  padding: 0;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block--mb {
  margin-bottom: 24px;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img {
  width: 88px;
  height: 64px;
  margin-bottom: 8px;
}
@media (max-width: 1167px) {
  .cl-v3-empty-search {
    max-width: 680px;
  }
}

.cl-v3-tip {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding: 14px 16px;
  box-shadow: -8px 0px 8px rgba(28, 28, 40, 0.04), 8px 0px 8px rgba(28, 28, 40, 0.04), 0px 8px 8px rgba(28, 28, 40, 0.08);
  border-radius: 8px;
  background: rgb(28, 28, 40);
  transition: 200ms ease-in-out;
}
.cl-v3-tip__wrap {
  width: 100%;
}
.cl-v3-tip__close {
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: 200ms ease-in-out;
}
.cl-v3-tip__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.cl-v3-tip__text {
  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(249, 249, 251, 0.96);
  margin-bottom: 0;
}
.cl-v3-tip:hover {
  background: rgb(46, 46, 61);
}

.cl-v3-menu {
  position: absolute;
  background: transparent;
  padding: 12px 0;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 4px;
}

.cl-v3-menu-item {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  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.96);
  padding: 4px 22px 4px 12px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cl-v3-menu-item:hover, .cl-v3-menu-item.selected {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item:active {
  background: rgb(239, 239, 241);
}
.cl-v3-menu-item:focus-visible {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item.danger {
  color: rgb(235, 80, 66);
}
.cl-v3-menu-item.danger:hover {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.danger:active {
  background: rgb(255, 232, 230);
}
.cl-v3-menu-item.danger:focus-visible {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
}
.cl-v3-menu-item.loading {
  background: rgb(239, 239, 241);
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
  align-items: center;
  position: relative;
}
.cl-v3-menu-item.loading .cl-v3-menu-item__loader {
  animation: spin 1s linear infinite;
  width: 10px;
  height: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media screen and (max-width: 1167px) {
  .cl-v3-menu-item {
    padding: 8px 22px;
    justify-content: center;
  }
}

/**
 * @desc: Модальные окна для комопнентов vue, прмежуточное решение до обновления ui-kit
 * @example: раздел ddos, withdraws
 */
/**
 * @desc: Контейнер для модальных окон, имеет свойство scroll
 */
.v-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.8);
}
.v-modals-container.v-show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Оверлэй для закрытия
 */
.v-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 815px) {
  .v-overlay {
    display: none;
  }
}

/**
 * @name: ClassicalModal
 * @desc: Обычное, модальное окно, по центру страницы
 */
.v-classic-modal {
  width: 328px;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.v-classic-modal.v-hide {
  display: none;
}
.v-classic-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.v-classic-modal .content-modal .back-link {
  display: none;
  margin-bottom: 16px;
}
.v-classic-modal .content-modal .back-link .icon-container {
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .back-link__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .close-modal {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  color: #8e90a6;
  display: flex;
  margin-left: auto;
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .close-modal:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal .close-modal.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal__head {
  margin-bottom: 16px;
}
.v-classic-modal .content-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 24px;
}
.v-classic-modal .content-modal__note {
  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.64);
  display: block;
}
.v-classic-modal .content-modal__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);
  text-align: left;
  margin-bottom: 40px;
}
.v-classic-modal .content-modal__btn {
  margin-bottom: 16px;
  height: 48px;
}
.v-classic-modal .content-modal__btn:last-child {
  margin-bottom: 0;
}
.v-classic-modal .content-modal__btn-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  margin: 0 auto;
}
.v-classic-modal .content-modal__btn-text:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal__btn-text.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal .container-btn--first {
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .container-btn-back {
  display: none;
}
@media screen and (max-width: 815px) {
  .v-classic-modal {
    width: 100%;
    height: 100%;
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    margin-top: 0;
  }
  .v-classic-modal .content-modal {
    width: 328px;
    margin: 0 auto;
    margin-top: 56px;
  }
  .v-classic-modal .content-modal .back-link {
    display: flex;
  }
  .v-classic-modal .content-modal .close-modal {
    display: none;
  }
  .v-classic-modal .content-modal .container-btn-back {
    display: block;
    margin-bottom: 24px;
  }
}

/**
 * @name: OverlayModal
 * @desc: Модальное окно, выезжающее справа
 */
.v-slide-modal {
  position: fixed;
  top: 0;
  right: 0;
  background: #ffffff;
  height: 100%;
  overflow: hidden;
  width: auto;
  z-index: 2;
}
.v-slide-modal .scroll-parent {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.v-slide-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 680px !important;
  box-sizing: content-box;
  padding: 72px 72px 140px 65px;
}
.v-slide-modal .content-modal .back-link {
  display: none;
}
.v-slide-modal .content-modal__link-back {
  display: none;
  margin-bottom: 32px;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
.v-slide-modal .content-modal__link-back .text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  color: #008580;
}
.v-slide-modal .content-modal__link-back .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-right: 8px;
}
.v-slide-modal .content-modal__link-back .icon-container picture,
.v-slide-modal .content-modal__link-back .icon-container source,
.v-slide-modal .content-modal__link-back .icon-container img,
.v-slide-modal .content-modal__link-back .icon-container svg {
  width: inherit;
  height: inherit;
}
.v-slide-modal .content-modal__link-back:hover {
  opacity: 0.7;
}
.v-slide-modal .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);
  margin-bottom: 24px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal .content-modal__title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal .content-modal .container-btn {
    margin-bottom: 8px;
    display: block;
  }
}
.v-slide-modal .footer-modal {
  position: sticky;
  border-top: 1px solid rgba(28, 28, 40, 0.12);
  bottom: 0;
  padding: 16px 12px;
  background: rgb(255, 255, 255);
  margin: 0 65px 0 48px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal {
    width: 396px;
  }
  .v-slide-modal .content-modal {
    width: 328px !important;
    padding: 72px 32px 140px 32px;
  }
  .v-slide-modal .footer-modal {
    padding: 16px 0;
    margin: 0 40px 0 24px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal {
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
    overflow: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .v-slide-modal .scroll-parent {
    height: auto;
    overflow-y: auto;
  }
  .v-slide-modal .footer-modal {
    padding-top: 32px;
    border-top: none;
    margin: 0;
  }
  .v-slide-modal .content-modal {
    margin: 0 auto;
    margin-top: 56px;
    padding: 32px 32px 32px 32px;
  }
  .v-slide-modal .content-modal__link-back {
    display: flex;
  }
  .v-slide-modal .content-modal .back-link {
    display: flex;
  }
  .v-slide-modal .content-modal .close-modal {
    display: none;
  }
}

/**
 * @name: ?
 * @desc: Прелоадер для оверлеев
 */
.v-preloader {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  transition: 200ms ease-in-out;
  background: rgba(28, 28, 40, 0.4);
}
.v-preloader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: spin 1s linear infinite;
}
.v-preloader__content picture,
.v-preloader__content source,
.v-preloader__content img,
.v-preloader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * @name: Alert
 * @desc: Предупреждение, всплывает поверх других оверлеев
 */
.v-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.v-alert-container.v-show {
  top: 0;
}

.v-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.v-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.v-alert .content-modal__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: 0 0 24px;
}
.v-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

/*
 * Стили для библиотеки perfect-scrollbar
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-y {
  display: block;
  width: 8px;
  background-color: rgb(246, 246, 246);
  height: 100% !important;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0 !important;
  /* please don't change 'position' */
  position: absolute;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-y {
  display: block;
  background-color: rgb(228, 228, 229);
  border-radius: 0px;
  width: 8px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.cl-v4-code-snippet {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.cl-v4-code-snippet__data-wrapper {
  width: 100%;
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.96);
  background: rgb(245, 245, 250);
  border-radius: 4px;
  padding: 12px 16px 0;
  margin-bottom: 4px;
}
.cl-v4-code-snippet__data-wrapper.just-copied {
  outline: 1px solid rgb(18, 145, 14);
}
.cl-v4-code-snippet__data {
  scrollbar-width: thin;
  overflow-x: auto;
  padding-bottom: 12px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar {
  width: 4px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.cl-v4-code-snippet__data::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.cl-v4-code-snippet__item {
  white-space: nowrap;
}
.cl-v4-code-snippet__value {
  transition: 0.2s ease;
  white-space: pre;
}
.cl-v4-code-snippet__value-wrapper {
  width: fit-content;
  position: relative;
  display: inline-block;
}
.cl-v4-code-snippet__buttons-wrapper {
  position: relative;
}
.cl-v4-code-snippet__buttons-wrapper .cl-v4-code-snippet__after-copied {
  width: 100%;
  color: rgb(18, 145, 14);
  position: absolute;
  top: -30px;
}
.cl-v4-code-snippet__animation-bg {
  background: rgb(245, 245, 250);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.cl-v4-code-snippet__animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 3;
}
.cl-v4-code-snippet__slots {
  position: relative;
}
.cl-v4-code-snippet .animation-noise {
  background-image: url("/img/custom-lib-v3/noise.png");
  background-position: 0 0;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
  opacity: 0.48;
  background-size: 180px 140px;
  color: transparent;
  cursor: pointer;
}
.cl-v4-code-snippet .animation-noise:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}

/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v4-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-v4-animation-noise:hover {
  opacity: 0.24;
}

/**
 * @desc: Container for @SlideModal and @ClassicModal
 */
.cl-v4-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(28, 28, 40, 0.4);
  padding: 32px 0;
}
.cl-v4-modals-container--show {
  top: 0;
}
@media screen and (max-width: 815px) {
  .cl-v4-modals-container {
    z-index: calc(1001 - 1);
    background: #ffffff;
    padding-top: 0;
  }
}

/**
 * @desc: Container for @Alert
 */
.cl-v4-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.cl-v4-alert-container--show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Overlay for closing
 */
.cl-v4-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .cl-v4-overlay {
    display: none;
  }
}

/**
 * @name: SlideModal
 * @desc: Modal window, sliding out from the right side
 */
.cl-v4-slide-modal {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  background: rgb(255, 255, 255);
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
  width: 680px !important;
  box-sizing: content-box;
}
.cl-v4-slide-modal__head {
  padding: 24px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 4px rgba(184, 184, 203, 0.1);
  backdrop-filter: blur(6px);
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
  display: none;
}
.cl-v4-slide-modal__head .cl-v4-slide-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);
  word-break: break-word;
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
  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;
  word-break: break-all;
}
.cl-v4-slide-modal__content {
  padding: 32px 77px 88px;
  height: auto;
}
.cl-v4-slide-modal__content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
.cl-v4-slide-modal__footer {
  padding: 16px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px -4px 4px rgba(184, 184, 203, 0.1), inset 0px 1px 0px rgba(184, 184, 203, 0.25);
  backdrop-filter: blur(6px);
  margin-top: auto;
}
.cl-v4-slide-modal__footer--separated {
  position: fixed;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .cl-v4-slide-modal {
    max-width: 396px;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    width: 328px !important;
  }
  .cl-v4-slide-modal__head {
    padding: 24px 34px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 22px;
    line-height: 24px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 34px 88px;
  }
  .cl-v4-slide-modal__footer {
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-slide-modal {
    height: calc(100% - 48px);
    bottom: 0;
    top: 48px;
    width: 100%;
    max-width: 100%;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    margin: 0 auto;
  }
  .cl-v4-slide-modal__head {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    flex-wrap: no-wrap;
    padding: 4px 8px 12px;
    box-sizing: border-box;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back {
    display: none;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
    cursor: pointer;
    display: block;
    margin-right: 8px;
    height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 15px;
    line-height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 0 88px;
  }
  .cl-v4-slide-modal__footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    justify-content: center;
    padding: 8px 0;
    margin-top: auto;
  }
}

/**
 * @name: Alert
 * @desc: Popup window on top of other modal windows
 */
.cl-v4-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.cl-v4-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.cl-v4-alert .content-modal__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: 0 0 24px;
}
.cl-v4-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.cl-v4-classic-modal {
  width: 328px !important;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.cl-v4-classic-modal.v-hide {
  display: none;
}
.cl-v4-classic-modal__note {
  margin-bottom: 16px;
  display: block;
  word-break: break-all;
}
.cl-v4-classic-modal__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v4-classic-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 16px;
  word-break: break-word;
}
.cl-v4-classic-modal__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-bottom: 24px;
  text-align: left;
}
.cl-v4-classic-modal__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .cl-v4-classic-modal {
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    width: 100% !important;
    margin: 0;
  }
  .cl-v4-classic-modal__head-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    width: 328px;
  }
  .cl-v4-classic-modal__action {
    width: 328px;
    margin: 0 auto;
  }
  .cl-v4-classic-modal__desc {
    width: 328px;
    margin: 0 auto 40px;
  }
  .cl-v4-classic-modal__note {
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-classic-modal__back {
    display: flex;
    margin-bottom: 24px;
    height: 32px;
    cursor: pointer;
  }
  .cl-v4-classic-modal__content {
    margin: 0 auto;
    margin-top: 56px;
  }
}

/**
 * @name ButtonArrow
 * @desc Button with left arrow
 */
.cl-v4-btn-arrow {
  display: flex;
  width: fit-content;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(30, 98, 200);
  height: 32px;
  box-sizing: border-box;
  padding: 6px 0;
}
.cl-v4-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v4-btn-arrow__icon svg {
  stroke: rgb(30, 98, 200);
}
.cl-v4-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v4-btn-arrow:hover {
  color: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:hover .cl-v4-btn-arrow__icon svg {
  stroke: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:active {
  color: rgb(102, 148, 218);
}
.cl-v4-btn-arrow:active .cl-v4-btn-arrow__icon svg {
  stroke: rgb(102, 148, 218);
}
.cl-v4-btn-arrow.focused:not(.disabled) {
  color: #ff0000;
}
.cl-v4-btn-arrow.focused:not(.disabled) .cl-v4-btn-arrow__icon svg {
  stroke: rgb(255, 0, 0);
}
.cl-v4-btn-arrow:disabled, .cl-v4-btn-arrow.disabled {
  color: rgba(12, 12, 61, 0.12);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v4-btn-arrow:disabled .cl-v4-btn-arrow__icon svg, .cl-v4-btn-arrow.disabled .cl-v4-btn-arrow__icon svg {
  stroke: rgba(12, 12, 61, 0.12);
}

/**
 * @name ButtonTag
 * @desc
 */
.cl-v4-btn-tag {
  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.48);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
}
.cl-v4-btn-tag__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-right: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-v4-btn-tag:hover {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag:active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more {
  padding: 4px 8px;
  position: relative;
}
.cl-v4-btn-tag--more .cl-v4-btn-tag__icon {
  transition: 200ms ease-in-out;
  width: 8px;
  height: 16px;
}
.cl-v4-btn-tag--more.active {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more.active .cl-v4-btn-tag__icon {
  transform: rotate(-90deg);
}
.cl-v4-btn-tag--filter {
  padding: 4px 4px 4px 8px;
}
.cl-v4-btn-tag--filter .cl-v4-btn-tag__count {
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.48);
  background: rgba(28, 28, 40, 0.08);
  border-radius: 10px;
  padding: 2px 7px;
  line-height: 12px;
}
.cl-v4-btn-tag--filter.active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag--filter.active .cl-v4-btn-tag__count {
  background: rgba(255, 255, 255, 0.86);
}
.cl-v4-btn-tag--filter.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v4-btn-tag--filter.disabled .cl-v4-btn-tag__count {
  border: 1px solid rgba(28, 28, 40, 0.08);
  background: transparent;
}
.cl-v4-btn-tag--round {
  border-radius: 16px;
}
.cl-v4-btn-tag--square {
  border-radius: 2px;
}

.cl-v4-status {
  width: 100%;
  padding: 56px 77px 24px;
}
.cl-v4-status__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;
  margin-bottom: 8px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status__title {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 0;
  }
}
.cl-v4-status__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 0;
  min-height: 20px;
}
@media screen and (max-width: 815px) {
  .cl-v4-status__note {
    font-size: 12px;
    line-height: 16px;
  }
}
.cl-v4-status--loading .cl-v4-status__title,
.cl-v4-status--loading .cl-v4-status__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v4-status--success {
  justify-content: space-between;
  background: rgb(18, 145, 14);
}
.cl-v4-status--success .cl-v4-status__title,
.cl-v4-status--success .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--success .cl-v4-status__note {
  font-weight: 700;
}
.cl-v4-status--fail {
  background: rgb(228, 81, 68);
}
.cl-v4-status--fail .cl-v4-status__title,
.cl-v4-status--fail .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--fail .cl-v4-status__note {
  font-weight: 400;
}
.cl-v4-status__scale {
  width: 100%;
  height: 12px;
  background: rgb(228, 228, 229);
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  border-radius: 4px;
}
.cl-v4-status__scale::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  background: linear-gradient(90deg, rgb(18, 145, 14) 20%, rgb(228, 228, 229) 20%);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__scale::before {
    background: linear-gradient(90deg, rgb(18, 145, 14) 35%, rgb(228, 228, 229) 35%);
  }
}
@media screen and (max-width: 1167px) {
  .cl-v4-status {
    padding: 56px 34px 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status {
    padding: 4px 8px 12px;
  }
  .cl-v4-status__wrapper {
    padding-left: 40px;
    margin: 0 auto;
  }
}

.cl-v4-table-settings {
  width: 100%;
}
.cl-v4-table-settings__title {
  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.96);
  padding: 6px 0;
  min-width: max-content;
}
.cl-v4-table-settings__data-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.cl-v4-table-settings__data {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  margin: auto 8px;
  padding: 6px 0;
  height: min-content;
  word-break: break-word;
  text-align: end;
}
.cl-v4-table-settings__data--text {
  color: rgba(6, 6, 20, 0.96) !important;
}
.cl-v4-table-settings__data--link {
  color: rgb(30, 98, 200) !important;
}
.cl-v4-table-settings__data--long {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-top: 3px;
}
.cl-v4-table-settings__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-radius: 4px;
  justify-content: space-between;
  padding: 12px;
  transition: background 200ms ease-out;
  cursor: default;
}
.cl-v4-table-settings__item:nth-child(even) {
  background: transparent;
}
.cl-v4-table-settings__item:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v4-table-settings__item:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v4-table-settings__item.focused, .cl-v4-table-settings__item:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item--link {
  cursor: pointer;
}
.cl-v4-table-settings__text, .cl-v4-table-settings__link {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.cl-v4-table-settings__btn {
  height: 32px;
  display: flex;
  align-items: center;
}
.cl-v4-table-settings__icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-table-settings__item {
    padding: 4px 12px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data,
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-weight: 600;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data {
    margin: 0 4px;
    font-weight: 400;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__icon {
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-right: 4px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__btn {
    margin-right: -7px;
  }
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.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;
}
@keyframes showIn {
  0% {
    opacity: 0;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes showOut {
  0% {
    opacity: 1;
    background: rgb(255, 255, 255);
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes simpleShowIn {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes simpleShowOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes slideIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}
.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}
.icon-container picture,
.icon-container source,
.icon-container img,
.icon-container svg {
  width: inherit;
  height: inherit;
}
.icon-container.dynamic {
  cursor: pointer;
}
.icon-container.dynamic:hover {
  background: rgba(205, 205, 218, 0.32);
}
.icon-container.dynamic:active {
  background: rgba(184, 184, 203, 0.64);
}
.icon-container.dynamic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.4;
}
.icon-container.size-20 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-20 picture,
.icon-container.size-20 source,
.icon-container.size-20 img,
.icon-container.size-20 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-40 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.icon-container.size-40 picture,
.icon-container.size-40 source,
.icon-container.size-40 img,
.icon-container.size-40 svg {
  width: inherit;
  height: inherit;
}
.icon-container.size-24 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.icon-container.size-24 img,
.icon-container.size-24 svg {
  width: 24px;
  height: 24px;
}

.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;
}

.body-small-regular {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.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;
}

.btn-fill, .btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #fff;
  background: #02a69b;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.btn-fill:focus, .btn-outline-extra-large:focus {
  color: #ffffff;
}
.btn-fill:hover, .btn-outline-extra-large:hover {
  background: #2acbb6;
}
.btn-fill.focused, .focused.btn-outline-extra-large {
  background: #2acbb6;
}
.btn-fill:active, .btn-outline-extra-large:active {
  background: #80edd4;
}
.btn-fill.disabled, .disabled.btn-outline-extra-large, .btn-fill:disabled, .btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-fill.error, .error.btn-outline-extra-large {
  background: #ff4f4f;
}
.btn-fill.error:hover, .error.btn-outline-extra-large:hover {
  background: #ff6d6d;
}
.btn-fill.error.focused, .error.focused.btn-outline-extra-large {
  background: #ff6d6d;
}
.btn-fill.error:active, .error.btn-outline-extra-large:active {
  background: #ff8d8d;
}
.btn-fill.error.disabled, .error.disabled.btn-outline-extra-large, .btn-fill.error:disabled, .error.btn-outline-extra-large:disabled {
  background: #c7c8d9;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-dark {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
  color: #1f2029;
  background: #5ddabd;
  outline: none;
  border: 0;
  transition: 200ms ease-in-out;
}
.btn-dark:hover {
  background: #1ab7a2;
}
.btn-dark.focused {
  background: #437fd7;
}
.btn-dark:active {
  background: #008077;
}
.btn-dark.disabled, .btn-dark:disabled {
  background: #373848;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-ghost {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  height: 32px;
  padding: 4px 16px;
  border-radius: 4px;
  color: #1c1c28;
  background: #ffffff;
  outline: none;
  border: 2px solid #02a69b;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-ghost:visited {
  color: #1c1c28;
}
.btn-ghost:hover {
  opacity: 0.7;
  border: 2px solid #2acbb6;
}
.btn-ghost.focused {
  border: 2px solid #2acbb6;
}
.btn-ghost:active {
  opacity: 0.4;
}
.btn-ghost.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-social {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-social:hover {
  opacity: 0.7;
}
.btn-social.focused {
  opacity: 0.7;
}
.btn-social:active {
  opacity: 1;
}
.btn-social.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-fb {
  width: 100%;
  height: 48px;
  background: #ffffff;
  border: 2px solid #1877f2;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.btn-fb:hover {
  opacity: 0.7;
}
.btn-fb.focused {
  opacity: 0.7;
}
.btn-fb:active {
  opacity: 1;
}
.btn-fb.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}

.btn-vk {
  border-color: #2787f5;
}

.btn-google, .btn-yandex {
  border-color: #212121;
}

.btn-github {
  border-color: #231e1b;
}

.btn-choice {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  line-height: 18px;
  outline: none;
  border: 2px solid #1c1c28;
  color: #1c1c28;
  border-radius: 16px;
  padding: 5px 15px;
  cursor: pointer;
  background: #ffffff;
  align-items: center;
  display: inline-flex;
  transition: 200ms ease-in-out;
  white-space: nowrap;
}
.btn-choice:hover {
  border: 2px solid #2acbb6;
  color: rgba(28, 28, 40, 0.7);
}
.btn-choice.focused {
  border: 2px solid #2acbb6;
}
.btn-choice:active {
  border: 2px solid #80edd4;
  color: rgba(28, 28, 40, 0.4);
}
.btn-choice.disabled {
  border: 2px solid #c7c8d9;
  color: #c7c8d9;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-choice.on, .btn-choice.active {
  background: #28293d;
  color: #ffffff;
  border: 2px solid #28293d;
}
.btn-choice.on:hover, .btn-choice.active:hover {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on.focused, .btn-choice.active.focused {
  background: #2acbb6;
  border: 2px solid #2acbb6;
  opacity: 1;
}
.btn-choice.on:active, .btn-choice.active:active {
  background: #80edd4;
  border: 2px solid #80edd4;
  opacity: 1;
}
.btn-choice.on.disabled, .btn-choice.active.disabled {
  background: #e3e4eb;
  border: 2px solid #e3e4eb;
  color: #ffffff;
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.btn-outline-extra-large {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #1c1c28;
  height: 56px;
  background: #ffffff;
  border: 2px solid #02a69b;
}
.btn-outline-extra-large:hover, .btn-outline-extra-large:focus {
  color: #1c1c28 !important;
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large.focused {
  background: white;
  opacity: 0.7;
  border-color: #2acbb6;
}
.btn-outline-extra-large:active {
  border-color: #80edd4;
  opacity: 0.4;
  background-color: white;
}
.btn-outline-extra-large.disabled {
  border-color: #c7c8d9;
  opacity: 0.1;
  background-color: white;
}

.btn-load-more {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #555770;
  width: 100%;
  height: 48px;
  background: rgba(211, 213, 230, 0.6);
  outline: none;
  border: none;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.btn-load-more:hover {
  background: rgba(211, 213, 229, 0.35);
}
.btn-load-more:active {
  background: rgba(211, 213, 230, 0.6);
}

.btn-insignificant {
  padding: 6px 12px;
  background-color: rgba(211, 213, 230, 0.6);
  border-radius: 4px;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
  border: none;
}
.btn-insignificant:hover {
  background-color: rgba(211, 213, 229, 0.35);
}

.teal0-underline-link {
  color: #008580;
  transition: 0.2s ease-in-out;
  text-decoration: underline;
}
.teal0-underline-link:hover {
  color: #02a69b;
}

.drag-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.drag-block .drag-space {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border: 2px dashed #02a69b;
  border-radius: 4px;
  padding: 32px;
  cursor: pointer;
  margin-bottom: 16px;
  transition: 200ms ease-in-out;
}
.drag-block .drag-space:hover {
  background: #eafaf5;
}
.drag-block .drag-space .drag-text {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.drag-block .drag-space .drag-text__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  margin-right: 4px;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
}
.drag-block .drag-space .drag-text__choose:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.drag-block .drag-space .drag-text__choose:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.drag-block .drag-space .drag-text__choose.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.drag-block .drag-desc {
  display: flex;
  flex-direction: column;
  width: 100%;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-bottom: 64px;
}
.drag-block .drag-desc__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #8e90a6;
}
.drag-block__btn {
  width: 240px !important;
  margin-left: auto;
}
@media screen and (max-width: 815px) {
  .drag-block__btn {
    width: 328px !important;
  }
}

.filter-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 48px;
}
.filter-block__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15.6px;
  line-height: 20px;
  margin-bottom: 16px;
}
.filter-block .categories {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.filter-block__btn {
  margin-right: 12px;
}
.filter-block__btn:last-child {
  margin-right: 0;
}

.c-labels {
  display: flex;
  flex-wrap: wrap;
}
.c-labels__l {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  display: inline-block;
  border-radius: 4px;
  padding: 6px 8px;
  margin-right: 4px;
  margin-bottom: 8px;
}
.c-labels__l:last-child {
  margin-right: 0;
}
.c-labels__l--official {
  background: #004fc4;
}
.c-labels__l--billing {
  background: #ff9500;
}
.c-labels__l--hackscan {
  background: #e33838;
}
.c-labels__l--cron {
  background: #360099;
}
.c-labels__l--acts {
  background: #7c5dd9;
}
.c-labels__l--information, .c-labels__l--news {
  background: #05a308;
}
.c-labels__l--recommend {
  background: rgba(185, 237, 195, 0.6);
  color: #05a308;
}
.c-labels__l--recommend-auth {
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 4px 8px;
  background: #51C54E;
  color: #ffffff;
}

.uploaded-files {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.uploaded-files__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #555770;
  margin-bottom: 16px;
}
.uploaded-files .c-labels__l--reccomended {
  background-color: rgba(185, 237, 195, 0.6);
}
.uploaded-files .submit__btn {
  max-width: 119px !important;
  padding: 12px 16px;
}
.uploaded-files .file-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 14px;
  align-items: center;
}
.uploaded-files .file-item__icon {
  width: 24px;
  display: flex;
  margin-right: 16px;
}
.uploaded-files .file-item__icon .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.uploaded-files .file-item__icon .icon-container picture,
.uploaded-files .file-item__icon .icon-container source,
.uploaded-files .file-item__icon .icon-container img,
.uploaded-files .file-item__icon .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__name {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  width: calc(100% - 40px - 100px - 40px);
  display: inline-block;
  color: #1c1c28;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.uploaded-files .file-item__size {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  display: flex;
  color: #555770;
  margin-left: auto;
  white-space: nowrap;
}
.uploaded-files .file-item__delete {
  width: 24px;
  display: flex;
  cursor: pointer;
  margin-left: 16px;
}
.uploaded-files .file-item__delete .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  border-radius: 4px;
}
.uploaded-files .file-item__delete .icon-container picture,
.uploaded-files .file-item__delete .icon-container source,
.uploaded-files .file-item__delete .icon-container img,
.uploaded-files .file-item__delete .icon-container svg {
  width: inherit;
  height: inherit;
}
.uploaded-files .file-item__delete .icon-container:hover {
  opacity: 0.7;
  background: rgba(28, 28, 40, 0.12);
}
.uploaded-files .file-item__delete .icon-container:active {
  background: rgba(28, 28, 40, 0.38);
  opacity: 0.7;
}
.uploaded-files .file-item__delete.disabled .icon-container {
  background: none !important;
}

@keyframes progress {
  0% {
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.list-preloader {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list-preloader__item {
  width: 100%;
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.list-preloader__item--string {
  width: 240px !important;
  height: 16px;
  margin-bottom: 16px;
}
.list-preloader__item--block {
  width: 680px !important;
  height: 72px;
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  .list-preloader__item--block {
    width: 328px !important;
  }
}
.list-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.page-preloader {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 32px 0 0 56px;
}
.page-preloader .cl-flex-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 64px;
}
.page-preloader .cl-flex-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 64px;
}
.page-preloader .page-preloader__item {
  background: #ebebf0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.page-preloader .page-preloader__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(199, 200, 217, 0) 0%, rgba(199, 200, 217, 0.6) 20%, rgba(199, 200, 217, 0) 100%);
  filter: blur(2px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.page-preloader__item--line {
  width: inherit;
  height: 1px;
  background: #ebebf0;
  margin-bottom: 64px;
}
.page-preloader__item--header {
  background: #ebebf0;
  border-radius: 8px;
  max-width: 294px;
  height: 28px;
  margin-bottom: 24px;
}
.page-preloader__item--long-string {
  max-width: 504px;
  height: 16px;
  margin-bottom: 8px;
}
.page-preloader__item--short-string {
  max-width: 328px;
  height: 15px;
}
.page-preloader__item--large-block {
  max-width: 328px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--small-block {
  max-width: 152px;
  height: 72px;
  margin-right: 24px;
}
.page-preloader__item--footer {
  max-width: 240px;
  height: 40px;
  align-self: flex-end;
}

@media (max-width: 815px) {
  .page-preloader {
    padding: 32px 0 0 0;
  }
  .page-preloader .w-f-r--large-blocks {
    flex-direction: column;
  }
  .page-preloader__item--large-block {
    margin-right: 0;
  }
}
/**
Добавлять миксины в .menu-container, в зависимости от нужного формата
    .menu-container{
       @include menu;
       @include menu_md;
       @include menu_xs;
    }
*/
.switcher-block {
  width: 100%;
  display: flex;
  position: relative;
  max-width: 680px;
}
.switcher-block .container-align {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  height: fit-content;
}
.switcher-block__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.switcher-block__label {
  width: 48px;
  height: 24px;
  background: #e3e4eb;
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid #555770;
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 16px 0 0;
}
.switcher-block__label:hover {
  background: #ebebf0;
}
.switcher-block__label:focus {
  background: #ebebf0;
}
.switcher-block__label.focused {
  background: #ebebf0;
}
.switcher-block__label:active {
  background: #e3ffe3;
}
.switcher-block__label-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #8e90a6;
  padding-top: 2px;
}
.switcher-block__text-wrap {
  width: 100%;
}
.switcher-block__form-control {
  margin-right: 24px;
}
.switcher-block__text {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #8e90a6;
}
.switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  color: #1c1c28;
  display: block;
  padding-bottom: 10px;
}
.switcher-block__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 2px solid #555770;
  border-radius: 50%;
  transition: 0.3s;
}
.switcher-block__input:checked + .switcher-block__label {
  background: #51c54e;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_disabling {
  color: #05a308;
}
.switcher-block__input:checked + .switcher-block__label + .switcher-block__text_enabling {
  color: #8e90a6;
}
.switcher-block__input:checked + .switcher-block__label:hover {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label.focused {
  background: #74da76;
}
.switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.switcher-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.switcher-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switcher-block.disabled .switcher-block__label::after {
  background: #fff url(/img/icons/lock.svg) left 45% bottom 46% no-repeat;
}
.switcher-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switcher-block.mini .switcher-block__label {
  width: 32px;
  height: 16px;
}
.switcher-block.mini .switcher-block__label:after {
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
}
.switcher-block.mini .switcher-block__input:checked + .switcher-block__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}

.switch-not-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-bottom: 48px;
}
.switch-not-block:first-of-type {
  padding-top: 48px;
}
.switch-not-block .switcher-block {
  width: 150px;
  min-width: 150px;
  margin-right: 24px;
}
.switch-not-block .not-type__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #1c1c28;
  margin-bottom: 8px;
}
.switch-not-block .not-type__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
}
.switch-not-block.disabled .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled .switcher-block__label {
  background: #ebebf0;
}
.switch-not-block.disabled .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled .switcher-block__text {
  color: #c7c8d9;
}
.switch-not-block.disabled .auth-description__title,
.switch-not-block.disabled .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled .c-labels__l--recommend {
  display: none;
}
.switch-not-block.disabled-switch-on .switcher-block {
  pointer-events: none;
  cursor: not-allowed;
}
.switch-not-block.disabled-switch-on .switcher-block__label {
  background: #51c54e;
}
.switch-not-block.disabled-switch-on .switcher-block__label::after {
  background: #fff url("/img/icons/lock.svg") left 45% bottom 46% no-repeat;
}
.switch-not-block.disabled-switch-on .switcher-block__text {
  color: #05a308;
}
.switch-not-block.disabled-switch-on .auth-description__title,
.switch-not-block.disabled-switch-on .auth-description__text {
  pointer-events: none;
  cursor: not-allowed;
  color: #8e90a6;
}
.switch-not-block.disabled-switch-on .c-labels__l--recommend {
  display: none;
}
@media screen and (max-width: 815px) {
  .switch-not-block {
    flex-direction: column;
  }
  .switch-not-block .switcher-block {
    margin-bottom: 24px;
  }
}

.checkbox-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.checkbox-block input {
  display: none;
}
.checkbox-block__checkbox {
  display: none;
}
.checkbox-block__label {
  padding: 2px;
  display: block;
  width: 20px !important;
  height: 20px !important;
  min-height: 20px;
  min-width: 20px;
  border: 2px solid #1c1c28;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 12px;
  text-indent: -9999px;
  user-select: none;
}
.checkbox-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
}
.checkbox-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
}
.checkbox-block__label:disabled, .checkbox-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.checkbox-block__checkbox:checked + .checkbox-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:focus, .checkbox-block__checkbox:checked + .checkbox-block__label.focused, .checkbox-block__checkbox:checked + .checkbox-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.checkbox-block__checkbox:checked + .checkbox-block__label:disabled, .checkbox-block__checkbox:checked + .checkbox-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.checkbox-block__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.6px;
  line-height: 20px;
  color: #28293d;
  white-space: nowrap;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}
.checkbox-block__text--underline {
  text-decoration: underline;
}

.radio-block {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.radio-block__checkbox {
  display: none;
}
.radio-block__label {
  padding: 3px;
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 2px solid #1c1c28;
  cursor: pointer;
  transition: 0.2s;
  margin-bottom: 0;
  margin-right: 16px;
  text-indent: -9999px;
  user-select: none;
  border-radius: 50%;
}
.radio-block__label:hover {
  background-color: rgba(28, 28, 40, 0.16);
  border-color: #40404a;
}
.radio-block__label:focus {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label.focused {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:active {
  background-color: rgba(28, 28, 40, 0.08);
  border-color: #65656d;
}
.radio-block__label:disabled, .radio-block__label.disabled {
  border-color: rgba(28, 28, 40, 0.08);
  background-color: #f6f6f6;
  cursor: not-allowed;
  pointer-events: none;
}
.radio-block__checkbox:checked + .radio-block__label {
  content: url("/images/custom-lib-panel/icons/check.svg");
  background-color: #12910e;
  border-color: #12910e;
}
.radio-block__checkbox:checked + .radio-block__label:hover {
  background-color: #38a335;
  border-color: #38a335;
}
.radio-block__checkbox:checked + .radio-block__label:focus, .radio-block__checkbox:checked + .radio-block__label.focused, .radio-block__checkbox:checked + .radio-block__label:active {
  background-color: #5eb45b;
  border-color: #5eb45b;
}
.radio-block__checkbox:checked + .radio-block__label:disabled, .radio-block__checkbox:checked + .radio-block__label.disabled {
  background-color: #e3f2e2;
  border-color: #e3f2e2;
}
.radio-block__checkbox:checked .radio-block__label:hover {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:focus {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label.focused {
  border: 2px solid #2acbb6 !important;
}
.radio-block__checkbox:checked .radio-block__label:active {
  border: 2px solid #80edd4 !important;
}
.radio-block__text {
  color: rgba(6, 6, 20, 0.96);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  width: calc(100% - 20px);
  cursor: pointer;
}
.radio-block.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.radio-block.disabled .radio-block__label {
  border: 2px solid #e3e4eb !important;
}
.radio-block.disabled .radio-block__text {
  color: #8e90a6 !important;
}

.form-input {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-input__label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  padding: 0 8px 0 0;
  text-align: left;
}
.form-input__input {
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  width: inherit;
  height: 32px;
  border: none;
  outline: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  margin-bottom: 4px;
  padding: 0 8px;
  transition: 200ms ease-in-out;
  color: rgba(6, 6, 20, 0.96);
}
.form-input__input:hover, .form-input__input:focus {
  border-bottom: 2px solid #65656d;
}
.form-input__input:focus .icon-container {
  opacity: 1;
}
.form-input__input::placeholder {
  color: rgba(6, 6, 20, 0.42);
}
.form-input__input:not(:placeholder-shown) {
  border-bottom: 2px solid rgba(184, 184, 203, 0.64);
}
.form-input__input:not(:placeholder-shown):focus {
  border-bottom: 2px solid #1c1c28;
}
.form-input__help-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #555770;
  padding: 0 8px 0 0;
  height: 16px;
  text-align: left;
  white-space: nowrap;
}
.form-input .input-icon-container {
  position: relative;
}
.form-input .input-icon-container .icon-container {
  position: absolute;
  right: 0;
  bottom: 8px;
  width: 100%;
  height: 100%;
  max-width: 32px;
  max-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  opacity: 0;
}
.form-input .input-icon-container .icon-container:hover {
  background: rgba(205, 205, 218, 0.32);
}
.form-input .input-icon-container .icon-container:active {
  background: rgba(184, 184, 203, 0.64);
}
.form-input .input-icon-container .icon-container.disabled, .form-input .input-icon-container .icon-container:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.form-input .input-icon-container .icon-container svg {
  width: inherit;
  height: inherit;
}
.form-input .input-icon-container:hover .icon-container {
  opacity: 1;
}
.form-input .input-icon-container .form-input__input:focus + .icon-container {
  opacity: 1;
}
.form-input.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
@-moz-document url-prefix() {
  .form-input.disabled {
    pointer-events: unset;
  }
}
.form-input.disabled * {
  color: #8e90a6;
}
.form-input.disabled .help-text {
  color: #555770;
}
.form-input.disabled .form-input__input,
.form-input.disabled .form-input__input:disabled {
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background: none;
}
.form-input.disabled .icon-container {
  display: none;
}
.form-input.disabled.focused *, .form-input.disabled.error *, .form-input.disabled.warning *, .form-input.disabled.success * {
  color: #8e90a6;
}
.form-input.disabled.focused .help-text, .form-input.disabled.error .help-text, .form-input.disabled.warning .help-text, .form-input.disabled.success .help-text {
  color: #555770;
}
.form-input.focused .form-input__input {
  border-bottom: 2px solid #2acbb6;
}
.form-input.error .form-input__label {
  color: #ff3200;
}
.form-input.error .form-input__input:hover, .form-input.error .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.error .form-input__help-text {
  color: #ff3200;
}
.form-input.warning .form-input__input:hover, .form-input.warning .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.warning .form-input__help-text {
  color: #f08c00;
}
.form-input.success .form-input__input:hover, .form-input.success .form-input__input:focus {
  border-bottom: 2px solid rgba(28, 28, 40, 0.24);
}
.form-input.success .form-input__help-text {
  color: #05a308;
}

/**
 * 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;
}

.cl-v3-label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.88);
  padding: 6px 8px;
  border-radius: 2px;
  width: fit-content;
}
.cl-v3-label--grey {
  background: rgb(246, 246, 246);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--grey-dark {
  background: rgb(64, 64, 74);
  color: rgb(255, 255, 255);
}
.cl-v3-label--violet {
  background: rgb(235, 224, 249);
  color: rgb(92, 0, 204);
}
.cl-v3-label--violet-dark {
  background: rgb(92, 0, 204);
  color: rgb(235, 224, 249);
}
.cl-v3-label--yellow {
  background: rgb(251, 234, 184);
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-label--yellow-dark {
  background: rgb(242, 192, 41);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-label--green {
  background: rgb(227, 242, 226);
  color: rgb(18, 145, 14);
}
.cl-v3-label--red {
  background: rgb(255, 214, 204);
  color: rgb(255, 50, 0);
}

.cl-v3-atom-no-click {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-atom-no-click__key {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  width: 404px;
  margin-right: 24px;
}
.cl-v3-atom-no-click__value {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.64);
  width: calc(100% - 404px - 24px);
}
.cl-v3-atom-no-click--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-atom-no-click--blue {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-no-click--yellow {
  background: rgb(252, 249, 237);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-no-click__value {
    width: fit-content;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-no-click {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cl-v3-atom-no-click__key {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.88);
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .cl-v3-atom-no-click__value {
    font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    color: rgba(6, 6, 20, 0.64);
    width: 100%;
  }
}

.cl-v3-atom-dropdown {
  width: calc(100% + 24px);
  border-radius: 2px;
  margin-left: -12px;
  position: relative;
}
.cl-v3-atom-dropdown__content {
  display: none;
  padding: 24px 12px 56px;
}
.cl-v3-atom-dropdown__title {
  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: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
  transition: 200ms ease-in-out;
  word-break: break-all;
  max-width: 1000px;
}
.cl-v3-atom-dropdown__note {
  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);
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__arrow {
  transition: 200ms ease-in-out;
  width: 32px;
  height: 32px;
}
.cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown__toggle {
  display: flex;
  flex-direction: row;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  margin-bottom: 24px;
  transition: 200ms ease-in-out;
  border-radius: 2px;
  opacity: 1;
}
.cl-v3-atom-dropdown__toggle.disabled {
  cursor: default;
  pointer-events: none;
  background: rgb(245, 245, 249);
}
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown__toggle.disabled .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-atom-dropdown__toggle.atom-preloader {
  position: relative;
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__text {
  opacity: 0.4;
}
.cl-v3-atom-dropdown__toggle.atom-preloader .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.cl-v3-atom-dropdown__toggle--grey {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-dropdown__toggle--grey.preloader {
  background: rgb(228, 228, 237);
}
.cl-v3-atom-dropdown__toggle--blue {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(218, 231, 250);
}
.cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(230, 238, 251);
}
.cl-v3-atom-dropdown__toggle--blue.preloader {
  background: rgb(206, 223, 248);
}
.cl-v3-atom-dropdown__toggle--blue.disabled {
  background: rgb(237, 243, 252);
}
.cl-v3-atom-dropdown__toggle--blue.disabled .cl-v3-atom-dropdown__arrow {
  display: none;
}
.cl-v3-atom-dropdown__toggle--orange {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-dropdown__toggle--orange.preloader {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 220, 176);
}
.cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffe7c7;
}
.cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffefdb;
}
.cl-v3-atom-dropdown__toggle--orange-light.preloader {
  background: #ffdcb0;
}
.cl-v3-atom-dropdown__toggle--green {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(229, 250, 218);
}
.cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(237, 251, 230);
}
.cl-v3-atom-dropdown__toggle--green.preloader {
  background: rgb(220, 248, 206);
}
.cl-v3-atom-dropdown__toggle--float {
  z-index: 10;
}
.cl-v3-atom-dropdown__toggle--float.sticky {
  position: fixed;
  top: 64px;
  z-index: 2;
  max-width: 1056px;
  transition: 200ms ease-in-out;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 704px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__toggle--float.sticky {
    max-width: 352px;
  }
}
.cl-v3-atom-dropdown__toggle.disappear {
  animation: simpleShowOut 400ms ease-out;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--static {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.cl-v3-atom-dropdown__toggle--static.sticky {
  position: static;
}
.cl-v3-atom-dropdown__toggle--empty {
  position: absolute;
  left: -99999px;
  top: 48px;
  background: rgb(255, 255, 255);
  z-index: 1;
  height: 64px;
  box-sizing: content-box;
  margin-bottom: 0;
  border-radius: unset;
  transition: 200ms ease-in-out;
}
.cl-v3-atom-dropdown__toggle--empty.disappear {
  background: transparent;
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__toggle--empty {
    top: 48px;
  }
}
.cl-v3-atom-dropdown__toggle--empty.sticky {
  position: fixed;
  left: unset;
  right: 18px;
}
.cl-v3-atom-dropdown__alert-circle {
  position: absolute;
  background: rgb(255, 50, 0);
  border: 1px solid rgb(255, 255, 255);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 12px;
  top: -6px;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__title {
  color: rgba(249, 249, 251, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__note {
  color: rgba(249, 249, 251, 0.88);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__content {
  display: block;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow {
  transform: rotate(-90deg);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__arrow svg {
  fill: rgb(255, 255, 255);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey {
  background: rgb(64, 64, 79);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:hover {
  background: rgb(95, 95, 107);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--grey:active {
  background: rgb(125, 125, 135);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue {
  background: rgb(30, 98, 200);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:hover {
  background: rgb(66, 123, 209);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--blue:active {
  background: rgb(102, 148, 218);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange {
  background: rgb(204, 94, 20);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:hover {
  background: rgb(222, 106, 29);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange:active {
  background: rgb(229, 120, 46);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light {
  background: rgb(255, 175, 71);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:hover {
  background: #ffb557;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light:active {
  background: #ffc070;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light.disabled {
  background: #fff7ed;
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__title,
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--orange-light .cl-v3-atom-dropdown__arrow svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green {
  background: rgb(71, 124, 60);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:hover {
  background: rgb(85, 140, 74);
}
.cl-v3-atom-dropdown--opened .cl-v3-atom-dropdown__toggle--green:active {
  background: rgb(95, 157, 83);
}
@media screen and (max-width: 1167px) {
  .cl-v3-atom-dropdown__title {
    max-width: 648px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-atom-dropdown__title {
    max-width: 296px;
  }
}

.cl-v3-atom-click {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  padding: 12px 12px;
  border-radius: 2px;
  background: rgb(228, 228, 237);
  width: 100%;
  position: relative;
}
.cl-v3-atom-click__wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-atom-click:hover, .cl-v3-atom-click.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-atom-click.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-atom-click:active {
  background: rgb(241, 241, 246);
}
.cl-v3-atom-click--icon .cl-v3-atom-click__text {
  margin-left: 12px;
}
.cl-v3-atom-click__key {
  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: rgba(6, 6, 20, 0.96);
}
.cl-v3-atom-click__key--mb {
  margin-bottom: 4px;
}
.cl-v3-atom-click__value {
  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);
}
.cl-v3-atom-click--ghost {
  background: transparent;
  border: 2px solid rgb(228, 228, 237);
}
.cl-v3-atom-click--ghost:hover, .cl-v3-atom-click--ghost.focused, .cl-v3-atom-click--ghost:active {
  background: transparent;
}
.cl-v3-atom-click--yellow {
  background: rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow:hover, .cl-v3-atom-click--yellow.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click--yellow-ghost {
  background: transparent;
  border: 2px solid rgb(248, 237, 206);
}
.cl-v3-atom-click--yellow-ghost:hover, .cl-v3-atom-click--yellow-ghost.focused {
  background: rgb(250, 241, 218);
}
.cl-v3-atom-click--yellow-ghost:active {
  background: rgb(251, 246, 230);
}
.cl-v3-atom-click.atom-preloader {
  cursor: default;
  pointer-events: none;
  overflow: hidden;
}
.cl-v3-atom-click.atom-preloader .cl-v3-atom-click__text,
.cl-v3-atom-click.atom-preloader .icon-container {
  opacity: 0.4;
}
.cl-v3-atom-click.atom-preloader::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(4px);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}

.cl-v3-atom-info {
  cursor: default;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  align-items: flex-start;
  border-radius: 2px;
}
.cl-v3-atom-info__icon {
  margin-right: 12px;
}
.cl-v3-atom-info__info {
  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.96);
  min-height: 32px;
}
.cl-v3-atom-info--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-atom-info--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-atom-info--white {
  background: rgb(255, 255, 255);
}
.cl-v3-atom-info--red {
  background: rgb(255, 214, 204);
}
.cl-v3-atom-info--green {
  background: rgb(227, 242, 226);
}

.cl-v3-prompt {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px 12px;
  border-radius: 2px;
}
.cl-v3-prompt__icon {
  margin-right: 12px;
}
.cl-v3-prompt__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  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.96);
}
.cl-v3-prompt__link, .cl-v3-prompt__link:hover, .cl-v3-prompt__link:visited {
  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.96);
  text-decoration: underline;
  width: fit-content;
}
.cl-v3-prompt--white {
  background: rgb(255, 255, 255);
  font-weight: 400;
}
.cl-v3-prompt--yellow {
  background: rgb(251, 234, 184);
}
.cl-v3-prompt--grey {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-prompt--red {
  background: rgb(255, 214, 204);
}
.cl-v3-prompt--green {
  background: rgb(227, 242, 226);
}

.cl-v3-btn-base {
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.cl-v3-btn-base--main {
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--main:hover {
  color: rgb(255, 255, 255);
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main:active {
  color: rgb(255, 255, 255);
  background: rgb(101, 101, 109);
}
.cl-v3-btn-base--main.focused {
  background: rgb(64, 64, 74);
}
.cl-v3-btn-base--main.disabled, .cl-v3-btn-base--main:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--danger {
  background: rgb(255, 50, 0);
  color: rgb(255, 255, 255);
}
.cl-v3-btn-base--danger:hover {
  color: rgb(255, 255, 255);
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger:active {
  color: rgb(255, 255, 255);
  background: rgb(255, 116, 82);
}
.cl-v3-btn-base--danger.focused {
  background: rgb(255, 83, 41);
}
.cl-v3-btn-base--danger.disabled, .cl-v3-btn-base--danger:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-base--white {
  background: rgb(255, 255, 255);
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--white:hover {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white:active {
  color: rgba(6, 6, 20, 0.96);
  background: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-base--white.focused {
  background: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-base--white.disabled, .cl-v3-btn-base--white:disabled {
  background: rgba(255, 255, 255, 0.32);
}
.cl-v3-btn-base--ghost {
  background: rgb(255, 255, 255);
  color: rgb(28, 28, 40);
  border: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-base--ghost:hover {
  background: rgb(246, 246, 246);
  border-color: rgb(64, 64, 74);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-base--ghost:active {
  background: rgb(246, 246, 246);
  border-color: rgb(101, 101, 109);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-base.focused {
  box-shadow: 0px 0px 0px 2px rgb(255, 0, 0) inset;
}
.cl-v3-btn-base.focused.disabled, .cl-v3-btn-base.focused:disabled {
  box-shadow: none;
}
.cl-v3-btn-base--grey {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-base--grey:hover {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--grey:active, .cl-v3-btn-base--grey.active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-base--grey.disabled {
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
  background: transparent;
}
.cl-v3-btn-base--grey.focused {
  background: rgb(234, 234, 241);
}
.cl-v3-btn-base--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-base--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-base--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-ghost {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  box-sizing: border-box;
}
.cl-v3-btn-ghost--main {
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-ghost--main:hover {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-ghost--main:active, .cl-v3-btn-ghost--main.active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-ghost--main.disabled, .cl-v3-btn-ghost--main:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--main.focused {
  color: rgb(64, 64, 74);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-ghost--danger {
  border: 2px solid rgb(255, 50, 0);
  background: transparent;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-ghost--danger:hover {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--danger:active {
  border: 2px solid rgb(255, 116, 82);
  color: rgb(255, 116, 82);
}
.cl-v3-btn-ghost--danger.disabled, .cl-v3-btn-ghost--danger:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--danger.focused {
  border: 2px solid rgb(255, 83, 41);
  color: rgb(255, 83, 41);
}
.cl-v3-btn-ghost--white {
  border: 2px solid rgb(255, 255, 255);
  background: transparent;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-ghost--white:hover {
  background: rgba(255, 255, 255, 0.16);
  border: 2px solid rgba(255, 255, 255, 0.96);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost--white:active {
  background: rgba(255, 255, 255, 0.32);
  border: 2px solid rgba(255, 255, 255, 0.88);
  color: rgba(255, 255, 255, 0.88);
}
.cl-v3-btn-ghost--white.disabled, .cl-v3-btn-ghost--white:disabled {
  border: 2px solid rgba(255, 255, 255, 0.32);
  background: transparent;
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-ghost--white.focused {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.96);
}
.cl-v3-btn-ghost.focused {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-ghost--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  height: 56px;
}
.cl-v3-btn-ghost--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  height: 40px;
}
.cl-v3-btn-ghost--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
}

.cl-v3-btn-loader {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: not-allowed;
  border: none;
  outline: none;
  white-space: nowrap;
}
.cl-v3-btn-loader__content {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-loader .circle-spinner {
  stroke: rgba(255, 255, 255, 0.86);
  box-sizing: border-box;
  stroke-width: 3px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  animation: line-animation 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate-animation 1.6s linear infinite;
  stroke-width: 4px;
}
.cl-v3-btn-loader--main {
  background: rgb(101, 101, 109);
}
.cl-v3-btn-loader--main::after {
  background: linear-gradient(90deg, #ececf1 0%, #f6f6f9 45.29%, rgb(255, 255, 255) 45.3%, #ececf1 45.31%, #ececf1 45.32%);
}
.cl-v3-btn-loader--main.cl-v3-btn-loader--gradient {
  background: #ececf1;
}
.cl-v3-btn-loader--danger {
  background: rgb(255, 116, 82);
}
.cl-v3-btn-loader--danger-ghost {
  background: rgba(255, 245, 242, 0.72);
}
.cl-v3-btn-loader--danger-ghost svg {
  fill: #ff6641;
}
.cl-v3-btn-loader--white {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--white .circle-spinner {
  stroke: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-loader--ghost {
  background: rgba(184, 184, 203, 0.4);
  border: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-loader--grey {
  background: rgb(245, 245, 249);
}
.cl-v3-btn-loader--lg {
  height: 56px;
}
.cl-v3-btn-loader--md {
  height: 40px;
}
.cl-v3-btn-loader--sm {
  height: 32px;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: btn-loader-spin 1s linear infinite;
}
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content picture,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content source,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content img,
.cl-v3-btn-loader--spinner .cl-v3-btn-loader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes btn-loader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-animation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(450deg);
  }
}
@keyframes line-animation {
  0% {
    stroke-dasharray: 2, 85.964;
    transform: rotate(0);
  }
  50% {
    stroke-dasharray: 65.973, 21.9911;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -65.973;
    transform: rotate(90deg);
  }
}

.cl-v3-btn-text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  display: flex;
  width: fit-content;
  padding-bottom: 4px;
  border-bottom: 2px solid rgb(28, 28, 40);
  cursor: pointer;
  transition: 200ms ease-in-out;
  height: fit-content;
  align-self: center;
  white-space: nowrap;
  text-decoration: none;
}
.cl-v3-btn-text:hover {
  color: rgb(64, 64, 74);
}
.cl-v3-btn-text:active {
  color: rgb(101, 101, 109);
  border-bottom: 2px solid rgb(101, 101, 109);
}
.cl-v3-btn-text:visited, .cl-v3-btn-text:focus {
  color: rgb(28, 28, 40);
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-btn-text:disabled, .cl-v3-btn-text.disabled {
  color: rgb(228, 228, 229);
  border-bottom: 2px solid rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}

.cl-v3-btn-arrow {
  display: flex;
  width: fit-content;
  padding-right: 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(101, 101, 109);
  height: 32px;
  box-sizing: border-box;
}
.cl-v3-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(28, 28, 40);
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v3-btn-arrow:hover, .cl-v3-btn-arrow:focus {
  color: rgb(101, 101, 109);
  background: rgb(246, 246, 246);
}
.cl-v3-btn-arrow:active {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active .cl-v3-btn-arrow__text {
  color: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:active svg {
  transition: 200ms ease-in-out;
}
.cl-v3-btn-arrow:active svg * {
  fill: rgb(101, 101, 109);
}
.cl-v3-btn-arrow:disabled, .cl-v3-btn-arrow.disabled {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-arrow:disabled .cl-v3-btn-arrow__text, .cl-v3-btn-arrow.disabled .cl-v3-btn-arrow__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow:disabled svg *, .cl-v3-btn-arrow.disabled svg * {
  fill: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-arrow.focused {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
}
.cl-v3-btn-arrow.focused.disabled {
  box-shadow: none;
}

.cl-v3-btn-menu {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: 200ms ease-in-out;
  width: 100%;
}
.cl-v3-btn-menu__icon {
  margin-right: 12px;
}
.cl-v3-btn-menu__text {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.cl-v3-btn-menu--sm {
  padding: 4px 16px;
}
.cl-v3-btn-menu--md {
  padding: 4px 24px;
}
.cl-v3-btn-menu--lg {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 32px;
  color: rgba(28, 28, 40, 0.8);
  padding: 12px 24px;
}
.cl-v3-btn-menu--right {
  justify-content: space-between;
}
.cl-v3-btn-menu--right .cl-v3-btn-menu__icon {
  order: 1;
  margin-right: 0;
}
.cl-v3-btn-menu--center {
  justify-content: center;
}
.cl-v3-btn-menu--double {
  padding: 8px 24px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__icon {
  margin-right: 16px;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__text {
  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: black;
}
.cl-v3-btn-menu--double .cl-v3-btn-menu__sub-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.48);
}
.cl-v3-btn-menu:hover, .cl-v3-btn-menu:focus {
  background-color: rgba(205, 205, 218, 0.32);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:active {
  background-color: rgba(184, 184, 203, 0.64);
  color: rgb(28, 28, 40);
}
.cl-v3-btn-menu:disabled, .cl-v3-btn-menu.disabled {
  color: rgba(229, 229, 230, 0.8);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-menu:disabled .cl-v3-btn-menu__icon, .cl-v3-btn-menu.disabled .cl-v3-btn-menu__icon {
  opacity: 0.2;
}
.cl-v3-btn-menu.load {
  padding: 0;
  background: rgba(184, 184, 203, 0.64);
  transition: none;
}
.cl-v3-btn-menu--danger {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
}
.cl-v3-btn-menu--danger:hover {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 247, 245);
}
.cl-v3-btn-menu--danger:active {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgb(255, 50, 0);
  background: rgb(255, 214, 204);
}

.cl-v3-btn-minor {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgb(28, 28, 40);
  width: 100%;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  white-space: nowrap;
  background: rgb(228, 228, 237);
  padding: 8px 10px;
}
.cl-v3-btn-minor:hover, .cl-v3-btn-minor:focus {
  background: rgb(241, 241, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-minor:active {
  background: rgb(241, 241, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-minor.disabled, .cl-v3-btn-minor:disabled {
  color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-minor--lg {
  height: 56px;
}
.cl-v3-btn-minor--md {
  height: 40px;
}
.cl-v3-btn-minor--sm {
  height: 32px;
}
.cl-v3-btn-minor.focused {
  border: 1px solid #ff0000;
}

.cl-v3-btn-choice {
  display: flex;
  place-content: center center;
  place-items: center center;
  width: calc(100% - 3px);
  transition: 200ms ease-in-out;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  border: 2px solid rgb(28, 28, 40);
  background: transparent;
  color: rgb(28, 28, 40);
  padding: 8px 16px;
}
.cl-v3-btn-choice:hover, .cl-v3-btn-choice.focused {
  border: 2px solid rgb(64, 64, 74);
  background: rgb(246, 246, 246);
  color: rgb(64, 64, 74);
}
.cl-v3-btn-choice.focused {
  border-color: rgb(255, 0, 0);
}
.cl-v3-btn-choice:active {
  border: 2px solid rgb(101, 101, 109);
  background: rgb(246, 246, 246);
  color: rgb(101, 101, 109);
}
.cl-v3-btn-choice.disabled, .cl-v3-btn-choice:disabled {
  border: 2px solid rgb(228, 228, 229);
  background: transparent;
  color: rgb(228, 228, 229);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice.selected {
  border-color: transparent;
  background: rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  cursor: default;
  pointer-events: none;
}
.cl-v3-btn-choice.selected.focused {
  border-color: transparent;
}
.cl-v3-btn-choice.selected.disabled, .cl-v3-btn-choice.selected:disabled {
  background: rgb(228, 228, 229);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-choice--md {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 40px;
  border-radius: 20px;
}
.cl-v3-btn-choice--sm {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  height: 32px;
  border-radius: 16px;
}

.cl-v3-btn-action {
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cl-v3-btn-action__icon--size-32 svg {
  width: 32px;
  height: 32px;
}
.cl-v3-btn-action__icon--size-24 svg {
  width: 24px;
  height: 24px;
}
.cl-v3-btn-action__icon--size-20 svg {
  width: 20px;
  height: 20px;
}
.cl-v3-btn-action:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-btn-action:active, .cl-v3-btn-action.active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-btn-action.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.cl-v3-btn-action:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.32);
}
@media (hover: none) {
  .cl-v3-btn-action:hover {
    background: transparent;
  }
}

.cl-v3-btn-add {
  padding: 8px 12px;
  border-radius: 4px;
}
.cl-v3-btn-add__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
}
.cl-v3-btn-add__icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.cl-v3-btn-add__icon svg {
  fill: rgb(255, 114, 79);
}
.cl-v3-btn-add--yellow {
  background: transparent;
}
.cl-v3-btn-add--yellow .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--yellow:hover, .cl-v3-btn-add--yellow.focused {
  background: #fcf9ed;
}
.cl-v3-btn-add--yellow:active, .cl-v3-btn-add--yellow.loading {
  background: #fbf6e6;
}
.cl-v3-btn-add--blue {
  background: transparent;
}
.cl-v3-btn-add--blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--blue:hover, .cl-v3-btn-add--blue.focused {
  background: #edf3fc;
}
.cl-v3-btn-add--blue:active, .cl-v3-btn-add--blue.loading {
  background: #e6eefb;
}
.cl-v3-btn-add--grey {
  background: transparent;
}
.cl-v3-btn-add--grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--grey:hover, .cl-v3-btn-add--grey.focused {
  background: #f4f4fb;
}
.cl-v3-btn-add--grey:active, .cl-v3-btn-add--grey.loading {
  background: #ececf8;
}
.cl-v3-btn-add--red {
  background: transparent;
}
.cl-v3-btn-add--red .cl-v3-btn-add__text {
  color: #eb5042;
}
.cl-v3-btn-add--red:hover, .cl-v3-btn-add--red.focused {
  background: #fff6f5;
}
.cl-v3-btn-add--red:active, .cl-v3-btn-add--red.loading {
  background: #ffe8e6;
}
.cl-v3-btn-add--light-grey {
  background: transparent;
}
.cl-v3-btn-add--light-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-grey:hover, .cl-v3-btn-add--light-grey.focused {
  background: #f5f5f9;
}
.cl-v3-btn-add--light-grey:active, .cl-v3-btn-add--light-grey.loading {
  background: #f1f1f6;
}
.cl-v3-btn-add--light-blue {
  background: transparent;
}
.cl-v3-btn-add--light-blue .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--light-blue:hover, .cl-v3-btn-add--light-blue.focused {
  background: #edf8fc;
}
.cl-v3-btn-add--light-blue:active, .cl-v3-btn-add--light-blue.loading {
  background: #e6f6fb;
}
.cl-v3-btn-add--dark-grey {
  background: transparent;
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-btn-add--dark-grey .cl-v3-btn-add__icon svg {
  fill: rgba(6, 6, 20, 0.96);
}
.cl-v3-btn-add--dark-grey:hover, .cl-v3-btn-add--dark-grey.focused {
  background: rgba(28, 28, 40, 0.08);
}
.cl-v3-btn-add--dark-grey:active, .cl-v3-btn-add--dark-grey.loading {
  background: rgba(28, 28, 40, 0.16);
}
.cl-v3-btn-add.focused {
  border: 1px solid #ff0000;
}
.cl-v3-btn-add.disabled, .cl-v3-btn-add:disabled {
  background: transparent;
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__text, .cl-v3-btn-add:disabled .cl-v3-btn-add__text {
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-btn-add.disabled .cl-v3-btn-add__icon svg, .cl-v3-btn-add:disabled .cl-v3-btn-add__icon svg {
  opacity: 0.3;
}

/*
* нужно для frontend/vue/src/components/v1-v3/buttons/ButtonLinkBase.vue
* Если это неподходящее место для этого, то переместите потом куда-нибудь на своё усмотрение
*/
.button-link-fix {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button-link-fix:hover, .button-link-fix:focus {
  color: #ffffff;
}
.button-link-fix--ghost:hover, .button-link-fix--ghost:focus {
  color: #000000;
}

.cl-v3-btn-social {
  display: flex;
  place-content: center center;
  place-items: center center;
  transition: 200ms ease-in-out;
  cursor: pointer;
  width: 100%;
  height: 56px;
  border-radius: 2px;
  border: none;
  background: rgb(228, 228, 237);
}
.cl-v3-btn-social:hover, .cl-v3-btn-social:focus {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social:active {
  background: rgb(241, 241, 246);
}
.cl-v3-btn-social.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.cl-v3-btn-link {
  display: flex;
  flex-direction: row;
  width: 100%;
  display: inline-flex;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 2px;
  height: 20px;
  padding-left: 2px;
  width: fit-content;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-link__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.64);
  margin-right: 6px;
  display: flex;
}
.cl-v3-btn-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
}
.cl-v3-btn-link__icon picture,
.cl-v3-btn-link__icon source,
.cl-v3-btn-link__icon img,
.cl-v3-btn-link__icon svg {
  width: inherit;
  height: inherit;
}
.cl-v3-btn-link svg {
  fill: rgba(6, 6, 20, 0.64);
}
.cl-v3-btn-link:hover {
  background: rgb(234, 234, 241);
  border-color: rgb(234, 234, 241);
  text-decoration: none;
}
.cl-v3-btn-link:focus-visible {
  border: 2px solid rgb(255, 0, 0);
}
.cl-v3-btn-link:active {
  background: rgb(228, 228, 237);
}
.cl-v3-btn-link.disabled .cl-v3-btn-link__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.24);
}
.cl-v3-btn-link.disabled svg {
  fill: rgba(6, 6, 20, 0.24);
}

.cl-v3-btn-main {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(28, 28, 40);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main:after, .cl-v3-btn-main:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main:after {
  z-index: 2;
}
.cl-v3-btn-main:before {
  z-index: 3;
}
.cl-v3-btn-main:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(28, 28, 40);
}
.cl-v3-btn-main:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main.disabled, .cl-v3-btn-main:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main--lg .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main--md .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main--sm .cl-v3-btn-main__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-main-ghost {
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: 2px solid rgb(28, 28, 40);
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-ghost__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-ghost:after, .cl-v3-btn-main-ghost:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-ghost:after {
  z-index: 2;
}
.cl-v3-btn-main-ghost:before {
  z-index: 3;
}
.cl-v3-btn-main-ghost:hover:after {
  opacity: 1;
}
.cl-v3-btn-main-ghost:active:before {
  opacity: 1;
}
.cl-v3-btn-main-ghost:hover {
  opacity: 0.9;
}
.cl-v3-btn-main-ghost:active {
  opacity: 0.7;
}
.cl-v3-btn-main-ghost.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost.disabled, .cl-v3-btn-main-ghost:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(28, 28, 40);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-ghost--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-ghost--lg .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-ghost--md .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(28, 28, 40);
}
.cl-v3-btn-main-ghost--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-ghost--sm .cl-v3-btn-main-ghost__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(28, 28, 40);
}

.cl-v3-btn-main-danger {
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 50, 0);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  z-index: 1;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-main-danger__content {
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.cl-v3-btn-main-danger:after, .cl-v3-btn-main-danger:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: none;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-btn-main-danger:after {
  z-index: 2;
}
.cl-v3-btn-main-danger:before {
  z-index: 3;
}
.cl-v3-btn-main-danger:hover:after {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger:active:before {
  opacity: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.loading {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), rgb(255, 50, 0);
}
.cl-v3-btn-main-danger.disabled, .cl-v3-btn-main-danger:disabled {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)), rgb(255, 50, 0);
  color: rgb(255, 255, 255);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-btn-main-danger--lg {
  padding: 16px;
  height: 56px;
}
.cl-v3-btn-main-danger--lg .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--md {
  padding: 8px 16px;
  height: 40px;
}
.cl-v3-btn-main-danger--md .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgb(255, 255, 255);
}
.cl-v3-btn-main-danger--sm {
  padding: 7px 16px;
  height: 32px;
}
.cl-v3-btn-main-danger--sm .cl-v3-btn-main-danger__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 18px;
  color: rgb(255, 255, 255);
}

.cl-v3-btn-white {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  line-height: 20px;
  color: rgb(28, 28, 40);
  width: 100%;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgb(255, 255, 255);
  transition: 200ms ease-in-out;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
  white-space: nowrap;
}
.cl-v3-btn-white:hover {
  opacity: 0.9;
}
.cl-v3-btn-white:active {
  opacity: 0.7;
}

.cl-v3-switcher {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  width: -moz-fit-content;
}
.cl-v3-switcher__input {
  height: 0;
  width: 0;
  visibility: hidden;
}
.cl-v3-switcher__label {
  width: 40px;
  height: 20px;
  background: rgb(228, 228, 237);
  display: block;
  border-radius: 24px;
  position: relative;
  border: 2px solid rgb(64, 64, 79);
  cursor: pointer;
  text-indent: -9999px;
  transition: 60ms cubic-bezier(0.1, 0.8, 0.8, 1);
  margin: 0 8px 0 0;
}
.cl-v3-switcher__label:after {
  content: "";
  position: absolute;
  margin: 0;
  top: -2px;
  left: -2px;
  width: 20px;
  height: 20px;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(64, 64, 79);
  border-radius: 50%;
  transition: 200ms ease-in-out;
}
.cl-v3-switcher__label:hover, .cl-v3-switcher__label:focus, .cl-v3-switcher__label.focused {
  background: rgb(234, 234, 241);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:hover:after, .cl-v3-switcher__label:focus:after, .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__label:active {
  background: rgb(237, 251, 230);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
  width: 24px;
}
.cl-v3-switcher__label:disabled, .cl-v3-switcher__label.disabled {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__label:disabled:after, .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__text {
  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: #8e90a6;
  white-space: nowrap;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgb(71, 124, 60);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  left: calc(100% + 2px);
  transform: translateX(-100%);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused {
  background: rgb(85, 140, 74);
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:hover:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label:focus:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.focused:after {
  border-color: rgb(95, 95, 107);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active {
  background: rgb(241, 241, 246);
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:active:after {
  border-color: rgb(125, 125, 135);
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label:disabled:after, .cl-v3-switcher__input:checked + .cl-v3-switcher__label.disabled:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher__input:checked + .cl-v3-switcher__label + .cl-v3-switcher__text {
  color: rgb(71, 124, 60);
}
.cl-v3-switcher.disabled .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__label {
  background: rgba(228, 228, 237, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label {
  background: rgba(220, 248, 206, 0.88);
  border-color: rgb(101, 101, 109);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v3-switcher.disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after, .cl-v3-switcher:disabled .cl-v3-switcher__input:checked + .cl-v3-switcher__label:after {
  border-color: rgb(101, 101, 109);
  background: rgb(255, 255, 255) url(/img/custom-lib-v3/switcher/lock-icon--disabled.svg) left 3px bottom 2px no-repeat;
}

.cl-v3-input-search {
  width: 100%;
}
.cl-v3-input-search__wrapper {
  position: relative;
}
.cl-v3-input-search__search-icon {
  transition: 200ms ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
}
.cl-v3-input-search__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 4px;
  padding-left: 40px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box !important;
}
.cl-v3-input-search__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-search__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-search__input:hover .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-search__input:active, .cl-v3-input-search__input:focus + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__help-text {
  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);
}
.cl-v3-input-search__clean {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: 200ms ease-in-out;
}
.cl-v3-input-search__input:focus + .cl-v3-input-search__clean, .cl-v3-input-search__input:hover + .cl-v3-input-search__clean {
  opacity: 1;
}
.cl-v3-input-search__clean:hover {
  opacity: 1;
}
.cl-v3-input-search::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}

.cl-v3-input-select {
  width: 100%;
  position: relative;
}
.cl-v3-input-select__wrapper {
  position: relative;
}
.cl-v3-input-select__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-select__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: calc(100% - 52px);
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 42px;
  background: rgb(255, 255, 255);
  text-align: left;
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 32px;
  box-sizing: content-box;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-select__input-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 32px;
  white-space: nowrap;
}
.cl-v3-input-select__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-select__input:active, .cl-v3-input-select__input:focus, .cl-v3-input-select__input.focused, .cl-v3-input-select__input.opened {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-select__icon {
  position: absolute;
  transition: 200ms ease-in-out;
  top: 0;
  right: 0;
}
.cl-v3-input-select__icon--chevron {
  cursor: pointer;
}
.cl-v3-input-select__icon--chevron.opened .icon-container {
  transform: rotate(-90deg);
}
.cl-v3-input-select__help-text {
  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);
  min-height: 18px;
}
.cl-v3-input-select__placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select .select-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 10;
  background: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  padding: 6px 0;
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 2px;
  transition: 200ms ease-in-out;
  overflow-y: scroll;
}
.cl-v3-input-select .select-box__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  transition: 200ms ease-in-out;
  cursor: pointer;
}
.cl-v3-input-select .select-box__item:hover {
  background: rgba(205, 205, 218, 0.32);
}
.cl-v3-input-select .select-box__item:active {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box__item:last-child {
  margin-bottom: 0;
}
.cl-v3-input-select .select-box__item.focused {
  background: rgba(184, 184, 203, 0.64);
}
.cl-v3-input-select .select-box .select-item__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 23px;
  color: rgba(6, 6, 20, 0.96);
  word-break: break-all;
}
.cl-v3-input-select .select-box .select-item.selected {
  cursor: default;
  pointer-events: none;
}
.cl-v3-input-select .select-box .select-item.selected .select-item__text {
  color: rgba(6, 6, 20, 0.48);
  opacity: 1;
}
.cl-v3-input-select--lg .select-box {
  padding: 6px 0;
  max-height: 222px;
  top: 65px;
}
.cl-v3-input-select--lg .select-box__item {
  height: 40px;
  margin-bottom: 2px;
  padding: 10px 12px;
}
.cl-v3-input-select--md .select-box {
  padding: 11px 0;
  max-height: 240px;
  top: 62px;
}
.cl-v3-input-select--md .select-box__item {
  padding: 6px 24px 7px;
}
.cl-v3-input-select.empty .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-select.disabled .cl-v3-input-select__label {
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__icon {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-select.disabled .cl-v3-input-select__input {
  color: rgba(6, 6, 20, 0.64);
  border-color: rgba(28, 28, 40, 0.08);
  pointer-events: none;
  cursor: default;
}

.cl-v3-input-checkbox,
.cl-v3-input-radio {
  position: relative;
}
.cl-v3-input-checkbox__input,
.cl-v3-input-radio__input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.cl-v3-input-checkbox__label,
.cl-v3-input-radio__label {
  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.96);
  cursor: pointer;
  position: relative;
  min-height: 20px;
  min-width: 20px;
  padding-left: 32px;
  margin-bottom: 0;
}
.cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__label::before {
  content: "";
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid rgb(28, 28, 40);
  border-radius: 2px;
  top: 0;
  left: 0;
}
.cl-v3-input-checkbox__label:hover::before,
.cl-v3-input-radio__label:hover::before {
  background-color: rgba(28, 28, 40, 0.16);
}
.cl-v3-input-checkbox__label:active::before,
.cl-v3-input-radio__label:active::before {
  background-color: rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox__label.disabled,
.cl-v3-input-radio__label.disabled {
  color: rgba(6, 6, 20, 0.32);
}
.cl-v3-input-checkbox__label.disabled::before,
.cl-v3-input-radio__label.disabled::before {
  cursor: not-allowed;
  border-color: rgba(28, 28, 40, 0.08);
  background-color: rgb(246, 246, 246);
  pointer-events: none;
}
.cl-v3-input-checkbox .cl-v3-input-radio__label::before,
.cl-v3-input-radio .cl-v3-input-radio__label::before {
  border-radius: 50%;
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-image: url("/images/custom-lib-panel/icons/check-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgb(18, 145, 14);
  border-color: rgb(18, 145, 14);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:hover,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:hover {
  background-color: rgb(56, 163, 53);
  border-color: rgb(56, 163, 53);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:active,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:active {
  background-color: rgb(94, 180, 91);
  border-color: rgb(94, 180, 91);
}
.cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before:disabled, .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-checkbox__input:checked + .cl-v3-input-radio__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-checkbox__label::before.disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before:disabled,
.cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before.disabled {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgba(28, 28, 40, 0.08);
  border: 1px solid #ff0000;
}
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox__input:checked:focus-visible + .cl-v3-input-radio__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio__input:checked:focus-visible + .cl-v3-input-radio__label::before {
  background-color: rgb(94, 180, 91);
  border-color: #ff0000;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label,
.cl-v3-input-radio--lg .cl-v3-input-radio__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  color: rgba(6, 6, 20, 0.96);
  padding-left: 37px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__label::before {
  width: 24px;
  height: 24px;
  top: 0;
}
.cl-v3-input-checkbox--lg .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__label::before {
  width: 24px;
  height: 24px;
  top: -2px;
}
.cl-v3-input-checkbox--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio--lg .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio--lg .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-size: unset;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label {
  color: rgba(6, 6, 20, 0.48);
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__label::before {
  background-color: rgb(246, 246, 246);
  border: 2px solid rgba(28, 28, 40, 0.08);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input:checked + .cl-v3-input-checkbox__label::before,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input:checked + .cl-v3-input-radio__label::before {
  background-color: rgb(227, 242, 226);
  border-color: rgb(227, 242, 226);
}
.cl-v3-input-checkbox:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox:disabled .cl-v3-input-radio__input, .cl-v3-input-checkbox.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-checkbox.disabled .cl-v3-input-radio__input,
.cl-v3-input-radio:disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio:disabled .cl-v3-input-radio__input,
.cl-v3-input-radio.disabled .cl-v3-input-checkbox__input,
.cl-v3-input-radio.disabled .cl-v3-input-radio__input {
  pointer-events: none;
}

.cl-v3-input-text {
  width: 100%;
  text-align: left;
}
.cl-v3-input-text__wrapper {
  position: relative;
  text-align: left;
}
.cl-v3-input-text__input {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  padding: 0 40px 2px 12px;
  margin-bottom: 4px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
}
.cl-v3-input-text__input:hover {
  border-color: rgb(101, 101, 109);
}
.cl-v3-input-text__input:active, .cl-v3-input-text__input:focus, .cl-v3-input-text__input:focus-visible {
  border-color: rgb(28, 28, 40);
}
.cl-v3-input-text__input.disabled, .cl-v3-input-text__input:disabled {
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__input::placeholder {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__input:disabled + .cl-v3-input-text__label, .cl-v3-input-text__input.disabled + .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-text__help-text {
  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);
  height: 16px;
}
.cl-v3-input-text__clean {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text.disabled {
  pointer-events: none;
  cursor: default;
}
.cl-v3-input-text.disabled .cl-v3-input-text__label {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.disabled .cl-v3-input-text__input {
  pointer-events: none;
  cursor: default;
  border-bottom: 2px solid rgba(28, 28, 40, 0.08);
  background-color: transparent !important;
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text.disabled .cl-v3-input-text__help-text {
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text.error .cl-v3-input-text__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.error .cl-v3-input-text__help-text {
  color: rgb(255, 50, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__label {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text.warning .cl-v3-input-text__help-text {
  color: rgb(240, 140, 0);
}
.cl-v3-input-text__search {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cl-v3-input-text__search-left .cl-v3-input-text__search {
  left: 0;
}
.cl-v3-input-text__search-left .cl-v3-input-text__input {
  padding-left: 36px;
}
.cl-v3-input-text__search-left .cl-v3-input-text__action {
  left: 0;
}
.cl-v3-input-text__action {
  cursor: pointer;
  top: 0;
  right: 0;
  position: absolute;
  bottom: 8px;
  width: 32px;
  height: 32px;
}
.cl-v3-input-text.help-text-align-end .cl-v3-input-text__help-text {
  text-align: end;
}
.cl-v3-input-text__hints {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint {
  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.96);
  background: rgb(228, 228, 237);
  padding: 4px 8px;
  border-radius: 4px;
  margin-right: 4px;
}
.cl-v3-input-text__hints .cl-v3-input-text__hint.success {
  color: rgb(18, 145, 14);
  background: rgb(227, 242, 226);
}
.cl-v3-input-text__hint-btn {
  padding: 4px 12px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  border: none;
  background: transparent;
  border-radius: 2px;
  transition: 200ms ease-in-out;
  position: absolute;
  right: 0;
  bottom: 8px;
}
.cl-v3-input-text__hint-btn:hover {
  background: rgba(205, 205, 218, 0.24);
  color: rgba(6, 6, 20, 0.64);
}
.cl-v3-input-text__hint-btn:active {
  background: rgba(184, 184, 203, 0.4);
  color: rgba(6, 6, 20, 0.48);
}
.cl-v3-input-text__hint-btn:disabled, .cl-v3-input-text__hint-btn.disabled {
  cursor: default;
  pointer-events: none;
  border: 2px solid rgba(205, 205, 218, 0.32);
  color: rgba(6, 6, 20, 0.24);
}
.cl-v3-input-text__hint-btn.focused {
  border: 1px solid rgb(255, 0, 0);
}

.cl-v3-input-code {
  width: 100%;
}
.cl-v3-input-code__wrapper {
  position: relative;
  margin-bottom: 4px;
}
.cl-v3-input-code__label {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 16px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 4px;
}
.cl-v3-input-code__input {
  position: relative;
  color: transparent;
  background: transparent;
  transition: 200ms ease-in-out;
  width: 100%;
  border: none;
  height: 46px;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  z-index: 1;
}
.cl-v3-input-code__input::selection {
  background: transparent;
}
.cl-v3-input-code__input::-moz-selection {
  background: transparent;
}
.cl-v3-input-code__input:-webkit-autofill, .cl-v3-input-code__input:-webkit-autofill:hover, .cl-v3-input-code__input:-webkit-autofill:focus, .cl-v3-input-code__input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: transparent;
}
.cl-v3-input-code-split-code-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  z-index: 0;
}
.cl-v3-input-code-split-code-wrapper__item {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 48px;
  color: rgba(6, 6, 20, 0.96);
  width: 100%;
  margin-right: 8px;
  border-bottom: 2px solid rgba(28, 28, 40, 0.16);
  text-align: center;
  transition: 200ms ease-in-out;
  position: relative;
}
.cl-v3-input-code-split-code-wrapper__item:last-child {
  margin-right: 0;
}
.cl-v3-input-code-split-code-wrapper__cursor {
  position: absolute;
  right: -1px;
  bottom: 2px;
  animation: blinker 1s step-start infinite;
}
.cl-v3-input-code-split-code-wrapper__cursor--first {
  position: absolute;
  left: calc(25% - 2px);
  bottom: 2px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.cl-v3-input-code__input:focus + .cl-v3-input-code-split-code-wrapper > .cl-v3-input-code-split-code-wrapper__item {
  border-bottom: 2px solid rgb(28, 28, 40);
}
.cl-v3-input-code__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-code.error .cl-v3-input-code__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-input-textarea__textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid rgb(233, 234, 235);
  min-height: 112px;
}
.cl-v3-input-textarea__textarea::placeholder {
  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.48);
}
.cl-v3-input-textarea__help-text {
  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);
  min-height: 16px;
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__label {
  color: rgb(255, 50, 0);
}
.cl-v3-input-textarea.error .cl-v3-input-textarea__help-text {
  color: rgb(255, 50, 0);
}

.cl-v3-table-not-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-not-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
.cl-v3-table-not-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-not-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-not-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-not-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-not-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-not-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-not-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
.cl-v3-table-not-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-not-adaptive--striped .cl-v3-table-not-adaptive-body-row:hover .cl-v3-table-not-adaptive-body-row__td {
  border: none;
}
.cl-v3-table-not-adaptive--not-hovered .cl-v3-table-not-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-not-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--bold .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--number .cl-v3-table-not-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--right .cl-v3-table-not-adaptive-body-row-td__content {
  justify-content: flex-end;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-left .cl-v3-table-not-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-not-adaptive .cl-v3-table-not-adaptive-column-mode-class--text-overflow-right .cl-v3-table-not-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-table-adaptive {
  border-spacing: 0 10px;
  border-collapse: separate;
  width: 100%;
}
.cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 8px;
  text-transform: unset;
}
.cl-v3-table-adaptive-thead-tr-th__content {
  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);
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-thead {
    display: none;
  }
}
.cl-v3-table-adaptive-body-row {
  height: fit-content;
  padding-top: 4px;
}
.cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  transition: 200ms ease-in-out;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
.cl-v3-table-adaptive-body-row .option-divider {
  display: none;
}
.cl-v3-table-adaptive-body-row__td {
  padding: 8px 12px;
}
@media screen and (min-width: 1400px) {
  .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive-body-row-td__column-name {
  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);
  display: none;
  padding: 0;
}
.cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
  display: flex;
}
.cl-v3-table-adaptive-body-row-td__slot {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-gap: 24px;
    grid-template-columns: repeat(2, 328px);
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px;
  }
  .cl-v3-table-adaptive-body-row .option-divider {
    display: block;
    height: 1px;
    margin: 0 12px;
    background: rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive-body-row__td:not(.cl-v3-table-adaptive-body-row__td--no-padding) {
    padding: 6px 12px;
  }
  .cl-v3-table-adaptive-body-row-td__column-name {
    display: block;
  }
}
@media screen and (max-width: 815px) {
  .cl-v3-table-adaptive-body {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(1, 328px) !important;
  }
  .cl-v3-table-adaptive-body-row {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive--striped {
  border-spacing: 0;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-thead-tr-th {
  padding: 0 12px 12px;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row {
  transition: 200ms ease-in-out;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
  padding: 12px;
  border: none;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even) {
  background: transparent;
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
  border: none;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row .option-divider {
    margin: 0 12px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    transition: 200ms ease-in-out;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid rgba(184, 184, 203, 0.64);
    border-bottom: 1px solid rgba(184, 184, 203, 0.64);
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:hover .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid rgba(184, 184, 203, 0.64);
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even), .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd) {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(even):hover, .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row:nth-child(odd):hover {
    background: transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    padding: 8px 12px;
  }
}
@media screen and (max-width: 1167px) and (min-width: 1400px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td {
    /* Предыдущий размер: $break_1106 */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:first-child {
    border-left: 1px solid transparent;
    border-radius: 4px 0 0 4px;
  }
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td:last-child {
    border-right: 1px solid transparent;
    border-radius: 0 4px 4px 0;
  }
}
@media screen and (max-width: 1167px) and (max-width: 1167px) {
  .cl-v3-table-adaptive--striped .cl-v3-table-adaptive-body-row__td--no-padding {
    padding: 0;
  }
}
.cl-v3-table-adaptive--not-hovered .cl-v3-table-adaptive-body-row:hover {
  background: unset !important;
  transition-delay: 25s;
}
.cl-v3-table-adaptive__btn-show {
  margin-top: 28px;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--bold .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 32px;
  color: rgba(6, 6, 20, 0.88);
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--number .cl-v3-table-adaptive-body-row-td__content * {
  font-family: "Open Sans", monospace;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-thead-tr-th__content {
  justify-content: flex-end;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
  justify-content: flex-end;
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--right .cl-v3-table-adaptive-body-row-td__content {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1167px) {
  .cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--row-to-col-md .cl-v3-table-adaptive-body-row-td__content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-left .cl-v3-table-adaptive-body-row-td__content {
  direction: rtl;
  overflow: hidden;
  display: block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-v3-table-adaptive .cl-v3-table-adaptive-column-mode-class--text-overflow-right .cl-v3-table-adaptive-body-row-td__content {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cl-v3-empty-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  height: min-content;
}
.cl-v3-empty-search__img-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 32px 0 48px;
  background: rgba(205, 205, 218, 0.16);
  border-radius: 8px;
  width: 100%;
}
.cl-v3-empty-search__img-block--mb {
  margin-bottom: 32px;
}
.cl-v3-empty-search__img {
  margin-bottom: 10px;
}
.cl-v3-empty-search__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v3-empty-search__title {
  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.48);
  margin-bottom: 0;
}
.cl-v3-empty-search__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.96);
}
.cl-v3-empty-search__descr a {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__descr a:hover, .cl-v3-empty-search__descr a:focus, .cl-v3-empty-search__descr a.focus, .cl-v3-empty-search__descr a:active, .cl-v3-empty-search__descr a.active {
  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.96);
  text-decoration: underline;
}
.cl-v3-empty-search__buttons {
  display: flex;
  justify-content: center;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block {
  background: none;
  padding: 0;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img-block--mb {
  margin-bottom: 24px;
}
.cl-v3-empty-search--transparent .cl-v3-empty-search__img {
  width: 88px;
  height: 64px;
  margin-bottom: 8px;
}
@media (max-width: 1167px) {
  .cl-v3-empty-search {
    max-width: 680px;
  }
}

.cl-v3-tip {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding: 14px 16px;
  box-shadow: -8px 0px 8px rgba(28, 28, 40, 0.04), 8px 0px 8px rgba(28, 28, 40, 0.04), 0px 8px 8px rgba(28, 28, 40, 0.08);
  border-radius: 8px;
  background: rgb(28, 28, 40);
  transition: 200ms ease-in-out;
}
.cl-v3-tip__wrap {
  width: 100%;
}
.cl-v3-tip__close {
  cursor: pointer;
  width: 32px;
  height: 32px;
  transition: 200ms ease-in-out;
}
.cl-v3-tip__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  color: rgb(255, 255, 255);
  margin-bottom: 0;
}
.cl-v3-tip__text {
  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(249, 249, 251, 0.96);
  margin-bottom: 0;
}
.cl-v3-tip:hover {
  background: rgb(46, 46, 61);
}

.cl-v3-menu {
  position: absolute;
  background: transparent;
  padding: 12px 0;
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 2px 8px rgba(28, 28, 40, 0.16);
  border-radius: 4px;
}

.cl-v3-menu-item {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  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.96);
  padding: 4px 22px 4px 12px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cl-v3-menu-item:hover, .cl-v3-menu-item.selected {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item:active {
  background: rgb(239, 239, 241);
}
.cl-v3-menu-item:focus-visible {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v3-menu-item.danger {
  color: rgb(235, 80, 66);
}
.cl-v3-menu-item.danger:hover {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.danger:active {
  background: rgb(255, 232, 230);
}
.cl-v3-menu-item.danger:focus-visible {
  background: rgb(255, 246, 245);
}
.cl-v3-menu-item.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
}
.cl-v3-menu-item.loading {
  background: rgb(239, 239, 241);
  color: rgba(6, 6, 20, 0.48);
  cursor: default;
  pointer-events: none;
  align-items: center;
  position: relative;
}
.cl-v3-menu-item.loading .cl-v3-menu-item__loader {
  animation: spin 1s linear infinite;
  width: 10px;
  height: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
@media screen and (max-width: 1167px) {
  .cl-v3-menu-item {
    padding: 8px 22px;
    justify-content: center;
  }
}

/**
 * @desc: Модальные окна для комопнентов vue, прмежуточное решение до обновления ui-kit
 * @example: раздел ddos, withdraws
 */
/**
 * @desc: Контейнер для модальных окон, имеет свойство scroll
 */
.v-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.8);
}
.v-modals-container.v-show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Оверлэй для закрытия
 */
.v-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 815px) {
  .v-overlay {
    display: none;
  }
}

/**
 * @name: ClassicalModal
 * @desc: Обычное, модальное окно, по центру страницы
 */
.v-classic-modal {
  width: 328px;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.v-classic-modal.v-hide {
  display: none;
}
.v-classic-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.v-classic-modal .content-modal .back-link {
  display: none;
  margin-bottom: 16px;
}
.v-classic-modal .content-modal .back-link .icon-container {
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .back-link__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  display: flex;
  align-items: center;
}
.v-classic-modal .content-modal .close-modal {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  color: #8e90a6;
  display: flex;
  margin-left: auto;
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .close-modal:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal .close-modal:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal .close-modal.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal__head {
  margin-bottom: 16px;
}
.v-classic-modal .content-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 24px;
}
.v-classic-modal .content-modal__note {
  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.64);
  display: block;
}
.v-classic-modal .content-modal__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);
  text-align: left;
  margin-bottom: 40px;
}
.v-classic-modal .content-modal__btn {
  margin-bottom: 16px;
  height: 48px;
}
.v-classic-modal .content-modal__btn:last-child {
  margin-bottom: 0;
}
.v-classic-modal .content-modal__btn-text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #008580;
  line-height: 16px;
  border-bottom: 1px dashed #008580;
  cursor: pointer;
  transition: 200ms ease-in-out;
  display: table;
  max-width: fit-content;
  white-space: nowrap;
  margin: 0 auto;
}
.v-classic-modal .content-modal__btn-text:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.v-classic-modal .content-modal__btn-text:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.v-classic-modal .content-modal__btn-text.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.v-classic-modal .content-modal .container-btn--first {
  margin-bottom: 12px;
}
.v-classic-modal .content-modal .container-btn-back {
  display: none;
}
@media screen and (max-width: 815px) {
  .v-classic-modal {
    width: 100%;
    height: 100%;
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    margin-top: 0;
  }
  .v-classic-modal .content-modal {
    width: 328px;
    margin: 0 auto;
    margin-top: 56px;
  }
  .v-classic-modal .content-modal .back-link {
    display: flex;
  }
  .v-classic-modal .content-modal .close-modal {
    display: none;
  }
  .v-classic-modal .content-modal .container-btn-back {
    display: block;
    margin-bottom: 24px;
  }
}

/**
 * @name: OverlayModal
 * @desc: Модальное окно, выезжающее справа
 */
.v-slide-modal {
  position: fixed;
  top: 0;
  right: 0;
  background: #ffffff;
  height: 100%;
  overflow: hidden;
  width: auto;
  z-index: 2;
}
.v-slide-modal .scroll-parent {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.v-slide-modal .content-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  width: 680px !important;
  box-sizing: content-box;
  padding: 72px 72px 140px 65px;
}
.v-slide-modal .content-modal .back-link {
  display: none;
}
.v-slide-modal .content-modal__link-back {
  display: none;
  margin-bottom: 32px;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
.v-slide-modal .content-modal__link-back .text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  color: #008580;
}
.v-slide-modal .content-modal__link-back .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
  place-content: center center;
  place-items: center center;
  margin-right: 8px;
}
.v-slide-modal .content-modal__link-back .icon-container picture,
.v-slide-modal .content-modal__link-back .icon-container source,
.v-slide-modal .content-modal__link-back .icon-container img,
.v-slide-modal .content-modal__link-back .icon-container svg {
  width: inherit;
  height: inherit;
}
.v-slide-modal .content-modal__link-back:hover {
  opacity: 0.7;
}
.v-slide-modal .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);
  margin-bottom: 24px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal .content-modal__title {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal .content-modal .container-btn {
    margin-bottom: 8px;
    display: block;
  }
}
.v-slide-modal .footer-modal {
  position: sticky;
  border-top: 1px solid rgba(28, 28, 40, 0.12);
  bottom: 0;
  padding: 16px 12px;
  background: rgb(255, 255, 255);
  margin: 0 65px 0 48px;
}
@media screen and (max-width: 1167px) {
  .v-slide-modal {
    width: 396px;
  }
  .v-slide-modal .content-modal {
    width: 328px !important;
    padding: 72px 32px 140px 32px;
  }
  .v-slide-modal .footer-modal {
    padding: 16px 0;
    margin: 0 40px 0 24px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 815px) {
  .v-slide-modal {
    width: 100% !important;
    min-width: 100% !important;
    height: 100%;
    overflow: auto;
    padding: 0;
    border-radius: 0;
    border: none;
  }
  .v-slide-modal .scroll-parent {
    height: auto;
    overflow-y: auto;
  }
  .v-slide-modal .footer-modal {
    padding-top: 32px;
    border-top: none;
    margin: 0;
  }
  .v-slide-modal .content-modal {
    margin: 0 auto;
    margin-top: 56px;
    padding: 32px 32px 32px 32px;
  }
  .v-slide-modal .content-modal__link-back {
    display: flex;
  }
  .v-slide-modal .content-modal .back-link {
    display: flex;
  }
  .v-slide-modal .content-modal .close-modal {
    display: none;
  }
}

/**
 * @name: ?
 * @desc: Прелоадер для оверлеев
 */
.v-preloader {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: fixed;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  transition: 200ms ease-in-out;
  background: rgba(28, 28, 40, 0.4);
}
.v-preloader__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  animation: spin 1s linear infinite;
}
.v-preloader__content picture,
.v-preloader__content source,
.v-preloader__content img,
.v-preloader__content svg {
  width: inherit;
  height: inherit;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/**
 * @name: Alert
 * @desc: Предупреждение, всплывает поверх других оверлеев
 */
.v-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.v-alert-container.v-show {
  top: 0;
}

.v-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.24), 0px 0px 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.v-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.v-alert .content-modal__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: 0 0 24px;
}
.v-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

/*
 * Стили для библиотеки perfect-scrollbar
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-y {
  display: block;
  width: 8px;
  background-color: rgb(246, 246, 246);
  height: 100% !important;
  opacity: 1;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0 !important;
  /* please don't change 'position' */
  position: absolute;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-y {
  display: block;
  background-color: rgb(228, 228, 229);
  border-radius: 0px;
  width: 8px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  /* there must be 'right' for ps__thumb-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.cl-v4-code-snippet {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
.cl-v4-code-snippet__data-wrapper {
  width: 100%;
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.96);
  background: rgb(245, 245, 250);
  border-radius: 4px;
  padding: 12px 16px 0;
  margin-bottom: 4px;
}
.cl-v4-code-snippet__data-wrapper.just-copied {
  outline: 1px solid rgb(18, 145, 14);
}
.cl-v4-code-snippet__data {
  scrollbar-width: thin;
  overflow-x: auto;
  padding-bottom: 12px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar {
  width: 4px;
}
.cl-v4-code-snippet__data::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.cl-v4-code-snippet__data::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.cl-v4-code-snippet__item {
  white-space: nowrap;
}
.cl-v4-code-snippet__value {
  transition: 0.2s ease;
  white-space: pre;
}
.cl-v4-code-snippet__value-wrapper {
  width: fit-content;
  position: relative;
  display: inline-block;
}
.cl-v4-code-snippet__buttons-wrapper {
  position: relative;
}
.cl-v4-code-snippet__buttons-wrapper .cl-v4-code-snippet__after-copied {
  width: 100%;
  color: rgb(18, 145, 14);
  position: absolute;
  top: -30px;
}
.cl-v4-code-snippet__animation-bg {
  background: rgb(245, 245, 250);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}
.cl-v4-code-snippet__animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 3;
}
.cl-v4-code-snippet__slots {
  position: relative;
}
.cl-v4-code-snippet .animation-noise {
  background-image: url("/img/custom-lib-v3/noise.png");
  background-position: 0 0;
  animation: noise 0.5s infinite;
  animation-timing-function: steps(5, end);
  opacity: 0.48;
  background-size: 180px 140px;
  color: transparent;
  cursor: pointer;
}
.cl-v4-code-snippet .animation-noise:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 50%;
  }
}

/**
 * Анимация шума для скрытия информации (например, пароля)
 *
 * @name: animation-noise
 */
.cl-v4-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-v4-animation-noise:hover {
  opacity: 0.24;
}

/**
 * @desc: Container for @SlideModal and @ClassicModal
 */
.cl-v4-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0;
  top: calc(-100% - 100px);
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 3000;
  background: rgba(28, 28, 40, 0.4);
  padding: 32px 0;
}
.cl-v4-modals-container--show {
  top: 0;
}
@media screen and (max-width: 815px) {
  .cl-v4-modals-container {
    z-index: calc(1001 - 1);
    background: #ffffff;
    padding-top: 0;
  }
}

/**
 * @desc: Container for @Alert
 */
.cl-v4-alert-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 0;
  top: calc(-100% - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  background: rgba(0, 0, 0, 0.49);
}
.cl-v4-alert-container--show {
  top: 0;
}

/**
 * @name: OverlayModal
 * @desc: Overlay for closing
 */
.cl-v4-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .cl-v4-overlay {
    display: none;
  }
}

/**
 * @name: SlideModal
 * @desc: Modal window, sliding out from the right side
 */
.cl-v4-slide-modal {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: auto;
  top: 0;
  right: 0;
  background: rgb(255, 255, 255);
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
  width: 680px !important;
  box-sizing: content-box;
}
.cl-v4-slide-modal__head {
  padding: 24px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 4px 4px rgba(184, 184, 203, 0.1);
  backdrop-filter: blur(6px);
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
  display: none;
}
.cl-v4-slide-modal__head .cl-v4-slide-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);
  word-break: break-word;
}
.cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
  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;
  word-break: break-all;
}
.cl-v4-slide-modal__content {
  padding: 32px 77px 88px;
  height: auto;
}
.cl-v4-slide-modal__content-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
}
.cl-v4-slide-modal__footer {
  padding: 16px 77px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0px -4px 4px rgba(184, 184, 203, 0.1), inset 0px 1px 0px rgba(184, 184, 203, 0.25);
  backdrop-filter: blur(6px);
  margin-top: auto;
}
.cl-v4-slide-modal__footer--separated {
  position: fixed;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .cl-v4-slide-modal {
    max-width: 396px;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    width: 328px !important;
  }
  .cl-v4-slide-modal__head {
    padding: 24px 34px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 22px;
    line-height: 24px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 34px 88px;
  }
  .cl-v4-slide-modal__footer {
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-slide-modal {
    height: calc(100% - 48px);
    bottom: 0;
    top: 48px;
    width: 100%;
    max-width: 100%;
  }
  .cl-v4-slide-modal__head, .cl-v4-slide-modal__content, .cl-v4-slide-modal__footer {
    margin: 0 auto;
  }
  .cl-v4-slide-modal__head {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    flex-wrap: no-wrap;
    padding: 4px 8px 12px;
    box-sizing: border-box;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back {
    display: none;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__back--mob {
    cursor: pointer;
    display: block;
    margin-right: 8px;
    height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__title {
    font-size: 15px;
    line-height: 32px;
  }
  .cl-v4-slide-modal__head .cl-v4-slide-modal__subtitle {
    width: 100%;
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-slide-modal__content {
    padding: 32px 0 88px;
  }
  .cl-v4-slide-modal__footer {
    display: flex;
    flex-direction: row;
    width: 100%;
    width: 100% !important;
    justify-content: center;
    padding: 8px 0;
    margin-top: auto;
  }
}

/**
 * @name: Alert
 * @desc: Popup window on top of other modal windows
 */
.cl-v4-alert {
  background: rgb(255, 255, 255);
  border: 1px solid rgba(184, 184, 203, 0.64);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.24);
  border-radius: 8px;
  padding: 16px;
  z-index: 1;
  width: 292px;
  height: fit-content;
  margin: auto auto;
}
.cl-v4-alert .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: 20px;
  color: rgba(6, 6, 20, 0.96);
  margin-top: 0;
}
.cl-v4-alert .content-modal__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: 0 0 24px;
}
.cl-v4-alert .content-modal-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.cl-v4-classic-modal {
  width: 328px !important;
  padding: 32px;
  box-sizing: content-box;
  background: #ffffff;
  height: auto;
  display: flex;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  min-height: auto;
  margin: auto;
  z-index: 2;
}
.cl-v4-classic-modal.v-hide {
  display: none;
}
.cl-v4-classic-modal__note {
  margin-bottom: 16px;
  display: block;
  word-break: break-all;
}
.cl-v4-classic-modal__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-v4-classic-modal__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
  text-align: left;
  display: block;
  margin-bottom: 16px;
  word-break: break-word;
}
.cl-v4-classic-modal__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-bottom: 24px;
  text-align: left;
}
.cl-v4-classic-modal__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .cl-v4-classic-modal {
    overflow: visible;
    padding: 0;
    border-radius: 0;
    border: none;
    width: 100% !important;
    margin: 0;
  }
  .cl-v4-classic-modal__head-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    width: 328px;
  }
  .cl-v4-classic-modal__action {
    width: 328px;
    margin: 0 auto;
  }
  .cl-v4-classic-modal__desc {
    width: 328px;
    margin: 0 auto 40px;
  }
  .cl-v4-classic-modal__note {
    font-size: 12px;
    line-height: 16px;
  }
  .cl-v4-classic-modal__back {
    display: flex;
    margin-bottom: 24px;
    height: 32px;
    cursor: pointer;
  }
  .cl-v4-classic-modal__content {
    margin: 0 auto;
    margin-top: 56px;
  }
}

/**
 * @name ButtonArrow
 * @desc Button with left arrow
 */
.cl-v4-btn-arrow {
  display: flex;
  width: fit-content;
  cursor: pointer;
  transition: 200ms ease-in-out;
  text-decoration: none;
  color: rgb(30, 98, 200);
  height: 32px;
  box-sizing: border-box;
  padding: 6px 0;
}
.cl-v4-btn-arrow__icon {
  margin-right: 8px;
  transition: 200ms ease-in-out;
}
.cl-v4-btn-arrow__icon svg {
  stroke: rgb(30, 98, 200);
}
.cl-v4-btn-arrow__text {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  display: flex;
  place-content: center center;
  place-items: center center;
}
.cl-v4-btn-arrow:hover {
  color: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:hover .cl-v4-btn-arrow__icon svg {
  stroke: rgb(66, 123, 209);
}
.cl-v4-btn-arrow:active {
  color: rgb(102, 148, 218);
}
.cl-v4-btn-arrow:active .cl-v4-btn-arrow__icon svg {
  stroke: rgb(102, 148, 218);
}
.cl-v4-btn-arrow.focused:not(.disabled) {
  color: #ff0000;
}
.cl-v4-btn-arrow.focused:not(.disabled) .cl-v4-btn-arrow__icon svg {
  stroke: rgb(255, 0, 0);
}
.cl-v4-btn-arrow:disabled, .cl-v4-btn-arrow.disabled {
  color: rgba(12, 12, 61, 0.12);
  pointer-events: none;
  cursor: not-allowed;
}
.cl-v4-btn-arrow:disabled .cl-v4-btn-arrow__icon svg, .cl-v4-btn-arrow.disabled .cl-v4-btn-arrow__icon svg {
  stroke: rgba(12, 12, 61, 0.12);
}

/**
 * @name ButtonTag
 * @desc
 */
.cl-v4-btn-tag {
  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.48);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 200ms ease-in-out;
  border: none;
  outline: none;
  background: transparent;
  width: 100%;
}
.cl-v4-btn-tag__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-right: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cl-v4-btn-tag:hover {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag:active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more {
  padding: 4px 8px;
  position: relative;
}
.cl-v4-btn-tag--more .cl-v4-btn-tag__icon {
  transition: 200ms ease-in-out;
  width: 8px;
  height: 16px;
}
.cl-v4-btn-tag--more.active {
  background: rgba(205, 205, 218, 0.24);
}
.cl-v4-btn-tag--more.active .cl-v4-btn-tag__icon {
  transform: rotate(-90deg);
}
.cl-v4-btn-tag--filter {
  padding: 4px 4px 4px 8px;
}
.cl-v4-btn-tag--filter .cl-v4-btn-tag__count {
  font-family: "Roboto Mono", monospace;
  color: rgba(6, 6, 20, 0.48);
  background: rgba(28, 28, 40, 0.08);
  border-radius: 10px;
  padding: 2px 7px;
  line-height: 12px;
}
.cl-v4-btn-tag--filter.active {
  background: rgba(184, 184, 203, 0.4);
}
.cl-v4-btn-tag--filter.active .cl-v4-btn-tag__count {
  background: rgba(255, 255, 255, 0.86);
}
.cl-v4-btn-tag--filter.disabled {
  background: transparent;
  color: rgba(6, 6, 20, 0.24);
  pointer-events: none;
  cursor: default;
}
.cl-v4-btn-tag--filter.disabled .cl-v4-btn-tag__count {
  border: 1px solid rgba(28, 28, 40, 0.08);
  background: transparent;
}
.cl-v4-btn-tag--round {
  border-radius: 16px;
}
.cl-v4-btn-tag--square {
  border-radius: 2px;
}

.cl-v4-status {
  width: 100%;
  padding: 56px 77px 24px;
}
.cl-v4-status__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;
  margin-bottom: 8px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status__title {
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 0;
  }
}
.cl-v4-status__note {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 0;
  min-height: 20px;
}
@media screen and (max-width: 815px) {
  .cl-v4-status__note {
    font-size: 12px;
    line-height: 16px;
  }
}
.cl-v4-status--loading .cl-v4-status__title,
.cl-v4-status--loading .cl-v4-status__note {
  color: rgba(6, 6, 20, 0.96);
}
.cl-v4-status--success {
  justify-content: space-between;
  background: rgb(18, 145, 14);
}
.cl-v4-status--success .cl-v4-status__title,
.cl-v4-status--success .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--success .cl-v4-status__note {
  font-weight: 700;
}
.cl-v4-status--fail {
  background: rgb(228, 81, 68);
}
.cl-v4-status--fail .cl-v4-status__title,
.cl-v4-status--fail .cl-v4-status__note {
  color: rgb(255, 255, 255);
}
.cl-v4-status--fail .cl-v4-status__note {
  font-weight: 400;
}
.cl-v4-status__scale {
  width: 100%;
  height: 12px;
  background: rgb(228, 228, 229);
  position: relative;
  overflow: hidden;
  margin-top: 12px;
  border-radius: 4px;
}
.cl-v4-status__scale::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  background: linear-gradient(90deg, rgb(18, 145, 14) 20%, rgb(228, 228, 229) 20%);
  animation: mask 1200ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
@media screen and (max-width: 1167px) {
  .cl-v4-status__scale::before {
    background: linear-gradient(90deg, rgb(18, 145, 14) 35%, rgb(228, 228, 229) 35%);
  }
}
@media screen and (max-width: 1167px) {
  .cl-v4-status {
    padding: 56px 34px 24px;
  }
}
@media screen and (max-width: 815px) {
  .cl-v4-status {
    padding: 4px 8px 12px;
  }
  .cl-v4-status__wrapper {
    padding-left: 40px;
    margin: 0 auto;
  }
}

.cl-v4-table-settings {
  width: 100%;
}
.cl-v4-table-settings__title {
  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.96);
  padding: 6px 0;
  min-width: max-content;
}
.cl-v4-table-settings__data-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-end;
}
.cl-v4-table-settings__data {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  margin: auto 8px;
  padding: 6px 0;
  height: min-content;
  word-break: break-word;
  text-align: end;
}
.cl-v4-table-settings__data--text {
  color: rgba(6, 6, 20, 0.96) !important;
}
.cl-v4-table-settings__data--link {
  color: rgb(30, 98, 200) !important;
}
.cl-v4-table-settings__data--long {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-top: 3px;
}
.cl-v4-table-settings__item {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-radius: 4px;
  justify-content: space-between;
  padding: 12px;
  transition: background 200ms ease-out;
  cursor: default;
}
.cl-v4-table-settings__item:nth-child(even) {
  background: transparent;
}
.cl-v4-table-settings__item:nth-child(even):hover {
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item:nth-child(odd) {
  background: rgba(49, 49, 99, 0.04);
}
.cl-v4-table-settings__item:nth-child(odd):hover {
  background: rgba(49, 49, 99, 0.1);
}
.cl-v4-table-settings__item.focused, .cl-v4-table-settings__item:focus-visible {
  box-shadow: 0px 0px 0px 1px rgb(255, 0, 0) inset;
  background: rgba(49, 49, 99, 0.07);
}
.cl-v4-table-settings__item--link {
  cursor: pointer;
}
.cl-v4-table-settings__text, .cl-v4-table-settings__link {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.cl-v4-table-settings__btn {
  height: 32px;
  display: flex;
  align-items: center;
}
.cl-v4-table-settings__icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}
@media screen and (max-width: 1167px) {
  .cl-v4-table-settings__item {
    padding: 4px 12px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data,
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-size: 12px;
    line-height: 16px;
    padding: 8px 0;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__title {
    font-weight: 600;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__data {
    margin: 0 4px;
    font-weight: 400;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__icon {
    width: 16px;
    height: 16px;
    margin-top: 7px;
    margin-right: 4px;
  }
  .cl-v4-table-settings__item .cl-v4-table-settings__btn {
    margin-right: -7px;
  }
}

/**
  Стандартный прелоадер для прогрузки страницы
 */
.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, .docs-agreed .btn-outline-extra-large {
  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;
}