@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";






















@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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;
}
a {
  cursor: pointer;
  color: #337ab7;
}
a:hover, a:focus {
  color: #23527C;
  text-decoration: none;
}
abbr[data-original-title],
abbr[title] {
  text-decoration: none;
}
textarea {
  resize: vertical;
}
ul {
  padding: 0;
  list-style: none;
}
table thead th, .table thead th {
  font-size: 85%;
  text-transform: uppercase;
}
table th, .table th {
  text-align: center;
}
table th, table td, .table th, .table td {
  vertical-align: middle;
}
table th.text-left, table td.text-left, .table th.text-left, .table td.text-left {
  text-align: left;
}
table th.text-right, table td.text-right, .table th.text-right, .table td.text-right {
  text-align: right;
}
table th.text-top, table td.text-top, .table th.text-top, .table td.text-top {
  vertical-align: top;
}
table th.text-bottom, table td.text-bottom, .table th.text-bottom, .table td.text-bottom {
  vertical-align: bottom;
}
table th.text-middle, table td.text-middle, .table th.text-middle, .table td.text-middle {
  vertical-align: middle;
}
table.border-none, .table.border-none {
  border: none;
}
table.border-none th, table.border-none td, .table.border-none th, .table.border-none td {
  border: none;
}
table .p-xs, .table .p-xs {
  padding: 10px;
}
table .p-l-sm, .table .p-l-sm {
  padding-left: 15px;
}
table .p-r-sm, .table .p-r-sm {
  padding-right: 15px;
}
*:focus {
  outline: none;
}
body {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 13px;
}
body.non-scroll {
  scrollbar-width: none;
  overflow: hidden;
  transition: all 200ms;
  -ms-overflow-style: none;
}
body.non-scroll::-webkit-scrollbar {
  display: none;
  transition: all 200ms;
}
body.old {
  background: #f3f3f4 !important;
}
.wrapper-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  max-width: 1032px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .wrapper-block {
    display: block;
  }
}
.wrapper-block.added-header {
  padding-top: 0;
}
.wrapper-block #page-side-bar-mobile {
  width: 100%;
}
.wrapper-block #container-content {
  width: 680px;
}
@media screen and (max-width: 1167px) {
  .wrapper-block #container-content {
    width: 100%;
  }
}
.grecaptcha-badge {
  display: none;
}
.wrapper-content {
  width: 1032px !important;
}
@media screen and (max-width: 1167px) {
  .wrapper-content {
    width: 680px !important;
  }
}
@media screen and (max-width: 815px) {
  .wrapper-content {
    width: 328px !important;
  }
}
.alert-block {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #fff1cc;
  border: 1px solid #ffbb0e;
  border-radius: 4px;
  margin-bottom: 48px;
}
.alert-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  flex-basis: 32px;
  min-width: 32px;
  margin-right: 25px;
}
.alert-block__icon picture,
.alert-block__icon source,
.alert-block__icon img,
.alert-block__icon svg {
  width: inherit;
  height: inherit;
}
.alert-block-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.alert-block-data__title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  margin-right: 25px;
}
.alert-block-data__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.alert-block-data .btn-fill-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
  display: flex;
  position: relative;
}
.alert-block-data .btn-fill-arrow picture,
.alert-block-data .btn-fill-arrow source,
.alert-block-data .btn-fill-arrow img,
.alert-block-data .btn-fill-arrow svg {
  width: inherit;
  height: inherit;
}
.alert-block-data .btn-fill-arrow .icon-container {
  position: static;
  top: 0;
  right: 8px;
}
.alert-block-danger {
  background-color: #ffe8e8;
  border: 1px solid #e33838;
  align-items: flex-start;
}
.alert-block-danger .alert-block-data {
  align-items: flex-start;
}
.alert-block-danger .alert-block-data__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin-right: 0;
  color: #e33838;
  margin-bottom: 8px;
}
.alert-block-danger .alert-block-data__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-size: 15px;
  margin-bottom: 0;
  color: rgba(6, 6, 20, 0.96);
}
.alert-block-danger .alert-block-data__desc.mb {
  margin-bottom: 16px !important;
}
.alert-block-success {
  background-color: #e3ffe3;
  border: 1px solid #05a308;
  align-items: flex-start;
}
.alert-block-success .alert-block-data {
  align-items: flex-start;
}
.alert-block-success .alert-block-data__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin-right: 0;
  color: #05a308;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.alert-block-success .alert-block-data__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-size: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 815px) {
  .alert-block-data {
    flex-direction: column;
    align-items: flex-start;
  }
  .alert-block-data__title {
    margin-bottom: 4px;
  }
}
.suggestions {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.suggestions__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 16px;
}
.suggestions__text {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 24px;
}
.suggestions .left {
  width: 328px !important;
  margin-right: 24px;
}
.suggestions .right {
  width: 328px !important;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .suggestions {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .suggestions .right {
    width: 100% !important;
    min-width: 100% !important;
    order: 1;
    margin-bottom: 24px;
  }
  .suggestions .left {
    order: 2;
  }
}
.slide-overlay {
  background: rgba(28, 28, 40, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  overflow-y: auto;
  z-index: 100000;
}
.slide-overlay .ui5-input__title {
  text-align: left;
}
.classic-overlay {
  display: flex;
  background: rgba(28, 28, 40, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100000;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: overlay;
}
@media screen and (max-width: 815px) {
  .classic-overlay {
    transform: translateY(48px);
    z-index: 1000 !important;
  }
}
.s-modal {
  width: 100%;
  max-width: 414px;
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
  min-height: 100vh;
  height: auto;
  padding: 24px 12px 0 12px;
  transition: 200ms ease-in-out;
}
.s-modal .content-modal {
  width: 328px;
  margin: 0 auto;
  align-items: flex-start;
}
.s-modal .content-modal__link-back {
  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;
}
.s-modal .content-modal__link-back:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.s-modal .content-modal__link-back.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.s-modal .content-modal__link-back:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.s-modal .content-modal__link-back.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.s-modal .content-modal__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #28293d;
  display: inline-block;
  text-align: left;
  margin-top: 48px;
  margin-bottom: 48px;
}
@media screen and (max-width: 815px) {
  .s-modal {
    max-width: 100%;
  }
}
.c-modal {
  background: #ffffff;
  padding: 56px 32px 32px 32px;
  height: auto;
  border: 1px solid rgba(28, 28, 40, 0.38);
  border-radius: 8px;
  margin: 100px auto;
  align-self: center;
  display: flex;
  justify-content: center;
  transition: 200ms ease-in-out;
}
.c-modal .content-modal {
  width: 328px;
  position: relative;
}
.c-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;
  position: absolute;
  top: -32px;
  right: 0;
  display: block;
}
.c-modal .content-modal .close-modal:hover {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.c-modal .content-modal .close-modal.focused {
  color: #2acbb6;
  border-bottom: 1px dashed #2acbb6;
}
.c-modal .content-modal .close-modal:active {
  color: #80edd4;
  border-bottom: 1px dashed #80edd4;
}
.c-modal .content-modal .close-modal.disabled {
  color: #e3e4eb;
  border-bottom: 1px dashed #e3e4eb;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.1;
}
.c-modal .content-modal .back-link {
  position: absolute;
  top: -32px;
  left: 0;
  display: none;
  width: auto;
  cursor: pointer;
  transition: 200ms ease-in-out;
}
.c-modal .content-modal .back-link:hover {
  opacity: 0.7;
}
.c-modal .content-modal .back-link:active {
  opacity: 1;
}
.c-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;
}
.c-modal .content-modal .back-link .icon-container {
  width: 100%;
  height: 100%;
  max-width: 24px;
  max-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-modal .content-modal .back-link .icon-container svg {
  width: inherit;
  height: inherit;
}
.c-modal .content-modal__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  color: #28293d;
  text-align: left;
  font-weight: bold;
  margin-bottom: 24px;
}
.c-modal .content-modal__description {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
  margin-bottom: 16px;
  text-align: left;
}
.c-modal .content-modal__description:last-child {
  margin-bottom: 32px;
}
@media screen and (max-width: 815px) {
  .c-modal {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .c-modal .content-modal .close-modal {
    display: none;
  }
  .c-modal .content-modal .back-link {
    display: flex;
  }
}
#set-psw .form-input {
  margin-bottom: 24px;
}
#set-psw .checkbox-block {
  margin-bottom: 16px;
}
#set-psw .checkbox-block__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
}
.scrollable {
  overflow-x: auto;
}
.search-result-block {
  display: flex;
  width: 100%;
  margin-bottom: 64px;
}
.search-result-block-wrapper {
  width: 100%;
  margin: 0 auto;
}
.search-result-block .illustration-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px;
}
.search-result-block .illustration-block__img {
  margin: 0 auto;
  margin-bottom: 24px;
}
.search-result-block .illustration-block__img .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 148px;
  height: 173px;
  border-radius: 4px;
  transition: 200ms ease-in-out;
}
.search-result-block .illustration-block__img .icon-container picture,
.search-result-block .illustration-block__img .icon-container source,
.search-result-block .illustration-block__img .icon-container img,
.search-result-block .illustration-block__img .icon-container svg {
  width: inherit;
  height: inherit;
}
.search-result-block .illustration-block__title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  color: #555770;
  text-align: center;
  margin-bottom: 8px;
}
.search-result-block .illustration-block__desc {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #555770;
  text-align: center;
}
.search-result-block .buttons-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search-result-block .buttons-block__link {
  margin-bottom: 8px;
}
.search-result-block .buttons-block__link:last-child {
  margin-bottom: 0;
}
.search-result-block .buttons-block__btn {
  height: 48px;
  margin-bottom: 8px;
}
.search-result-block .buttons-block__btn:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1167px) {
  .break-tab {
    width: 100px;
    display: block;
  }
}
@media screen and (max-width: 815px) {
  .break-mob {
    width: 100px;
    display: block;
  }
}
.cl-flex-col {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cl-flex-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.overlay-for-modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100000;
  background-color: rgba(28, 28, 40, 0.4);
  justify-content: center;
  align-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}
.overlay-for-modal.flex-show {
  display: flex;
}
.overlay-for-modal.hidden {
  display: none;
}
.box-list-wrapper .overlay-for-modal {
  background-color: rgba(0, 0, 0, 0.4);
}
.modal--checkbox_accept {
  max-width: 392px;
  padding: 32px;
  background-color: white;
  border-radius: 8px;
}
.modal--checkbox_accept .title {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  margin: 0 0 24px 0;
}
.modal--checkbox_accept .select-item {
  display: flex;
  margin-bottom: 24px;
}
.modal--checkbox_accept .select-item .checkbox-block {
  margin-right: 12px;
  display: flex;
  align-items: flex-start;
}
.modal--checkbox_accept .select-item .checkbox-block__label {
  position: relative;
  top: 2px;
  margin: 0;
}
.modal--checkbox_accept .select-item p {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.modal--checkbox_accept button {
  height: 48px;
}
.modal--checkbox_accept .btn-fill, .modal--checkbox_accept .btn-outline-extra-large {
  margin-bottom: 12px;
}
#file-upload-dialog .modal-header {
  display: none !important;
}
#file-upload-dialog .modal-footer {
  display: none;
}
#file-upload-dialog #duplicate-check {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#file-upload-dialog #duplicate-check .content__icon {
  background: url("/images/info-icon.svg");
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 30px;
}
#file-upload-dialog #duplicate-check p {
  color: #575757;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 30px;
}
#file-upload-dialog #duplicate-check .container-btns {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
}
#file-upload-dialog #duplicate-check .container-btns .upload-act {
  background: rgb(248, 172, 89);
  border-radius: 4px;
  margin-right: 15px !important;
  margin-left: 0 !important;
  border: none;
  height: 44px;
  text-transform: unset;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px !important;
  line-height: 1.3;
}
#file-upload-dialog #duplicate-check .container-btns .upload-act:hover {
  opacity: 0.8;
  cursor: pointer !important;
}
#file-upload-dialog #duplicate-check .container-btns .upload-act[data-action=cancel] {
  margin-right: 0 !important;
}
#file-upload-dialog #duplicate-check .container-btns .btn-border {
  background: #fff;
  border: 1px solid rgb(248, 172, 89);
  color: rgb(248, 172, 89);
}
@media (max-width: 815px) {
  #file-upload-dialog #duplicate-check .container-btns {
    flex-direction: column;
  }
  #file-upload-dialog #duplicate-check .container-btns .upload-act {
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }
}
#email-free-sprinthost-modal .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100000;
}
#email-free-sprinthost-modal .modal-email {
  width: 100%;
  max-width: 480px;
  padding: 60px 48px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  position: relative;
  margin-bottom: 24px;
}
#email-free-sprinthost-modal .modal-email .modal-cat {
  position: absolute;
  top: -110px;
}
#email-free-sprinthost-modal .modal-email .content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#email-free-sprinthost-modal .modal-email .content h2 {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  color: #444444;
  margin: 0 0 16px 0;
}
#email-free-sprinthost-modal .modal-email .content p {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #444444;
  margin: 0 0 24px 0;
}
#email-free-sprinthost-modal .modal-email .content input {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  border-radius: 4px;
  height: 40px;
  padding: 10px 16px;
  width: 100%;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#email-free-sprinthost-modal .modal-email .content input:focus {
  border: 1px solid #731cfe;
}
#email-free-sprinthost-modal .modal-email .content input[type=placeholder] {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.3;
  color: #888888;
}
#email-free-sprinthost-modal .modal-email .content .email-help-text {
  height: 24px;
  display: flex;
  align-items: center;
  align-content: center;
}
#email-free-sprinthost-modal .modal-email .content .email-help-text span {
  font-family: Open Sans, sans-serif;
  color: #9e0505;
}
#email-free-sprinthost-modal .modal-email .content button {
  width: 100%;
  height: 36px;
  background: #02baa4;
  border-radius: 3px;
  color: #ffffff;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.3px;
  letter-spacing: 0.02em;
  outline: none !important;
  border: none !important;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#email-free-sprinthost-modal .modal-email .content .btn--disabled {
  opacity: 0.6;
}
#email-free-sprinthost-modal .modal-email .content .btn--disabled:hover {
  opacity: 0.6;
}
#email-free-sprinthost-modal .modal-email .content .btn--active:hover {
  background: #02a693;
  transition: 0.1s ease-in-out;
}
#email-free-sprinthost-modal .modal-email .content .btn--active:active {
  background: #02baa4;
  opacity: 1;
}
#email-free-sprinthost-modal .modal-email .content .btn--ok {
  width: 84px;
  align-self: center;
}
#email-free-sprinthost-modal .modal-email--sent {
  display: none;
  padding: 32px 48px;
}
#email-free-sprinthost-modal .modal-email--sent .content .modal-cat-sent-mail {
  position: relative;
  top: 0;
  left: 0;
  align-self: center;
  margin-bottom: 24px;
}
#email-free-sprinthost-modal .modal-email--sent .content h2 {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.3;
  text-align: center;
  color: #444444;
  margin: 0 0 8px 0;
}
.modal-persons {
  padding: 0 0 32px !important;
  min-width: 392px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.24);
  border: none;
  border-radius: 12px;
}
@media screen and (max-width: 815px) {
  .modal-persons {
    box-shadow: none;
  }
}
.modal-persons__title-wrapper {
  padding: 32px;
  background-color: #12910E;
  color: white;
  border: 1px solid #12910E;
  border-radius: 8px 8px 0 0;
}
@media screen and (max-width: 815px) {
  .modal-persons__title-wrapper {
    border-radius: 2px;
    margin-inline: -32px;
  }
}
.modal-persons__title {
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 8px;
}
.modal-persons__name {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal-persons__description {
  padding: 0 32px;
  margin: 8px 0 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
@media screen and (max-width: 815px) {
  .modal-persons__description {
    margin: 16px 0 0;
    padding: 0;
  }
}
.modal-persons__button-wrapper {
  padding: 0 32px;
}
@media screen and (max-width: 815px) {
  .modal-persons__button-wrapper {
    padding: 0;
  }
}
#persons {
  padding: 0 0 32px 0;
}
@media screen and (max-width: 815px) {
  #persons {
    padding-top: 16px;
  }
}
#databases-created {
  width: 436px !important;
}
.databases-modal {
  padding-bottom: 24px;
  width: 436px !important;
}
.databases-modal .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;
  margin-bottom: 16px;
}
.databases-modal__databox {
  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);
  font-family: "Roboto Mono", sans-serif;
  background-color: rgb(245, 245, 249);
  padding: 12px 12px 0;
  border-radius: 4px;
  margin-bottom: 4px;
  transition: 0.15s ease;
}
.databases-modal__databox-container {
  scrollbar-width: thin;
  overflow-y: auto;
  padding-bottom: 12px;
}
.databases-modal__databox-container::-webkit-scrollbar {
  width: 4px;
}
.databases-modal__databox-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.databases-modal__databox-container::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.databases-modal__databox--copied {
  outline: 1px solid #12910e;
}
.databases-modal__password {
  min-width: 160px;
  transition: 0.2s ease;
  display: inline;
}
.databases-modal__password-label {
  display: flex;
  background: rgb(245, 245, 249);
  margin-bottom: -22px;
  margin-top: -1px;
  user-select: none;
  z-index: 1;
  position: relative;
  width: 70px;
  padding: 1px 0 2px;
}
.databases-modal__password--hidden {
  cursor: pointer;
}
.databases-modal__state {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 16px;
  height: 16px;
  margin-bottom: 20px;
  transition: 0.2s ease;
  user-select: none;
}
.databases-modal__state--copied {
  color: rgb(18, 145, 14);
}
.databases-modal__state--hidden {
  opacity: 0;
}
#transfer_time .transfer-time-modal-note {
  color: rgba(6, 6, 20, 0.64);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  margin: 0;
}
#transfer_time .container-range {
  margin-bottom: 55px;
}
#modal-site-delete .modal-section,
#modal-subdomains-delete .modal-section {
  margin-bottom: 16px;
}
#modal-site-delete .modal-section__title,
#modal-subdomains-delete .modal-section__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);
}
#modal-site-delete .modal-section__desc,
#modal-subdomains-delete .modal-section__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);
}
#modal-site-delete .modal-section__link,
#modal-subdomains-delete .modal-section__link {
  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;
}
#modal-site-delete .modal-section__link:hover, #modal-site-delete .modal-section__link:active, #modal-site-delete .modal-section__link:focus,
#modal-subdomains-delete .modal-section__link:hover,
#modal-subdomains-delete .modal-section__link:active,
#modal-subdomains-delete .modal-section__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);
}
#modal-site-delete .modal-section--checkbox,
#modal-subdomains-delete .modal-section--checkbox {
  margin-bottom: 40px;
}
#modal-site-delete .modal-section .container-btn:first-child,
#modal-subdomains-delete .modal-section .container-btn:first-child {
  margin-bottom: 12px;
}
#modal-site-delete .content-modal .back-link,
#modal-subdomains-delete .content-modal .back-link {
  margin-bottom: 8px;
}
#modal-site-delete p,
#modal-subdomains-delete p {
  margin: 0;
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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: block;
  margin-bottom: 8px;
}
.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--clickable {
  cursor: pointer;
  pointer-events: auto;
}
.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: 1px solid rgba(249, 249, 251, 0.32);
  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-save {
  margin-bottom: 10px;
}
.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);
}
/*---
@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;
}
/*---
 @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: 1px solid rgba(249, 249, 251, 0.32);
  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-save {
  margin-bottom: 10px;
}
.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;
}
#feedback-fail-modal .feedback-fail-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: #EB5042;
  display: flex;
  align-items: center;
}
.onboarding-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  width: 100svw;
  height: 100svh;
  min-height: 100svh;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 56px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.onboarding-modal-wrapper::-webkit-scrollbar {
  width: 4px;
}
.onboarding-modal-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
.onboarding-modal-wrapper::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
@media screen and (max-width: 1167px) {
  .onboarding-modal-wrapper {
    padding: 32px;
  }
}
@media screen and (max-width: 815px) {
  .onboarding-modal-wrapper {
    padding: 8px;
  }
}
.onboarding-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 56px;
  border-radius: 16px;
  background: #FFF;
}
.onboarding-modal .head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
  gap: 8px;
}
.onboarding-modal .head__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 48px;
  color: rgba(0, 0, 0, 0.9607843137);
  width: 100%;
  margin: 0;
}
.onboarding-modal .head__descr {
  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);
  width: 100%;
  margin: 0;
  max-width: 568px;
}
.onboarding-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
}
.onboarding-modal__main-content {
  display: flex;
  justify-content: center;
  width: 100%;
}
.onboarding-modal__button {
  display: flex;
  justify-content: center;
}
.onboarding-modal .form__input-text {
  width: 328px;
}
.onboarding-modal .buttons {
  display: flex;
  gap: 8px;
}
.onboarding-modal .button-primary {
  padding: 18px 32px;
  width: 165px;
}
.onboarding-modal .logo {
  margin-right: 25px;
}
.onboarding-modal .pay-button-text {
  height: 20px;
}
.onboarding-modal .rub-sign {
  font-size: 13px;
}
.onboarding-modal--specify-number {
  min-height: 496px;
}
@media screen and (max-width: 1167px) {
  .onboarding-modal--specify-number {
    min-height: 368px;
  }
}
@media screen and (max-width: 815px) {
  .onboarding-modal--specify-number {
    min-height: 356px;
  }
}
.onboarding-modal--final-step {
  min-height: 476px;
}
@media screen and (max-width: 1167px) {
  .onboarding-modal--final-step {
    min-height: 616px;
  }
  .onboarding-modal--final-step .onboarding-modal__content {
    width: 552px;
  }
}
@media screen and (max-width: 815px) {
  .onboarding-modal--final-step {
    min-height: 552px;
  }
}
.onboarding-modal--premium {
  min-height: 428px;
}
@media screen and (max-width: 1167px) {
  .onboarding-modal--premium {
    min-height: 380px;
  }
}
@media screen and (max-width: 815px) {
  .onboarding-modal--premium {
    min-height: 316px;
  }
}
@media screen and (max-width: 1167px) {
  .onboarding-modal {
    padding: 32px;
  }
  .onboarding-modal .buttons {
    flex-direction: column;
    width: 100% !important;
  }
}
@media screen and (max-width: 815px) {
  .onboarding-modal {
    padding: 8px;
  }
  .onboarding-modal .onboarding-modal__content {
    width: 328px;
  }
  .onboarding-modal .onboarding-modal__button {
    width: 100%;
  }
  .onboarding-modal .head__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(0, 0, 0, 0.9607843137);
  }
  .onboarding-modal .head__descr {
    width: 100%;
  }
  .onboarding-modal .button-primary {
    width: 100%;
  }
}
.action-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  gap: 12px;
  flex-shrink: 0;
  width: 328px;
  padding: 24px 12px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  transition: 200ms ease-in-out;
}
.action-button__icon {
  transition: 200ms ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 2px;
}
.action-button__text-wrapper {
  display: flex;
  flex-direction: column;
}
.action-button__accent-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: rgba(0, 0, 0, 0.9607843137);
  transition: 200ms ease-in-out;
}
.action-button__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(0, 0, 0, 0.9607843137);
  transition: 200ms ease-in-out;
}
.action-button__description {
  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);
  transition: 200ms ease-in-out;
  margin-top: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 32px;
}
.action-button__loader {
  position: absolute;
  align-self: center;
  width: 24px;
  height: 24px;
}
.action-button:hover {
  background: #3472CD;
  cursor: pointer;
}
.action-button:focus-visible {
  background: #3472CD;
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.action-button.active, .action-button:active {
  background: #4B82D3;
}
.action-button.disabled .action-button__icon,
.action-button.disabled .action-button__text, .action-button.disabled .action-button__accent-text, .action-button.disabled .action-button__description, .action-button.loading .action-button__icon,
.action-button.loading .action-button__text, .action-button.loading .action-button__accent-text, .action-button.loading .action-button__description {
  opacity: 0.3;
}
.action-button.loading {
  background: #4B82D3;
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
}
.action-button.disabled {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
}
.action-button.preloading {
  pointer-events: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.action-button.preloading .action-button__icon,
.action-button.preloading .action-button__text, .action-button.preloading .action-button__accent-text, .action-button.preloading .action-button__description {
  opacity: 0;
}
.action-button.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;
}
.action-button:hover .action-button__text, .action-button.active .action-button__text, .action-button:active .action-button__text, .action-button.loading .action-button__text, .action-button:focus-visible .action-button__text {
  color: rgba(255, 255, 255, 0.9607843137);
}
.action-button:hover .action-button__accent-text, .action-button.active .action-button__accent-text, .action-button:active .action-button__accent-text, .action-button.loading .action-button__accent-text, .action-button:focus-visible .action-button__accent-text {
  color: rgba(255, 255, 255, 0.9607843137);
}
.action-button:hover .action-button__description, .action-button.active .action-button__description, .action-button:active .action-button__description, .action-button.loading .action-button__description, .action-button:focus-visible .action-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.action-button--transfer:hover, .action-button--transfer:focus-visible {
  background: #2A9C26;
}
.action-button--transfer.active, .action-button--transfer:active, .action-button--transfer.loading {
  background: #41A73E;
}
.action-button .word-break {
  word-break: break-word;
}
@media screen and (max-width: 1167px) {
  .action-button {
    width: 100%;
  }
}
.skip-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 8px;
  border: none;
  border-radius: 2px;
  background: transparent;
  transition: 200ms ease-in-out;
  padding: 8px 12px;
}
.skip-button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 200ms ease-in-out;
  opacity: 0.7;
  flex-shrink: 0;
  padding: 2px;
}
.skip-button__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(0, 0, 0, 0.9607843137);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 200ms ease-in-out;
  opacity: 0.7;
}
.skip-button__loader {
  position: absolute;
  align-self: center;
  width: 20px;
  height: 20px;
}
.skip-button:hover, .skip-button:focus-visible {
  cursor: pointer;
}
.skip-button:hover .skip-button__icon,
.skip-button:hover .skip-button__text, .skip-button:focus-visible .skip-button__icon,
.skip-button:focus-visible .skip-button__text {
  opacity: 0.5;
}
.skip-button:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.skip-button.disabled, .skip-button.loading {
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
}
.skip-button.disabled .skip-button__icon,
.skip-button.disabled .skip-button__text, .skip-button.loading .skip-button__icon,
.skip-button.loading .skip-button__text {
  opacity: 0.3;
}
.skip-button.preloading {
  pointer-events: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.skip-button.preloading .skip-button__icon,
.skip-button.preloading .skip-button__text {
  opacity: 0;
}
.skip-button.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;
}
.low-balance-modal__divider {
  margin-top: 24px;
  margin-bottom: 0;
}
.low-balance-modal__text-wrapper {
  display: flex;
  flex-direction: column;
}
.low-balance-modal__sprintcoin-sign {
  display: flex;
}
.low-balance-modal__sprintcoin-sign svg {
  height: 16px;
}
.low-balance-modal__text {
  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;
  display: flex;
  flex-direction: row;
  width: fit-content;
  margin: 0;
}
.low-balance-modal__block {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  gap: 8px;
}
.before-domain-register-reference__head {
  margin-bottom: 24px;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  line-height: 40px;
  color: rgba(6, 6, 20, 0.96);
}
.before-domain-register-reference__add-buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 0 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 815px) {
  .before-domain-register-reference__add-buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }
  .before-domain-register-reference__add-buttons .before-domain-register-reference__add-button {
    width: fit-content;
  }
}
.after-domain-register-reference {
  width: 680px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
}
@media screen and (max-width: 815px) {
  .after-domain-register-reference {
    width: 328px !important;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.after-domain-register-reference__button {
  width: fit-content !important;
}
.after-domain-register-reference__button .ui5-icon-template {
  flex-shrink: 0;
  margin-bottom: 2px;
  width: 12px;
  height: 12px;
}
.regdom-divider {
  margin: 24px 0;
  border-top: 1px solid rgba(28, 28, 39, 0.18);
}
.person-create-reference {
  margin-bottom: 40px;
  padding: 16px;
  background-color: #fbeab8;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}
.person-create-reference__head {
  margin-bottom: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  line-height: 28px;
  color: rgba(6, 6, 20, 0.96);
}
.person-reference-content {
  justify-content: space-between;
}
.person-reference-content__text {
  max-width: 554px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  color: rgba(6, 6, 20, 0.96);
}
.person-reference-content__button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 222px;
}
.person-reference-content__button:hover {
  color: #fff;
}
.person-reference-content__button:focus {
  color: #fff;
}
@media screen and (max-width: 1167px) {
  .person-reference-content__button {
    margin-top: 24px;
  }
}
@media screen and (max-width: 1167px) {
  .person-reference-content {
    flex-direction: column;
  }
}
.regdom-header {
  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: rgba(6, 6, 20, 0.96);
  margin-bottom: 24px;
  margin-top: 0;
}
@media screen and (max-width: 1167px) {
  .table-regdom-scroll {
    overflow-x: scroll;
  }
  .table-regdom-scroll::-webkit-scrollbar {
    background-color: rgba(106, 107, 120, 0.6);
    height: 4px;
  }
  .table-regdom-scroll::-webkit-scrollbar-thumb {
    background-color: #6a6b78;
    border-radius: 2px;
    pointer-events: none;
  }
}
.table-regdom-wrapper {
  width: 1032px;
}
.table-regdom-wrapper .dataTables_wrapper .row {
  margin: 0;
}
.table-regdom-wrapper .dataTables_wrapper .row .col-xs-12,
.table-regdom-wrapper .dataTables_wrapper .row .col-sm-6 {
  padding: 0;
}
.table-regdom-wrapper .dataTables_wrapper .row:nth-child(1) {
  display: flex;
  justify-content: space-between;
}
.table-regdom-wrapper .dataTables_wrapper .row:nth-child(1) .col-xs-12,
.table-regdom-wrapper .dataTables_wrapper .row:nth-child(1) .col-sm-6 {
  width: fit-content !important;
}
.table-regdom-wrapper .dataTables_wrapper .row:nth-child(1)::after, .table-regdom-wrapper .dataTables_wrapper .row:nth-child(1)::before {
  content: none;
}
.table-regdom-wrapper .dataTables_wrapper .row:nth-child(1) .form-control {
  vertical-align: middle;
}
.table-regdom {
  max-width: 1032px !important;
  box-sizing: border-box;
}
.table-regdom td * {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
#domains-register__word-block {
  display: block;
}
@media screen and (max-width: 1167px) {
  #domains-register__word-block {
    display: inline-block;
  }
}
@media screen and (max-width: 815px) {
  #domains-register__word-block {
    display: block;
  }
}
#domains-register .banner-element {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  padding: 16px 24px 16px 16px;
  background-color: #fbeab8;
  border-radius: 4px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 815px) {
  #domains-register .banner-element {
    flex-direction: column;
    padding: 16px;
  }
}
#domains-register .banner-element--warning {
  background-color: #F5CC52;
}
#domains-register .banner-element__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-bottom: 8px;
}
#domains-register .banner-element__description {
  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);
  max-width: 700px;
}
#domains-register .banner-element__button {
  flex-shrink: 0;
  align-self: center;
  max-width: fit-content;
  max-height: 56px;
}
@media screen and (max-width: 815px) {
  #domains-register .banner-element__button {
    align-self: end;
    max-width: initial;
  }
}
@media screen and (max-width: 1167px) {
  #domains-register .banner-element__button--align-end {
    align-self: end;
  }
}
#domains-register .banner-element--small {
  flex-direction: column;
  padding: 24px;
}
#domains-register .banner-element--small .banner-element__button {
  align-self: end;
  max-width: initial;
}
.free-site-blocked-banner {
  position: fixed;
  bottom: 0;
  background: #ff4f4f;
  display: flex;
  justify-content: space-between;
  padding: 12px 130px 12px 32px;
  /* left и width меняются, в зависимости от состояния левого меню */
  left: var(--sidebar-w);
  width: calc(100% - var(--sidebar-w));
  transition: 200ms ease-in-out;
  z-index: 1001;
}
@media screen and (max-width: 559px) {
  .free-site-blocked-banner {
    width: 100%;
    left: 0;
  }
}
@media screen and (max-width: 815px) {
  .free-site-blocked-banner {
    flex-direction: column;
    text-align: center;
    padding: 12px 32px;
  }
}
.free-site-blocked-banner__change-package-button {
  background: #ffffff;
  padding: 8px 16px;
  color: #1f2029;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  height: 40px;
  align-self: center;
}
@media screen and (max-width: 815px) {
  .free-site-blocked-banner__change-package-button {
    margin-top: 24px;
  }
}
.free-site-blocked-banner__change-package-button:visited {
  color: #1f2029;
}
.free-site-blocked-banner__change-package-button:hover {
  color: #2acbb6;
}
.free-site-blocked-banner__change-package-button:active {
  color: #80edd4;
}
.free-site-blocked-banner .banner-sense {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
}
.free-site-blocked-banner .banner-sense span {
  color: #ffffff;
}
.free-site-blocked-banner .banner-sense__head {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15.6px;
  line-height: 20px;
}
.free-site-blocked-banner .banner-sense__text {
  margin-top: 4px;
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
}
@media screen and (max-width: 815px) {
  .free-site-blocked-banner .banner-sense {
    padding-right: 0;
  }
}
.alert-process {
  width: 100%;
  padding: 8px 16px;
  border-radius: 0 4px 0 0;
}
.alert-process__text {
  font-family: Open Sans, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
}
#alert-transfer-started {
  background: #e33838;
  color: #ffffff;
}
#alert-transfer-planned {
  background: #ffd770;
  color: #1c1c28;
}
#data-bases .content {
  max-width: 680px;
}
#data-bases .content-header {
  margin-bottom: 40px;
}
#data-bases .content-header__title {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  color: rgba(6, 6, 20, 0.96);
  margin-bottom: 16px;
}
#data-bases .content-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-bottom: 16px;
}
#data-bases .content-header__desc:last-child {
  margin-bottom: 0;
}
#data-bases .content-action {
  margin-bottom: 40px;
}
.settings-nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 296px;
  padding-right: 32px;
  border-right: 1px solid rgba(28, 28, 40, 0.1215686275);
}
@media screen and (max-width: 1167px) {
  .settings-nav {
    display: none;
  }
}
.settings-nav__alert-title {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.settings-nav__alert-description {
  font-size: 12px;
  line-height: 16px;
}
.settings-nav--mobile {
  display: flex !important;
  width: 100%;
  padding-right: 0;
  border: none;
}
.settings-nav__mobile-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.settings-nav .user-data {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}
.settings-nav .user-data__name-data {
  position: relative;
}
.settings-nav .user-data__name {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  display: inline;
  word-break: break-word;
}
.settings-nav .user-data__info {
  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;
}
.error-notify {
  overflow: hidden;
  margin-bottom: 16px;
  border-radius: 4px;
}
.error-notify:last-child {
  margin-bottom: 0;
}
.error-notify .ui4-stroke-current {
  stroke: #ffffff;
}
.error-notify .ui4-fill-current {
  fill: #ffffff;
}
.error-notify.danger .error-notify__header-icon, .error-notify.info .error-notify__header-icon {
  color: #ffffff;
}
.error-notify.warning .error-notify__header {
  color: rgba(6, 6, 20, 0.96);
}
.error-notify.warning .error-notify__header-icon .ui4-stroke-current {
  stroke: rgba(6, 6, 20, 0.96);
}
.error-notify.warning .error-notify__header-icon .ui4-fill-current {
  fill: rgba(6, 6, 20, 0.96);
}
.error-notify__header {
  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: #ffffff;
  margin: 0;
}
.error-notify__header-container {
  display: flex;
  align-items: center;
  padding: 16px;
}
.error-notify__header-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.error-notify__body {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1167px) {
  .error-notify__aside {
    display: none;
  }
}
.error-notify__content-container {
  display: flex;
  flex-direction: column;
  max-width: 580px;
  padding: 16px 16px 20px 16px;
}
.error-notify__button {
  min-width: 224px;
}
@media screen and (max-width: 815px) {
  .error-notify__button {
    width: 100%;
  }
}
@media screen and (min-width: 816px) {
  .error-notify__button:not(:last-child) {
    margin-right: 8px;
  }
}
@media screen and (max-width: 815px) {
  .error-notify__button:not(:last-child) {
    margin-bottom: 8px;
  }
}
.error-notify__button--width {
  min-width: 192px;
}
.error-notify__buttons-container {
  display: flex;
  flex-wrap: wrap;
}
.error-notify__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;
  margin-bottom: 8px;
}
.error-notify__description {
  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;
  margin-bottom: 24px;
}
@media screen and (min-width: 816px) {
  .error-notify .unfreeze-account-button,
  .error-notify .connect-ddos-server-button {
    width: 224px;
  }
}
.error-notify.danger .error-notify__header-container {
  background-color: #EB5042;
}
.error-notify.danger .error-notify__body {
  background-color: #FFE8E5;
}
.error-notify.warning .error-notify__header-container {
  background-color: #F2C029;
}
.error-notify.warning .error-notify__body {
  background-color: #FFF7DD;
}
.error-notify.info .error-notify__header-container {
  background-color: #1E62C8;
}
.error-notify.info .error-notify__body {
  background-color: #E6EEFB;
}
.errors-notify-list-container__show_more_button-container {
  margin-top: 12px;
}
.promo-notify {
  width: 100%;
  padding: 16px 16px 20px;
  background-color: #1c63ce;
  border-radius: 4px;
}
@media screen and (max-width: 815px) {
  .promo-notify {
    width: 328px;
  }
}
.promo-notify.dark {
  background-color: rgba(6, 6, 20, 0.96);
}
.promo-notify__header {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
  margin-bottom: 8px;
}
.promo-notify__body {
  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: #ffffff;
}
.promo-notify__footer {
  display: flex;
  margin-top: 16px;
}
@media screen and (max-width: 815px) {
  .promo-notify__footer {
    flex-direction: column;
  }
}
@media screen and (max-width: 815px) {
  .promo-notify__footer-button {
    width: 100%;
  }
}
.promo-notify__footer-button:not(:last-child) {
  margin-right: 8px;
}
@media screen and (max-width: 815px) {
  .promo-notify__footer-button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.promo-notify__aside {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 815px) {
  .promo-notify__aside {
    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: #ffffff;
    position: relative;
    margin-bottom: 8px;
  }
}
.promo-notify-container {
  position: relative;
}
.promo-notify-modal .underline {
  text-decoration: underline;
}
.promo-notify-modal__title-icon {
  width: 28px;
  height: 28px;
}
@media screen and (max-width: 1167px) {
  .promo-notify-modal__title-icon {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 815px) {
  .promo-notify-modal__title-icon {
    width: 15px;
    height: 15px;
  }
}
.promo-notify-modal__section {
  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);
}
.promo-notify-modal__section-title {
  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: rgba(6, 6, 20, 0.96);
  margin-top: 0;
  margin-bottom: 8px;
}
.promo-notify-modal__section-link {
  color: inherit;
  text-decoration: underline;
}
.promo-notify-modal__section-link:hover {
  color: inherit;
  text-decoration: underline;
}
.promo-notify-modal__section:not(:first-child) {
  margin-top: 40px;
}
.promo-notify-modal__footer-button {
  width: 328px;
  height: 56px;
}
.promo-notify-modal__list {
  margin: 0;
  padding-left: 20px;
}
#promo-poster {
  /**
  * #50775 NPS на главной
  */
}
#promo-poster .hosting-months-gift-for-register__about-button,
#promo-poster .spintcoins-for-wholesale-gift__about-button,
#promo-poster .memchache__about-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .hosting-months-gift-for-register__about-button,
  #promo-poster .spintcoins-for-wholesale-gift__about-button,
  #promo-poster .memchache__about-button {
    width: 177px;
  }
}
#promo-poster .fast-payment-gift {
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px;
  overflow: hidden;
}
#promo-poster .fast-payment-gift__content {
  display: flex;
  position: relative;
  padding: 16px;
  gap: 16px;
  z-index: 0;
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift__content {
    flex-direction: column;
  }
}
#promo-poster .fast-payment-gift__about-button {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  width: fit-content;
}
#promo-poster .fast-payment-gift__yellow-text {
  color: #FFD967;
}
#promo-poster .fast-payment-gift__header {
  display: flex;
  flex-direction: column;
}
#promo-poster .fast-payment-gift__header .text {
  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(255, 255, 255, 0.9607843137);
  margin-bottom: 8px;
}
#promo-poster .fast-payment-gift__header .subtext {
  margin-bottom: 8px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  color: rgba(255, 255, 255, 0.9607843137);
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift__header {
    margin-bottom: 16px;
  }
}
#promo-poster .fast-payment-gift__timer {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 56px;
  font-weight: 700;
  font-style: normal;
  line-height: 56px;
  color: rgba(255, 255, 255, 0.9607843137);
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift__timer {
    margin-bottom: 16px;
  }
}
#promo-poster .fast-payment-gift__left-side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
#promo-poster .fast-payment-gift__pay-button {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  width: fit-content;
  padding: 18px 32px;
  min-width: 240px;
}
#promo-poster .fast-payment-gift__pay-button--bottom {
  display: none;
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift__pay-button {
    width: 100%;
    display: none;
  }
  #promo-poster .fast-payment-gift__pay-button--bottom {
    display: block;
  }
}
#promo-poster .fast-payment-gift__sparkles {
  position: absolute;
}
#promo-poster .fast-payment-gift .animation {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
}
#promo-poster .fast-payment-gift .bordered {
  border-radius: 4px;
}
#promo-poster .fast-payment-gift .qr-code {
  display: flex;
  width: 240px;
  height: 272px;
  padding-top: 8px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.9803921569);
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift .qr-code {
    padding-top: 10px;
  }
}
#promo-poster .fast-payment-gift .qr-code__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
#promo-poster .fast-payment-gift .qr-code__loader {
  position: absolute;
}
#promo-poster .fast-payment-gift .qr-code .qr-code-image {
  width: 224px;
  height: 224px;
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift .qr-code .qr-code-image {
    width: 276px;
    height: 276px;
  }
}
#promo-poster .fast-payment-gift .qr-code .qr-code-loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
#promo-poster .fast-payment-gift .qr-code .qr-code-description {
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.8784313725);
  display: flex;
  gap: 8px;
  padding: 8px;
}
#promo-poster .fast-payment-gift .qr-code:hover {
  cursor: pointer;
}
#promo-poster .fast-payment-gift .qr-code:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
#promo-poster .fast-payment-gift .qr-code.loading, #promo-poster .fast-payment-gift .qr-code.disabled {
  pointer-events: none;
  cursor: not-allowed;
  user-select: none;
}
#promo-poster .fast-payment-gift .qr-code:hover .qr-code-image, #promo-poster .fast-payment-gift .qr-code:focus-visible .qr-code-image {
  opacity: 0.8;
}
#promo-poster .fast-payment-gift .qr-code.active .qr-code-image, #promo-poster .fast-payment-gift .qr-code:active .qr-code-image {
  opacity: 0.6;
}
#promo-poster .fast-payment-gift .qr-code.preloading .qr-code__content {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: transparent;
}
#promo-poster .fast-payment-gift .qr-code.preloading .qr-code__content::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;
}
@media screen and (max-width: 815px) {
  #promo-poster .fast-payment-gift .qr-code {
    width: 100%;
    height: 326px;
  }
}
#promo-poster .fast-payment-gift--plusik .fast-payment-gift__timer {
  color: #FFD967;
}
#promo-poster .spintcoins-for-wholesale-gift__get-button,
#promo-poster .memchache__get-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .spintcoins-for-wholesale-gift__get-button,
  #promo-poster .memchache__get-button {
    width: 138px;
  }
}
#promo-poster .hosting-months-gift-for-register__pay-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .hosting-months-gift-for-register__pay-button {
    width: 112px;
  }
}
#promo-poster .ddos-protect__connect-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .ddos-protect__connect-button {
    width: 196px;
  }
}
#promo-poster .ddos-protect__about-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .ddos-protect__about-button {
    width: 132px;
  }
}
#promo-poster .smart-mail__connect-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .smart-mail__connect-button {
    width: 230px;
  }
}
#promo-poster .inactive-free-account__choose-tariff-button,
#promo-poster .best-conditions-and-support__choose-tariff-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .inactive-free-account__choose-tariff-button,
  #promo-poster .best-conditions-and-support__choose-tariff-button {
    width: 240px;
  }
}
#promo-poster .is-archive-tariff-model-banner__another-tariff-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .is-archive-tariff-model-banner__another-tariff-button {
    width: 162px;
  }
}
#promo-poster .try-sprintbox__open-promocode-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .try-sprintbox__open-promocode-button {
    width: 164px;
  }
}
#promo-poster .try-sprintbox__register-button {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .try-sprintbox__register-button {
    width: 175px;
  }
}
#promo-poster .try-sprintbox__promocode-loader {
  padding: 10px 0;
}
@media screen and (min-width: 816px) {
  #promo-poster .try-sprintbox__promocode-loader {
    width: 164px;
  }
}
#promo-poster .try-sprintbox__promocode-buttons-container {
  display: flex;
  flex-wrap: wrap;
}
#promo-poster .try-sprintbox__promocode-buttons-container a:focus {
  outline: none;
  outline-offset: -1px;
}
#promo-poster .try-sprintbox__promocode-buttons-container a:focus-visible {
  outline: 1px solid #FF3200;
  outline-offset: -1px;
}
#promo-poster .try-sprintbox .promocode-container {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  height: 40px;
  background: #2e2e39;
  border-radius: 4px;
}
@media screen and (max-width: 815px) {
  #promo-poster .try-sprintbox .promocode-container {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 815px) {
  #promo-poster .try-sprintbox .promocode-container {
    width: 100%;
  }
}
#promo-poster .try-sprintbox .promocode-container__text,
#promo-poster .try-sprintbox .promocode-container .error-message {
  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: #ffffff;
}
#promo-poster .try-sprintbox .promocode-container .error-message {
  opacity: 0.6;
}
#promo-poster .try-sprintbox .promocode-container .promocode-copy-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
#promo-poster .try-sprintbox .promocode-container .promocode {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 9px 15px;
  border-right: 4px dotted #1c1c28;
}
#promo-poster .try-sprintbox .promocode-container .promocode-copy-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 100%;
  margin-left: -2px;
  padding-left: 2px;
  background: none;
  border: none;
  border-radius: 0 4px 4px 0;
}
#promo-poster .try-sprintbox .promocode-container:hover {
  background: #40404a;
}
#promo-poster .try-sprintbox .promocode-container:hover .promocode-copy-button {
  background: #52525c;
}
#promo-poster .try-sprintbox .promocode-container:focus-visible {
  outline: 1px solid #f00;
}
#promo-poster .try-sprintbox .promocode-container .promocode-copy-button:active {
  background: #252531;
}
#promo-poster .try-sprintbox .promocode-container .promocode-copy-button:active .promocode-copy-icon {
  opacity: 0.4;
}
#promo-poster .message-tip {
  position: absolute;
  top: 72px;
  right: 24px;
}
#promo-poster .word-game-banner {
  position: relative;
  background: linear-gradient(90deg, #12121A 61.54%, #FFF 90.97%);
  width: 680px;
  padding: 13px 16px 30px 16px;
  border-radius: 4px;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner {
    background: linear-gradient(41deg, #12121A 84.08%, #FFF 90.83%);
    width: 328px;
    padding-top: 144px;
  }
}
#promo-poster .word-game-banner__bg {
  position: absolute;
  top: -18px;
  right: 6px;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner__bg {
    max-width: none;
    width: 328px;
    height: 219px;
    top: -19px;
    right: 0;
  }
}
#promo-poster .word-game-banner__content {
  position: relative;
}
#promo-poster .word-game-banner__title {
  color: #ffffff;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#promo-poster .word-game-banner__subtitle {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  margin-top: 8px;
  width: 410px;
}
#promo-poster .word-game-banner__subtitle br {
  display: none;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner__subtitle {
    width: 100%;
  }
  #promo-poster .word-game-banner__subtitle br {
    display: block;
  }
}
#promo-poster .word-game-banner__actions {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 16px 24px;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner__actions {
    flex-direction: column;
  }
}
#promo-poster .word-game-banner__button--desktop {
  width: 158px;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner__button--desktop {
    display: none;
  }
}
#promo-poster .word-game-banner__button--mobile {
  display: none;
}
@media (max-width: 815px) {
  #promo-poster .word-game-banner__button--mobile {
    display: flex;
  }
}
#promo-poster .word-game-banner__more {
  font-size: 15px;
}
#domain-sales-promo .domain-sales {
  width: 680px;
  height: 170px;
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales {
    width: 328px;
    height: 416px;
    flex-shrink: 0;
  }
}
#domain-sales-promo .domain-sales::before {
  content: "";
  position: absolute;
  width: 515px;
  height: 170px;
  flex-shrink: 0;
  right: 0;
  background-image: url(/img/banners/domain-sales.svg);
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales::before {
    width: 328.034px;
    height: 233.178px;
    flex-shrink: 0;
    top: 0;
    background-image: url(/img/banners/domain-sales__mobile.svg);
  }
}
#domain-sales-promo .domain-sales__title {
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#domain-sales-promo .domain-sales__text {
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#domain-sales-promo .domain-sales__header {
  display: flex;
  width: 342px;
  height: 62px;
  padding: 13px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales__header {
    width: 100%;
    height: auto;
    padding: 0;
    gap: 8px;
    align-self: stretch;
  }
}
#domain-sales-promo .domain-sales__buttons {
  display: flex;
  width: 262px;
  height: 61px;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales__buttons {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-self: stretch;
    gap: 16px;
  }
}
#domain-sales-promo .domain-sales__content {
  display: flex;
  position: relative;
  width: 680px;
  height: 144px;
  top: 15px;
  padding: 0px 0px 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #12121A;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales__content {
    display: flex;
    width: 328px;
    top: 28px;
    height: fit-content;
    padding: 184px 16px 20px 16px;
    align-items: center;
  }
}
#domain-sales-promo .domain-sales__get-button {
  width: 103px;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales__get-button {
    width: 100%;
  }
}
#domain-sales-promo .domain-sales__about-button {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#domain-sales-promo .domain-sales--without-get-button {
  margin-bottom: 40px;
}
@media screen and (max-width: 815px) {
  #domain-sales-promo .domain-sales--without-get-button {
    height: 344px;
  }
  #domain-sales-promo .domain-sales--without-get-button .domain-sales__buttons {
    align-items: flex-start;
  }
  #domain-sales-promo .domain-sales--without-get-button .domain-sales__content {
    justify-content: space-between;
  }
}
#epic-cashback-promo .epic-cashback {
  position: relative;
}
#epic-cashback-promo .epic-cashback::before {
  content: "";
  position: absolute;
  width: 448px;
  height: 188px;
  flex-shrink: 0;
  right: 0;
  background-image: url(/img/banners/epic-cashback.svg);
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #epic-cashback-promo .epic-cashback::before {
    width: 328px;
    height: 269px;
    flex-shrink: 0;
    top: 0;
    background-image: url(/img/banners/epic-cashback__mobile.svg);
  }
}
#epic-cashback-promo .epic-cashback__title {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#epic-cashback-promo .epic-cashback__text {
  color: rgb(255, 255, 255);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#epic-cashback-promo .epic-cashback__header {
  display: flex;
  width: 329px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #epic-cashback-promo .epic-cashback__header {
    width: 100%;
    height: auto;
    padding: 0;
    align-self: stretch;
  }
}
#epic-cashback-promo .epic-cashback__buttons {
  display: flex;
  width: 262px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  z-index: 2;
}
@media screen and (max-width: 815px) {
  #epic-cashback-promo .epic-cashback__buttons {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-self: stretch;
    gap: 16px;
  }
}
#epic-cashback-promo .epic-cashback__content {
  display: flex;
  position: relative;
  padding: 16px 0px 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #12121A;
}
@media screen and (max-width: 815px) {
  #epic-cashback-promo .epic-cashback__content {
    display: flex;
    padding: 184px 16px 20px 16px;
    align-items: center;
  }
}
#epic-cashback-promo .epic-cashback__get-button {
  width: 103px;
}
@media screen and (max-width: 815px) {
  #epic-cashback-promo .epic-cashback__get-button {
    width: 100%;
  }
}
.sprintsite-promo-banner {
  position: relative;
  border-radius: 4px;
  background: linear-gradient(85deg, #8e62e7 18.01%, #1e61c9 104.17%), #3c81e9;
  height: 192px;
  color: #fff;
}
.sprintsite-promo-banner:hover {
  background: linear-gradient(85deg, #8458DD 18.01%, #0A4DB5 104.17%);
}
.sprintsite-promo-banner--L .sprintsite-promo-banner__description {
  max-width: 296px;
}
.sprintsite-promo-banner--S .sprintsite-promo-banner__description {
  max-width: 174px;
}
.sprintsite-promo-banner__inner {
  position: relative;
  padding: 12px 16px;
}
.sprintsite-promo-banner__title {
  color: inherit;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
.sprintsite-promo-banner__description {
  color: inherit;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  margin-top: 8px;
}
.sprintsite-promo-banner__img {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
.user-tips {
  display: flex;
  flex-direction: column;
  width: 100%;
  z-index: 999;
  position: fixed;
  top: 56px;
  right: 16px;
  max-width: 376px;
  padding: 24px;
  border: 2px solid rgba(28, 28, 40, 0.06);
  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: 4px;
  background: rgb(255, 255, 255);
}
.user-tips .user-tips-image-container {
  width: 328px;
  height: 242px;
  margin-bottom: 24px;
}
.user-tips .user-tips-image-container svg,
.user-tips .user-tips-image-container img {
  width: 100%;
  height: 100%;
}
.user-tips__head {
  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-bottom: 8px;
}
.user-tips__head--small {
  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: rgba(6, 6, 20, 0.96);
}
.user-tips__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);
  margin-bottom: 24px;
}
.user-tips .container-btn {
  margin-bottom: 8px;
}
@media screen and (max-width: 815px) {
  .user-tips {
    display: none;
  }
}
@media screen and (max-height: 625px) {
  .user-tips {
    display: none;
  }
}
.console-component {
  width: 100%;
}
.console-component__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .console-component__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;
  }
}
.console-component__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .console-component__back {
    display: block;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 815px) {
  .console-component__header-button {
    display: none !important;
  }
}
.console-component__content {
  border-radius: 4px;
  background-color: #fff;
}
@media screen and (max-width: 815px) {
  .console-component__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.console-component__header {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 0;
}
@media screen and (max-width: 1167px) {
  .console-component__header {
    justify-content: flex-start;
  }
}
.console-component__link {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
@media screen and (max-width: 815px) {
  .console-component__data {
    width: 100%;
  }
}
.console-component__stub {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  fontFamily: "Roboto Mono, monospace" !important;
  padding-left: 4px;
  width: 100%;
  min-height: 488px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.console-component__term-padding {
  padding-top: 4px;
}
.terminal {
  padding: 4px;
}
@media screen and (max-width: 815px) {
  .terminal {
    padding-bottom: 10px;
  }
}
#terminal {
  background: #1b212f;
  width: 100%;
  min-height: 632px;
  scrollbar-color: var(--highlight) var(--dark); /* thumb color track color */
  scrollbar-width: thin;
  overflow-x: auto;
  overflow-y: hidden;
}
@media screen and (max-width: 1167px) {
  #terminal {
    min-height: 440px;
  }
}
.xterm .xterm-viewport {
  scrollbar-color: var(--highlight) var(--dark); /* thumb color track color */
  scrollbar-width: thin;
}
@media screen and (max-width: 815px) {
  .xterm-viewport {
    width: 640px;
  }
}












































@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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;
}
:root {
  --sidebar-w: 96px;
  --sidebar-h: 0px;
  --header-h: 48px;
  --shackle-menu-visibility: visible;
  --shackle-menu-right: 32px;
  --shackle-menu-bottom: 32px;
  --cp-alert-visibility: visible;
}
@media screen and (max-width: 559px) {
  :root {
    --sidebar-w: 0px;
    --sidebar-h: 64px;
    --shackle-menu-right: 8px;
    --shackle-menu-bottom: 80px;
  }
}
html {
  overflow-x: hidden;
}
body {
  overflow: hidden;
}
body::-webkit-scrollbar {
  width: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: rgb(153, 153, 158);
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1599px) {
  .with-beard {
    --cp-alert-visibility: hidden;
  }
}
@media screen and (max-width: 1167px) {
  .with-beard {
    --shackle-menu-visibility: hidden;
  }
}
@media screen and (max-width: 559px) {
  .free-hosting {
    --shackle-menu-visibility: hidden;
  }
}
#cp-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
}
#main {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1599px) {
  #main {
    padding-left: var(--sidebar-w);
  }
}
@media screen and (max-width: 559px) {
  #main {
    padding-left: 0;
  }
}
#page-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
  max-width: 1056px;
  padding-inline: 12px;
  padding-block: calc(var(--header-h) + 32px) 136px;
  margin-inline: auto;
}
@media screen and (max-width: 1167px) {
  #page-content {
    max-width: 704px;
  }
}
@media screen and (max-width: 815px) {
  #page-content {
    max-width: 352px;
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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;
}
#v-header {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  left: var(--sidebar-w);
}
@media screen and (max-width: 559px) {
  #v-header {
    left: 0;
  }
}
#v-header .header {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
#v-header .header__inner {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 24px 6px 12px;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  column-gap: 16px;
}
@media screen and (max-width: 559px) {
  #v-header .header__inner {
    padding-inline: 6px 8px;
    column-gap: 8px;
  }
}
@media screen and (min-width: 559px) {
  #v-header .header__logo {
    display: none;
  }
}
#v-header .header__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  overflow: hidden;
}
#v-header .header__title span {
  font: inherit;
  word-break: break-word;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
@media screen and (max-width: 559px) {
  #v-header .header__title.desktop {
    display: none;
  }
}
#v-header .header__title.mobile {
  height: 48px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
}
@media screen and (min-width: 559px) {
  #v-header .header__title.mobile {
    display: none;
  }
}
#v-header .header__left {
  overflow: hidden;
}
#v-header .header__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media screen and (max-width: 919px) {
  #v-header .header__right {
    gap: 8px;
  }
}
#v-header .header__item {
  flex-grow: 0;
}
#v-header .header__item--grow {
  flex-grow: 1;
}
#v-header .header__item--teleport-container {
  position: relative;
  max-height: 32px;
}
#v-header .header-alert {
  padding: 8px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
}
#v-header .header-alert--warning {
  background: #F2BF24;
  font-weight: 700;
}
#v-header .header-alert--danger {
  background: #EB5042;
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
}
#v-header .header-alert--warning-light {
  background: #ffeebe;
}
#v-header .header-alert--danger-light {
  background: #fce0dd;
}
#v-header .header-alert__text {
  color: inherit;
  font-weight: inherit;
  font-size: 12px;
  line-height: 15px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  text-align: center;
}
@media screen and (max-width: 639px) {
  #v-header .header-alert__text {
    max-width: 264px;
  }
}
#v-header .balance-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0;
  background-color: transparent;
  border: none;
  border-radius: 4px;
}
#v-header .balance-button__sum-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
#v-header .balance-button__value {
  display: block;
  padding: 6px 8px;
  white-space: nowrap;
}
#v-header .balance-button__balance {
  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(0, 0, 0, 0.88);
  background-color: rgba(28, 28, 39, 0.1);
}
#v-header .balance-button__bonus {
  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(255, 255, 255, 0.88);
  background-color: #1c1c27;
}
#v-header .balance-button:hover .balance-button__balance {
  background-color: rgba(28, 28, 39, 0.06);
}
#v-header .balance-button:hover .balance-button__bonus {
  background-color: #33333d;
}
#v-header .balance-button:hover .balance-button__text {
  opacity: 0.9;
}
#v-header .balance-button:active .balance-button__balance {
  background-color: rgba(28, 28, 39, 0.03);
}
#v-header .balance-button:active .balance-button__bonus {
  background-color: #494952;
}
#v-header .balance-button:active .balance-button__text {
  opacity: 0.8;
}
#v-header .balance-button:focus-visible {
  outline: #FF3200 1px solid;
}
#v-header .balance-button:focus-visible .balance-button__balance {
  background-color: rgba(28, 28, 39, 0.06);
}
#v-header .balance-button:focus-visible .balance-button__bonus {
  background-color: #494952;
}
#v-header .balance-button:focus-visible .balance-button__text {
  opacity: 0.9;
}
#v-header .balance-button--invisible {
  visibility: hidden;
}
#v-header .balance-button__loader {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#v-header .balance-button--loading {
  pointer-events: none;
  cursor: default;
  background-color: rgba(28, 28, 39, 0.1);
}
#v-header .balance-button:disabled {
  pointer-events: none;
  cursor: default;
}
#v-header .balance-button:disabled .balance-button__balance {
  background-color: rgba(28, 28, 39, 0.03);
}
#v-header .balance-button:disabled .balance-button__bonus {
  background-color: #494952;
}
#v-header .balance-button:disabled .balance-button__text {
  opacity: 0.24;
}
#v-header .balance-button--default.balance-button--active .balance-button__balance {
  background-color: rgba(28, 28, 39, 0.03) !important;
}
#v-header .balance-button--default.balance-button--active .balance-button__bonus {
  background-color: #494952 !important;
}
#v-header .balance-button--default.balance-button--active .balance-button__text {
  opacity: 0.8 !important;
}
#v-header .balance-button--default.balance-button--preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.03);
  pointer-events: none;
  cursor: default;
}
#v-header .balance-button--default.balance-button--preloading::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;
}
#v-header .balance-button--warning .balance-button__balance {
  background-color: #ffc926;
}
#v-header .balance-button--warning:hover .balance-button__balance {
  background-color: #ffd451;
}
#v-header .balance-button--warning:active .balance-button__balance {
  background-color: #ffd967;
}
#v-header .balance-button--warning:focus-visible {
  outline: #FF3200 1px solid;
}
#v-header .balance-button--warning:focus-visible .balance-button__balance {
  background-color: #ffd451;
}
#v-header .balance-button--warning:disabled .balance-button__balance {
  background-color: rgba(255, 232, 166, 0.24);
}
#v-header .balance-button--warning.balance-button--loading {
  background-color: rgba(255, 232, 166, 0.24);
}
#v-header .balance-button--warning.balance-button--active .balance-button__balance {
  background-color: #ffd967 !important;
}
#v-header .balance-button--warning.balance-button--active .balance-button__bonus {
  background-color: #494952 !important;
}
#v-header .balance-button--warning.balance-button--active .balance-button__text {
  opacity: 0.8 !important;
}
#v-header .balance-button--warning.balance-button--preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.03);
  pointer-events: none;
  cursor: default;
}
#v-header .balance-button--warning.balance-button--preloading::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;
}
#v-header .balance-button--alarm .balance-button__balance {
  background-color: #ff9c94;
}
#v-header .balance-button--alarm:hover .balance-button__balance {
  background-color: #ffb0a9;
}
#v-header .balance-button--alarm:active .balance-button__balance {
  background-color: #ffbab4;
}
#v-header .balance-button--alarm:focus-visible {
  outline: #FF3200 1px solid;
}
#v-header .balance-button--alarm:focus-visible .balance-button__balance {
  background-color: #ffb0a9;
}
#v-header .balance-button--alarm:disabled .balance-button__balance {
  background-color: rgba(255, 217, 212, 0.24);
}
#v-header .balance-button--alarm.balance-button--loading {
  background-color: rgba(255, 217, 212, 0.24);
}
#v-header .balance-button--alarm.balance-button--active .balance-button__balance {
  background-color: #ffbab4 !important;
}
#v-header .balance-button--alarm.balance-button--active .balance-button__bonus {
  background-color: #494952 !important;
}
#v-header .balance-button--alarm.balance-button--active .balance-button__text {
  opacity: 0.8 !important;
}
#v-header .balance-button--alarm.balance-button--preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.03);
  pointer-events: none;
  cursor: default;
}
#v-header .balance-button--alarm.balance-button--preloading::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;
}
#v-header .balance-button--danger .balance-button__balance {
  color: rgba(255, 255, 255, 0.88);
  background-color: #EB5042;
}
#v-header .balance-button--danger:hover .balance-button__balance {
  color: rgba(255, 255, 255, 0.88);
  background-color: #ed6255;
}
#v-header .balance-button--danger:active .balance-button__balance {
  color: rgba(255, 255, 255, 0.88);
  background-color: #ef7368;
}
#v-header .balance-button--danger:focus-visible {
  outline: #FF3200 1px solid;
}
#v-header .balance-button--danger:focus-visible .balance-button__balance {
  color: rgba(255, 255, 255, 0.88);
  background-color: #ef7368;
}
#v-header .balance-button--danger.balance-button--active .balance-button__balance {
  color: rgba(255, 255, 255, 0.88) !important;
  background-color: #ef7368 !important;
}
#v-header .balance-button--danger.balance-button--active .balance-button__bonus {
  background-color: #494952 !important;
}
#v-header .balance-button--danger.balance-button--active .balance-button__text {
  opacity: 0.8 !important;
}
#v-header .balance-button--danger.balance-button--loading {
  background-color: #ef7368;
}
#v-header .balance-button--danger:disabled .balance-button__balance {
  color: rgba(0, 0, 0, 0.88);
  background-color: rgba(255, 217, 212, 0.24);
}
#v-header .balance-button--danger.balance-button--preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.03);
  pointer-events: none;
  cursor: default;
}
#v-header .balance-button--danger.balance-button--preloading::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;
}
#v-header .profile-button {
  cursor: pointer;
}
#v-header .header-menu__button {
  margin-top: 12px;
}
#v-header .header-menu__underline {
  margin-block: 8px;
}
#v-header .partners-button {
  display: inline-flex;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
#v-header .partners-button:focus {
  outline: none;
}
#v-header .partners-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333D;
}
#v-header .partners-button:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
#v-header .partners-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline: 1px solid #FF0000;
}
#v-header .partners-button.loading, #v-header .partners-button.disabled {
  cursor: default;
  pointer-events: none;
}
#v-header .partners-button.loading .partners-button__inner,
#v-header .partners-button.loading .partners-button__decor, #v-header .partners-button.disabled .partners-button__inner,
#v-header .partners-button.disabled .partners-button__decor {
  opacity: 0.3;
}
@media screen and (max-width: 559px) {
  #v-header .partners-button.responsive .partners-button__left {
    padding: 4px;
  }
  #v-header .partners-button.responsive .partners-button__right {
    display: none;
  }
  #v-header .partners-button.responsive .partners-button__bg {
    background-position: bottom right;
  }
  #v-header .partners-button.responsive .partners-button__gradient {
    animation: none;
    background-position: bottom right;
  }
  #v-header .partners-button.responsive .partners-button__text {
    display: none;
  }
}
#v-header .partners-button svg {
  display: block;
}
#v-header .partners-button__left {
  position: relative;
  padding: 4px 8px 4px 4px;
}
#v-header .partners-button__decor {
  position: absolute;
  inset: 0;
  background-color: #1C1C27;
  transition: background-color 200ms ease-in-out;
}
#v-header .partners-button__bg {
  position: absolute;
  inset: 0;
  background: url("/img/header/partners-bg.png") no-repeat;
  background-size: 122px 32px;
  background-position: top left;
}
#v-header .partners-button__gradient {
  position: absolute;
  inset: 0;
  background: url("/img/header/partners-button-gradient.jpg") no-repeat;
  background-size: 136px 43px;
  background-position: top left;
  opacity: 0.5;
  animation: partners-gradient-anim 8000ms linear infinite;
}
@keyframes partners-gradient-anim {
  0%, 100% {
    background-position: top left;
    opacity: 0.5;
  }
  50% {
    background-position: bottom right;
    opacity: 0.8;
  }
}
#v-header .partners-button__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}
#v-header .partners-button__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#v-header .partners-button__right {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  background-color: #f4fa45;
}
#v-header .partners-button__balance {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
@media screen and (max-width: 815px) {
  .header-menu__button {
    margin-top: 8px;
  }
}
.header-menu__underline {
  margin-block: 8px;
}
.header-menu__underline--button {
  margin-top: 16px;
}
.header-menu .ui5-menu-list__content--mobile {
  position: fixed;
}
.promotion-modal {
  margin: -8px;
  padding: 16px;
  border-radius: 4px;
  background: #1C1C27;
  box-shadow: 0 2px 8px 0 rgba(28, 28, 40, 0.16);
  position: relative;
  overflow: hidden;
}
.promotion-modal.mobile {
  position: absolute;
  inset: 0;
  margin: 0;
  border-radius: 0;
}
.promotion-modal__gradient {
  position: absolute;
  right: -11px;
  top: -11px;
  width: 153px;
  height: 92px;
  background: #5C00CC;
  filter: blur(50px);
  pointer-events: none;
}
.promotion-modal__close {
  position: absolute !important;
  top: 8px;
  right: 8px;
  z-index: 1;
}
.promotion-modal__inner {
  position: relative;
}
.promotion-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
.promotion-modal__desc {
  margin-top: 8px;
  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;
}
.promotion-modal__link {
  font-size: 12px !important;
  line-height: 16px !important;
}
.promotion-modal__container {
  margin-top: 24px;
  border-radius: 2px;
  background: #fff;
  display: flex;
  padding: 8px 8px 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.promotion-modal__promocode {
  color: #000;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  flex-grow: 1;
  text-transform: uppercase;
}
.promotion-modal__copy.copied {
  color: #12910E;
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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;
}
#v-side-bar {
  z-index: 1000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--sidebar-w);
}
@media screen and (max-width: 559px) {
  #v-side-bar {
    width: auto;
    top: auto;
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
}
#v-side-bar .sidebar {
  display: flex;
  flex-direction: column;
  background-color: #1C1C27;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 559px) {
  #v-side-bar .sidebar {
    border-radius: 8px;
    padding-inline: 4px;
  }
}
#v-side-bar .sidebar__logo {
  width: 96px;
  aspect-ratio: 1;
  padding-block: 24px;
}
@media screen and (max-width: 559px) {
  #v-side-bar .sidebar__logo {
    display: none;
  }
}
#v-side-bar .sidebar__nav {
  scrollbar-width: thin;
  scrollbar-gutter: auto;
  overflow-y: auto;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
#v-side-bar .sidebar__nav::-webkit-scrollbar {
  width: 4px;
}
#v-side-bar .sidebar__nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
}
#v-side-bar .sidebar__nav::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
@media screen and (max-width: 559px) {
  #v-side-bar .sidebar__nav {
    margin-top: 0;
    flex-direction: row;
    justify-content: center;
    overflow: hidden;
  }
}
#v-side-bar .nav-item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 4px;
  transition: background-color 200ms ease-in-out;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
#v-side-bar .nav-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: #FF0000;
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item {
    width: auto;
    padding: 12px 2px;
    flex-grow: 1;
  }
}
#v-side-bar .nav-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
#v-side-bar .nav-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
#v-side-bar .nav-item.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
#v-side-bar .nav-item.active::after {
  content: "";
  border-radius: 0 4px 4px 0;
  background-color: #FF3200;
  position: absolute;
  pointer-events: none;
  width: 4px;
  top: 0;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item.active::after {
    border-radius: 4px 4px 0 0;
    width: auto;
    top: auto;
    height: 4px;
    right: 0;
  }
}
#v-side-bar .nav-item.is-new:not(:hover, :active, .active) {
  background: linear-gradient(270deg, rgba(255, 50, 0, 0.08) 0%, rgba(255, 50, 0, 0) 100%);
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item.is-new:not(:hover, :active, .active) {
    background: linear-gradient(180deg, rgba(255, 50, 0, 0.08) 0%, rgba(255, 50, 0, 0) 100%);
  }
}
#v-side-bar .nav-item.is-new.is-sprintbox:not(:hover, :active, .active) {
  background: linear-gradient(270deg, rgba(0, 255, 221, 0.08) 0%, rgba(0, 255, 221, 0) 100%);
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item.is-new.is-sprintbox:not(:hover, :active, .active) {
    background: linear-gradient(180deg, rgba(0, 255, 221, 0.08) 0%, rgba(0, 255, 221, 0) 100%);
  }
}
#v-side-bar .nav-item.is-new.is-sprintbox .nav-item__new {
  background-color: #0fd;
}
#v-side-bar .nav-item.is-new.is-sprintbox .nav-item__new span {
  color: rgba(0, 0, 0, 0.9607843137);
}
#v-side-bar .nav-item.is-sprintbox.active::after {
  background-color: #0fd;
}
#v-side-bar .nav-item.disabled, #v-side-bar .nav-item.loading {
  pointer-events: none;
  user-select: none;
  background-color: transparent;
}
#v-side-bar .nav-item.disabled .nav-item__ico,
#v-side-bar .nav-item.disabled .nav-item__text, #v-side-bar .nav-item.loading .nav-item__ico,
#v-side-bar .nav-item.loading .nav-item__text {
  opacity: 0.3;
}
#v-side-bar .nav-item.preloading {
  pointer-events: none;
  user-select: none;
}
#v-side-bar .nav-item.preloading .nav-item__ico {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
  border-radius: 2px;
}
#v-side-bar .nav-item.preloading .nav-item__ico::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;
}
#v-side-bar .nav-item.preloading .nav-item__text {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
  border-radius: 2px;
  width: 64px;
  height: 12px;
}
#v-side-bar .nav-item.preloading .nav-item__text::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;
}
#v-side-bar .nav-item.preloading .nav-item__text > * {
  opacity: 0;
}
#v-side-bar .nav-item__ico {
  width: 24px;
  height: 24px;
}
#v-side-bar .nav-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  text-align: center;
}
#v-side-bar .nav-item__loader {
  color: rgba(255, 255, 255, 0.9607843137);
}
#v-side-bar .nav-item__new {
  position: absolute;
  background-color: #FF3200;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  right: 0;
  top: 6px;
  bottom: 6px;
  border-radius: 8px 0 0 8px;
  padding: 8px 2px;
  width: 16px;
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item__new {
    width: auto;
    align-items: flex-start;
    top: 0;
    bottom: auto;
    right: 50%;
    translate: 50% 0;
    border-radius: 0 0 8px 8px;
    padding: 0 8px 2px;
  }
}
#v-side-bar .nav-item__new span {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 10px;
  line-height: 10px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
  rotate: -90deg;
}
@media screen and (max-width: 559px) {
  #v-side-bar .nav-item__new span {
    rotate: none;
  }
}
@keyframes mask {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
@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;
}
.ruble {
  font-family: "Open Sans", "Roboto Condensed", sans-serif !important;
}
.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;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-circle-wrapper {
  animation: rotate 1.6s linear infinite;
}
.ui5-circle-spinner {
  box-sizing: border-box;
  stroke-width: 2px;
  animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  0% {
    stroke-dasharray: 2, 85.964;
  }
  50% {
    stroke-dasharray: 65.973, 22.9911;
    stroke-dashoffset: 0;
  }
  to {
    stroke-dasharray: 2, 85.964;
    stroke-dashoffset: -85.964;
  }
}
.ui5-tag {
  border-radius: 2px;
  padding: 0 4px;
  width: fit-content !important;
  word-break: break-word;
  border: 1px solid rgba(28, 28, 39, 0.031372549);
  background: rgba(28, 28, 39, 0.031372549);
  font-family: Roboto Mono, serif !important;
  display: block;
  white-space: wrap;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-tag {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    font-family: Roboto, serif !important;
  }
}
.ui5-tag--inline {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 1px 4px;
  line-height: 28px;
}
@media screen and (max-width: 736px) {
  .ui5-tag--inline {
    line-height: 22px;
  }
}
.ui5-tag--not-wrapped {
  white-space: nowrap;
}
.ui5-tag--error {
  border: 1px solid #FFBAB4;
  color: #eb5042;
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-table {
  width: 100%;
}
.ui5-table__head {
  text-align: left;
}
.ui5-table__head-spacer {
  height: 12px;
}
.ui5-table__head-spacer td {
  padding: 0;
  height: 12px;
}
.ui5-table__head-cell {
  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;
}
.ui5-table__head-cell:first-child {
  padding-left: 12px;
}
.ui5-table__head-cell:last-child {
  padding-right: 12px;
}
.ui5-table__head-cell-text {
  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;
}
.ui5-table__body-row {
  border-radius: 2px;
}
.ui5-table__body-row:nth-child(2n-1) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
@media screen and (min-width: 737px) {
  .ui5-table__body-row:hover {
    background-color: rgba(28, 28, 39, 0.0588235294);
  }
}
.ui5-table__body-cell-headers {
  display: none;
}
.ui5-table__body-cell {
  vertical-align: top;
  padding: 12px 8px 12px 0;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell:first-child {
  padding: 12px 4px 12px 12px;
}
.ui5-table__body-cell:last-child {
  padding: 12px 12px 12px 0;
}
.ui5-table__body-cell-header-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-table__body-cell-text {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-table--adaptive-media-query-tablet .ui5-table__body {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    width: 328px;
    background-color: transparent !important;
    outline: 1px solid rgba(28, 28, 39, 0.1803921569);
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query-tablet .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 736px) {
  .ui5-table--adaptive-media-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-media-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-media-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-table--adaptive-container-query {
  container-type: inline-size;
}
@container (max-width: 396px) {
  .ui5-table--adaptive-container-query .ui5-table__head {
    display: none;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-headers {
    display: block;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell {
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .ui5-table--adaptive-container-query .ui5-table__body-cell-text {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__head-cell-text {
    white-space: nowrap;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell-text {
    white-space: normal;
    word-break: break-word;
    text-align: end;
  }
  .ui5-table--adaptive-container-query .ui5-table--style-row-mobile .ui5-table__body-cell {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.ui5-button-main {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border-color;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 2px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-main, .ui5-button-main * {
  box-sizing: border-box;
}
.ui5-button-main.focus-enabled:focus {
  outline-color: red;
}
.ui5-button-main:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-main, .ui5-button-main * {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-main:hover {
  text-decoration: none;
}
.ui5-button-main.disabled .ui5-button-main__content {
  opacity: 0.3;
}
.ui5-button-main.loading .ui5-button-main__content, .ui5-button-main.preloading .ui5-button-main__content {
  opacity: 0;
}
.ui5-button-main--full {
  width: 100%;
}
.ui5-button-main__loader {
  position: absolute;
}
.ui5-button-main__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-button-main--grey.ui5-button-main--dark {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--grey.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.loading {
  background-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--dark.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--light {
  background-color: rgba(28, 28, 39, 0.1019607843);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--light.disabled {
  background-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--stroke {
  border-color: #1c1c27;
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
  border-color: #33333d;
}
.ui5-button-main--grey.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: #494952;
}
.ui5-button-main--grey.ui5-button-main--stroke.disabled {
  border-color: rgba(28, 28, 39, 0.031372549);
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--grey.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-main--grey.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-main--grey.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--grey.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--grey.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--dark {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-button-main--red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.loading {
  background-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--light {
  background-color: rgba(255, 217, 212, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
}
.ui5-button-main--red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--stroke {
  border-color: #eb5042;
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  border-color: #f05f51;
}
.ui5-button-main--red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  border-color: #f56a5d;
}
.ui5-button-main--red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 229, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 244, 242, 0.7215686275);
  color: #eb5042;
}
.ui5-button-main--red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--dark {
  background-color: #5c00cc;
  color: #fff;
}
.ui5-button-main--violet.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.loading {
  background-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--light {
  background-color: rgba(220, 204, 240, 0.7215686275);
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
}
.ui5-button-main--violet.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--stroke {
  border-color: #5c00cc;
  color: #5c00cc;
}
.ui5-button-main--violet.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  border-color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  border-color: #7952dc;
}
.ui5-button-main--violet.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--violet.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(241, 229, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.loading {
  background-color: rgba(247, 240, 255, 0.7215686275);
  color: #6b29d4;
}
.ui5-button-main--violet.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--violet.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--violet.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--dark {
  background-color: #12910e;
  color: #fff;
}
.ui5-button-main--green.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.loading {
  background-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--light {
  background-color: rgba(212, 240, 211, 0.7215686275);
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
}
.ui5-button-main--green.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--stroke {
  border-color: #12910e;
  color: #12910e;
}
.ui5-button-main--green.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  border-color: #38a335;
}
.ui5-button-main--green.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  border-color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--green.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(223, 247, 223, 0.7215686275);
  color: #38a335;
}
.ui5-button-main--green.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.loading {
  background-color: rgba(235, 253, 235, 0.7215686275);
  color: #5eb45b;
}
.ui5-button-main--green.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--green.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--green.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--dark {
  background-color: #ff3200;
  color: #fff;
}
.ui5-button-main--brand-red.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.loading {
  background-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--light {
  background-color: rgba(255, 216, 207, 0.7215686275);
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
}
.ui5-button-main--brand-red.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--stroke {
  border-color: #ff3200;
  color: #ff3200;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  border-color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  border-color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-red.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 233, 227, 0.7215686275);
  color: #ff4a1e;
}
.ui5-button-main--brand-red.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.loading {
  background-color: rgba(255, 245, 242, 0.7215686275);
  color: #ff6641;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-red.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-red.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--dark {
  background-color: #fff;
  color: rgba(6, 6, 20, 0.9607843137);
}
.ui5-button-main--white.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.loading {
  background-color: #d7d7e0;
}
.ui5-button-main--white.ui5-button-main--dark.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: #1c1c28;
}
.ui5-button-main--white.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--light {
  background-color: rgba(205, 205, 218, 0.4);
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--light.disabled {
  background-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--stroke {
  border-color: #fff;
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
  border-color: #f0f0f5;
}
.ui5-button-main--white.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
  border-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--stroke.disabled {
  border-color: rgba(205, 205, 218, 0.3215686275);
  color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--white.ui5-button-main--ghost {
  color: #fff;
}
.ui5-button-main--white.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.3215686275);
}
.ui5-button-main--white.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.loading {
  background-color: rgba(205, 205, 218, 0.2392156863);
}
.ui5-button-main--white.ui5-button-main--ghost.disabled {
  color: rgba(205, 205, 218, 0.4);
}
.ui5-button-main--white.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--white.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--dark {
  background-color: #0fd;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-main--brand-box.ui5-button-main--dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #59ffe9;
}
.ui5-button-main--brand-box.ui5-button-main--dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.loading {
  background-color: #99fff1;
}
.ui5-button-main--brand-box.ui5-button-main--dark.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--dark.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--light {
  background-color: rgba(153, 255, 241, 0.2509803922);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
}
.ui5-button-main--brand-box.ui5-button-main--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
}
.ui5-button-main--brand-box.ui5-button-main--light.disabled {
  background-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--light.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--stroke {
  border-color: #0fd;
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  border-color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.disabled {
  border-color: rgba(12, 12, 61, 0.0784313725);
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--stroke.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--stroke.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--brand-box.ui5-button-main--ghost {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.2);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.loading {
  background-color: rgba(153, 255, 241, 0.1019607843);
  color: #0fd;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.disabled {
  color: #1c1c27;
}
.ui5-button-main--brand-box.ui5-button-main--ghost.preloading {
  border-color: transparent;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-main--brand-box.ui5-button-main--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-main--XS {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 3px 7px;
}
.ui5-button-main--S {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 5px 11px;
}
.ui5-button-main--M {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 9px 11px;
}
.ui5-button-main--L {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 17px 23px;
}
.ui5-button-graphic {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  border: none;
  background-color: rgba(28, 28, 39, 0.031372549);
  align-items: center;
  justify-content: center;
  width: 100%;
  word-break: break-word;
  text-decoration: none;
}
.ui5-button-graphic, .ui5-button-graphic * {
  box-sizing: border-box;
}
.ui5-button-graphic__icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-button-graphic__text {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}
.ui5-button-graphic__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-button-graphic__subtitle {
  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;
}
.ui5-button-graphic__loader {
  position: absolute;
  display: flex;
  align-items: center;
}
.ui5-button-graphic:hover {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.active, .ui5-button-graphic:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic:focus {
  outline: none;
}
.ui5-button-graphic:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-graphic.loading, .ui5-button-graphic.disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-graphic.loading .ui5-button-graphic__text, .ui5-button-graphic.loading .ui5-button-graphic__icon, .ui5-button-graphic.disabled .ui5-button-graphic__text, .ui5-button-graphic.disabled .ui5-button-graphic__icon {
  opacity: 0.3;
}
.ui5-button-graphic.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-graphic.preloading .ui5-button-graphic__icon, .ui5-button-graphic.preloading .ui5-button-graphic__text {
  opacity: 0;
}
.ui5-button-graphic.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-graphic--ghost {
  background-color: transparent;
}
.ui5-button-arrow {
  background: transparent;
  border: none;
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 20px;
  border-radius: 2px;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: max-content;
}
.ui5-button-arrow__icon {
  min-width: 14px;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow--adaptive {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-button-arrow--dark-accent {
  color: #0fd;
}
.ui5-button-arrow--dark-accent:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-accent:active, .ui5-button-arrow--dark-accent.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-accent:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-grey {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-arrow--dark-grey:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-grey:active, .ui5-button-arrow--dark-grey.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--dark-blue {
  color: #5298ff;
}
.ui5-button-arrow--dark-blue:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-arrow--dark-blue:active, .ui5-button-arrow--dark-blue.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-arrow--dark-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-arrow--light-grey:hover, .ui5-button-arrow--light-grey:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-grey:active, .ui5-button-arrow--light-grey.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-grey:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow--light-blue {
  color: #133cba;
}
.ui5-button-arrow--light-blue:hover, .ui5-button-arrow--light-blue:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-arrow--light-blue:active, .ui5-button-arrow--light-blue.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-arrow--light-blue:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-arrow.disabled {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.disabled .ui5-button-arrow__text, .ui5-button-arrow.disabled .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.loading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.loading .ui5-button-arrow__text, .ui5-button-arrow.loading .ui5-button-arrow__icon {
  opacity: 0.3;
}
.ui5-button-arrow.preloading {
  pointer-events: none;
  cursor: default;
}
.ui5-button-arrow.preloading .ui5-button-arrow__text, .ui5-button-arrow.preloading .ui5-button-arrow__icon {
  opacity: 0;
}
@media screen and (max-width: 815px) {
  .ui5-button-arrow__icon--adaptive {
    width: 12px;
    min-width: 12px;
  }
}
.ui5-copy-button {
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
  border: none;
  background-color: transparent;
  color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-copy-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button:focus-visible {
  outline: 1px solid #FF0000;
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-copy-button__icon {
  color: #fff;
}
.ui5-copy-button--copied {
  background-color: rgba(212, 240, 211, 0.7215686275) !important;
}
.ui5-copy-button--copied .ui5-copy-button__icon {
  color: #348034;
}
.ui5-copy-button--copied .ui5-copy-button__icon svg path {
  stroke: #348034;
}
.ui5-copy-button-copied svg path {
  stroke: #348034;
}
.ui5-button-icon {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
  border: none;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-button-icon, .ui5-button-icon * {
  box-sizing: border-box;
}
.ui5-button-icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-icon__loader {
  position: absolute;
}
.ui5-button-icon__icon {
  transition: all 0.2s ease-in-out;
}
.ui5-button-icon--light.ui5-button-icon--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-icon--dark.ui5-button-icon--fill {
  background-color: #1c1c27;
}
.ui5-button-icon.loading .ui5-button-icon__icon, .ui5-button-icon.preloading .ui5-button-icon__icon {
  opacity: 0;
}
.ui5-button-icon.disabled {
  background-color: transparent;
  opacity: 0.1;
}
.ui5-button-icon--light {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-icon--light:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light:focus-visible, .ui5-button-icon--light.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-icon--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-icon--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.active {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible, .ui5-button-icon--dark.ui5-button-icon--ghost.loading {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-icon--dark.ui5-button-icon--ghost.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.active {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible, .ui5-button-icon--dark.ui5-button-icon--fill.loading {
  background-color: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: #494952;
}
.ui5-button-icon--dark.ui5-button-icon--fill.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-icon--XS {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.ui5-button-icon--S {
  min-width: 32px;
  width: 32px;
  height: 32px;
}
.ui5-button-icon--M {
  min-width: 34px;
  width: 34px;
  height: 34px;
}
.ui5-button-icon--L {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.ui5-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-stroke-current {
  stroke: currentColor;
}
.ui5-fill-current {
  fill: currentColor;
}
.ui5-button-key {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color;
  border-radius: 4px;
  padding: 10px 24px;
  overflow: hidden;
  width: 100%;
}
.ui5-button-key:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-button-key:disabled {
  background-color: #2a2a35;
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-key.disabled .ui5-button-key__content {
  opacity: 0.3;
}
.ui5-button-key--black {
  background-color: #1c1c27;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--black:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-key--black:focus {
  background-color: #33333d;
}
.ui5-button-key--black:active:not(:disabled), .ui5-button-key--black.ui5-button-key--loading, .ui5-button-key--black.ui5-button-key--skeleton {
  background-color: #494952;
}
.ui5-button-key--brand {
  background-color: #ff3200;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:focus {
  background-color: #ff4a1e;
}
.ui5-button-key--brand:active:not(:disabled), .ui5-button-key--brand.ui5-button-key--loading, .ui5-button-key--brand.ui5-button-key--skeleton {
  background-color: #ff6641;
}
.ui5-button-key--green {
  background-color: #cbfd50;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--green:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #d2f972;
}
.ui5-button-key--green:focus {
  background-color: #d2f972;
}
.ui5-button-key--green:active:not(:disabled), .ui5-button-key--green.ui5-button-key--loading, .ui5-button-key--green.ui5-button-key--skeleton {
  background-color: #dbfa8e;
}
.ui5-button-key--blue {
  background-color: #3d5afe;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472cd;
}
.ui5-button-key--blue:focus {
  background-color: #3472cd;
}
.ui5-button-key--blue:active:not(:disabled), .ui5-button-key--blue.ui5-button-key--loading, .ui5-button-key--blue.ui5-button-key--skeleton {
  background-color: #4b82d3;
}
.ui5-button-key--red {
  background-color: #eb5042;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-key--yellow {
  background-color: #ffc926;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-key--blackred {
  background-color: #1c1c27;
  color: #ef7368;
}
.ui5-button-key--white {
  background-color: #f4f4f4;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--white:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-key--white.ui5-button-key--loading {
  background-color: #1c1c27;
}
.ui5-button-key--ghost {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.9607843137);
}
.ui5-button-key--ghostred {
  background-color: transparent;
  color: #ef7368;
}
.ui5-button-key--loading .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__loader {
  position: absolute;
}
.ui5-button-key--skeleton .ui5-button-key__content {
  opacity: 0;
}
.ui5-button-key__skeleton {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-key span {
  font: inherit;
  color: inherit;
}
.ui5-button-show-more {
  display: flex;
  width: 100%;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.1019607843);
  border: none;
}
.ui5-button-show-more__content {
  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;
  text-align: center;
}
.ui5-button-show-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-show-more.active, .ui5-button-show-more:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.disabled {
  cursor: not-allowed;
  background: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-button-show-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-show-more.preloading {
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-show-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-show-more.preloading .ui5-button-show-more__content {
  opacity: 0;
}
.ui5-button-show-more--sm {
  padding: 8px 16px;
}
.ui5-button-show-more--ghost {
  background: none;
}
.ui5-button-more {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  box-sizing: border-box;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 32px;
  padding: 6px 12px;
  gap: 4px;
  height: fit-content;
  border: none;
  background: transparent;
}
.ui5-button-more__loader {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}
.ui5-button-more__count {
  font-variant-numeric: lining-nums tabular-nums;
}
.ui5-button-more:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-more:active, .ui5-button-more.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-more:focus-visible {
  background: rgba(28, 28, 39, 0.0588235294);
  outline: 1px solid #FF0000;
  outline-offset: -1px;
}
.ui5-button-more.disabled, .ui5-button-more.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-button-more.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.0588235294);
  cursor: default;
}
.ui5-button-more.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-more.loading .ui5-button-more__label, .ui5-button-more.loading .ui5-button-more__count, .ui5-button-more.loading .ui5-button-more__icon, .ui5-button-more.preloading .ui5-button-more__label, .ui5-button-more.preloading .ui5-button-more__count, .ui5-button-more.preloading .ui5-button-more__icon {
  opacity: 0;
}
.ui5-button-more--sm {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 4px 8px;
}
.ui5-button-more--text {
  padding: 0;
  border-radius: 0;
  background: transparent !important;
}
.ui5-button-more--text:focus-visible {
  color: red;
  outline: none;
}
.ui5-button-more--text.preloading {
  background: rgba(28, 28, 39, 0.031372549) !important;
}
.ui5-button-text {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-weight: 400;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: none;
  text-decoration: none;
  gap: 4px;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity, background-color;
  padding: 0;
}
.ui5-button-text, .ui5-button-text * {
  box-sizing: border-box;
}
.ui5-button-text:focus {
  outline: none;
}
.ui5-button-text:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:active:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.8;
}
.ui5-button-text:focus-visible {
  color: red;
}
.ui5-button-text.loading .ui5-button-text__content, .ui5-button-text.disabled .ui5-button-text__content {
  opacity: 0.2;
}
.ui5-button-text.preloading .ui5-button-text__content {
  opacity: 0;
}
.ui5-button-text--light.disabled {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-text--dark.disabled {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-text--light.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-text--light.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text--dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-text--dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-text__content {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ui5-button-text__loader {
  position: absolute;
}
.ui5-button-text--primary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #1e62c8;
}
.ui5-button-text--primary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: #5298ff;
}
.ui5-button-text--secondary.ui5-button-text--light:not(.disabled, :focus-visible) {
  color: #464757;
}
.ui5-button-text--secondary.ui5-button-text--dark:not(.disabled, :focus-visible) {
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-text--S {
  font-size: 12px;
  line-height: 16px;
}
.ui5-button-text--M {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-text--L {
  font-size: 18px;
  line-height: 28px;
}
.ui5-button-tag {
  outline: 1px solid transparent;
  outline-offset: -1px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color, opacity;
  border: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag, .ui5-button-tag * {
  box-sizing: border-box;
}
.ui5-button-tag:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-button-tag.disabled .ui5-button-tag__content, .ui5-button-tag.loading .ui5-button-tag__content {
  opacity: 0.3;
}
.ui5-button-tag.preloading .ui5-button-tag__content {
  opacity: 0;
}
.ui5-button-tag__content {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: color, opacity;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.ui5-button-tag__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 815px) {
  .ui5-button-tag__inner {
    align-items: center;
    flex-grow: 1;
  }
}
.ui5-button-tag__loader {
  position: absolute;
}
.ui5-button-tag__description {
  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;
}
.ui5-button-tag__meter {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-variant-numeric: lining-nums tabular-nums;
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-radius: 10px;
}
.ui5-button-tag__meter-value {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-button-tag:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-button-tag.active:not(.loading, .preloading) {
  background-color: #1c1c27;
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-button-tag.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(255, 255, 255, 0.9803921569);
}
.ui5-button-tag.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #33333d;
}
.ui5-button-tag.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #494952;
}
.ui5-button-tag.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-button-tag.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--fill {
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-button-tag--ghost {
  background-color: transparent;
}
.ui5-button-tag--theme-dark.ui5-button-tag--fill {
  background-color: rgba(244, 244, 244, 0.1803921569);
}
.ui5-button-tag--theme-dark .ui5-button-tag__text {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark .ui5-button-tag__description {
  color: rgba(255, 255, 255, 0.7215686275);
}
.ui5-button-tag--theme-dark .ui5-button-tag__loader {
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-button-tag--theme-dark:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.1215686275);
}
.ui5-button-tag--theme-dark:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) {
  background-color: #f4f4f4;
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__text {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__description {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading) .ui5-button-tag__meter {
  background-color: rgba(155, 207, 201, 0.3137254902);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-button-tag--theme-dark.active:not(.loading, .preloading):active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(244, 244, 244, 0.8392156863);
}
.ui5-button-tag--theme-dark.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
}
.ui5-button-tag--theme-dark.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-button-tag--XS {
  border-radius: 12px;
  padding: 4px 12px;
}
.ui5-button-tag--XS .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--XS .ui5-button-tag__meter {
  width: 20px;
  height: 16px;
}
.ui5-button-tag--XS .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 4px;
}
.ui5-button-tag--S {
  border-radius: 12px;
  padding: 6px 16px;
}
.ui5-button-tag--S .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--S .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 6px;
}
.ui5-button-tag--M {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--M .ui5-button-tag__text {
  font-size: 15px;
  line-height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter {
  width: 22px;
  height: 20px;
}
.ui5-button-tag--M .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 15px;
  line-height: 0;
}
.ui5-button-tag--L {
  border-radius: 12px;
  padding: 10px 24px;
}
.ui5-button-tag--L .ui5-button-tag__text {
  font-size: 32px;
  line-height: 40px;
}
.ui5-button-tag--L .ui5-button-tag__meter {
  width: 40px;
  height: 36px;
}
.ui5-button-tag--L .ui5-button-tag__meter-value {
  font-family: Roboto Mono, monospace;
  font-size: 32px;
  line-height: 0;
}
.ui5-button-tag--meter {
  padding-right: 10px;
}
.ui5-button-tag--icon {
  padding-left: 16px;
}
.ui5-snippet {
  position: relative;
  width: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.9607843137);
  overflow-x: auto;
}
@media screen and (max-width: 1105px) {
  .ui5-snippet--headless .ui5-snippet__button {
    visibility: visible !important;
  }
}
.ui5-snippet--headless:hover .ui5-snippet__button {
  visibility: visible;
}
.ui5-snippet--headless .ui5-snippet__button {
  visibility: hidden;
}
.ui5-snippet__signature {
  background-color: #33333d;
  display: flex;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
}
.ui5-snippet__title {
  align-items: center;
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__title {
    color: rgba(255, 255, 255, 0.9607843137);
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-snippet__pre {
  font-family: Roboto Mono, serif !important;
  margin: 0;
  padding: 24px 16px;
  overflow-y: hidden;
  overflow-x: auto !important;
  background-color: rgba(0, 0, 0, 0.9607843137);
  font-variant-numeric: lining-nums tabular-nums;
  color: #0fd;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow-x: scroll;
}
.ui5-snippet__pre::-webkit-scrollbar {
  background-color: rgba(106, 107, 120, 0.6);
  height: 7px;
}
.ui5-snippet__pre::-webkit-scrollbar-thumb {
  background-color: #6a6b78;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 736px) {
  .ui5-snippet__pre {
    padding: 20px 12px;
  }
}
.ui5-snippet__copy-button--position {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-8px, 8px);
}
.ui5-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.ui5-picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui5-table-setting {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 12px;
  gap: 8px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.031372549);
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
}
.ui5-table-setting:nth-child(2n) {
  background: transparent;
}
.ui5-table-setting:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-table-setting.active, .ui5-table-setting:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.loading, .ui5-table-setting.disabled, .ui5-table-setting:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-table-setting.loading .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__left .description, .ui5-table-setting.loading .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.loading .ui5-table-setting__right .description, .ui5-table-setting.disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__left .description, .ui5-table-setting.disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting.disabled .ui5-table-setting__right .description, .ui5-table-setting:disabled .ui5-table-setting__left .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__left .description, .ui5-table-setting:disabled .ui5-table-setting__right .title:not(:has(.title__loader)), .ui5-table-setting:disabled .ui5-table-setting__right .description {
  opacity: 0.4;
}
.ui5-table-setting.loading .ui5-table-setting__icon-wrapper, .ui5-table-setting.disabled .ui5-table-setting__icon-wrapper, .ui5-table-setting:disabled .ui5-table-setting__icon-wrapper {
  opacity: 0.4;
}
.ui5-table-setting.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-table-setting.preloading .ui5-table-setting__left, .ui5-table-setting.preloading .ui5-table-setting__right, .ui5-table-setting.preloading .ui5-table-setting__icon-wrapper {
  opacity: 0;
}
.ui5-table-setting.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-table-setting__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
}
.ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__left .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 6px 0;
}
.ui5-table-setting__right .title__loader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 10px;
  height: 20px;
}
.ui5-table-setting__right .description {
  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;
  padding-bottom: 6px;
}
.ui5-table-setting__icon-wrapper {
  padding: 6px;
}
.ui5-table-setting__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-table-setting__icon-wrapper .copy-icon {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-table-setting__icon-wrapper .arrow-icon {
  color: #1e62c8;
}
.ui5-table-setting__icon-wrapper .arrow-diagonal-up {
  width: 12px;
  height: 12px;
  color: #1e62c8;
  transform: translate(-8px, 2px);
}
.ui5-table-setting--small {
  width: 328px;
}
.ui5-table-setting--small .ui5-table-setting__left {
  flex: 1 0 0;
}
.ui5-table-setting--small .ui5-table-setting__left .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 2px 0;
}
.ui5-table-setting--small .ui5-table-setting__right .title__loader {
  height: 16px;
}
.ui5-table-setting--small .ui5-table-setting__icon-wrapper {
  padding: 0;
}
.ui5-table-setting--link .ui5-table-setting__right .title {
  color: #1e62c8;
}
.ui5-table-setting--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
}
.ui5-table-setting--copy.active .ui5-table-setting__right .title, .ui5-table-setting--copy.active .ui5-table-setting__right .title * {
  color: #12910e !important;
}
.ui5-table-setting--copy.active .ui5-table-setting__icon-wrapper {
  opacity: 0.3;
}
.ui5-beard {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-beard {
    flex-direction: column;
    padding: 8px;
  }
}
.ui5-beard__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex: 1 0 auto;
}
@media screen and (max-width: 815px) {
  .ui5-beard__text {
    width: 100%;
  }
}
.ui5-beard__button {
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-beard__button {
    width: 100%;
  }
}
.ui5-beard-box {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  gap: 8px;
}
.ui5-beard-box__text {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.ui5-beard-box__label {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description {
  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;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui5-beard-box__description .fu-aligning-string {
  display: inline-block !important;
}
@media screen and (max-width: 815px) {
  .ui5-beard-box {
    flex-direction: column;
    padding: 8px;
    width: 100%;
  }
  .ui5-beard-box .ui5-beard-box__text {
    flex: 0 1 auto;
  }
  .ui5-beard-box__button {
    width: 100%;
  }
}
.ui5-input * {
  box-sizing: border-box;
}
.ui5-input {
  --info-border-color: rgba(28, 28, 39, .1803921569);
  --info-text-color: rgba(0, 0, 0, .6392156863);
  --title-text-color: rgba(0, 0, 0, .9607843137);
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
}
.ui5-input:not(.ui5-input--error, .ui5-input--success):hover:not(:disabled), .ui5-input:not(.ui5-input--error, .ui5-input--success):focus-within:not(:disabled) {
  --info-border-color: #1C1C27;
}
.ui5-input__label {
  display: block;
  margin: 0;
}
.ui5-input.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.ui5-input--success {
  --info-border-color: #12910E;
}
.ui5-input--error {
  --info-text-color: #EB5042;
  --info-border-color: #EB5042;
}
.ui5-input__group {
  position: relative;
}
.ui5-input__group:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label {
  display: block;
  border-bottom: 1px solid var(--info-border-color);
  transition: 0.3s linear;
  transition-property: color, border-color;
}
.ui5-input__label:focus-within .ui5-input__dynamic-title {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__label--unbordered {
  border-bottom: none;
}
.ui5-input__input {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 0;
  border: none;
  resize: none;
  width: 100%;
  padding-block: 8px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow: auto;
}
.ui5-input__input::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__input::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input__input::placeholder {
  color: rgba(0, 0, 0, 0.3215686275);
}
.ui5-input__input::-moz-selection {
  background: #badefe;
}
.ui5-input__input::selection {
  background: #badefe;
}
.ui5-input__input:focus {
  outline: none;
}
.ui5-input__input:disabled {
  background-color: transparent;
}
.ui5-input__input:not(:focus) {
  text-overflow: ellipsis;
}
.ui5-input__title {
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: block;
  margin-bottom: 2px;
  height: 16px;
}
.ui5-input__dynamic-title {
  position: absolute;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  top: 28px;
  transition: all 0.1s linear;
}
.ui5-input__dynamic-title--active {
  top: 0;
  color: var(--title-text-color);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 16px;
  width: 100%;
  margin-top: 2px;
}
.ui5-input__description {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-input__limit {
  color: var(--info-text-color);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-basis: 24px;
  text-align: right;
}
.ui5-input__buttons {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
}
.ui5-input__clear-button {
  position: absolute !important;
  right: 0;
  bottom: 4px;
}
.ui5-input__search-icon {
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 32px;
  height: 32px;
}
.ui5-input__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px;
  cursor: pointer;
}
.ui5-input-select__input:before {
  color: rgba(0, 0, 0, 0.3215686275);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  content: attr(data-placeholder);
}
.ui5-input-select__input--selected:before {
  content: "";
}
.ui5-input-select__buttons {
  width: 32px;
  bottom: 4px;
}
.ui5-input-select__options {
  display: flex;
  position: absolute;
  width: 100%;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  border-radius: 0 0 4px 4px;
  border: 1px solid rgba(28, 28, 39, 0.18);
  background: #fff;
  z-index: 1001;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-input-select__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-input-select__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-input-select__options .ui5-table-setting, .ui5-input-select__option {
  width: 100%;
}
.ui5-input-select__option--disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-price {
  position: relative;
}
.ui5-input-price__adornment {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: absolute;
  pointer-events: none;
  top: 26px;
  left: 0;
}
.ui5-input-price__adornment span:first-child {
  visibility: hidden;
}
.ui5-input-code {
  --info-text-color: rgba(0, 0, 0, .6392156863);
}
.ui5-input-code.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-input-code.loading .ui5-input-code__input {
  color: #b7b7b7;
  border-color: #1c1c27;
}
.ui5-input-code.loading .ui5-input__title, .ui5-input-code.loading .ui5-input__description {
  opacity: 0.3;
}
.ui5-input-code.error {
  --info-text-color: #EB5042;
}
.ui5-input-code:hover:not(.disabled, .loading, .error, .success) input.empty {
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__wrapper {
  display: grid;
  gap: 2px;
}
.ui5-input-code__input {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  border: none;
  text-align: center;
  min-width: 24px;
  height: 38px;
  padding-bottom: 4px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid rgba(28, 28, 39, 0.1803921569);
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-code__input.success {
  outline: none;
  color: #12910e;
  border-color: #12910e;
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-input-code__input.error {
  outline: none;
  border-color: #ed6255;
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-input-code__input:focus-visible:not(:disabled, .success, .error) {
  outline: none;
  border-color: #1c1c27;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-input-code__info {
  margin-top: 2px;
}
.ui5-input-password.weak-password-checking .ui5-input__group {
  pointer-events: none;
  opacity: 0.4;
}
.ui5-input-password__show-button {
  position: absolute;
  right: 0;
  top: 18px;
  background: none;
  border: none;
  opacity: 0.6;
  padding: 11px 1px 7px;
  color: #1c1c27;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-input-password__show-button:hover:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: #33333d;
}
.ui5-input-password__show-button:focus {
  outline: none;
}
.ui5-input-password__show-button:focus:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 0.9;
  color: #494952;
}
.ui5-input-password__show-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  opacity: 1;
  color: red;
}
.ui5-input-password__input {
  padding-right: 62px;
}
.ui5-input-password__info {
  padding-top: 8px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 52px;
}
.ui5-input-password__tag {
  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;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-input-password__tag.success {
  background-color: rgba(212, 240, 211, 0.4784313725);
  color: #12910e;
}
.ui5-input-password__tag.error {
  background-color: rgba(255, 217, 212, 0.4784313725);
  color: #eb5042;
}
.ui5-input-password__weak-checking {
  width: 100%;
  border-radius: 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  background: linear-gradient(90deg, rgba(246, 251, 245, 0.85) 0%, rgba(252, 242, 212, 0.85) 16.67%, rgba(255, 246, 245, 0.85) 29.69%, rgba(249, 245, 255, 0.85) 43.23%, rgba(245, 250, 255, 0.85) 57.81%, rgba(245, 255, 253, 0.85) 71.87%, rgba(245, 255, 245, 0.85) 86.46%, rgba(246, 251, 245, 0.85) 100%), linear-gradient(90deg, rgba(252, 242, 212, 0.85) 13.02%, rgba(255, 246, 245, 0.85) 25%, rgba(249, 245, 255, 0.85) 36.98%, rgba(245, 250, 255, 0.85) 48.96%, rgba(245, 255, 253, 0.85) 61.46%, rgba(245, 255, 245, 0.85) 80.21%, rgba(246, 251, 245, 0.85) 100%);
  background-size: calc(100% + 2064px) 100%;
  background-repeat: no-repeat;
  animation: weak-password-checking 4s linear infinite both;
}
@keyframes weak-password-checking {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -2064px 0;
  }
  to {
    background-position: 0 0;
  }
}
.ui5-menu-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 10px 12px;
  gap: 12px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  align-items: flex-start;
  transition: none;
}
.ui5-menu-item:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-menu-item:focus-visible {
  outline: 1px solid #FF0000 !important;
  outline-offset: -1px;
  background-color: rgba(28, 28, 39, 0.0588235294) !important;
}
.ui5-menu-item:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.active {
  background: rgba(212, 240, 211, 0.7215686275);
}
.ui5-menu-item.disabled, .ui5-menu-item:disabled {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.disabled .ui5-menu-item__left, .ui5-menu-item.disabled .ui5-menu-item__right, .ui5-menu-item.disabled .ui5-menu-item__caption, .ui5-menu-item.disabled .ui5-menu-item__status, .ui5-menu-item:disabled .ui5-menu-item__left, .ui5-menu-item:disabled .ui5-menu-item__right, .ui5-menu-item:disabled .ui5-menu-item__caption, .ui5-menu-item:disabled .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.disabled .ui5-menu-item__icon-wrapper, .ui5-menu-item:disabled .ui5-menu-item__icon-wrapper {
  opacity: 0.4;
}
.ui5-menu-item.loading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-menu-item.loading .ui5-menu-item__right, .ui5-menu-item.loading .ui5-menu-item__caption, .ui5-menu-item.loading .ui5-menu-item__status {
  opacity: 0.24;
}
.ui5-menu-item.loading .ui5-menu-item__icon-wrapper {
  height: 20px;
}
.ui5-menu-item.preloading {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item.preloading .ui5-menu-item__left, .ui5-menu-item.preloading .ui5-menu-item__right, .ui5-menu-item.preloading .ui5-menu-item__caption, .ui5-menu-item.preloading .ui5-menu-item__status, .ui5-menu-item.preloading .ui5-menu-item__icon-wrapper {
  opacity: 0;
}
.ui5-menu-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-menu-item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}
.ui5-menu-item__left {
  display: flex;
  flex-direction: column;
  width: 328px;
  word-break: break-word;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
}
.ui5-menu-item__right {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  text-align: right;
  word-break: break-word;
}
.ui5-menu-item__right .ui5-menu-item__title {
  font-weight: 700;
  text-align: right;
}
.ui5-menu-item__caption {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: right;
}
.ui5-menu-item__status {
  position: relative;
  bottom: 4px;
  opacity: 0.9;
}
.ui5-menu-item__icon-wrapper .icon-template {
  width: 20px;
  height: 20px;
}
.ui5-menu-item__icon-wrapper .copy-icon, .ui5-menu-item__loader {
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-menu-item--transition {
  transition: all 0.12s ease-in;
}
.ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--transition .ui5-menu-item__right .ui5-menu-item__title * {
  transition: color 0.12s ease-in;
}
.ui5-menu-item--copy.active {
  outline: 1px solid #12910E !important;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title, .ui5-menu-item--copy-left.active .ui5-menu-item__left .ui5-menu-item__title *, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title, .ui5-menu-item--copy-right.active .ui5-menu-item__right .ui5-menu-item__title * {
  color: #12910e !important;
}
.ui5-menu-item--red .ui5-menu-item__left .ui5-menu-item__title {
  color: #eb5042;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-menu-item--red .ui5-menu-item__loader {
  color: #eb5042;
}
.ui5-menu-item--red:hover {
  background: rgba(255, 217, 212, 0.4784313725);
}
.ui5-menu-item--red:focus-visible {
  outline: 1px solid rgba(255, 217, 212, 0.2392156863) !important;
  background: rgba(255, 217, 212, 0.4784313725) !important;
}
.ui5-menu-item--red:active {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--red.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-menu-item--red.loading {
  background: rgba(255, 217, 212, 0.2392156863);
}
.ui5-menu-item--true-grey.active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-status-item {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-status-item__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-status-item--on {
  background: #41A73E;
}
.ui5-status-item--on .ui5-status-item__text {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 700;
  padding: 0 2px;
}
.ui5-list-item-wrapper {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.ui5-list-item {
  height: 100%;
  width: 100%;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.ui5-list-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-list-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-list-item-image {
  height: 100%;
  width: 100%;
  display: block;
}
.ui5-checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: 12px;
}
.ui5-checkbox:hover:not(.disabled, .loading) .ui5-checkbox__input:not(:checked) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-checkbox.loading .ui5-checkbox__wrapper {
  justify-content: center;
  align-items: center;
}
.ui5-checkbox__wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.ui5-checkbox__loading {
  position: absolute;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid rgba(0, 0, 0, 0.8784313725);
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 !important;
}
.ui5-checkbox__input:focus {
  outline: none !important;
}
.ui5-checkbox__input:focus-visible {
  border-color: #eb5042;
}
.ui5-checkbox__input[type=radio] {
  border-radius: 50%;
}
.ui5-checkbox__label {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  cursor: pointer;
  margin: 0;
}
.ui5-checkbox--green .ui5-checkbox__input:checked, .ui5-checkbox--green .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-checkbox--green.loading .ui5-checkbox__input:checked, .ui5-checkbox--green.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(212, 240, 211, 0.7215686275);
  border-color: rgba(212, 240, 211, 0.7215686275);
}
.ui5-checkbox--green.loading.active .ui5-checkbox__loading {
  color: #12910e;
}
.ui5-checkbox--green:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #2a9c26;
  border-color: #2a9c26;
}
.ui5-checkbox--black .ui5-checkbox__input:checked, .ui5-checkbox--black .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-checkbox--black.loading .ui5-checkbox__input:checked, .ui5-checkbox--black.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(28, 28, 39, 0.1019607843);
  border-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-checkbox--black.loading.active .ui5-checkbox__loading {
  color: #1c1c27;
}
.ui5-checkbox--black:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #494952;
  border-color: #494952;
}
.ui5-checkbox--red .ui5-checkbox__input:checked, .ui5-checkbox--red .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #eb5042;
  border-color: #eb5042;
}
.ui5-checkbox--red.loading .ui5-checkbox__input:checked, .ui5-checkbox--red.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: rgba(255, 217, 212, 0.7215686275);
  border-color: rgba(255, 217, 212, 0.7215686275);
}
.ui5-checkbox--red.loading.active .ui5-checkbox__loading {
  color: #eb5042;
}
.ui5-checkbox--red:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #ef7368;
  border-color: #ef7368;
}
.ui5-checkbox--accent .ui5-checkbox__input, .ui5-checkbox--accent .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--accent .ui5-checkbox__input:checked, .ui5-checkbox--accent .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__input:checked, .ui5-checkbox--accent.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #0fd;
  border-color: #0fd;
}
.ui5-checkbox--accent.loading .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--accent.loading.active .ui5-checkbox__loading {
  color: #0fd;
}
.ui5-checkbox--accent:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: #66ffe5;
  border-color: #66ffe5;
}
.ui5-checkbox--white .ui5-checkbox__input, .ui5-checkbox--white .ui5-checkbox__input + .ui5-checkbox__switch, .ui5-checkbox--white .ui5-checkbox__input:checked, .ui5-checkbox--white .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__input:checked, .ui5-checkbox--white.loading .ui5-checkbox__input:checked + .ui5-checkbox__switch {
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.ui5-checkbox--white.loading .ui5-checkbox__loading, .ui5-checkbox--white.loading.active .ui5-checkbox__loading {
  color: #f4f4f4;
}
.ui5-checkbox--white:hover:not(.disabled, .loading) .ui5-checkbox__input {
  background-color: rgba(244, 244, 244, 0.9215686275);
  border-color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-checkbox--mark:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-checkbox--minus:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMUg5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.ui5-checkbox--circle:not(.loading) .ui5-checkbox__input:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjk4Ii8+PC9zdmc+);
}
.ui5-checkbox--switch .ui5-checkbox__input {
  visibility: hidden;
  position: absolute;
}
.ui5-checkbox--switch .ui5-checkbox__loading {
  left: 5px;
}
.ui5-checkbox--switch .ui5-checkbox__input:checked + .ui5-checkbox__switch:before {
  transform: translate(20px);
}
.ui5-checkbox--switch .ui5-checkbox__input:checked ~ .ui5-checkbox__loading {
  left: auto;
  right: 5px;
}
.ui5-checkbox__switch {
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  background-color: rgba(28, 28, 39, 0.1803921569);
  border-radius: 100px;
}
.ui5-checkbox__switch:before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}
.ui5-checkbox--accent .ui5-checkbox__switch:before, .ui5-checkbox--white .ui5-checkbox__switch:before {
  background-color: #1c1c27;
}
.ui5-checkbox.disabled {
  opacity: 0.3;
}
.ui5-checkbox.disabled *, .ui5-checkbox.loading * {
  cursor: default;
}
.ui5-checkbox.loading .ui5-checkbox__input {
  background-image: none;
}
.ui5-control {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.ui5-control:not(.disabled, .loading) {
  cursor: pointer;
}
.ui5-control.reversed {
  flex-direction: row-reverse;
}
.ui5-control__label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ui5-control__label:has(.ui5-control__description:empty) {
  gap: 0;
}
.ui5-control__description:empty {
  display: none;
}
.ui5-control__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-control__description {
  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;
}
.ui5-control__checkbox {
  flex-shrink: 0;
}
.ui5-control-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-control-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-control-row {
    padding: 16px 12px;
  }
}
.ui5-control-row-wrapper {
  position: relative;
  outline: 1px solid transparent;
  border-radius: 4px;
}
.ui5-control-row-wrapper--green.outlined {
  outline-color: #12910e;
}
.ui5-control-row-wrapper--black.outlined {
  outline-color: #1c1c27;
}
.ui5-control-row-wrapper--red.outlined {
  outline-color: #eb5042;
}
.ui5-control-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.disabled, .ui5-control-row.loading {
  cursor: not-allowed;
  opacity: 0.3;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-control-row.disabled .ui5-control-row__checkbox, .ui5-control-row.disabled + .ui5-control-row__loading, .ui5-control-row.loading .ui5-control-row__checkbox, .ui5-control-row.loading + .ui5-control-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-control-row:hover:not(.disabled, .loading, .preloading), .ui5-control-row:focus-visible:not(.disabled, .loading, .preloading) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-control-row:active:not(.ui5-control-row--switch, .disabled, .loading, .preloading, .active) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-control-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-control-row.preloading .ui5-control-row__label, .ui5-control-row.preloading .ui5-control-row__checkbox {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.ui5-control-row__label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-control-row__group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-control-row__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__comment {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-control-row__comment {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-control-row__description {
  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;
}
.ui5-control-row__checkbox {
  flex-shrink: 0;
}
.ui5-control-row__checkbox:not(.ui5-checkbox--switch) {
  pointer-events: none;
}
.ui5-control-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-control-row--switch {
  cursor: default;
}
.ui5-control-row--switch:not(.disabled, .loading, .preloading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
.ui5-control-row--switch:focus-visible {
  outline-color: transparent;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch {
  outline: 1px solid transparent;
  outline-offset: -1px;
  outline-color: red;
}
.ui5-control-row--switch:focus-visible .ui5-checkbox__switch:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-control-row--S {
  padding: 16px 12px;
}
.ui5-control-row--S .ui5-control-row__title, .ui5-control-row--S .ui5-control-row__comment {
  font-size: 12px;
  line-height: 16px;
}
.ui5-modal-classic {
  position: relative;
  z-index: 2000;
}
.ui5-modal-classic, .ui5-modal-classic * {
  box-sizing: border-box;
}
.ui5-modal-classic__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 32px;
  width: 392px;
  border-radius: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__container {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: minmax(0, 328px);
    align-content: start;
    justify-content: center;
    border-radius: 0;
  }
}
.ui5-modal-classic__back {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-modal-classic__back {
    display: block;
    margin-bottom: 24px;
  }
}
.ui5-modal-classic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ui5-modal-classic__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ui5-modal-classic__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;
}
.ui5-modal-classic__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-classic--red .ui5-modal-classic__title {
  color: #eb5042;
}
.ui5-modal-classic--green .ui5-modal-classic__title {
  color: #12910e;
}
.ui5-modal-slide {
  position: relative;
  z-index: 2000;
}
.ui5-modal-slide, .ui5-modal-slide * {
  box-sizing: border-box;
}
.ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 100%;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container {
  position: fixed;
  background-color: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-modal-slide__container--L {
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__back-button {
  left: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container--L .ui5-modal-slide__back-button {
    left: 34px;
  }
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 834px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--L .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-modal-slide__container--S {
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__header, .ui5-modal-slide__container--S .ui5-modal-slide__footer, .ui5-modal-slide__container--S .ui5-modal-slide__content, .ui5-modal-slide__container--S .ui5-modal-slide__back {
  padding-inline: 34px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable {
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 396px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
  width: 4px;
}
.ui5-modal-slide__container--S .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__container {
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__back {
    padding-inline: 34px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 396px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__container {
    width: 100%;
    min-width: 334px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 100%;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar {
    width: 4px;
  }
  .ui5-modal-slide__container .ui5-modal-slide__content--scrollable::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
.ui5-modal-slide__back {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back {
    width: 328px;
    margin-inline: auto;
  }
}
.ui5-modal-slide__back-button {
  position: absolute !important;
  left: 34px;
  top: 24px;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__back-button {
    display: none !important;
  }
}
.ui5-modal-slide__back-mobile-button {
  position: absolute !important;
  left: -20px;
  top: 2px;
}
@media screen and (min-width: 816px) {
  .ui5-modal-slide__back-mobile-button {
    display: none !important;
  }
}
.ui5-modal-slide__slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ui5-modal-slide__slider-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}
.ui5-modal-slide__slider-wrapper > * {
  flex: 1 0 100%;
}
.ui5-modal-slide__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__slide {
    padding: 0 0 8px;
  }
}
.ui5-modal-slide__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 52px;
  padding-bottom: 24px;
  padding-inline: 77px;
  width: 100%;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__header {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__header {
    padding-inline: 0;
    padding: 8px 0 8px 8px;
  }
}
.ui5-modal-slide__header--error {
  background-color: #eb5042;
}
.ui5-modal-slide__header--error .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--error .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137) !important;
}
.ui5-modal-slide__header--error ~ .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__header--success {
  background-color: #12910e;
}
.ui5-modal-slide__header--success .ui5-modal-slide__title {
  color: #fff !important;
}
.ui5-modal-slide__header--success .ui5-modal-slide__note {
  color: rgba(255, 255, 255, 0.9607843137);
}
.ui5-modal-slide__header--success .ui5-modal-slide__back-mobile-button {
  display: none !important;
}
.ui5-modal-slide__title {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__title {
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__title {
    font-size: 15px;
    line-height: 20px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__note {
  color: rgba(6, 6, 20, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__note {
    font-size: 12px;
    line-height: 16px;
    width: 328px;
    margin: 0 auto;
    padding-left: 16px;
  }
}
.ui5-modal-slide__hr {
  display: block;
  border-color: rgba(28, 28, 39, 0.0588235294);
  margin-block: 0;
  width: 100%;
}
.ui5-modal-slide__content {
  padding-top: 32px;
  overflow-y: auto;
  padding-inline: 77px;
  padding-bottom: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__content {
    padding-inline: 34px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__content {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-slide__footer {
  margin-top: auto;
  padding-inline: 77px;
  padding-top: 16px;
}
@media screen and (max-width: 1167px) {
  .ui5-modal-slide__footer {
    padding-top: 8px;
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-modal-slide__footer {
    padding-inline: 0 !important;
    width: 328px !important;
    margin-inline: auto;
  }
}
.ui5-modal-alert {
  position: relative;
  z-index: 2000;
}
.ui5-modal-alert, .ui5-modal-alert * {
  box-sizing: border-box;
}
.ui5-modal-alert__container {
  position: fixed;
  background-color: #fff;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 24px;
  width: 320px;
  border-radius: 8px;
}
.ui5-modal-alert__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-modal-alert__buttons {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.ui5-modal-backdrop {
  background-color: #000;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  transition: opacity 0.12s ease-out;
}
.ui5-modal-backdrop--show {
  display: block;
  opacity: 0.4;
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: translate 0.12s ease-out;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  translate: 100% 0;
}
.slide-fade-left-enter-active, .slide-fade-left-leave-active, .slide-fade-right-enter-active, .slide-fade-right-leave-active {
  transition: transform 0.12s ease-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slide-fade-right-enter-from {
  transform: translate(100%);
}
.slide-fade-right-leave-to {
  transform: translate(-100%);
}
.slide-fade-right-leave-from, .slide-fade-right-enter-to, .slide-fade-left-leave-from {
  transform: translate(0);
}
.slide-fade-left-enter-from {
  transform: translate(-100%);
}
.slide-fade-left-enter-to {
  transform: translate(0);
}
.slide-fade-left-leave-to {
  transform: translate(100%);
}
.ui5-slide-modal-header {
  max-width: 100%;
  padding: 24px 77px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header {
    padding: 24px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header {
    padding: 4px 8px 12px;
    display: flex;
  }
}
.ui5-slide-modal-header__button {
  display: none;
}
.ui5-slide-modal-header__button button {
  padding: 0;
  margin-bottom: 8px;
}
.ui5-slide-modal-header__button--show {
  display: block;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__button--show {
    display: none;
  }
}
.ui5-slide-modal-header__button--hidden {
  visibility: hidden;
}
.ui5-slide-modal-header__arrow {
  display: none;
  margin-right: 8px;
  width: 32px;
  height: 32px;
}
.ui5-slide-modal-header__arrow button {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__arrow--show {
    display: flex;
  }
}
.ui5-slide-modal-header__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
.ui5-slide-modal-header__title-wrap {
  display: flex;
  min-height: auto;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-wrap {
    min-height: 32px;
  }
}
.ui5-slide-modal-header__title-block {
  height: 32px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  width: 100%;
  flex: 1 0 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__title-block {
    height: 48px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title-block {
    height: 32px;
    align-items: center;
    margin-bottom: 0;
  }
}
.ui5-slide-modal-header__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-items: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal-header__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;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__title {
    color: rgba(0, 0, 0, 0.9607843137);
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  }
}
.ui5-slide-modal-header__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__subtitle {
    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;
  }
}
.ui5-slide-modal-header__cross {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__cross {
    display: flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
  }
}
.ui5-slide-modal-header__loader {
  padding: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header__loader {
    padding: 0 40px 0 0;
  }
}
.ui5-slide-modal-header--success {
  background-color: #12910e;
}
.ui5-slide-modal-header--fail {
  background-color: #eb5042;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__title, .ui5-slide-modal-header--fail .ui5-slide-modal-header__title {
  color: #fff;
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__subtitle, .ui5-slide-modal-header--fail .ui5-slide-modal-header__subtitle {
  color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-header--success .ui5-slide-modal-header__arrow, .ui5-slide-modal-header--fail .ui5-slide-modal-header__arrow {
    opacity: 0;
    pointer-events: none;
  }
}
.ui5-slide-modal-header--success .ui5-slide-modal-header__button, .ui5-slide-modal-header--fail .ui5-slide-modal-header__button {
  opacity: 0;
  pointer-events: none;
}
.ui5-loading-scale {
  width: 100%;
  height: 12px;
  position: relative;
  background-color: rgba(28, 28, 39, 0.1019607843);
  overflow: hidden;
  border-radius: 4px;
  margin: 4px 0;
}
@media screen and (max-width: 815px) {
  .ui5-loading-scale {
    margin-top: 0;
  }
}
.ui5-loading-scale:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 12px;
  top: 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #12910E 20%, rgb(228, 228, 229) 20%);
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-slide-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden;
  top: -100%;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal-wrapper {
    background-color: #fff;
  }
}
.ui5-slide-modal-wrapper--show {
  top: 0 !important;
}
.ui5-slide-modal-wrapper--global-loading {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-slide-modal {
  width: 834px;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  position: fixed;
  right: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal {
    width: 396px;
    top: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal {
    width: 100%;
  }
}
.ui5-slide-modal--hidden {
  margin-right: -100%;
}
.ui5-slide-modal__content {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 32px;
  padding-inline: 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content {
    padding-inline: 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__content {
    padding-inline: 0;
  }
}
.ui5-slide-modal__content-wrap {
  width: 680px;
  margin: 0 auto;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__content-wrap {
    width: 328px;
  }
}
.ui5-slide-modal__footer {
  width: 100%;
  margin-top: auto;
  box-sizing: border-box;
  border-top: 1px solid rgba(28, 28, 39, 0.0588235294);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  max-width: 100% !important;
  padding: 16px 77px;
}
@media screen and (max-width: 1167px) {
  .ui5-slide-modal__footer {
    max-width: 396px;
    padding: 8px 34px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer {
    padding-inline: 0;
  }
}
@media screen and (max-width: 815px) {
  .ui5-slide-modal__footer-wrap {
    max-width: 328px;
    margin: 0 auto;
  }
}
.ui5-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 815px) {
  .ui5-overlay {
    display: none;
  }
}
.ui5-overlay__global-loader {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #fff;
}
.ui5-overlay__global-control {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.ui5-overlay__title {
  font-weight: 700;
}
.ui5-overlay--global-loading {
  display: flex;
}
:root {
  --ui5-Text-Dark-text-Dark-Text-for-label: #000000F5;
  --ui5-Text-Dark-text-Dark-Text-for-body: #000000E0;
  --ui5-Text-Dark-text-Dark-Text-for-note: #000000A3;
  --ui5-Text-Dark-text-Dark-Ninja-text: #00000052;
  --ui5-Text-Light-text-Light-Text-for-label: #FFFFFFF5;
  --ui5-Text-Light-text-Light-Text-for-body: #FFFFFFE0;
  --ui5-Text-Light-text-Light-Text-for-note: #FFFFFFA3;
  --ui5-Text-Light-text-Light-Ninja-text: #FFFFFF66;
  --ui5-blue-blue-b-0-text: #133CBA;
  --ui5-blue-blue-a-40-text: #5298FF;
  --ui5-white-white-a-70-border: #F4F4F43D;
  --ui5-black-black-a-70-border: #1C1C272E;
  --ui5-black-black-a-90-hover: #1C1C270F;
  --ui5-White-White-A-0: #FFFFFFFA;
  --ui5-black-black-b-0-backgroud: #12121A;
  --ui5-black-black-a-10-default: #1C1C27;
  --ui5-black-black-a-20-hover: #33333D;
  --ui5-black-black-a-30-active: #494952;
  --ui5-black-black-a-80-default: #1C1C271A;
  --ui5-black-black-a-95-active-bg: #1C1C2708;
  --ui5-white-white-a-80-default: #F4F4F42E;
  --ui5-white-white-a-95-active: #F4F4F414;
  --ui5-white-white-a-10-default: #F4F4F4;
  --ui5-white-white-a-90-hover: #F4F4F41F;
  --ui5-white-white-a-20-hover: #F4F4F4EB;
  --ui5-white-white-a-30-active: #F4F4F4D6;
  --ui5-green-green-a-10-default: #12910E;
  --ui5-green-green-a-20-hover: #2A9C26;
  --ui5-green-green-a-30-active: #41A73E;
  --ui5-green-green-a-80-default: #D4F0D3B8;
  --ui5-green-green-a-90-hover: #D4F0D37A;
  --ui5-green-green-a-95-active: #D4F0D33D;
  --ui5-red-red-10-default: #EB5042;
  --ui5-red-red-20-hover: #ED6255;
  --ui5-red-red-30-active: #EF7368;
  --ui5-red-red-80-default: #FFD9D4B8;
  --ui5-red-red-90-hover: #FFD9D47A;
  --ui5-red-red-95-active: #FFD9D43D;
  --ui5-Brand-HackScan-10: #CBFD50;
  --ui5-Brand-HasckScan-80: #D2F972;
  --ui5-Brand-HackScan-90: #DBFA8E;
  --ui5-Brand-HackScan-95: #E6FCB0;
  --ui5-brand-sph-10-default: #FF3200;
  --ui5-brand-sph-20-hover: #FF4A1E;
  --ui5-brand-sph-30-active: #FF6641;
  --ui5-yellow-yellow-b-0-text: #F08C00;
  --ui5-yellow-yellow-b-10-default: #F2BF24;
  --ui5-yellow-yellow-b-20-hover: #F3C53A;
  --ui5-yellow-yellow-a-30-active: #FFD967;
  --ui5-yellow-yellow-a-10-default: #FFC926;
  --ui5-yellow-yellow-a-80-default: #FFE8A6B8;
  --ui5-yellow-yellow-a-90-hover: #FFE8A67A;
  --ui5-yellow-yellow-a-95-active: #FFE8A63D;
  --ui5-violet-violet-a-10-default: #5C00CC;
  --ui5-violet-violet-a-20-hover: #6724D3;
  --ui5-violet-violet-a-30-active: #713DD8;
  --ui5-violet-violet-a-80-default: #DCCCF0B8;
  --ui5-violet-violet-a-90-hover: #DCCCF07A;
  --ui5-violet-violet-a-95-active: #DCCCF03D;
  --ui5-black-black-b-30-default: #464757;
  --ui5-black-black-c-80-default: #D5D5E5B8;
  --ui5-black-black-c-90-hover: #D5D5E57A;
  --ui5-black-black-c-95-active: #D5D5E53D;
  --ui5-black-black-c-10-default: #363645F0;
  --ui5-black-black-c-20-hover: #363645DB;
  --ui5-black-black-c-30-active: #363645C9;
  --ui5-brown-brown-80-default: #F5E6BAB8;
  --ui5-brown-brown-90-hover: #F5E6BA8F;
  --ui5-brown-brown-95-active: #F5E6BA52;
  --ui5-brown-brown-10-default: #CC5E14;
  --ui5-brown-brown-20-hover: #DE6A1D;
  --ui5-brown-brown-30-active: #E5782E;
  --ui5-green-green-b-80-default: #D1F2C0B8;
  --ui5-green-green-b-90-hover: #D1F2C08F;
  --ui5-green-green-b-95-active: #D1F2C052;
  --ui5-green-green-b-10-default: #348034;
  --ui5-green-green-b-20-hover: #498D49;
  --ui5-green-green-b-30-active: #5D995D;
  --ui5-green-green-b-70-tag: #CFF9CF;
  --ui5-blue-blue-a-10-helper: #3D5AFE;
  --ui5-blue-blue-a-90-hover: #D7E6F78F;
  --ui5-blue-blue-a-95-active-bg: #D7E6F752;
  --ui5-blue-blue-b-80-default: #B9D2F7B8;
  --ui5-blue-blue-b-90-hover: #B9D2F78F;
  --ui5-blue-blue-b-95-active: #B9D2F752;
  --ui5-blue-blue-a-70-underline: #5298FF66;
  --ui5-blue-blue-b-70-underline: #1E62C866;
  --ui5-blue-blue-b-10-default: #1E62C8;
  --ui5-blue-blue-b-20-hover: #3472CD;
  --ui5-blue-blue-b-30-active: #4B82D3;
  --ui5-violet-violet-b-80-default: #D0D0EDB8;
  --ui5-violet-violet-b-90-hover: #D0D0ED8F;
  --ui5-violet-violet-b-95-active: #D0D0ED52;
  --ui5-violet-violet-b-10-default: #5D568F;
  --ui5-violet-violet-b-20-hover: #7771A1;
  --ui5-violet-violet-b-30-active: #918CB3;
  --ui5-cyan-cyan-80-defautl: #BDE7F3B8;
  --ui5-cyan-cyan-90-hover: #BDE7F38F;
  --ui5-cyan-cyan-95-active: #BDE7F352;
  --ui5-cyan-cyan-10-default: #1985A9;
  --ui5-cyan-cyan-20-hover: #2B8FB0;
  --ui5-cyan-cyan-30-active: #2F9BC1;
  --ui5-Other-Red-for-Focused-TAB: #FF0000;
  --ui5-modal-overlay-black: #00000066;
  --ui5-boks-a-10-default: #0FD;
  --ui5-boks-a-20-hover: #59FFE9;
  --ui5-boks-a-30-click: #99FFF1;
  --ui5-boks-b-10-text: #007D6C;
  --ui5-white-white-b-0-maine-bg: #FFF;
  --ui5-red-red-45-how-low-balance: #FFB0A9;
  --ui5-red-red-50-active-low-balance: #FFBAB4;
  --ui5-Grey-Opacity-Dark-3: #0C0C3D0A;
  --ui5-Base-Light-primary: #1C1C27;
  --ui5-Base-Dark-secondary: #f4f4f42e;
  --ui5-Base-Dark-secondary-hover: #F4F4F41F;
  --ui5-Base-Dark-secondary-active: #F4F4F414;
  --ui5-Base-Dark-primary: #F4F4F4;
  --ui5-Base-Dark-primary-hover: #F4F4F4EB;
  --ui5-Base-Dark-primary-active: #F4F4F4D6;
  --ui5-Text-on-Light-Surface-text-regular: #FFFFFFE0;
  --ui5-Text-on-Light-Surface-text-label: #FFFFFFF5;
  --ui5-Text-on-Light-Surface-text-note: #FFFFFFB8;
  --ui5-Text-on-Dark-Surface-text-regular: #000000E0;
  --ui5-Text-on-Dark-Surface-text-label: #000000F5;
  --ui5-Text-on-Dark-Surface-text-note: #000000A3;
  --ui5-Accent-Dark-accent: #0FD;
  --ui5-Accent-Dark-accent-hover: #66FFE5;
  --ui5-Accent-Dark-accent-active: #8CFFE7;
  --ui5-Accent-Dark-on-surface: #8CFFE7;
  --ui5-Accent-Dark-surface: #9BCFC950;
}
.ui5-link-item {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  text-decoration: none !important;
}
.ui5-link-item * {
  font-family: inherit;
}
.ui5-link-item__wrapper {
  text-size-adjust: 100%;
  word-break: break-word;
  line-height: initial;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.256), rgba(0, 0, 0, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item__icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__icon {
  height: 0.8em;
  display: inline-flex;
  margin-left: 2px;
}
.ui5-link-item__loader-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 2px;
}
.ui5-link-item__loader {
  display: inline;
  height: 0.8em;
  width: 0.8em;
  margin: 3px 0;
}
.ui5-link-item:hover {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.0588235294);
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus {
  outline: none;
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-link-item:focus-visible {
  outline: 1px solid #FF0000;
  outline-offset: -1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-link-item.active, .ui5-link-item:active {
  cursor: pointer;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.disabled {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.3;
}
.ui5-link-item.loading {
  cursor: not-allowed;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-link-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-link-item.preloading .ui5-link-item__wrapper {
  opacity: 0;
}
.ui5-link-item--no-icon.loading .ui5-link-item__wrapper {
  opacity: 0.3;
}
.ui5-link-item--no-icon.loading .ui5-link-item__loader-wrapper {
  position: absolute;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ui5-link-item--blue {
  color: #1e62c8 !important;
}
.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(30, 98, 200, 0.4), rgba(30, 98, 200, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--blue:hover {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue:focus-visible {
  background: rgba(215, 230, 247, 0.5607843137);
}
.ui5-link-item--blue.active, .ui5-link-item--blue:active, .ui5-link-item--blue.loading {
  background: rgba(215, 230, 247, 0.3215686275);
}
.ui5-link-item--dark .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--blue {
  color: #5298ff;
}
.ui5-link-item--dark.ui5-link-item--blue .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(82, 152, 255, 0.4), rgba(82, 152, 255, 0.4)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.ui5-link-item--grey {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark:hover {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark:focus-visible {
  background: rgba(244, 244, 244, 0.1803921569);
}
.ui5-link-item--dark.active, .ui5-link-item--dark:active {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.disabled {
  color: rgba(255, 255, 255, 0.6392156863);
}
.ui5-link-item--dark.disabled .ui5-link-item__wrapper {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.256), rgba(255, 255, 255, 0.256)) 0 97%/100% 1px no-repeat;
}
.ui5-link-item--dark.loading {
  background: rgba(244, 244, 244, 0.2392156863);
}
.ui5-link-item--dark.preloading {
  background: rgba(244, 244, 244, 0.0784313725);
}
@keyframes skeleton {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
.ui5-skeleton {
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 75%);
  animation: skeleton 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item {
  position: relative;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  width: 100%;
  align-items: flex-start;
  border-radius: 4px;
}
.ui5-alert-item, .ui5-alert-item * {
  box-sizing: border-box;
}
.ui5-alert-item--no-padding {
  padding: 0;
}
.ui5-alert-item.reversed {
  flex-direction: row-reverse;
}
.ui5-alert-item.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8784313725);
}
.ui5-alert-item.disabled > * {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.loading > *:not(.ui5-alert-item__loader) {
  opacity: 0.3;
  pointer-events: none;
}
.ui5-alert-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-alert-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-alert-item.preloading > * {
  opacity: 0;
}
.ui5-alert-item--grey {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(12, 12, 61, 0.0392156863);
}
.ui5-alert-item--yellow {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--yellow:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:focus {
  outline: none;
}
.ui5-alert-item--yellow:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.4784313725);
}
.ui5-alert-item--yellow:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 232, 166, 0.2392156863);
}
.ui5-alert-item--red {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--red:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:focus {
  outline: none;
}
.ui5-alert-item--red:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.4784313725);
}
.ui5-alert-item--red:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(255, 217, 212, 0.2392156863);
}
.ui5-alert-item--orange {
  color: rgba(255, 255, 255, 0.8784313725);
  background-color: #eb5042;
}
.ui5-alert-item--orange:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:focus {
  outline: none;
}
.ui5-alert-item--orange:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ed6255;
}
.ui5-alert-item--orange:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #ff6641;
}
.ui5-alert-item--blue {
  color: rgba(0, 0, 0, 0.8784313725);
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:focus {
  outline: none;
}
.ui5-alert-item--blue:focus:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.5607843137);
}
.ui5-alert-item--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(215, 230, 247, 0.3215686275);
}
.ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item__icon {
  flex-shrink: 0;
}
.ui5-alert-item__loader {
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  position: absolute;
}
.ui5-alert-item--S .ui5-alert-item__inner {
  color: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-alert-item--start {
  justify-content: flex-start;
}
.ui5-alert-item--end {
  justify-content: flex-end;
}
.ui5-alert-item--space-between {
  justify-content: space-between;
}
.ui5-choise-item {
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  padding: 11px;
  border-radius: 4px;
  width: 100%;
  display: flex;
  margin: 0;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-choise-item, .ui5-choise-item * {
  box-sizing: border-box;
}
.ui5-choise-item:not(.disabled, .loading, .preloading) {
  cursor: pointer;
}
.ui5-choise-item:nth-child(odd) {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-choise-item:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-choise-item:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: rgba(28, 28, 39, 0.031372549);
  border-color: transparent;
}
.ui5-choise-item.disabled .ui5-choise-item__inner, .ui5-choise-item.loading .ui5-choise-item__inner {
  opacity: 0.3;
}
.ui5-choise-item.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(12, 12, 61, 0.04);
}
.ui5-choise-item.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-choise-item.preloading .ui5-choise-item__inner {
  opacity: 0;
}
.ui5-choise-item.active .ui5-choise-item__input {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
  background-color: #12910e;
  border-color: #12910e;
}
.ui5-choise-item.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #12910e;
}
.ui5-choise-item__inner {
  width: 100%;
  transition: 0.2s ease-in-out;
  transition-property: opacity;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.ui5-choise-item__row {
  display: flex;
  padding-block: 6px;
  gap: 8px;
}
.ui5-choise-item__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__lead {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-choise-item__desc {
  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;
}
.ui5-choise-item__left, .ui5-choise-item__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ui5-choise-item__right {
  padding-block: 6px;
  flex-shrink: 0;
}
.ui5-choise-item__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  aspect-ratio: 1;
  height: 20px;
  border: 1px solid #1C1C27;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  margin: 0;
}
.ui5-choise-item__input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}
.ui5-choise-item__input:checked {
  background-color: #12910e;
  border-color: #12910e;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMS44MzM5OCA1LjE2NzMyTDUuMTY3MzIgOS4zMzM5OEwxMC4xNjczIDEuODMzOTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgoK);
}
.ui5-choise-item__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-choise-item--black.active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--black.active .ui5-choise-item__input {
  background-color: #1c1c27;
  border-color: #1c1c27;
}
.ui5-choise-item--black.active:not(:focus-visible, .loading, .preloading, .disabled) {
  border-color: #1c1c27;
}
.ui5-choise-item--small .ui5-choise-item__inner * {
  font-size: 12px;
  line-height: 16px;
}
.ui5-choise-item--inverted {
  background: transparent;
}
.ui5-choise-item--inverted:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-choise-item--radio .ui5-choise-item__input {
  border-radius: 12px;
}
.ui5-file-link {
  display: flex;
  flex-direction: column;
  height: fit-content;
  padding: 10px 12px;
  border-radius: 2px;
  width: 100%;
  word-break: break-word;
  box-sizing: border-box;
  text-decoration: none;
}
.ui5-file-link:hover {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-file-link:focus-visible {
  outline: 1px solid #FF0000;
}
.ui5-file-link:active {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-file-link.loading, .ui5-file-link.disabled {
  pointer-events: none;
}
.ui5-file-link.loading .ui5-file-link__title, .ui5-file-link.loading .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__title, .ui5-file-link.disabled .ui5-file-link__descr, .ui5-file-link.disabled .ui5-file-link__icon {
  opacity: 0.4;
}
.ui5-file-link__preloader {
  background: rgba(28, 28, 39, 0.031372549);
  position: relative;
  height: 32px;
  width: 100%;
  overflow: hidden;
}
.ui5-file-link__preloader:before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  top: 0;
  height: 100%;
  width: 100%;
  animation: mask 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-file-link.preloading {
  pointer-events: none;
  padding: 4px 0;
}
.ui5-file-link__icon {
  color: rgba(0, 0, 0, 0.8784313725);
  width: 20px;
  height: 20px;
}
.ui5-file-link__title {
  color: #1e62c8;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  margin-bottom: 0;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui5-file-link__descr {
  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;
  margin-bottom: 0;
}
.ui5-file-link__wrap {
  display: flex;
  align-items: start;
  gap: 4px;
}
.ui5-shackle-menu {
  position: fixed;
  z-index: 1000;
  visibility: var(--shackle-menu-visibility);
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
}
.ui5-shackle-menu__divider-container {
  width: 100%;
  margin: 3px 0 4px;
}
.ui5-shackle-menu__divider {
  width: 296px;
  height: 1px;
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu__wrapper {
  position: fixed;
  box-sizing: border-box;
  z-index: 4;
  right: var(--shackle-menu-right);
  bottom: var(--shackle-menu-bottom);
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(28, 28, 39, 0.18);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  overflow: hidden;
}
@media screen and (max-height: 570px) {
  .ui5-shackle-menu__wrapper {
    overflow-y: scroll;
    scrollbar-gutter: stable;
    width: 330px;
    height: 262px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .ui5-shackle-menu__wrapper::-webkit-scrollbar-thumb {
    background-color: #99999e;
    border-radius: 2px;
    pointer-events: none;
  }
}
@media screen and (max-width: 392px) {
  .ui5-shackle-menu__wrapper {
    width: 330px;
    transform: translate(-50%);
    left: 50%;
  }
}
.ui5-shackle-menu__container {
  display: flex;
  flex-direction: column;
  width: 296px;
}
.ui5-shackle-menu__btn-container {
  width: 100%;
}
.ui5-shackle-menu__btn-container--link {
  margin: 8px 0;
  font-size: 15px;
  height: 20px;
  text-align: center;
}
.ui5-shackle-menu__chat-types {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin: 8px 0;
}
.ui5-shackle-menu__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ui5-shackle-menu .trigger {
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  position: relative;
  z-index: 4;
  width: 48px;
  height: 48px;
  background-color: #1c1c27;
  border-radius: 247px;
  box-shadow: 0 0 56px rgba(255, 255, 255, 0.2392156863);
}
.ui5-shackle-menu .trigger__img {
  display: flex;
  margin-left: 15px;
}
.ui5-shackle-menu .trigger__loader {
  width: 16px;
  height: 28px;
  margin: 0 8px 4px;
}
.ui5-shackle-menu .trigger .trigger-text {
  pointer-events: none;
  gap: -2px;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ui5-shackle-menu .trigger .trigger-text__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger .trigger-text__descr {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  width: 200px;
  margin: 0;
}
.ui5-shackle-menu .trigger.disabled {
  background-color: #141424;
}
.ui5-shackle-menu .trigger.disabled .shackle-menu-trigger__img {
  opacity: 0.3;
}
.ui5-shackle-menu .trigger:hover, .ui5-shackle-menu .trigger:focus, .ui5-shackle-menu .trigger:focus-visible {
  background-color: #1b1b26;
}
.ui5-shackle-menu .trigger:active {
  background-color: #151526;
}
.ui5-shackle-menu .trigger:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu .upsale-block {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 8px;
  text-align: center;
}
.ui5-shackle-menu .upsale-block__message {
  margin: 8px 0;
}
.ui5-shackle-menu .upsale-block__smile {
  margin-bottom: 8px;
}
.ui5-shackle-menu-icon-template {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui5-shackle-menu-icon-template--lg {
  width: 32px;
  height: 32px;
}
.ui5-shackle-menu-icon-template--md {
  width: 24px;
  height: 24px;
}
.ui5-shackle-menu-icon-template--sm {
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-icon-button {
  cursor: pointer;
  outline: none;
  padding: 8px 24px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-icon-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  margin: 10px;
  color: #1c1c27;
}
.ui5-shackle-menu-icon-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.ui5-shackle-menu-icon-button:hover, .ui5-shackle-menu-icon-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-icon-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-icon-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.disabled .ui5-shackle-menu-icon-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-icon-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-icon-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-icon-button.disabled, .ui5-shackle-menu-icon-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-shackle-menu-button {
  cursor: pointer;
  display: flex;
  align-self: stretch;
  justify-content: center;
  text-decoration: none;
  outline: none;
  padding: 18px 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.1019607843);
}
.ui5-shackle-menu-button:hover, .ui5-shackle-menu-button:focus-visible {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.ui5-shackle-menu-button:focus-visible {
  outline-offset: -1px !important;
  outline: 1px solid #FF0000;
}
.ui5-shackle-menu-button:active {
  background-color: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
}
.ui5-shackle-menu-button__icon {
  margin-right: 8px;
}
.ui5-shackle-menu-button__text {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-align: center;
}
.ui5-shackle-menu-button__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.ui5-shackle-menu-button--add-ticket {
  background-color: #1e62c8;
  padding: 16px 12px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__content {
  height: 24px;
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__text {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8784313725);
}
.ui5-shackle-menu-button--add-ticket .ui5-shackle-menu-button__loader {
  margin: 2px 0;
}
.ui5-shackle-menu-button--add-ticket.loading {
  background-color: #4b82d3 !important;
}
.ui5-shackle-menu-button--add-ticket.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.2;
  filter: contrast(10%);
}
.ui5-shackle-menu-button--add-ticket:hover, .ui5-shackle-menu-button--add-ticket:focus-visible {
  background-color: #3472cd;
}
.ui5-shackle-menu-button--add-ticket:active {
  background-color: #4b82d3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__icon {
  opacity: 0.3;
}
.ui5-shackle-menu-button.disabled .ui5-shackle-menu-button__text {
  color: #1c1c27;
  opacity: 0.2;
}
.ui5-shackle-menu-button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-shackle-menu-button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-shackle-menu-button.disabled, .ui5-shackle-menu-button.loading {
  background-color: rgba(28, 28, 39, 0.031372549);
  pointer-events: none;
  cursor: not-allowed;
}
.ui5-footer-button {
  border: none;
  border-radius: 4px;
  background-color: rgba(244, 244, 244, 0.0784313725);
  text-decoration: none;
  display: flex;
  padding: 16px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-footer-button:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-footer-button:hover {
  background-color: rgba(244, 244, 244, 0.1215686275);
  text-decoration: none;
}
.ui5-footer-button:active, .ui5-footer-button.active {
  opacity: 0.8;
}
.ui5-footer-button__content {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui5-footer-button__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ui5-footer-button__title svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: rgba(244, 244, 244, 0.9215686275);
  margin-bottom: 3px;
}
.ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-footer-button__description {
  color: rgba(255, 255, 255, 0.6392156863);
  font-weight: 400;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
}
.ui5-footer-button__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}
.ui5-footer-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-footer-button--disabled, .ui5-footer-button--loading, .ui5-footer-button--preloading {
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-footer-button--loading .ui5-footer-button__content, .ui5-footer-button--disabled .ui5-footer-button__content {
  opacity: 0.3;
}
.ui5-footer-button--L .ui5-footer-button__text, .ui5-footer-button--M .ui5-footer-button__text {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-global-footer {
  padding: 120px 0 32px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer {
    padding: 64px 0 32px;
  }
}
.ui5-global-footer--sph {
  background-color: #1c1c28;
}
.ui5-global-footer--sph .ui5-global-footer__logo {
  height: 144px;
  margin: 160px 0 209px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--sph .ui5-global-footer__logo svg {
  width: 1072px;
  margin-left: -40px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 707px;
    margin-left: -28px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--sph .ui5-global-footer__nav-button--data-centers, .ui5-global-footer--sph .ui5-global-footer__nav-button--contacts {
    grid-column: span 1;
  }
}
.ui5-global-footer--sph .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, rgb(255, 50, 0) 0%, rgba(77, 15, 0, 0) 100%);
}
.ui5-global-footer--spb {
  background-color: #12121a;
}
.ui5-global-footer--spb .ui5-global-footer__logo {
  height: 144px;
  margin: 198px 0 212px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 136px 0 154px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo {
    margin: 20px 0 45px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__logo svg {
  width: 1066px;
  margin-left: -34px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 702px;
    margin-left: -22px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__logo svg {
    width: 340px;
    margin-left: -12px;
  }
}
.ui5-global-footer--spb .ui5-global-footer__nav-button--more, .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata, .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
  grid-row: span 2;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-column-start: 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--more {
    grid-row: 5/span 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--oplata {
    grid-row: 4;
    grid-column: 2;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 2/span 1;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--sprinthost {
    grid-row: 4;
    grid-column: 1;
  }
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: 2;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--partners {
    grid-row: auto;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer--spb .ui5-global-footer__nav-button--data-centers {
    grid-row: 6;
  }
}
.ui5-global-footer--spb .ui5-global-footer__gradient {
  background: radial-gradient(50% 50% at 50% 50%, #00c5aa 0%, rgba(0, 63, 77, 0) 100%);
}
.ui5-global-footer__container {
  max-width: 1032px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__container {
    max-width: 680px;
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__container {
    max-width: 328px;
  }
}
.ui5-global-footer__feedback {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 42px;
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__feedback {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ui5-global-footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ui5-global-footer__contacts-link {
  color: rgba(244, 244, 244, 0.9215686275);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  text-decoration: none;
}
.ui5-global-footer__contacts-link:hover {
  opacity: 0.8;
  text-decoration: none;
  color: rgba(244, 244, 244, 0.9215686275);
}
.ui5-global-footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}
.ui5-global-footer__socials-link {
  color: #060614;
  opacity: 0.7;
}
.ui5-global-footer__socials-link:hover {
  opacity: 1;
}
.ui5-global-footer__nav {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1105px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ui5-global-footer__nav-button--L {
  grid-column: span 2;
}
.ui5-global-footer__meta {
  color: rgba(255, 255, 255, 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;
}
.ui5-global-footer__gradient {
  position: absolute;
  width: 1088px;
  height: 1088px;
  left: 50%;
  translate: -50% 0;
  bottom: -500px;
  filter: blur(150px);
}
@media screen and (max-width: 736px) {
  .ui5-global-footer__gradient {
    width: 548px;
    height: 584px;
    bottom: -300px;
    filter: blur(75px);
  }
}
.ui5-sort-button {
  padding: 9px 0;
  position: relative;
  border: none;
  background: none;
  cursor: pointer;
  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;
}
.ui5-sort-button:focus {
  outline: none;
}
.ui5-sort-button:hover:not(.loading, .disabled) svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button:focus-visible {
  color: red;
}
.ui5-sort-button svg {
  color: currentColor;
  width: 16px;
  height: 16px;
  stroke-opacity: 0.88;
  opacity: 0.3;
}
.ui5-sort-button--DESC svg {
  rotate: 180deg;
}
.ui5-sort-button.active svg {
  stroke-opacity: 0.64;
  opacity: 1;
}
.ui5-sort-button.loading .ui5-sort-button__content, .ui5-sort-button.disabled .ui5-sort-button__content {
  opacity: 0.3;
}
.ui5-sort-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ui5-sort-button__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-pay-redirect-modal__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 400;
  font-size: 32px;
  line-height: 105%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__description {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  font-feature-settings: "liga" off;
}
.ui5-pay-redirect-modal__logo {
  display: inline-flex;
}
.ui5-pay-redirect-modal__logo svg {
  position: relative;
  width: 136px;
  height: 18px;
  top: 4px;
}
.ui5-pay-redirect-modal__link {
  color: #0fd;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  gap: 8px;
  cursor: pointer;
}
.ui5-pay-redirect-modal__arrow {
  width: 12px;
}
.ui5-pay-redirect-modal .ui5-modal-backdrop--show {
  opacity: 0.7;
}
.ui5-pay-redirect-modal .ui5-modal-classic__container {
  border: 1px solid #0FD;
  background: #1C1C27;
}
@media screen and (max-width: 815px) {
  .ui5-pay-redirect-modal .ui5-modal-classic__container {
    border: none;
  }
}
.ui5-pay-redirect-modal .ui5-button-arrow {
  color: #0fd;
}
.ui5-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding: 16px;
  border-radius: 4px;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ui5-row:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
@media screen and (max-width: 815px) {
  .ui5-row {
    padding: 12px;
  }
}
.ui5-row-wrapper {
  position: relative;
  border-radius: 4px;
}
.ui5-row-wrapper:nth-child(odd) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.clickable {
  cursor: pointer;
}
.ui5-row.success {
  background-color: rgba(212, 240, 211, 0.2392156863);
}
.ui5-row.disabled, .ui5-row.loading {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-row.disabled > *:not(.ignore-opacity), .ui5-row.loading > *:not(.ignore-opacity) {
  opacity: 0.3;
}
.ui5-row.disabled + .ui5-row__loading, .ui5-row.loading + .ui5-row__loading {
  cursor: not-allowed;
  pointer-events: none;
}
.ui5-row:hover:not(.disabled, .loading, .preloading, .static), .ui5-row:focus-visible:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.0588235294);
}
.ui5-row:active.clickable:not(.disabled, .loading, .preloading, .static) {
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(28, 28, 39, 0.031372549);
}
.ui5-row.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-row.preloading > * {
  opacity: 0;
  pointer-events: none;
}
.ui5-row__right {
  text-align: right;
}
.ui5-row__loading {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
.ui5-row--M {
  padding: 12px;
}
@media screen and (max-width: 1167px) {
  .ui5-row--S {
    padding: 12px;
  }
}
.ui5-row .hidden {
  display: none;
}
.ui5-row-text.success .ui5-row-text__title {
  color: #12910e;
}
.ui5-row-text.error .ui5-row-text__title {
  color: #eb5042;
}
.ui5-row-text__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
.ui5-row-text__left-group, .ui5-row-text__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ui5-row-text__right-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.ui5-row-text__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-text__title-description, .ui5-row-text__value-description {
  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;
}
.ui5-row-text__title-description.icon-padding {
  padding-left: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
}
.ui5-row-text__icon {
  width: 24px;
  height: 20px;
}
.ui5-row-text__icon svg {
  max-height: 100%;
  max-width: 100%;
}
@media screen and (max-width: 815px) {
  .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-text--S .ui5-row-text__title, .ui5-row-text--S .ui5-row-text__subtitle, .ui5-row-text--S .ui5-row-text__value {
    font-size: 12px;
    line-height: 16px;
  }
  .ui5-row-text--S .ui5-row-text__title-description.icon-padding {
    padding-left: 28px;
  }
  .ui5-row-text--S .ui5-row-text__icon {
    width: 20px;
    height: 16px;
  }
}
.ui5-row-button.success .ui5-row-button__title {
  color: #12910e;
}
.ui5-row-button.error .ui5-row-button__title {
  color: #eb5042;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px;
  }
}
.ui5-row-button__row .ui5-row__right {
  min-width: 110px;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
}
.ui5-row-button__row .ui5-row__left {
  flex-grow: 1;
}
.ui5-row-button__left {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.ui5-row-button__left-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ui5-row-button__title-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
}
.ui5-row-button__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__subtitle {
  color: rgba(0, 0, 0, 0.6392156863);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
@media screen and (max-width: 815px) {
  .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button__description {
  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;
}
.ui5-row-button__icon {
  width: 38px;
  aspect-ratio: 1;
  flex-shrink: 0;
}
@media screen and (max-width: 1167px) {
  .ui5-row-button--S .ui5-row-button__row {
    flex-wrap: wrap;
    gap: 16px;
  }
  .ui5-row-button--S .ui5-row-button__row .ui5-row__right {
    width: 100%;
  }
  .ui5-row-button--S .ui5-row-button__title-group {
    flex-direction: column;
    gap: 0;
  }
  .ui5-row-button--S .ui5-row-button__subtitle {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-button .hidden {
  display: none;
}
.ui5-row-copy__row {
  padding-block: 10px;
  align-items: flex-start;
  cursor: default !important;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__row {
    padding-block: 8px;
  }
}
.ui5-row-copy__left {
  display: flex;
  align-items: center;
}
.ui5-row-copy__right {
  display: flex;
  align-items: flex-start;
}
.ui5-row-copy__list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.ui5-row-copy__item {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.ui5-row-copy__value-wrap {
  display: flex;
  justify-content: flex-end;
  padding-block: 6px;
  max-width: 304px;
  min-width: 0;
}
.ui5-row-copy__status {
  color: #12910e;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__status {
    display: none;
  }
}
.ui5-row-copy__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__title {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__value {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__value--copied {
    color: #12910e;
  }
}
.ui5-row-copy__description {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding-block: 6px;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy__description {
    padding-block: 8px;
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-copy__icon {
  outline: 1px solid transparent;
  outline-offset: -1px;
  border-radius: 2px;
  padding: 6px;
  color: rgba(0, 0, 0, 0.8784313725);
  flex-shrink: 0;
}
.ui5-row-copy__icon:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: red;
}
.ui5-row-copy__icon--copied {
  opacity: 0.1;
  pointer-events: none;
}
.ui5-row-copy__icon.disabled {
  cursor: not-allowed;
}
.ui5-row-copy--copied {
  outline: 1px solid #12910E;
}
@media screen and (max-width: 815px) {
  .ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-copy--S .ui5-row-copy__status {
    display: none;
  }
  .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__value, .ui5-row-copy--S.ui5-row-copy--copied .ui5-row-copy__description {
    color: #12910e;
  }
  .ui5-row-copy--S .ui5-row-copy__title, .ui5-row-copy--S .ui5-row-copy__value, .ui5-row-copy--S .ui5-row-copy__description {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__row {
  align-items: flex-start;
}
.ui5-row-range__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui5-row-range__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-range__subtitle {
  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;
}
.ui5-row-range__input {
  box-sizing: border-box;
  width: 142px;
  min-height: 36px;
  max-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 2px;
  background: #fff;
  text-align: right;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 17px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-row-range__input:hover:not(:disabled) {
  border-color: #33333d;
}
.ui5-row-range__input:focus {
  outline: none;
  border-color: #1c1c27;
}
.ui5-row-range__input:disabled {
  color: rgba(0, 0, 0, 0.3215686275);
  cursor: not-allowed;
}
@media screen and (max-width: 815px) {
  .ui5-row-range .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range .ui5-row__right, .ui5-row-range .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-range--S .ui5-row-range__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-range--S .ui5-row__right, .ui5-row-range--S .ui5-row-range__input {
    width: 100%;
    text-align: left;
  }
  .ui5-row-range--S .ui5-row-range__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__row {
  align-items: center;
}
.ui5-row-switch__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-switch__switch {
  flex-shrink: 0;
}
.ui5-row-switch__switch:not(.disabled, .loading) .ui5-checkbox__wrapper {
  cursor: pointer;
}
@media screen and (max-width: 1167px) {
  .ui5-row-switch--S .ui5-row-switch__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row {
  align-items: flex-start;
}
.ui5-row-controls__title {
  color: rgba(0, 0, 0, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 108px;
}
.ui5-row-controls__control {
  width: 100%;
}
.ui5-row-controls__control.ui5-control {
  flex-direction: row-reverse;
}
.ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 76px;
  min-width: 0;
}
@media screen and (max-width: 815px) {
  .ui5-row-controls .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls .ui5-row__right, .ui5-row-controls .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-row-controls--S .ui5-row-controls__row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .ui5-row-controls--S .ui5-row__right, .ui5-row-controls--S .ui5-row-controls__controls {
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control.ui5-control {
    flex-direction: row;
    width: 100%;
  }
  .ui5-row-controls--S .ui5-row-controls__control .ui5-control__title {
    width: auto;
    flex: 1;
  }
  .ui5-row-controls--S .ui5-row-controls__title {
    font-size: 12px;
    line-height: 16px;
  }
}
.ui5-row-controls__row.disabled .ui5-row-controls__control .ui5-control__title, .ui5-row-controls__row.loading .ui5-row-controls__control .ui5-control__title {
  color: rgba(0, 0, 0, 0.6392156863);
}
.ui5-message-tip {
  position: fixed;
  z-index: 1000;
  border-radius: 4px;
  display: flex;
}
.ui5-message-tip__content {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  padding: 14px 12px 14px 10px;
}
.ui5-message-tip__divider {
  width: 1px;
  align-self: stretch;
  margin-block: 8px;
  background: #fff;
  opacity: 0.15;
}
.ui5-message-tip__action {
  display: flex;
  align-items: center;
  padding: 8px 10px;
}
.ui5-message-tip__loader {
  color: #fff;
}
.ui5-message-tip__close {
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
  color: #fff;
  opacity: 0.8;
  margin-right: -6px;
}
.ui5-message-tip__close:hover {
  opacity: 1;
}
.ui5-message-tip__close svg {
  width: 20px;
  height: 20px;
}
.ui5-message-tip--grey {
  background-color: #1c1c27;
}
.ui5-message-tip--green {
  background-color: #12910e;
}
.ui5-message-tip--top-right {
  top: 72px;
  right: 24px;
}
.ui5-message-tip--top-left {
  top: 72px;
  left: 24px;
}
.ui5-message-tip--bottom-right {
  bottom: 72px;
  right: 24px;
}
.ui5-message-tip--bottom-left {
  bottom: 72px;
  left: 24px;
}
.fade-enter-active[data-v-a6559936], .fade-leave-active[data-v-a6559936] {
  transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-a6559936], .fade-leave-from[data-v-a6559936] {
  opacity: 1;
}
.fade-enter[data-v-a6559936], .fade-leave-to[data-v-a6559936], .fade-enter-from[data-v-a6559936] {
  opacity: 0;
}
.ui5-faq-list-question {
  font-weight: 600;
}
.ui5-faq-item {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
}
.ui5-faq-item__button {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  display: flex;
  width: 100%;
  padding: 24px;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  border: none;
  background: rgba(49, 49, 99, 0.04);
  outline: 1px solid transparent;
  outline-offset: -1px;
  word-break: break-word;
}
.ui5-faq-item__button:focus {
  border: none;
}
.ui5-faq-item__button:hover {
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:focus-visible {
  outline-color: red;
  background: rgba(49, 49, 99, 0.07);
}
.ui5-faq-item__button:active {
  background: rgba(49, 49, 99, 0.1);
}
.ui5-faq-item__button:disabled, .ui5-faq-item__button.disabled {
  color: rgba(6, 6, 20, 0.4784313725);
  background: rgba(49, 49, 99, 0.04);
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(49, 49, 99, 0.04);
}
.ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item__button.preloading .ui5-faq-item__question-container, .ui5-faq-item__button.preloading .ui5-faq-item__answer-container {
  opacity: 0;
}
.ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item__button--even:disabled, .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item__icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: transform 0.15s ease;
}
.ui5-faq-item__icon path {
  stroke: rgba(6, 6, 20, 0.9607843137);
}
.ui5-faq-item__icon--rotated {
  transform: rotate(-90deg);
}
.ui5-faq-item__icon--rotated path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item__answer-container {
  box-sizing: content-box;
  margin-bottom: 48px;
  display: flex;
  max-width: 680px;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
@media screen and (max-width: 815px) {
  .ui5-faq-item__answer-container {
    max-width: 328px;
  }
}
.ui5-faq-item__answer {
  color: rgba(6, 6, 20, 0.9607843137);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  align-self: stretch;
}
.ui5-faq-item--dark .ui5-faq-item__button {
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:focus-visible {
  background: rgba(255, 255, 255, 0.1);
}
.ui5-faq-item--dark .ui5-faq-item__button:active {
  background: rgba(255, 255, 255, 0.2);
}
.ui5-faq-item--dark .ui5-faq-item__button.disabled, .ui5-faq-item--dark .ui5-faq-item__button:disabled {
  pointer-events: none;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  color: rgba(249, 249, 251, 0.3215686275);
  background: rgba(255, 255, 255, 0.04);
}
.ui5-faq-item--dark .ui5-faq-item__button.preloading {
  pointer-events: none;
  cursor: not-allowed;
  position: relative;
  overflow: hidden;
  background: rgba(244, 244, 244, 0.0784313725);
  opacity: 0.3;
}
.ui5-faq-item--dark .ui5-faq-item__button.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 1.2s cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.ui5-faq-item--dark .ui5-faq-item__button--even {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--even:disabled, .ui5-faq-item--dark .ui5-faq-item__button--even.disabled {
  background: none;
}
.ui5-faq-item--dark .ui5-faq-item__button--active {
  background: #40404f;
  color: #fff;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:hover {
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__button--active:focus-visible {
  outline-color: red;
  background: #5f5f6b;
}
.ui5-faq-item--dark .ui5-faq-item__icon path {
  stroke: rgba(255, 255, 255, 0.8784313725);
}
.ui5-faq-item--dark .ui5-faq-item__answer {
  color: #fff;
}
.ui5-censorship__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;
  padding: 0 16px 16px;
  text-transform: uppercase;
}
.ui5-censorship__container {
  padding: 16px;
  background: rgba(12, 12, 61, 0.0392156863);
  border-radius: 4px;
}
.ui5-censorship__inner-container {
  display: flex;
  overflow: auto;
  gap: 4px;
}
.ui5-censorship__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 0 0;
}
.ui5-censorship__item {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-word;
}
.ui5-censorship__item:not(:last-child) {
  margin-bottom: 4px;
}
.ui5-censorship__text {
  font-family: Roboto Mono, monospace;
  margin-right: 2px;
}
.ui5-censorship__animation {
  position: relative;
}
.ui5-censorship__noise {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.ui5-censorship__animation-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: #f5f5f9;
  z-index: 1;
}
.ui5-censorship__button {
  height: 32px;
  margin-top: 8px;
}
.ui5-censorship__button span {
  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;
}
.ui5-censorship--L .ui5-censorship__button {
  display: none;
}
@media screen and (max-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 815px) {
  .ui5-censorship--M .ui5-censorship__button {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button-icon {
    display: none;
  }
}
@media screen and (min-width: 1167px) {
  .ui5-censorship--S .ui5-censorship__button {
    display: none;
  }
}
.ui5-censorship--XS .ui5-censorship__button-icon {
  display: none;
}
.ui5-censorship .custom-scroll {
  scrollbar-width: thin;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar {
  width: 4px;
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-censorship .custom-scroll::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-censorship .ui5-censorship__spoiler {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAACMCAYAAADV5IPyAAAjrUlEQVR4Xu2dzXLeRrJE/f47r7z0s/jJ5kYxJhmHB1mNjzIl4TImI3q6OusXjUIDpDTWH//5L/7888+IbzIH+b/++uud/+eff97Xg1nbdxuMac6IzjGaT7i///77onccckGLb5s70N4xTrFs0+K8Csbw9Ww25IJZz15aZ7nlGPlX98sf8z+TZOAEgeUtWPMN73UabubJaz1lNyc3uG121huXkeulnrVEZxui7Znt28ieD3jTPRgnc8bdvpnbrnfLGRtzT+6Xt4YO0QKdinNBnGf4ptEmSJFcb/EiM25gm5OOesteE7OezfQDFp3zOx51kb0mPhMzN7rpKHvddLYLZ7nZ2K6t7R/uK/rlDyZhwC2pAzChk2/cYHgX1uagnQbx5/wjdfI1uNnaZ+MGLXdGcvGUybW1k9rxjMbTjxx5Hwon2208sV+OJ7Q5F+ZiB0nqWLabmSdK1gNv9gmTb+ybz8QcvT8jZvhmsJnCcU4M2jQkluMb5O70idfsAtbFWj2nPsf3dW1vooHjEu26Eps5Mn91v7yf0DGKQeM5vyq3Edg24Ibz5rAu6hmHcNxwnAPmzHxqTPsHrI/x/MBR51iuxfGMrS7W/2ot5k9c5if1y+WEdpLAujuecBzKzsXXSnjbUJ7ZnxrBXOh2svrhmLF9g2b4xg0a1xA97cx53sB6GhfZcWbtT7ctzmBsrfNMe+az7o4nHIeyc7lfPnxDO0njN5lrzltDbb6n06PF3+JQtn1uOj9FgubD2Ug833jn3Opq8e1j/+Q71XSaiTS4H0zPkT2Ixm8y15z/bb+8ndCDk7PRbFlA5MadPhEGvlGOY845qKd9w8mmrW0/4/RQNNn1WrZ9kwOetoHX4ba1dYFtbGf9Cc2WMSM37rP98t7Qg1HQwMEdsHGDdlo1O3KRW37LG2e/lrfFbHaB7dv6xHkO7EPYxzHvOK4baHey3+yC4dr9arWRN76yXy6fHDZwcK8HPvbpn9lje7X44pq8wbGaT66vvWLtm29I85vPK7W3moLN7pRjq2XksfXPBc2He2I0X46n9cuHEzqkC/CazTDDzTFoa/JeB47dwLxZk3dec+E9n2ysM2xj2YP8ySY6ylw3OO6dbrN5JW/jvfY9/Zn98v5bDho1+CmmvJ0ETebaNi6ag8h68voJzdzi0Yawzn4Z/p2pY/kBi9zWr3JcD+5ON//Gx3rPBHWWXUvzJ35Xv6wNzQLIUXYiBh7kopqN7Z0/8A9djm/Osc2dcFfL8C0n0a45sms6cfTL7PsRPjbMbbTYDcyX+cQFrT7anOJk3fbOfvYxPvwemhiunTgN1DfbxgXWeU3OzT042TfdYKt321Bi1ubIN91g05nb7AanHI3PmjObjvb2DRzDMrkn9MtbQ7dGyc1tvxoKwrkRyAfb6UE/8y1OkNe/c4ejDWO1a2m6mX3t7QcTzq0W5oqf41nPtecth2OG86+97BtYF5n7HLjuwVP65fJrOyOGrQBiSxTY72S3wX8q5PXAtQaxbd/Bll1nq6lxA8ei7Pg+Le1DnpzRePpxfYrrPaLO8agz59ibHWfDfic74vYPVuxArhXf+Ka7A0+agTd5xtiwQZ0jT3mrj3PQ1uR82g2YY+QMwnEYw/ECrxmb+Wg7M09P5w3X1m1Ojrs4m2wucbZcLY75Dbnu94ZuJxdhfkvE4lyg14Gbl7bm2FQE7XzyEafY5pvs2NS7NsdzLQ22dbxTw/o13eT4OL5jUTdw7Kf2y/sPhc0ocHBf3Mg+lcLb91XEp93AVotH7DP7BjTYb+O2tWvbasnw9+5mG9iOfFvb15wR3eyV7V3fU/tl/eTg64w6XmwuajuZIjPGNtPW+sYFW3zCr2Z/vmRuMm28Zm7bGKN33lYz93dDy2sfrm3XfPzAbw23yU/pl8sPhdupQW6Dg3NTeBEz+2TdQBvHb3kGbJzAOZpN4PrCbTLnyPYnwrd4RPh2wnk+yfY3vBfN1jaDsXtav3z4C/6EuRbM63BN19aW20y/Tc6mZkN88cwVhPfD0GD/u5hcN51nc41vuhPvdcOrD92M7QQOzNHXHJG1dW1tuc2XE3qGLzRcZNp60IawTTjHjcxvZ/K2a7kmZmvUVmOry3CdtOdDRH2Tg3bNrHfzv8tJPWMbtm85iLv9fFK/fPjbdkErPq8A2vkHg4Dr9qoitpsSrjU2kW+0bOrpZjs25awZw7U7BmE+tt4j5yVs0/aceqPZ5hrY5LazzDHgnlpHPdFq914EXHvPjXZfg5HfGpqwQdbNzlx4XyC5zccX0uqYDaFdOKPlcl5fGwdvPkEf856d237O2XRt7ZmwH3k3I+PYx7kHbU+9dlyi5Qn/lf3yoaG3YggXRh+OYApzg9z5BLYL3NQ8Qbg59Dcc07l8EviHlGZH3Ul27I1jHvPxaTqfjrSjf2SuyXMenO7jBsenD0fwb/vlraG5AXZuuAtMnOwa18CaBjmpeTpvsey78dYHrX76NL+mb3YbXvXf9OGbz8A+ttv4cE/ul8tfH43sV7mL8unwI4Uwp0GOdn56A57Mg2YTuE6vw3E+yVwzFr8ZyXs2d4pB26DFodzsbWcbwjrXMuMp/XL5LYeP/LvkQUtmX8Y4NaBjUTcnc4vn05o+Qbuuhsaba2vXZBviM3aZHd8223rjBq7D9yV8849929fNJ6A9uTYGrst+mT80tAsLTnKzD1xUuIFPWsaxD/WRbbPVMWtvRlubIxLDOZwrnB8uylnz54DI2zUN+A1PuBbX2tCut60dw+u2J3dysw+it8/A9TAOfeqv7WLo9RaQ2AqgjshGWuc1uVbHYBqj5XWDWc+41recDc3PcflbGtsO8nNB86XtK7Vwjuy4hOO2T4jsrW2j99r5OZtv983rwV2/rH/Bfwzax39D0/tivLbO/kH4zY7cZ+ZsoE+m6Ac8yVpu8oxtu5afjc3T2rbkncM21A1cv8E9cN5tHjy5Xy5/9N0ukrzRuPad6xGwocJvp5T9GYd2hH+o8mlNOB95rrcbmtlxwwc8iQc8uQebP3MYvq6tfvv6umjr64yOPk/rl8t/l+POmetwlHljGmKXC2YM2riWE8aOtYbz2nEbF56bfIJjbXzLQ7vIHpuN+YbY5lrMO5Y52lP2CJ7QL+uv7eg0c3t1jZyC6Ed9g+PztArPYaSedoIMeGo0veUNrtOzsfGB6224s9lyuDbPJ5z2pe3lrBnfuWjv2D+7Xy6fHDZqMO/glG07aJvDEZttU7ZGnbl9x7U4xKv8tiafujn8OeE4jR8fx/G+cTa/rYM7nnuW4U8SYuMH5rm2bNuBr9sjNjM+/AV/BzeaDW8Wn76APi3mwHEbWvG+UNtFbvWcvjmJpvM6aLkD1msd1+26tpiE+Ttb6lqjZr3lbmuj2fzsfrk09OlGZ+2EnHnT2hyMnV8d4enT9LMR7dXc7InE9jW0GiO3/ZgR3j5b/pbDuLNxfNbI2oKtxsyWZ/BhMhxnRtsfr5nH81f3y4c/WBlMs7RCORssmhznk+zmpG/kbaNZK23j6xjmglab5wb7bfGJpmtcsMW982mz5awz/BYxbzytXy7/JAUvwLxtcjF+yprMNUGeDRcd4xPRtdPJ/q6lyQ18UFo+25qzn3VNHrRrCrZYri1+tjW2OhyHs+UZT+mXP5LExoG5lszrcJPQzdj8yVPnuhJv1rx53MwgvLkmZ+3RdIZvJLHxA+475WDzJe/rC+9ayVkXfZMH3tun98vlG9ogb5lPCC98LprFtSIzMyfjcd1AvtUQJLd55jnpyFGea9wQ/5ajnfBZ+9OpxWnwA2Hb5u8cTbfdt8j2M2/5V/RL/Qv+kbe1eeqpG5yKbM3Wbvig5Q4a1/J57Txct88N+6SpT6/12LdrbTUNfKMakjM1uD76+1oC25EnuJf2p7ytzVO/5Wr3r+2h+2X973K0hAkafoJlPfA33GkwpjkjOsdoPuG4IW0j7J9TguuB7UZuDdxqIXwNDbQ5oemz9wHz8G0y18i164n8yv5R5iD/q/vlraFTsBMElrdgzTe813lNzuwGcb7YBmw2yoTt5xq5mZw5phbe8MB2LZ95rjmzQWakvmbb4p1yN/0g+9zsOGefuAeO9+R+ef+jbyuyPhXngjjPuHvKs/bmbfEiM25gG55YORkGd75bMxubPW1b/UbjfS3kieQ2v3G0b3ruET9T2unPmbzt2tr+4b6iX77dv/UduDaeKtEHtLXeOQOf5DnZeCOaX2sqX0/gGM4xGJ92YrX4vDbWZb37wLYZtvPc6nAso3GD4X1/23w8oc25MBc74A0jbDczn/ysB+0U3TD5fJMHjt/Q6o+chjWfPLnOWcem1ZDhB+Akt4c34ANzqiU2jEc+s+MTqds29DdOeZgvc2p3LNu5lqwH3PfLH6zEoPGcX5XbCGwb8MbwVGFd1DsObXl60Y6zwaYZTAzvSeBY1Eeem5aa2LzG6JKn3WjnaLUkD/dt4IctcCzGzN56323rvWnzq3IbgW0D9svlhHaSwLo7nnAcys7lG95sKM+chiHnmij75o6OTRs0uxY7ug3R8UFxbc1mg3VbTcbo0+y25bW22sw1nW3sd+IJx6HsXO6Xy1/wJxq/yVxz5knxim9roswtvuMM3DjNPrI3ZOCmajfbc2QP8oM8fAZrsS855+NMeB+9HmwHAeWs2546b+M3mWvO/7Zf1t9Dn9BsWUDkxvkTwfAp6TjmnIMw7xifAWM472ZDLpj19jmxNXSTs27zwDfa68GPNHTQ6tjQbLdc5j7bL/W/y+EAThY0buATbbMjF7nlt7xxjtGGbanj9zZtKJPzqzsxtpyxOXF+OzQ0XYs78L2Ytese2I7yFjvxouPcfBo3cO7NznUNnP/yyWEDB/d6sD29LU7G9mrxxTV5g2PZh3rXRsx6Tq924x3f66azXThjcmb/t1O8zcRwadqsB75HgWMx5umHwoyn9cvl70PbIRzhC+Q6aGvyXgeO3cC8WXM+3Qj6NzTe8SOT325SZOcml+aN7FOe4DVHjj+bKzbtwXQtG0ZnX6PF8Nr34Wf2y+X/JLshjm1DZ/aFbzLXtnHRHETWk5eN1OIG5OLX7ALm9WnnOh2r3bCJkW9WgnZsbOqiT9285jQsYb/M2ylnvff0VPOG39Uva0OzAHKUnYiBB7zRtrG98wfbzRpwsxyTcB13OclTZjMx3rZPjt9yeh2uxbBt+ywJGkf7pnfDDcauNZ/9Z73tQ2RfU7isfZ+an32MD7+HJobzzdtAfbNtXGCd1+Tc3APbewM4b4gPbwi5yI4za38ebHEGY9t002h3N5PrVoeHwU8P23HOQ8u3heN5He4J/fLW0K1RssHcBCOcbwb5gDYE/cy3OEE2fMvNeOGb3SA30TUEjumZyH7xQRh4jtxqanGJpj+domzO1qz2G/jeUffkfrn82s6IYSuA2BIF9jvZbeCNaOuB69xytjztZngdbltbF9iGdZIf+GFoSFNlD2LvQVvHtB15oh0oA9uFY8wWPzxnw34nO+L2D1bsQK4V3/imuwNvwqCdKmPjGxqZML/Vt3FcN2y5bX+ym+FrZk2ORcweOB7R/J2j6dzIW45NNudr2fimu0P27r2h2RicA/NbIhbnAr0OthvZOL9agztuk3nTnNc+Y+v8zScnrBsiNpRnuCGj49z4LT5rMmdd9E0ebK/+p/bL+w+FzShwcF/kyK9u7quID7/XWjy+nqkzRx/Ld/U57p1us9ny2p6fPtbN2t+wsWt+tjVcE+WtRtaw6bn+lf2yfnIkoRPwNMlFtVOLMmNsM22tb1zg+G5w23E98MY6R67XMbeZoM6y7b0mWv7wG1zXyY+xfd/N04ey/YJf3S+XHwr55Lk4rw0H5ybwImbeGs+gjeO3PLZzfNdg0N4nC9FiN7hW10dsfOB8kdvJHJ52lF1HRtuTwHXN+mn9cvyvj3ptW6/DNV1bW24z/TY5m9oa0HkJx286c579MDWZcIzIWU88x6TPXVyuzQXW8YGwjXPbLjDXbL0O13RtbbnNlxN6Bp+G8Hyl0NaDNoRtwjlu5Pbt1/yd6+7E8MyHgHNkx/PJYd/Ausj5YconIW0GY5fm5qA9Z/PbOrjjeV8yfE/CP6lf6j8a5M0etKe4vdK8zg3c0DYuYKEb8o2WTW3xGNdyQ+NbbY7luLl27kGzJ+6ut/kMnNvzCb4u4rSvtDF+V798u3/ru9Xbas2Jx9PFNTp+i7Ot25wcjEP/8BybjfmG2OahN+9Y5mjfZK8dj2hxw39lv9T/FFgLErgw+nAEbJrgziewXeCmzsV7YwaMwTnyqWG3uim7fvNEi50afE1Gy0GcruPky7VP1XZYOC7nhpMPR/Bv++Xb/Vvf27VkZk7bkW9r+5ozouMJ6VpmbHqCddLXIJ/mCG+kcdhAr8zbHrccA9puNsHJrnHG5a+PRt6ezgyeMB5G4wbMaZCjnZ/egDeOer9uG1r99nE9tGs+OXHDvfL2yEPqmFvuDY4b2XEJx233v+1x5GbP8av65fJbDh/5d8mDlsy+jOEbbL82D9KgjpcNNU+E90PhPPRvsv0Nfj4Mmi1t2PytrkEa3Wi139XHk5uc147R1k/rlw8N7cKCk9zsAxcVbuANYxz7UB/ZNq7D8WzXdCfe6waeQgZrnpEbtNkH0dm/2WzrjRswHusiWs7BE/ul/touhl5vAYmtAOoI3ljCa3KtjgE/L3hj6Nfk2LrJTtdC2L7lIHKqDTafrP3moW3AdZObve1sQzRb27e1/Tibb3vs9cD7FmS9/gX/MWgf/w1N74vx2jr7B+E3O3LWkx/4+zTwOmi2+Tzw6dTyUkcbPkCOP2hxN7umdz7DPrbb+ODJ/XL5o+9ssjfb66Bx7TvXI2gnqRvPvuQJ6823tWfCfuSzH87ZfJx74JPGbwfKLUd8ms77Rzv6R+aaPOeB45Bzf3gdNO4r++Xy3+W4c+Y6HGX/QGTEzpvD+K2WE8buuzTIwFzLZZ9wG+9rYxz7OPfA++k4tIkdseX86n5Zf21Hp5ndMJG3n9DDNTi+f4JPrBYz+qnHr76TfWbnJjb9qZaBfWy38eZs5wcp8Dpotl/9iUSbJmf+Xf1y+eSwUYN5B6ds24GfZI/YbJtC/3CZKZPL+ok/ZA28J5mbvDUY9Xf5HZu84XvRbDZ+YJ5ry7YdeG88YjPjw1/wd3Cj2fCVwacvoE+LOXDchla8L9R2DbZr9nfrjRsw3sx++MLTxjNjW255G+91Qxq/2YbP8HXY7xSD65/dL5eG5mvcjlk7IWc+yW0Oxs6vjvD0afrZCH9uDGK7vdYot9wD15traraBH65wXjtG6nOd1tu31XiS7W+wyQbNttnMeFq/fPiDlcEU3grlbLBocpxPspuTvpHdIAFrdc40PuO4Vq8bHDey4xKO264xN4N22f8TmPuUnzLtmo9Py7bfzjF4Wr9c/kmKDHe+5Rm5GD9lTeaaIO8bzFqM6Niwrit2nIOWxzbUDXgSN9vU7707za7fNsxjO/JtbV9zRnTb/jk/175myzN+Rb98u3/rO7qcOPQnmKvpfeK4rs2Xa78dtpOlcZ4jn+riPkRvOT6O71jUDRL76f1y+YY2yFvmE8LNnItmca3IzMzpJ843iCDfaiDPEd425htiy5tK3rHM0d6yOftkP73nsc98avhwbd3m5NjimDNv2bVH95X9Uv+Cf+RtbZ566ganIn1DBj7VgpY7aFzgU9HYfJ3P8wm0sX1ugvcl18xBPnJD4+nH9Slu3mrt7WZ/6qhva/PUUzfwvgRj90q/rP9djpYwQcNPMD5p/h48DcY0Z0TnGHc+1PMU4KA9Z/PbOrjjW+POfuWBa9fkmmbmfnOO7Hi5J7ZjnqaLnOZuexWZg/zv6JW3hk6xThJY3gI23/Be57U9s09R5/MrPpscXeSANbTGja7VGpi/s6XOpwZtnNsxGxdsPtSZ8+y9aDLhGE/vlfc/+rYyazu0tf3DcfN4QhEplOstXmTGDVxbOM6GfSJvN4unX7DVmNFqDZzD63CZWyza8wQ0WuwG5su8yYRjb2v7h/uqXvnW/9b3hnYt4Te4rpMfY/PmND5N2GrxeuCmdj05zRxzmwnqLHs8tVeOJ7Q5F+eCB0nsWLab2d93OQF9006YfGPfNjhoD0PAvORYH/1sazC+ZcZpswd9KXPd0PKcdJtNy7v5mKPd5vszeuXyBysDnhrkOb8qtxHYNuCrk6/5dpr5QmfklCJos/HenPCuj5x10Td5wGszNj/KfnCjcx0jjy33x3aRU9N2/ZTpO3har1xOaCcKrLvjCceh7Fx8tYS3DeWZ+Zqlj795w9O2wQ+EbZu/czSdG4Y+J77VfOK4bqDdyb7ZcW76prvjCceh7FytVy5/wd8G5jeZa85sqld8Tze9xd/iUPYp0pA6+Rpsg7aOaTvyhE/ZzPbd5ICfRIHX4ba1dYFt2iAav8lccz7tK5F165X199AnNFsWEblx/kQw/Ep2HHMtR5NPaPrTq5onw9TLdat1wM2PvNUYvl3LYPy9T4RjeiZynX7oPd9xG5qt83CQ+5Feqf9dDgdxwqBxA59Am52LGbT8ljcueabBWhzXsdVGvukHk4MnJO04p/nc9JSb3wnxafvMxnScWbeaW5zB2FpH+bTHLbe5geNvds49aPkvnxw2cgKvByxq4CTOMWN7vfgCm7zBsRp/isnPDaNx/jwxci0z83p98th3uwe2C7ZrysNEfua7+0XesTm2Om1P3OV2jhmf6ZXL34e2UzgiF5LBddDW5L0OHLuBebMmnzVPxabPDefG5OQl7Jd522jrvfG0DWeQS43NLmBc1uV5hmO1+zcxZi9ezUmO8P1sudqavNeBYw8u/yfZDXFmE0WeuX1zNplr27hwF0vbgZsxPBu5fRoQ7Xri7xs/MuORz+z4xOjsOwjnG/RK3MbTjxx57ls4ys7tccLv7JW1oVkEOcpOxsADNoRtbO/8wXZaDrhhzX+aLzWkSWnXaiMSNzeBNt6bwLEYc2vcYMtPnX3CtQctOspeN53twp103o9TbHJZf1WvfPg9NDEcG+YE6ptt4wLrvCbn5h5s9uFfuQbr4s84AW/c6NqJM7AdZcd1gzebyNR5Pzb7wHUmxpYzNvYxhntlnwevxNpgndeDt4b2xgyyybxgI5yfLvIBbQj6mW9xgvZZwBgj81R2fRz0afPAN2yrqeWifPJ33lbbq2h5HcM25IJZcx+f3iuXX9sZMW5FEFuywH4nuw3Z2G0dsPm22iO3GKfm9XX6mjzID9L09Gk8dY5FbPk+g1aPZ6PxrY7NjrNhv5OdcfsHK83JBbtA8013B3+zsvESY2x4ejhHyz/w6ZhYPhmaXYsd3Ybo/KARJy5j+2TgmrPlgT8xbOOcGe2hPsnmtpzmm+4O7JX3hmZjcA7Mb8lYoIv0OnDz0tacb2pgO74Gmw1nwyc0m90+jkV95Jy+E6O9EVpMxmsx73RZ56FvOtfseNRRfnKvvP9Q2AwDJ/BJNrJPs/D2fRXxcUM6HhvNNW3NH9Cn+boRRs515qZyL7wHrItvkwGbwvVTzppgzs3WPhs3aLkzfDBY5kz/4Ff3yvrJsb0eeZNzYW4cy4yxzbS1vnGB45sPcj2+GZGztn6L7wad+BmDzc+NTMx69O0hZhNkzRieeR3OQySW4xvkLPuag9/RK5cfCr0RW5AGJ+Am8UJm5g25i2k7z37ih2e+kWNj2wFjs0mDVt9mT1vWeYrBdeM4B9k/6k6Naf8gOZl7Zu+Taxv5ib1y/K+Pem1br8M1XVtbbjP9Njkbu93Mabrc7FOOGT55A9sxvvXmImeeOnJ60X54Nwl1zu/TbkA9fYLGNUTPefMz12y9Dtd0bW25zTMuJ/QMX3S4yLT1oA1hm3COG5mvXfK2c66s2dxbDq7T9FwPbHeq7YToGa/F9jwj9+OUd5uNxPPD75ynuiKzNtp4vxnT8RkzsE04x43Mfan/aBAvNshpQDueJgTX7bQjWKTju9iGnHTZ2MDX0Gps+bL2SekxyLWdaoz9djNoY9442bS17We0Wm1HmXG8HnifB7+zV77tv/UdbHk/e22ux/US8W852s2mzV3ezLYLbN/WJ85zYL9wlD/jG/6re6X+p8BaoMDF0YcjmOJ8et75BLYL3NTZAG4OeXJNztqj6Qxem/UnPm8W5zESPzNj2ncelrbXm4/360dkcobzuQ7rv6JXvt2/9U255d7khvbZ0U7Y2Jqzn3W0IW8uvOeTjXWGbSx7hH96r1z++mjkdgM4eGJ4GI0bMKdBjnZ+ggOeNq22xhNbPusM+23xCevsY9mwzn4ZeZPZLsiekWdurmdsb4kn9crltxw+9u8KCFpC+zIGGzC2lj0P+KpmvO2HDsIbO7AcOG64jJaPsYyWw7xtbGuwnobh2bTNzvc6cGz7J7b97ddwl88xPtMrHxraxQUnudkHLizcgLnINx/qI9vG/ie7Ga1RG5rO66DlDnLzm44+Dc120O6XYziX+aYbNN1d7ju52Qetnsif6ZX6a7tBW29Bia0I6gjeZMJrcq2OQb6rfU1bjuBVfluTT+Ny+IdYx0l9/ERgbNs33cz+vvfPAPZtTclc8WM8rmnnteNwNv+VvbL+Bf8xas3R0PS+IK+ts38QfrMjlzkblA0InPcOjuvZ2Phg2+cWN83dvoMt+7paHY0bOBZlx5/93K7hKb1y+aNvNkPjjca171yPgE0X3ieBfckTXDdd8zcXntdwgmNt/JaHNtlj8m0O2ppc9jG6AXPwLUI4DmOQf2KvXP67HHcBuA5Hma/XhthtNy+yazlh7FKrffza9bcz0a6nrbdTKrPjhg9mj3gjPrPP5Mw32bGpZ8NH3+aAeR3LeQjaUv4ZvbL+2i5y5tYwI/OVSF24BsdvG8thpB43luOeZp4uRuxGx+veaqGu2bX8PpmanlyD/TZuWzM3uci282loOfPv7JXLJ4cNG8w7AWXbDvw0e8Rm2xg3YfTROadPZevpbz11JzQ/x5063Kgtrq+bJ5ljWqaN17GzfcPonXfz2/iB+a3OLcZne+XDX/B3AqPZ8KJ9syJn3WIOHLehXYAvljN5PwBtbY5IDOdwrnB+gChn3faNcOxmE7A+1rbJnCPbnwjf4mVtNJt2zbZp9RGOa1wa2jejJXRSzj5dPAdj59dHePo0/WyGPzcGJ7/BXeyg8ebamqPZELRjM211hT89eIH972Jy3XRtnvHEXvnwByuDaZZWLGeDhZPjfJLdnC5ysN1I1rrFN1yv1+E4n2SuGYt1kfe8vSE2H/INo2Oz0D689U0O3HjBE3vl8k9SZLTut00uqF2wZa4J8jypomN8Ijr+oNJyMNaJtz5osV2f0fSb3dZgjm2ZcePrzxLHIMzH1ofDKW/Gk3rl2/1b38xnf+KUKzG55isvnO2sYw7K9vHactaOlcHrJ+hj3rNz24/5sjbMbXGM4b6qVy7f0IYvgjKfEm7qPCQssBWamTkZj+sG8qxh8P+pQbg3jkM4hnPxmmf8zAeQOmLzT95wP7NX6l/wj7ytzVNP3eBUqDdqwJOXaLkDc87ZarPM+PH7Fa9wo9k13vogeVse80HTn+yavK3NU+8cvm/B2L3aK+t/l6MlTeDwE5BPm79nT4MxzRnROcbmwyeeoE+LuWF028Phm+Aczmfb4C6/bW3f8mwy14z16g+xjmv78L+jV94aOhvsJIHlLWDzDe91vt1n3n5yjczv/EFOzugiB9zIVs8gfGt8w/53Mbluuja3eGyAzWbQeHNtzdFsiNg9vVfe/+jbyqzt0Nb2D8dmaadS1ny1n+JFbk1IG8YLnLfZBMnhvJvMObL9ifBNH1+irc0RzJ81Z2I4NomvI2sfHI7la9nW9g/3Vb3y7f6tb/sNvEFb3ibTxmvWYxtj9M47g40XuMGsb/mb7oTm57hTBxuZ46m9cjyhzbk4FzzgBhC2mzlNyvXgdPoYk48nVqtp5q0uwn4bt62Zm1xk2/Gb9W5O47e9id22DwTzc20bzzksrCPIOX7z3e6J7WZ+tVcuf7AyyOaZ5/yq3EZg24CnFm8666LecdrpwTXtyZlvsmNTz1qibzNhjtc7w6c1wbjO67qMzTcgN43HNyT1T+uVywntRIF1dzzhOJSdi6+W8LahPHM7PWa8stlEW5PzwzNgjpyQPjUcxzEsZ82xceG9Bxsca+O3PM2O/k13xxOOQ9m5Wq/88T/8D98J/we0Utsv3jC/ZAAAAABJRU5ErkJggg==);
  background-size: 180px 140px;
  background-repeat: repeat;
  color: transparent;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 2px;
  animation: noise 0.5s infinite steps(5, end);
  opacity: 0.48;
  font-family: Roboto Mono, monospace;
}
.ui5-censorship .ui5-censorship__spoiler:hover {
  opacity: 0.24;
}
@keyframes noise {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 20px;
  }
}
.ui5-menu-list__overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
}
.ui5-menu-list__content {
  box-sizing: border-box;
  z-index: 1001;
  outline: none;
  background-color: #fff;
  position: absolute;
  right: 0;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
  border-radius: 4px;
  border: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6969dd #e0e0e0;
}
.ui5-menu-list__content--mobile {
  height: 100%;
  border-radius: 0;
  padding: 12px 16px;
}
.ui5-menu-list__content::-webkit-scrollbar {
  width: 4px;
}
.ui5-menu-list__content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3019607843);
}
.ui5-menu-list__content::-webkit-scrollbar-thumb {
  background-color: #8e90a6;
  border-radius: 4px;
}
.ui5-menu-list__content.loading {
  opacity: 0.7;
  pointer-events: none;
}
.ui5-menu-list__content.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui5-menu-list__content.preloading:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7019607843);
}
.slide-fade-enter-active, .slide-fade-leave-active {
  transition: margin-right 0.12s ease-out;
}
.slide-fade-leave-active {
  transition: margin-right 60ms ease-in;
}
.slide-fade-enter-from, .slide-fade-leave-to {
  margin-right: -100%;
}
.ui5-article-nav {
  position: sticky;
  z-index: 4;
  top: 0;
  right: 0;
}
.ui5-article-nav-desktop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 328px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 4;
  padding: 14px 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-desktop::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-desktop::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-desktop__item {
  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;
  border: none;
  background-color: transparent;
  text-align: left;
  padding: 4px 0 4px 12px;
  cursor: pointer;
  width: 245px;
  opacity: 0.5;
}
.ui5-article-nav-desktop__item:hover {
  opacity: 1;
}
.ui5-article-nav-desktop__item--child {
  padding-left: 24px;
}
.ui5-article-nav-desktop__item--active {
  opacity: 1;
  position: relative;
  background-color: rgba(28, 28, 39, 0.031372549);
  border-radius: 2px 4px 4px 2px;
}
.ui5-article-nav-desktop__item--active:before {
  content: "";
  position: absolute;
  width: 4px;
  background: #FF3200;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 8px;
}
.ui5-article-nav-mobile {
  width: 100%;
  background-color: #fff;
}
.ui5-article-nav-mobile__button {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid rgba(28, 28, 39, 0.031372549);
  width: 100%;
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 20px;
  z-index: 5;
  text-align: left;
}
.ui5-article-nav-mobile__button-title {
  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;
}
.ui5-article-nav-mobile__button-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease-in-out;
}
.ui5-article-nav-mobile__overlay {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.ui5-article-nav-mobile__list {
  position: relative;
  background-color: #fff;
  max-height: 250px;
  overflow: auto;
  z-index: 5;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar {
  width: 4px;
}
.ui5-article-nav-mobile__list::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-article-nav-mobile__item {
  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;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 8px;
}
.ui5-article-nav-mobile__item--is-child {
  padding-left: 20px;
}
.ui5-article-nav-mobile__item-icon {
  color: #12910e;
  width: 16px;
  height: 16px;
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button-icon {
  transform: rotate(-90deg);
}
.ui5-article-nav-mobile--open .ui5-article-nav-mobile__button {
  padding-bottom: 12px;
}
.menu-dropdown-enter-active {
  animation: enter 0.12s;
  animation-timing-function: ease-out;
}
.menu-dropdown-leave-active {
  animation: enter 0.12s reverse;
  animation-timing-function: ease-out;
}
@keyframes enter {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.ui5-segments-list {
  background-color: rgba(28, 28, 39, 0.031372549);
  padding: 8px;
  border-radius: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui5-segments-list, .ui5-segments-list * {
  box-sizing: border-box;
}
.ui5-segments-list.disabled, .ui5-segments-list.loading {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui5-segments-list--theme-dark {
  background-color: rgba(244, 244, 244, 0.0784313725);
}
.ui5-segments-list__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  gap: 10px;
}
.ui5-segments-list__hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.ui5-segments-list__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;
}
.ui5-segments-list__description {
  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;
}
.ui5-segments-list__search-button {
  flex-shrink: 0;
}
.ui5-segments-list__search {
  position: absolute;
  z-index: 100;
  top: 8px;
  left: 8px;
  right: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid rgba(28, 28, 39, 0.1803921569);
  background: #fff;
  box-shadow: 0 2px 8px rgba(28, 28, 40, 0.1607843137);
}
.ui5-segments-list__options {
  max-height: 360px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
.ui5-segments-list__options::-webkit-scrollbar {
  width: 4px;
}
.ui5-segments-list__options::-webkit-scrollbar-thumb {
  background-color: #99999e;
  border-radius: 2px;
  pointer-events: none;
}
.ui5-segments-list__body {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.ui5-segments-list__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding-inline: 8px;
}
@media screen and (max-width: 815px) {
  .ui5-segments-list__footer {
    padding-inline: 0;
  }
  .ui5-segments-list__footer > * {
    width: 100%;
    padding-block: 8px;
  }
}
@media screen and (max-width: 815px) {
  .ui5-segments-list--wrap .ui5-segments-list__body {
    flex-direction: column;
  }
}
.ui5-success-screen {
  width: 680px;
  margin-inline: auto;
  position: relative;
}
@media (max-width: 815px) {
  .ui5-success-screen {
    width: 100%;
  }
}
.ui5-success-screen__decor {
  position: absolute;
  width: 644px;
  height: 1484px;
  opacity: 0.1;
  background: radial-gradient(50% 50% at 50% 50%, #05fe0f 0%, rgba(41, 67, 47, 0) 100%);
  transform: rotate(90deg);
  filter: blur(64px);
  top: -775px;
  left: 50%;
  translate: -50% 0;
}
.ui5-success-screen__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 32px;
  z-index: 1;
}
.ui5-success-screen__header {
  padding-bottom: 32px;
}
.ui5-success-screen__guide {
  position: relative;
  z-index: 1;
}
.ui5-success-screen__title {
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-success-screen__subtitle {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
}
.ui5-tooltip .tippy-box {
  background-color: #1c1c27 !important;
}
.ui5-tooltip .tippy-box .tippy-content {
  padding: 8px 12px;
  border-radius: 4px;
  max-width: 288px;
}
.ui5-tooltip .tippy-box .tippy-arrow {
  width: 16px !important;
  height: 11px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"><path d="M16 12L0 12L4.42229 3.15541C5.89639 0.20722 10.1036 0.207221 11.5777 3.15542L16 12Z" fill="%231C1C27"/></svg>') !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  margin: 0 !important;
}
.ui5-tooltip .tippy-box .tippy-arrow:before {
  content: none !important;
}
.ui5-tooltip .tippy-box[data-placement^=top] .tippy-arrow {
  bottom: -10px !important;
  left: 50% !important;
  transform: translate(-50%) rotate(180deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=bottom] .tippy-arrow {
  top: -10px !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
.ui5-tooltip .tippy-box[data-placement^=left] .tippy-arrow {
  right: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(90deg) !important;
}
.ui5-tooltip .tippy-box[data-placement^=right] .tippy-arrow {
  left: -13px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important;
}
.ui5-tooltip__wrapper {
  display: block;
  width: fit-content;
}
.ui5-tooltip__content {
  color: rgba(255, 255, 255, 0.8784313725);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: Open Sans, Arial, Helvetica, Nimbus Sans, Roboto Condensed, sans-serif;
  word-break: break-all;
}
.ui5-tooltip__content > * {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.ui5-tooltip__content--S {
  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;
}
.ui5-tooltip__content--S > * {
  -webkit-line-clamp: 4;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
@keyframes mask {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(100%);
  }
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@media screen and (max-width: 1167px) {
  .tablet-hidden {
    display: none;
  }
}
@media screen and (min-width: 1168px) {
  .min-tablet-hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.text-stub {
  width: 100%;
  padding: 32px 16px;
  background-color: rgba(28, 28, 39, 0.031372549);
  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;
}
.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;
}
:root {
  --LIGHT-HOLE: rgba(255, 255, 255, 1);
}
:root {
  --dark-text-96: rgba(6, 6, 20, 0.96);
  --dark-text-88: rgba(6, 6, 20, 0.88);
  --light-text-96: rgba(255, 255, 255, 0.96);
  --light-text-88: rgba(249, 249, 251, 0.88);
  --light-text-86: rgba(255, 255, 255, 0.86);
  --light-text-1: rgba(255, 255, 255, 1);
}
:root {
  --DW-0: rgba(28, 28, 40, 1);
  --DW-16: rgba(64, 64, 74, 1);
  --DW-32: rgb(101, 101, 109);
  --DW-88: rgba(228, 228, 229, 1);
  --DW-96: rgba(246, 246, 246, 1);
}
:root {
  --DIVIDER-DARK-16: rgba(28, 28, 40, 0.16);
  --DIVIDER-GREY-64: rgba(184, 184, 203, 0.64);
}
:root {
  --YW-16: rgba(242, 192, 41, 1);
}
:root {
  --CARD-NEUTRAL-LIGHT-0: rgba(228, 228, 237, 1);
  --CARD-NEUTRAL-LIGHT-24: rgba(234, 234, 241, 1);
  --CARD-NEUTRAL-LIGHT-48: rgba(241, 241, 246, 1);
  --CARD-NEUTRAL-LIGHT-64: rgba(245, 245, 249, 1);
  --CARD-NEUTRAL-LIGHT-88: rgba(228, 228, 237, 0.88);
  --CARD-NEUTRAL-DARK-0: rgba(64, 64, 79, 1);
  --CARD-NEUTRAL-DARK-16: rgba(95, 95, 107, 1);
  --CARD-NEUTRAL-DARK-32: rgba(125, 125, 135, 1);
}
:root {
  --violet-main: rgba(92, 0, 204, 1);
}
/**
 * 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;
}
#v-alerts .cp-alerts {
  position: fixed;
  bottom: 32px;
  left: calc(var(--sidebar-w) + 32px);
  z-index: 1000;
}
@media screen and (max-width: 559px) {
  #v-alerts .cp-alerts {
    bottom: 80px;
    left: 8px;
    right: 8px;
  }
}
#v-alerts .cp-alert {
  visibility: var(--cp-alert-visibility);
  display: block;
  width: 256px;
  padding: 8px;
  border-radius: 8px;
  transition: background-color 200ms ease-in-out;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
#v-alerts .cp-alert:focus-visible:not(:disabled, .disabled, .loading, .preloading) {
  outline-color: #FF0000;
}
@media screen and (max-width: 559px) {
  #v-alerts .cp-alert.full {
    width: 100%;
  }
}
#v-alerts .cp-alert--brand {
  background: #FF3200;
}
#v-alerts .cp-alert--brand:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #FF4A1E;
}
#v-alerts .cp-alert--brand:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #FF6641;
}
#v-alerts .cp-alert--blue {
  background: #1E62C8;
}
#v-alerts .cp-alert--blue:hover:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #3472CD;
}
#v-alerts .cp-alert--blue:active:not(:disabled, .disabled, .loading, .preloading) {
  background-color: #4B82D3;
}
#v-alerts .cp-alert__title-container {
  display: flex;
  gap: 4px;
  align-items: center;
}
#v-alerts .cp-alert__ico {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.9607843137);
}
#v-alerts .cp-alert__title {
  color: rgba(255, 255, 255, 0.9607843137);
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  font-family: "Open Sans", Arial, Helvetica, "Nimbus Sans", "Roboto Condensed", sans-serif;
}
#v-alerts .cp-alert__subtitle {
  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;
}
.page-skeletons {
  position: fixed;
  inset: 0;
  z-index: 900;
}
@media screen and (max-width: 1599px) {
  .page-skeletons {
    padding-left: var(--sidebar-w);
  }
}
@media screen and (max-width: 559px) {
  .page-skeletons {
    padding-left: 0;
  }
}
.page-skeletons__inner {
  max-width: 1056px;
  min-height: 100vh;
  min-height: 100svh;
  padding-inline: 12px;
  padding-block: calc(var(--header-h) + 32px) 136px;
  margin-inline: auto;
}
@media screen and (max-width: 1167px) {
  .page-skeletons__inner {
    max-width: 704px;
  }
}
@media screen and (max-width: 815px) {
  .page-skeletons__inner {
    max-width: 352px;
  }
}
.skeleton-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 815px) {
  .skeleton-box {
    flex-direction: column;
  }
}
.skeleton-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--skeleton-shimmer-bg, #fff) 0%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 2700ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.skeleton-box__img, .skeleton-box__title, .skeleton-box__status span, .skeleton-box__location, .skeleton-box__bar, .skeleton-box__button {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.skeleton-box__left {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  gap: 12px;
}
@media screen and (max-width: 815px) {
  .skeleton-box__left {
    flex-basis: auto;
    width: 260px;
    align-items: center;
  }
}
.skeleton-box__right {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .skeleton-box__right {
    width: 100%;
    gap: 8px;
  }
}
.skeleton-box__img {
  border-radius: 4px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}
.skeleton-box__title {
  border-radius: 2px;
  width: 170px;
  height: 12px;
  margin-block: 4px;
}
.skeleton-box__status {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 4px 3px;
}
.skeleton-box__status span {
  border-radius: 2px;
  display: block;
  height: 9px;
}
.skeleton-box__status span:first-child {
  width: 59px;
}
.skeleton-box__status span:nth-child(2) {
  width: 71px;
}
.skeleton-box__status span:last-child {
  width: 126px;
}
.skeleton-box__location {
  border-radius: 4px;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 815px) {
  .skeleton-box__location {
    width: 110px;
  }
}
.skeleton-box__bar {
  border-radius: 4px;
  width: 186px;
  height: 36px;
}
.skeleton-box__button {
  border-radius: 4px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
@media screen and (max-width: 815px) {
  .skeleton-box__button {
    position: absolute;
    top: 12px;
    right: 12px;
  }
}
.list-skeleton__button {
  border-radius: 4px;
  width: 174px;
  height: 56px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: relative;
  overflow: hidden;
}
.list-skeleton__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--skeleton-shimmer-bg, #fff) 0%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 2700ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
@media screen and (max-width: 815px) {
  .list-skeleton__button {
    width: 100%;
  }
}
.list-skeleton__button-icon {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.list-skeleton__button-text {
  width: 100px;
  height: 12px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.list-skeleton__body {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.list-skeleton .skeleton-box:nth-child(2) {
  opacity: 0.6;
}
.list-skeleton .skeleton-box:nth-child(3) {
  opacity: 0.3;
}
.list-skeleton .skeleton-box:nth-child(4) {
  opacity: 0.1;
}
@media screen and (max-width: 1167px) {
  .list-skeleton .skeleton-box:nth-child(4) {
    visibility: hidden;
  }
}
.box-add-skeleton__header {
  display: flex;
  flex-direction: column;
}
.box-add-skeleton__subtitle {
  width: 158px;
  height: 12px;
  margin-block: 4px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.box-add-skeleton__title {
  width: 293px;
  height: 24px;
  margin-block: 8px;
  border-radius: 2px;
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.box-add-skeleton__body {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 1167px) {
  .box-add-skeleton__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 815px) {
  .box-add-skeleton__body {
    grid-template-columns: repeat(1, 1fr);
  }
}
.box-add-skeleton .image-skeleton:nth-child(3), .box-add-skeleton .image-skeleton:nth-child(4) {
  opacity: 0.6;
}
.box-add-skeleton .image-skeleton:nth-child(5), .box-add-skeleton .image-skeleton:nth-child(6) {
  opacity: 0.3;
}
@media screen and (max-width: 815px) {
  .box-add-skeleton .image-skeleton:nth-child(n+4) {
    visibility: hidden;
  }
}
.image-skeleton {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 4px;
  background-color: rgba(28, 28, 39, 0.031372549);
  position: relative;
  overflow: hidden;
}
.image-skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--skeleton-shimmer-bg, #fff) 0%, rgba(255, 255, 255, 0) 100%);
  animation: shimmer 2700ms cubic-bezier(0.16, 0.03, 0.02, 0.68) infinite;
}
.image-skeleton__img, .image-skeleton__title, .image-skeleton__description {
  background-color: rgba(28, 28, 39, 0.0588235294);
}
.image-skeleton__img {
  width: 36px;
  height: 36px;
  border-radius: 100%;
}
.image-skeleton__main {
  display: flex;
  flex-direction: column;
}
.image-skeleton__title {
  border-radius: 2px;
  margin-block: 4px;
  width: 170px;
  height: 12px;
}
.image-skeleton__description {
  border-radius: 2px;
  margin-block: 4px 3px;
  width: 59px;
  height: 9px;
}
@media screen and (min-width: 815px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 815px) {
  .desktop-only {
    display: none;
  }
}
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  33%, 100% {
    transform: translateX(100%);
  }
}
#overlay-modal[data-v-fa307acf] {
  display: flex;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 100000;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: overlay;
}