.icon {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  width: 16px;
}
.icon--square {
  border-radius: 0;
}
.icon--default {
  background-color: #c2c4ca;
}
.icon--primary {
  background-color: #026fd3;
}
.icon--success {
  background-color: #0faf59;
}
.icon--warning {
  background-color: #ff8a00;
}
.icon--danger {
  background-color: #db4635;
}
.icon-rotate {
  transform: rotate(180deg);
}
.P4CNJ {
  position: relative;
}
.nONNg {
  background: var(--select-list-new);
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(9, 9, 9, 0.15);
  max-height: 240px;
  overflow-y: auto;
  scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
  width: 100%;
  z-index: 1000;
}
.nONNg::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.3);
}
.nONNg::-webkit-scrollbar-thumb:hover,
.nONNg::-webkit-scrollbar-track:hover {
  background: hsla(0, 0%, 100%, 0.5);
}
.nONNg.wGWce {
  background-color: #464c5c;
}
.dGb4G {
  opacity: 0.5;
  padding: 14px 18px;
}
.e2GXJ {
  align-items: center;
  border-bottom: 1px solid var(--color-black-05);
  cursor: pointer;
  display: flex;
  gap: 12px;
  height: 48px;
  padding: 0 18px;
  text-decoration: none;
  transition: background-color 0.2s linear;
  width: 100%;
}
.e2GXJ:last-child {
  border-bottom: 1px solid transparent;
}
.e2GXJ.M9VpN:not(.QMG2v),
.e2GXJ:hover:not(.QMG2v) {
  background-color: var(--ui-dropdown-item-hover-bg);
  border-bottom: 1px solid transparent;
}
.e2GXJ[aria-selected="true"]:not(.QMG2v) {
  background-color: var(--ui-dropdown-item-active-bg);
  border-bottom: 1px solid transparent;
}
.e2GXJ.QMG2v {
  cursor: not-allowed;
  opacity: 0.3;
}
.e2GXJ.YolNH {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  color: #fff;
}
.e2GXJ.YolNH.M9VpN:not(.QMG2v),
.e2GXJ.YolNH:hover:not(.QMG2v) {
  background: hsla(0, 0%, 100%, 0.05);
  border-bottom: 1px solid transparent;
}
.e2GXJ.YolNH[aria-selected="true"]:not(.QMG2v) {
  background: rgba(53, 58, 77, 0.5);
  border-bottom: 1px solid transparent;
}
.zu8_6 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.zu8_6 svg {
  height: 100%;
  width: 100%;
  fill: var(--ui-dropdown-item-color);
}
.SdV8B {
  color: var(--ui-dropdown-item-color);
  font-size: 16px;
  line-height: 1.25;
}
.LsmHx {
  margin-inline-start: auto;
}
.LsmHx svg {
  color: var(--color-green);
  height: 12px;
  width: 12px;
}
.Xc2cf {
  align-items: center;
  background-color: var(--color-black-10);
  border-radius: 4px;
  display: flex;
  gap: 10px;
  min-height: 48px;
  padding: 0 12px;
}
.Xc2cf:hover {
  background-color: var(--color-black-15);
}
.Xc2cf:active {
  background: var(--color-black-05);
}
.Xc2cf:focus-visible {
  outline: 2px solid #6674ff;
  outline-offset: 2px;
}
.Xc2cf:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.Xc2cf.q975l .OoDZv svg {
  transform: rotate(180deg);
}
.ccGcQ svg {
  fill: var(--color-black);
}
.z4ZwJ {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: start;
}
.OoDZv {
  align-items: center;
  display: flex;
}
.OoDZv svg {
  height: 11px;
  transition: transform 0.2s linear;
  width: 11px;
}
.b9di6 {
  align-items: center;
  color: #026fd3;
  cursor: pointer;
  display: flex;
  gap: 8px;
  transition: all 0.2s linear;
}
.b9di6:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.b9di6:not(:disabled):hover {
  color: #2b99ff;
}
.b9di6:not(:disabled):hover .Cv5BC {
  background: #2b99ff;
}
.b9di6:not(:disabled):active {
  color: #005bae;
}
.b9di6:not(:disabled):active .Cv5BC {
  background: #005bae;
}
.b9di6:not(:disabled):focus-visible {
  border-radius: 8px;
  color: #026fd3;
  outline: 2px solid #6674ff;
  outline-offset: 5px;
}
.b9di6:not(:disabled):focus-visible .Cv5BC {
  background: #026fd3;
}
.fJnB6 {
  font-size: 14px;
  line-height: 1.28;
}
.Cv5BC {
  align-items: center;
  background: #026fd3;
  border-radius: 50%;
  display: flex;
  height: 20px;
  justify-content: center;
  transition: all 0.2s linear;
  width: 20px;
}
.Cv5BC:dir(rtl) {
  transform: rotate(180deg);
}
.Cv5BC svg {
  color: #fff;
  height: 10px;
  width: 5px;
}
.technical-works {
  background-color: var(--chart-bg-loader);
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 15px 20px 20px;
  position: absolute;
  top: 0;
  transition: opacity 0.45s linear;
  width: 100%;
  z-index: 10000;
}
@media (max-width: 567px) {
  .technical-works {
    padding: 20px 0;
  }
}
.technical-works__brand {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.technical-works__brand svg {
  height: 34px;
  width: 113px;
}
@media (max-width: 1170px) {
  .technical-works__brand {
    display: block;
  }
}
@media (max-width: 567px) {
  .technical-works__brand {
    text-align: center;
  }
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .technical-works__brand {
    display: none;
  }
}
.technical-works__logo {
  display: inline-block;
}
.technical-works__logo img,
.technical-works__logo svg {
  float: left;
}
.technical-works__slogan {
  color: var(--color-black-30);
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 18px;
  padding-top: 1px;
  text-transform: uppercase;
}
.technical-works__slogan:not(:first-child):before {
  background-color: var(--color-black-10);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 4px;
  margin: -3px 15px 0;
  position: relative;
  vertical-align: middle;
  width: 4px;
}
@media (max-width: 1170px) {
  .technical-works__slogan {
    display: none;
  }
}
.technical-works__content {
  background: var(--page-bg-content);
  border-radius: 8px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2);
  height: calc(100% - 54px);
  position: relative;
}
@media (max-width: 567px) {
  .technical-works__content {
    background: transparent;
  }
}
.technical-works__cube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='563' height='658' fill='none'%3E%3Cpath fill='%23468FD2' fill-opacity='.04' d='M280.503.66 2.516 159.792A5 5 0 0 0 0 164.13v329.202c0 1.793.96 3.449 2.516 4.339l277.987 159.131a5 5 0 0 0 4.988-.012l275.013-159.115a5 5 0 0 0 2.496-4.328V164.115a5 5 0 0 0-2.496-4.328L285.491.672a5 5 0 0 0-4.988-.011Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 658px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 563px;
}
.technical-works__block {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -115%);
  width: -moz-max-content;
  width: max-content;
}
.technical-works__block-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 12px;
}
.technical-works__block-subtitle p {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.technical-works__cord {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1880' height='91' fill='none'%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M747 38.23a8 8 0 0 1 8-8h23v33h-23a8 8 0 0 1-8-8z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M755 27.23c-6.075 0-11 4.925-11 11v17c0 6.076 4.925 11 11 11h23v-3h-23a8 8 0 0 1-8-8v-17a8 8 0 0 1 8-8h23v-3z' clip-rule='evenodd'/%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M781 29.23c0-8.836 7.163-16 16-16h50v67h-50c-8.837 0-16-7.163-16-16z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M797 10.23c-10.493 0-19 8.507-19 19v35c0 10.494 8.507 19 19 19h50v-3h-50c-8.837 0-16-7.163-16-16v-35c0-8.836 7.163-16 16-16h50v-3z' clip-rule='evenodd'/%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M849 5.23a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v80a2 2 0 0 1-2 2h-11a2 2 0 0 1-2-2z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M851 .23h11a5 5 0 0 1 5 5v80a5 5 0 0 1-5 5h-11a5 5 0 0 1-5-5v-80a5 5 0 0 1 5-5m0 3a2 2 0 0 0-2 2v80a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-80a2 2 0 0 0-2-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M866 23.23h24a7 7 0 1 1 0 14h-24z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M890 20.23h-24v3h24a7 7 0 1 1 0 14h-24v3h24c5.523 0 10-4.477 10-10s-4.477-10-10-10' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.1' d='M866 55.23h24a7 7 0 1 1 0 14h-24z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M890 52.23h-24v3h24a7 7 0 1 1 0 14h-24v3h24c5.523 0 10-4.477 10-10s-4.477-10-10-10' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.05' d='m875 37.23-8-14v14zm0 32-8-14v14z'/%3E%3Cpath fill='%23026FD3' fill-opacity='.05' d='M-340 38.23H747v20H-340z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M747 41.23H-340v-3H747zm0 14H-340v3H747z' clip-rule='evenodd'/%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M1133 38.23a8 8 0 0 0-8-8h-23v33h23c4.42 0 8-3.581 8-8z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M1125 27.23c6.08 0 11 4.925 11 11v17c0 6.076-4.92 11-11 11h-23v-3h23c4.42 0 8-3.581 8-8v-17a8 8 0 0 0-8-8h-23v-3z' clip-rule='evenodd'/%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M1099 29.23c0-8.836-7.16-16-16-16h-50v67h50c8.84 0 16-7.163 16-16z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M1083 10.23c10.49 0 19 8.507 19 19v35c0 10.494-8.51 19-19 19h-50v-3h50c8.84 0 16-7.163 16-16v-35c0-8.836-7.16-16-16-16h-50v-3z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-opacity='.05' d='m1045 80.23-11-67v67z'/%3E%3Cpath fill='%23026FD3' fill-opacity='.2' d='M1031 5.23c0-1.104-.9-2-2-2h-11c-1.1 0-2 .896-2 2v80c0 1.105.9 2 2 2h11c1.1 0 2-.895 2-2z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M1029 .23h-11a5 5 0 0 0-5 5v80a5 5 0 0 0 5 5h11a5 5 0 0 0 5-5v-80a5 5 0 0 0-5-5m0 3c1.1 0 2 .896 2 2v80c0 1.105-.9 2-2 2h-11c-1.1 0-2-.895-2-2v-80c0-1.104.9-2 2-2z' clip-rule='evenodd'/%3E%3Cpath fill='%23026FD3' fill-opacity='.05' d='M1133 38.23h1087v20H1133z'/%3E%3Cpath fill='%23026FD3' fill-rule='evenodd' d='M2220 41.23H1133v-3h1087zm0 14H1133v3h1087z' clip-rule='evenodd'/%3E%3Cpath stroke='%23E2CC00' stroke-linecap='round' stroke-width='2' d='M902 45.5s17.5-13.5 53.25 0 53.25 0 53.25 0'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  height: 150px;
  position: absolute;
  top: 55%;
  width: 100%;
}
.frllS {
  align-items: center;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background-color: rgba(53, 58, 77, 0.8);
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  border-radius: 62px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  height: 52px;
  line-height: 1.33;
  line-height: normal;
  outline: none;
  padding: 5px 7px;
  position: relative;
  transition: background-color 0.3s ease-out;
}
.frllS:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.frllS:not(:disabled):hover {
  background-color: rgba(53, 58, 77, 0.9);
}
.frllS:not(:disabled):active {
  background-color: #353a4d;
}
.frllS > svg {
  flex-shrink: 0;
}
.frllS > svg:dir(rtl) {
  transform: rotate(180deg);
}
.frllS :dir(rtl) {
  flex-direction: row-reverse;
}
.frllS:focus-visible:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  bottom: -5px;
  box-sizing: border-box;
  content: "";
  left: -5px;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
}
#root > .full-loading--black {
  background-color: #1c1f2d;
  color: #fff;
}
#root > .full-loading--white {
  background: #fff;
  color: #2b3040;
}
#root > .full-loading--dark {
  background: linear-gradient(#515976, #373d56);
  color: #fff;
}
.KwRYX {
  align-items: center;
  background-color: rgba(2, 111, 211, 0.1);
  border-radius: 100px;
  color: var(--upload-button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  height: 28px;
  line-height: 1.33;
  line-height: normal;
  outline: none;
  padding-inline: 10px;
  position: relative;
  transition: background-color 0.3s ease-out;
}
.KwRYX:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.KwRYX:not(:disabled):hover {
  background-color: rgba(2, 111, 211, 0.2);
  color: var(--upload-button-color);
}
.KwRYX:not(:disabled):active {
  color: var(--upload-button-color-active);
}
.KwRYX:not(:disabled):active > svg {
  color: #005bae;
}
.KwRYX > svg {
  color: #026fd3;
  flex-shrink: 0;
  margin: 0;
}
.KwRYX > svg:dir(rtl) {
  transform: scaleX(-1);
}
.KwRYX :dir(rtl) {
  flex-direction: row-reverse;
}
.KwRYX:focus-visible:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  bottom: -5px;
  box-sizing: border-box;
  content: "";
  left: -5px;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
}
.KK2jn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.g5XQU {
  align-items: stretch;
  display: flex;
  inset: 0;
  justify-content: center;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.3s ease-in-out;
  z-index: 1300;
}
.g5XQU.RQcX9 {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .g5XQU {
    align-items: center;
  }
}
.XnCKd {
  background-color: var(--modals-overlay);
  inset: 0;
  position: fixed;
}
.AV_8l {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  outline: none;
  position: relative;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .AV_8l {
    height: 100%;
    transform: scale(0.9);
  }
  [data-active] .AV_8l {
    transform: scale(1);
  }
}
.circle-preloader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.45s linear;
  width: 100%;
  z-index: 1;
}
.circle-preloader p {
  color: inherit;
}
.circle-preloader svg {
  height: 106px;
  margin: 0;
  width: 106px;
}
.KtjVk {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-property: color, background-color, outline, opacity, box-shadow;
  transition-timing-function: linear;
  white-space: nowrap;
}
.KtjVk:disabled .oDDMG,
.KtjVk:disabled .oQ4Z4 {
  opacity: 0.3;
}
.KtjVk:focus-visible {
  border-radius: 4px;
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.hdW9c {
  font-size: 12px;
  height: 30px;
  line-height: 1.33;
}
._5qIw,
.hdW9c {
  font-weight: 700;
  padding: 0 12px;
}
._5qIw {
  font-size: 14px;
  height: 38px;
  line-height: 1.28;
}
.GSOMi {
  font-size: 16px;
  font-weight: 700;
  height: 44px;
  line-height: 1.25;
  padding: 0 20px;
}
.JQZcs {
  background-color: #0faf59;
  box-shadow: 0 4px 10px 0 rgba(53, 184, 114, 0.25);
}
.JQZcs:disabled {
  background-color: rgba(15, 175, 89, 0.3);
  box-shadow: none;
}
.JQZcs:not(:disabled):hover {
  background-color: #05c55e;
  color: #fff;
}
.JQZcs:not(:disabled).vtgv3,
.JQZcs:not(:disabled):active {
  background-color: #089a4c;
  color: #fff;
}
.rw1pS {
  background-color: #026fd3;
  box-shadow: 0 4px 10px 0 rgba(2, 111, 211, 0.25);
}
.rw1pS:disabled {
  background-color: rgba(2, 111, 211, 0.3);
  box-shadow: none;
}
.rw1pS:not(:disabled):hover {
  background-color: #2b99ff;
  color: #fff;
}
.rw1pS:not(:disabled).vtgv3,
.rw1pS:not(:disabled):active {
  background-color: #005bae;
  color: #fff;
}
.g73FB {
  background-color: #575d75;
}
.g73FB:disabled {
  background-color: rgba(87, 93, 117, 0.3);
}
.g73FB:not(:disabled):hover {
  background-color: #61677e;
  color: #fff;
}
.g73FB:not(:disabled).vtgv3,
.g73FB:not(:disabled):active {
  background-color: #474c5d;
  color: #fff;
}
.jqrrR {
  background-color: #e87d00;
  box-shadow: 0 4px 10px 0 rgba(255, 138, 0, 0.25);
}
.jqrrR:disabled {
  background-color: rgba(232, 125, 0, 0.3);
  box-shadow: none;
}
.jqrrR:not(:disabled):hover {
  background-color: #ff8a00;
  color: #fff;
}
.jqrrR:not(:disabled).vtgv3,
.jqrrR:not(:disabled):active {
  background-color: #e07900;
  color: #fff;
}
.twQq3 {
  background-color: #db4635;
  box-shadow: 0 4px 10px 0 rgba(255, 82, 82, 0.25);
}
.twQq3:disabled {
  background-color: rgba(219, 70, 53, 0.3);
  box-shadow: none;
}
.twQq3:not(:disabled):hover {
  background-color: #ff432e;
  color: #fff;
}
.twQq3:not(:disabled).vtgv3,
.twQq3:not(:disabled):active {
  background-color: #c32f1e;
  color: #fff;
}
.WUzmy {
  background-color: var(--button-bg-dark);
  color: var(--button-dark-variant);
}
.WUzmy:not(:disabled):hover {
  background-color: var(--button-bg-dark-hover);
  color: var(--button-dark-variant);
}
.WUzmy:not(:disabled).vtgv3,
.WUzmy:not(:disabled):active {
  background-color: var(--button-bg-dark-active);
  color: var(--button-color-dark);
}
.IMYoM {
  background-color: var(--button-bg-opacity);
}
.IMYoM,
.IMYoM:not(:disabled):hover {
  color: var(--button-opacity-variant);
}
.IMYoM:not(:disabled):hover {
  background-color: var(--button-bg-opacity-hover);
}
.IMYoM:not(:disabled).vtgv3,
.IMYoM:not(:disabled):active {
  background-color: var(--button-bg-opacity-active);
  color: var(--button-opacity-variant);
}
.PUCjQ {
  width: 100%;
}
.SGRs3,
.oQ4Z4 {
  transition-duration: 0.2s;
  transition-property: visibility, opacity;
  transition-timing-function: linear;
}
.SGRs3 {
  animation: oF1k0 2s linear infinite;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  visibility: hidden;
}
.SGRs3,
.SGRs3 svg {
  height: 18px;
  width: 18px;
}
@keyframes oF1k0 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
.oDDMG {
  fill: currentColor;
  color: currentColor;
  transition-duration: 0.2s;
  transition-property: visibility, opacity;
  transition-timing-function: linear;
}
.oDDMG:dir(rtl) {
  transform: scaleX(-1);
}
.CYlwh {
  opacity: 0;
  visibility: hidden;
}
.ih6By {
  opacity: 1;
  visibility: visible;
}
.spa0R {
  background: #575d75;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  max-width: 208px;
  padding: 8px;
  z-index: 16;
}
.spa0R svg {
  fill: #575d75;
}
@media (min-width: 768px) {
  .spa0R {
    max-width: 320px;
  }
}
.gPQ4h {
  max-width: 208px;
}
@media (min-width: 768px) {
  .gPQ4h {
    max-width: 208px;
  }
}
.flags {
  display: inline-flex;
}
.flags > * {
  border: 2px solid transparent;
  border-radius: 50%;
  float: left;
  height: 16px;
  width: 16px;
}
.flags > :not(:first-child) {
  margin-left: -4px;
}
.PkfbG {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 46px;
  justify-content: center;
  outline: none;
  position: relative;
  width: 46px;
}
.PkfbG .VRq61 {
  animation: Qywg2 0.2s linear;
  color: #026fd3;
  height: 16px;
  transition: color 0.2s linear;
  width: 16px;
}
.PkfbG .ZvEOG {
  animation: Qywg2 0.2s linear;
  color: #0faf59;
  height: 18px;
  width: 18px;
}
.PkfbG:disabled .VRq61 {
  opacity: 0.3;
}
.PkfbG:disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.PkfbG:not(:disabled):hover .VRq61 {
  color: #2b99ff;
}
.PkfbG:not(:disabled):focus-visible {
  border-radius: 4px;
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
@keyframes Qywg2 {
  0% {
    opacity: 0;
    transform: scale(0.7) rotate(-10deg);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1) rotate(5deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
.input-control {
  align-items: center;
  background-color: var(--input-bg-control);
  border: 1px solid var(--input-br-control);
  border-radius: 4px;
  display: flex;
  margin-top: 7px;
  padding: 11px;
  position: relative;
  transition: all 0.1333333333333s linear;
}
.input-control select {
  margin: 0;
  padding: 2px;
}
.input-control.disabled {
  pointer-events: none;
}
.input-control.disabled .input-control__badge:not(.active) > *,
.input-control.disabled
  > :not(.input-control__label):not(.input-control__badge) {
  opacity: 0.5;
}
.input-control:not(.disabled):hover {
  border-color: var(--color-black-50);
}
.input-control:not(.disabled).active,
.input-control:not(.disabled).focused {
  border-color: var(--color-black);
}
.input-control__max-value {
  color: #ff6251;
  font-size: 10px;
  line-height: 1.2;
  margin: 12px 0 0;
}
.input-control__border,
.input-control__border:hover {
  border: 1px solid var(--color-black-80);
}
.input-control__border.disabled {
  border: 1px solid var(--color-black-30);
}
.input-control__border .input-control__label {
  color: var(--input-color-label);
}
.input-control--blue {
  background-color: var(--input-bg-blue);
}
.input-control--dark {
  background-color: var(--sidebar-bg-section-dark);
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.input-control--dark:not(.disabled):hover {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.input-control--dark:not(.disabled).active,
.input-control--dark:not(.disabled).focused {
  border: 1px solid #fff;
}
.input-control--dark .input-control__label {
  background-color: var(--sidebar-bg-section-dark);
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control--dark.input-control--checkbox .input-control__label {
  color: #fff;
}
.input-control--dark .input-control__input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
}
.input-control--dark .input-control__input,
.input-control--dark .input-control__value {
  color: #fff;
}
.input-control--dark .input-control__input::-moz-placeholder,
.input-control--dark .input-control__value::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
.input-control--dark .input-control__input::placeholder,
.input-control--dark .input-control__value::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
.input-control--dark .input-control__dropdown {
  background-color: #494f65;
  box-shadow: 2px 2px 6px rgba(28, 32, 46, 0.2);
}
.input-control--dark
  .input-control__dropdown-option
  + .input-control__dropdown-option:before {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.input-control--dark .input-control__dropdown-option:hover:not(.active) {
  color: #0989ff;
}
.input-control--dark .input-control__dropdown-option.active {
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control--valid {
  border-color: #0faf59;
}
.input-control--valid .input-control__label {
  color: #0faf59;
}
.input-control--valid:not(.disabled):hover {
  border-color: rgba(15, 175, 89, 0.5);
}
.input-control--valid:not(.disabled).active,
.input-control--valid:not(.disabled).focused {
  border-color: #0faf59;
}
.input-control--invalid {
  border-color: #db4635;
}
.input-control--invalid .input-control__label {
  color: #db4635;
}
.input-control--invalid:not(.disabled):hover {
  border-color: rgba(219, 70, 53, 0.5);
}
.input-control--invalid:not(.disabled).active,
.input-control--invalid:not(.disabled).focused {
  border-color: #db4635;
}
.input-control--select {
  cursor: pointer;
}
.input-control--search-select {
  padding: 0;
}
.input-control--time {
  cursor: pointer;
}
.input-control--date {
  flex-wrap: nowrap !important;
}
.input-control--date:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.429 3.429c.63 0 1.142-.512 1.142-1.143V1.143a1.143 1.143 0 1 0-2.285 0v1.143c0 .63.511 1.143 1.143 1.143m2.285-1.143a2.286 2.286 0 0 1-4.571 0H6.857a2.286 2.286 0 1 1-4.571 0A2.286 2.286 0 0 0 0 4.57v9.143A2.286 2.286 0 0 0 2.286 16h11.428A2.286 2.286 0 0 0 16 13.714V4.571a2.286 2.286 0 0 0-2.286-2.285m1.143 11.428c0 .631-.511 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143V6.857h13.714zM5.714 2.286a1.143 1.143 0 1 1-2.285 0V1.143a1.143 1.143 0 0 1 2.285 0z' clip-rule='evenodd' opacity='.3'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 16px 16px;
  content: "";
  flex-shrink: 0;
  height: 16px;
  margin-bottom: 1px;
  margin-left: 2px;
  width: 16px;
}
@media (max-width: 424px) {
  .input-control--date:before {
    content: none;
  }
}
.input-control--text {
  flex-wrap: nowrap !important;
}
.input-control--color,
.input-control--line-params {
  border: none;
  flex-direction: column;
  margin-top: 0;
  padding: 0;
}
.input-control--color.active,
.input-control--color:hover,
.input-control--line-params.active,
.input-control--line-params:hover {
  border: none !important;
}
.input-control--checkbox {
  border: none;
  cursor: pointer;
  flex-wrap: nowrap;
  margin-top: 0;
  padding: 0;
}
.input-control--checkbox.active,
.input-control--checkbox:hover {
  border: none !important;
}
.input-control--toggle {
  border: none;
  cursor: pointer;
  margin-top: 0;
  min-height: 26px;
  padding: 0;
}
.input-control__label {
  background-color: var(--input-label-background);
  border-radius: var(--input-br-label);
  display: block;
  font-size: var(--input-size-label);
  inset-inline-start: 10px;
  line-height: var(--input-height-label);
  padding: var(--input-padding-label);
  position: absolute;
  text-align: left;
  top: -9px;
}
.input-control__label,
.input-control__label.disabled {
  color: var(--input-color-label);
}
.input-control__label--accent {
  font-weight: 700;
}
.input-control--number .input-control__label,
.input-control--search-select .input-control__label,
.input-control--select .input-control__label,
.input-control--text .input-control__label {
  max-width: calc(100% - 30px);
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-control--color .input-control__label,
.input-control--line-params .input-control__label {
  display: none;
}
.input-control--toggle .input-control__label {
  background-color: transparent;
  color: var(--color-black);
  font-weight: 700;
  padding-left: 50px;
  position: static;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-control--toggle .input-control__label:after,
.input-control--toggle .input-control__label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
}
.input-control--toggle .input-control__label:before {
  border: 1px solid var(--color-blue);
  border-radius: 13px;
  height: 24px;
  left: 0;
  width: 40px;
}
.input-control--toggle .input-control__label:after {
  background-color: var(--color-blue);
  border-radius: 50%;
  height: 16px;
  left: 5px;
  width: 16px;
}
.input-control--toggle .input-control__label a {
  color: rgba(53, 58, 77, 0.3);
  display: inline-block;
  font-weight: 400;
}
.input-control--toggle .input-control__label a:hover {
  color: rgba(53, 58, 77, 0.5);
}
.input-control--toggle:hover .input-control__label:before {
  border-color: #0989ff;
}
.input-control--toggle:hover .input-control__label:after {
  background-color: #0989ff;
}
.input-control--toggle
  .input-control__checkbox:checked
  ~ .input-control__label:before {
  background-color: var(--color-blue);
  box-shadow: 0 4px 10px rgba(2, 111, 211, 0.25);
}
.input-control--toggle:hover
  .input-control__checkbox:checked
  ~ .input-control__label:before {
  background-color: #0989ff;
}
.input-control--toggle
  .input-control__checkbox:checked
  ~ .input-control__label:after {
  background-color: #fff;
  transform: translate(16px, -50%);
}
.input-control__label__switch {
  background-color: var(--input-label-background);
  bottom: -8px;
  color: #2b99ff;
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  left: 50%;
  line-height: 12px;
  padding: 2px 4px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, 1px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-max-content;
  width: max-content;
}
.input-control__label__switch.time {
  background-color: var(--sidebar-bg-section);
  bottom: -6px;
  z-index: 2;
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .input-control__label__switch.time {
    background-color: var(--input-bg-label-horizontal);
  }
}
.input-control-mobile__block {
  display: none;
}
@media (max-height: 567px) and (orientation: landscape), (max-width: 1023px) {
  .input-control-mobile__block {
    align-items: center;
    background: #353a4d;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0.98;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
}
.input-control-mobile__block.active {
  display: flex;
}
.input-control-mobile__block__content {
  width: 260px;
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .input-control-mobile__block__content {
    color: #fff;
    padding: 10px;
    width: 730px;
  }
}
.input-control-mobile__block__header {
  display: flex;
  font-size: 20px;
  font-weight: 700;
  justify-content: space-between;
  line-height: 24px;
  margin-bottom: 14px;
}
.input-control-mobile__block__modal {
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 8px;
  box-shadow: 2px 2px 6px rgba(53, 58, 77, 0.03);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 14px;
  padding: 10px;
  text-align: center;
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .input-control-mobile__block__modal {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.input-control-mobile__block__modal-item {
  font-weight: 700;
  padding: 14px 0;
}
.input-control-mobile__block__modal-item.active {
  opacity: 0.2;
}
.input-control-mobile__block__time {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.input-control-mobile__block__time-error {
  color: #db4635;
  font-size: 12px;
  line-height: 16px;
  margin-top: 14px;
  padding: 0 15px;
  text-align: center;
}
.input-control-mobile__block__time .input-control {
  background-color: #353a4d !important;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.input-control-mobile__block__time .input-control:not(.disabled):hover {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.input-control-mobile__block__time .input-control .input-control__label {
  background-color: #353a4d !important;
}
.input-control-mobile__block-button {
  align-items: center;
  background-color: var(--color-green);
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(53, 184, 114, 0.25);
  color: #fff;
  display: flex;
  justify-content: center;
  margin-top: 14px;
  padding: 10px 0;
  width: 100%;
}
.input-control-mobile__block-button svg {
  margin-right: 10px;
}
.input-control-mobile__block-button.disable {
  opacity: 0.2;
}
.input-control-mobile__text-error {
  color: #db4635 !important;
}
.input-control__addon {
  color: var(--color-black-30);
  font-size: 16px;
  line-height: 20px;
  padding: 2px 0;
}
.input-control__value {
  align-items: center;
  color: var(--color-black);
  display: flex;
  flex-grow: 1;
  font-size: 16px;
  height: 24px;
  line-height: 20px;
  padding: 2px 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.input-control__value .icon,
.input-control__value > svg {
  height: 20px;
  margin-inline-end: 8px;
  width: 20px;
}
.input-control__value .flag {
  margin-inline-end: 10px;
}
.input-control--text-danger .input-control__value {
  color: #db4635;
}
.input-control--select .input-control__value {
  padding: 2px;
}
.input-control__input {
  background: none;
  border: none;
  color: var(--input-color);
  flex-grow: 1;
  font-size: 16px;
  line-height: 20px;
  margin: 0 6px;
  padding: 2px 4px;
  width: 100%;
}
.input-control__input.opacity {
  opacity: 1 !important;
}
.input-control__input:invalid {
  box-shadow: none;
  color: #db4635;
}
.input-control__input::-moz-placeholder {
  color: var(--color-black-20);
}
.input-control__input::placeholder {
  color: var(--color-black-20);
}
.input-control__input::-webkit-inner-spin-button,
.input-control__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.input-control__input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.input-control__input[type="password"] {
  letter-spacing: 0.2rem;
}
.input-control__input[type="password"]::-moz-placeholder {
  letter-spacing: 0;
}
.input-control__input[type="password"]::placeholder {
  letter-spacing: 0;
}
.input-control:not(.disabled) .input-control__input.disabled,
.input-control:not(.disabled) .input-control__input[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.input-control__input--mono {
  font-family: Roboto Mono, monospace;
}
.input-control__input--center {
  text-align: center !important;
}
.input-control--text-danger .input-control__input {
  color: #db4635;
}
.input-control--text .input-control__input,
.input-control--textarea .input-control__input {
  margin: 0;
  padding: 2px;
}
.input-control--textarea .input-control__input {
  min-height: 24px;
  resize: vertical;
}
.input-control--number .input-control__input {
  text-align: center;
}
.input-control--select .input-control__input {
  cursor: pointer;
  margin: 0;
}
.input-control--search-select .input-control__input {
  margin: 0;
  padding: 2px;
}
.input-control--date .input-control__input {
  margin-left: 4px;
}
@media (max-width: 424px) {
  .input-control--date .input-control__input {
    margin: 0;
    padding: 2px;
  }
}
.input-control--text-left .input-control__input {
  text-align: start;
}
.input-control__input select {
  margin: 0;
}
.input-control__button {
  background-color: var(--input-button);
  border: none;
  border-radius: 50%;
  color: var(--input-button-text);
  display: inline-block;
  flex-shrink: 0;
  font-size: 16px;
  height: 24px;
  line-height: 20px;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 24px;
}
.input-control__button.disabled,
.input-control__button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.input-control__button:not(.disabled, [disabled]):hover {
  background-color: var(--input-button-hover);
}
.input-control__caret {
  display: none;
  margin-left: auto;
  margin-right: 2px;
  transition: inherit;
}
.input-control__caret svg {
  transition: inherit;
}
.input-control--select .input-control__caret {
  display: inline-block;
}
.input-control.active .input-control__caret svg {
  transform: rotate(180deg);
}
.input-control__dropdown {
  background-color: var(--input-bg-dropdown);
  z-index: 2;
}
.input-control__dropdown-option + .input-control__dropdown-option {
  position: relative;
}
.input-control__dropdown-option + .input-control__dropdown-option:before {
  background-color: var(--color-black-05);
  content: "";
  height: 1px;
  left: 14px;
  position: absolute;
  right: 14px;
  top: 0;
}
.input-control__dropdown-option:hover:not(.active) {
  color: var(--color-primary);
}
.input-control--select .input-control__dropdown {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.input-control--time .input-control__dropdown {
  background-color: #353a4d;
  box-shadow: 2px 2px 6px rgba(53, 58, 77, 0.2);
}
.input-control--time .input-control__dropdown-option {
  background: hsla(0, 0%, 100%, 0.1);
}
.input-control--time .input-control__dropdown-option:hover:not(.active) {
  box-shadow: inset 0 0 0 1px #fff;
  color: inherit;
}
.input-control__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #494f65;
  border-radius: 2px;
  height: 4px;
  margin: 10px 0;
  opacity: 1;
  outline: none;
  width: 100%;
}
.input-control__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0f8bff;
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.input-control__slider::-moz-range-thumb {
  background-color: #0f8bff;
  border: none;
  height: 14px;
  width: 14px;
}
.input-control__preview {
  align-items: center;
  display: flex;
  width: 100%;
}
.input-control__preview-preset {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 2px;
  flex-shrink: 0;
  height: 28px;
  margin-right: 10px;
  width: 28px;
}
.input-control__palette {
  background-color: #494f65;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 5px;
}
.input-control__palette-preset {
  background-color: hsla(0, 0%, 100%, 0.05);
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  margin: 5px;
  transition: inherit;
  width: 28px;
}
.input-control__palette-preset:hover {
  border-color: #fff;
}
.input-control__palette-preset.active {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23fff' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
}
.input-control__checkbox {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.input-control__badge {
  align-items: center;
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  display: flex;
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  top: -8px;
}
.input-control__badge.active {
  pointer-events: auto;
}
.input-control__status {
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  color: var(--color-black-50);
  margin: 0 8px;
}
.input-control__status--success {
  color: var(--color-green);
}
.input-control__status--warning {
  color: #ff8a00;
}
.input-control__status--danger {
  color: var(--color-red);
}
.input-control__action {
  background-color: var(--color-blue);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  margin: 0 0 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  transition: all 0.2s linear;
}
.input-control__action:not(:first-child) {
  margin-left: 0;
}
.input-control__action:hover {
  background-color: #0989ff;
  color: #fff;
}
.input-control__help {
  color: var(--input-help);
  flex-basis: 100%;
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0 0;
}
.input-control__hint {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 6px;
  text-align: left;
}
.input-control__hint--center {
  text-align: center;
}
.input-control-wrapper .input-control__hint {
  margin-bottom: -5px;
}
.input-control--valid + .input-control__hint {
  color: #0faf59;
}
.input-control--invalid + .input-control__hint {
  color: #db4635;
}
.THTtN {
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  color: #fff;
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  text-decoration: none;
  transition-duration: 0.2s;
  transition-property: background-color, opacity, outline;
  transition-timing-function: linear;
  white-space: nowrap;
}
html.light .THTtN {
  background-color: rgba(53, 58, 77, 0.1);
  color: #272a37;
}
.THTtN:not(:disabled) {
  cursor: pointer;
}
.THTtN:not(:disabled):hover {
  background-color: hsla(0, 0%, 100%, 0.15);
}
html.light .THTtN:not(:disabled):hover {
  background-color: rgba(53, 58, 77, 0.15);
}
.THTtN:not(:disabled):active {
  background-color: hsla(0, 0%, 100%, 0.05);
}
html.light .THTtN:not(:disabled):active {
  background-color: rgba(53, 58, 77, 0.05);
}
.THTtN:not(:disabled):focus-visible {
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.THTtN:disabled .HsJrB,
.THTtN:disabled .PnkSX {
  opacity: 0.3;
}
.HsJrB {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 20px;
  justify-content: center;
  width: 20px;
}
html.light .HsJrB {
  background-color: #272a37;
}
.HsJrB:dir(rtl) {
  transform: rotate(180deg);
}
.Ubx8T {
  color: #272a37;
}
html.light .Ubx8T {
  color: #fff;
}
.PnkSX {
  font-size: 16px;
  line-height: 1.25;
}
.input-control__dropdown {
  animation: selectFadeOut 1ms linear forwards;
  background-color: var(--deal-list-bg-dropdown);
  border-radius: 4px;
  box-shadow: 2px 2px 6px var(--sidebar-section-shadow);
  cursor: default;
  display: flex;
  flex-direction: column;
  left: 50%;
  opacity: 0;
  padding: 14px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: calc(100% + 2px);
  z-index: 9;
}
.animate .input-control__dropdown {
  animation-duration: 0.1333333333333s;
}
.input-control.active .input-control__dropdown {
  animation: selectFadeIn 0.2s linear forwards;
  pointer-events: all;
}
.input-control__dropdown-option {
  align-items: center;
  color: var(--input-color-dark);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  margin: 0 -14px;
  min-height: 48px;
  padding: 14px;
  position: relative;
  transition: color 0.1333333333333s linear;
}
.input-control__dropdown-option:first-child {
  margin-top: -14px;
}
.input-control__dropdown-option:last-child {
  margin-bottom: -14px;
}
.input-control__dropdown-option :focus-visible:not(.active),
.input-control__dropdown-option:hover:not(.active) {
  color: var(--color-primary);
}
.input-control__dropdown-option:active {
  color: inherit;
}
.input-control__dropdown-option.active {
  color: var(--color-black-30);
  cursor: default;
}
.input-control__dropdown--icons .input-control__dropdown-option {
  padding-left: 44px;
}
.input-control__dropdown--icons .input-control__dropdown-option .icon,
.input-control__dropdown--icons .input-control__dropdown-option svg {
  height: 20px;
  left: 14px;
  margin-right: 14px;
  position: absolute;
  width: 20px;
}
.input-control--time .input-control__dropdown {
  flex-flow: row wrap;
  padding: 0;
  width: calc(100% - 19px);
}
.input-control--time .input-control__dropdown-option {
  background: var(--trades-input-dropdown-button);
  border-radius: 4px;
  color: var(--input-color);
  cursor: pointer;
  flex-grow: 1;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  line-height: 16px;
  margin: 2.5px;
  min-height: auto;
  min-width: calc(25% - 5px);
  padding: 10px 5px;
  transition: inherit;
  white-space: nowrap;
}
.input-control--time .input-control__dropdown-option.active {
  background-color: #fff;
  color: #353a4d;
}
.input-control--time
  .input-control__dropdown-option
  :focus-visible:not(.active),
.input-control--time .input-control__dropdown-option:hover:not(.active) {
  background: var(--trades-input-dropdown-button-hover);
}
.input-control--time
  .input-control__dropdown-option
  + .input-control__dropdown-option:before {
  content: none;
}
.WEqlX {
  align-items: center;
  background: none;
  border: none;
  box-shadow: none;
  color: var(--modals-close-btn-stepper);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  outline: none;
  position: relative;
  transition: color 0.2s linear;
}
.WEqlX:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.WEqlX:not(:disabled):active,
.WEqlX:not(:disabled):hover {
  color: var(--modals-header-close-btn-hover);
}
.WEqlX:not(:disabled):focus-visible {
  color: var(--modals-header-close-btn-hover);
}
.WEqlX:not(:disabled):focus-visible:after {
  opacity: 1;
}
.WEqlX:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  content: "";
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s linear;
}
.EoTnC {
  height: 24px;
  width: 24px;
}
.EoTnC:after {
  inset: -5px;
}
.W1EYh {
  height: 36px;
  width: 36px;
}
.W1EYh:after {
  inset: 3px;
}
.fYYQE {
  flex-shrink: 0;
}
.bYoLc {
  height: 12px;
  width: 12px;
}
.Sm5H1 {
  height: 14px;
  width: 14px;
}
.Bw8mn {
  align-items: center;
  background-color: var(--modals-icon-bg);
  border: none;
  border-radius: 100px;
  box-shadow: none;
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  outline: none;
  padding: 6px;
  position: relative;
  transition: background-color 0.2s linear;
  width: 24px;
}
.Bw8mn:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.Bw8mn:not(:disabled):active,
.Bw8mn:not(:disabled):hover {
  background-color: var(--modals-icon-bg-hover);
}
.Bw8mn:not(:disabled):focus-visible:after {
  opacity: 1;
}
.Bw8mn:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  content: "";
  inset: -5px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s linear;
}
.Bw8mn .ReHoA {
  color: var(--modals-header-close-btn-hover);
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}
.Bw8mn .ReHoA:dir(rtl) {
  transform: scaleX(-1);
}
.CAZSg {
  align-items: center;
  background-color: #026fd3;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgba(2, 111, 211, 0.25);
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  outline: none;
  position: relative;
  transition: background-color 0.2s linear;
  width: 40px;
}
.CAZSg:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.CAZSg:not(:disabled):hover {
  background-color: #2b99ff;
}
.CAZSg:not(:disabled):active {
  background-color: #005bae;
}
.CAZSg:not(:disabled):focus-visible {
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.CAZSg .qYmvp {
  color: #fff;
  flex-shrink: 0;
  height: 15px;
  width: 15px;
  fill: #fff;
}
.jiPqq {
  align-items: flex-start;
  display: flex;
  gap: 8px;
}
.C7uPf.fVcx4 {
  padding-inline-end: 12px;
}
.C7uPf.BVAgW,
.C7uPf.p7vuz {
  padding-inline-end: 36px;
}
.sXJAE {
  display: flex;
  flex-shrink: 0;
}
.sXJAE > * {
  height: 20px;
  width: 20px;
}
.p2Jtx {
  color: var(--modals-header-close-btn-hover);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.lMl00 {
  flex: 1;
}
.Fqg6m {
  flex-shrink: 0;
}
.VAInk {
  border-top: 1px solid var(--modals-separator);
  height: 0;
  margin-top: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .VAInk {
    margin-top: 20px;
  }
}
.wupmB {
  align-items: center;
  background-color: #026fd3;
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgba(2, 111, 211, 0.25);
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  transition: background-color 0.2s linear;
  width: 40px;
}
.wupmB:disabled {
  cursor: not-allowed;
  opacity: 0.3;
  pointer-events: none;
}
.wupmB:not(:disabled):hover {
  background-color: #2b99ff;
}
.wupmB:not(:disabled):active {
  background-color: #005bae;
}
.wupmB:not(:disabled):focus-visible {
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.wupmB .h4bHs {
  color: #fff;
  flex-shrink: 0;
  height: 12px;
  transition: transform 0.2s linear;
  width: 12px;
}
.wupmB .h4bHs.d6Kr7 {
  transform: rotate(45deg);
}
.SACPX {
  background-color: var(--modals-background);
  box-shadow: 0 0 20px 0 rgba(27, 31, 45, 0.2);
  color: var(--modals-text);
  overflow-y: auto;
  padding-inline-end: 10px;
  position: relative;
}
@supports (overflow-y: overlay) {
  .SACPX {
    overflow-y: overlay;
    scrollbar-gutter: stable;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .SACPX {
    scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
    scrollbar-width: thin;
  }
}
.SACPX::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.SACPX::-webkit-scrollbar-corner {
  background: transparent;
}
.SACPX::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.SACPX::-webkit-scrollbar-track {
  background: none;
}
.SACPX::-webkit-scrollbar-track:hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.SACPX::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.3);
  background-clip: content-box;
  border-radius: 2px;
}
.SACPX::-webkit-scrollbar-thumb:hover {
  background-clip: content-box;
  background: hsla(0, 0%, 100%, 0.5);
}
.SACPX.UuBBs {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.SACPX.a1o7J {
  border-radius: 8px;
  margin: auto;
  max-height: 85%;
  padding: 24px;
  padding-inline-end: 24px;
  width: 300px;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .SACPX.a1o7J {
    padding: 30px;
    padding-inline-end: 30px;
    width: 360px;
  }
}
.SACPX.Gy8W5,
.SACPX.hK3Ja {
  border-radius: 0;
  height: 100%;
  margin: 0;
  min-height: 100%;
  padding: 16px;
  padding-inline-end: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .SACPX.Gy8W5 {
    border-radius: 8px;
    height: auto;
    margin: auto;
    max-height: 85%;
    min-height: auto;
    padding: 30px;
    padding-inline-end: 30px;
    width: 480px;
  }
}
@media screen and (min-width: 984px) {
  .SACPX.hK3Ja {
    border-radius: 8px;
    height: auto;
    margin: auto;
    max-height: 85%;
    min-height: auto;
    padding: 30px;
    padding-inline-end: 30px;
    width: 904px;
  }
}
.SACPX.raUrj {
  border-radius: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  min-height: 100%;
  width: 100%;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .SACPX.raUrj {
    border-radius: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    min-height: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 984px) {
  .SACPX.raUrj {
    border-radius: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    min-height: 100%;
    width: 100%;
  }
}
.wUheO {
  position: absolute;
  z-index: 1;
}
.tIP3z {
  inset-inline-end: 12px;
  top: 12px;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .tIP3z {
    inset-inline-end: 18px;
    top: 18px;
  }
}
.J9xGw,
.bYd9N {
  inset-inline-end: 8px;
  top: 8px;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .J9xGw,
  .bYd9N {
    inset-inline-end: 16px;
    top: 16px;
  }
}
.YFa08 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding: 16px 0;
  padding-inline-end: 10px;
}
@supports (overflow-y: overlay) {
  .YFa08 {
    overflow-y: overlay;
    scrollbar-gutter: stable;
  }
}
@supports not selector(::-webkit-scrollbar) {
  .YFa08 {
    scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
    scrollbar-width: thin;
  }
}
.YFa08::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.YFa08::-webkit-scrollbar-corner {
  background: transparent;
}
.YFa08::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}
.YFa08::-webkit-scrollbar-track {
  background: none;
}
.YFa08::-webkit-scrollbar-track:hover {
  background: hsla(0, 0%, 100%, 0.05);
}
.YFa08::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.3);
  background-clip: content-box;
  border-radius: 2px;
}
.YFa08::-webkit-scrollbar-thumb:hover {
  background-clip: content-box;
  background: hsla(0, 0%, 100%, 0.5);
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .YFa08 {
    gap: 20px;
    padding: 20px 0;
  }
}
.j5vfm {
  align-items: center;
  background: rgba(2, 111, 211, 0.2);
  border-radius: 4px;
  display: flex;
  gap: 10px;
  justify-content: center;
  max-width: 142px;
  outline: none;
  padding: 9px 4px;
  position: relative;
  width: 100%;
}
.j5vfm svg {
  color: #026fd3;
  height: 18px;
  width: 18px;
}
.j5vfm.a9fSf {
  max-width: 100%;
}
.j5vfm:disabled {
  background-color: rgba(2, 111, 211, 0.1);
}
.j5vfm:disabled svg {
  color: rgba(2, 111, 211, 0.3);
}
.j5vfm:disabled .Tx8EY {
  color: var(--color-black-30);
}
.j5vfm:not(:disabled):active,
.j5vfm:not(:disabled):hover {
  background-color: rgba(2, 111, 211, 0.3);
}
.j5vfm:not(:disabled):focus-visible {
  background-color: rgba(2, 111, 211, 0.3);
}
.j5vfm:not(:disabled):focus-visible:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  bottom: -5px;
  box-sizing: border-box;
  content: "";
  left: -5px;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
}
.Tx8EY {
  color: var(--button-dark-variant);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.33;
  transform: translateY(1px);
}
.loader {
  animation: spin 2s linear infinite;
}
.loader,
.loader svg {
  height: 24px;
  width: 24px;
}
.C2vKf {
  animation: Cy7iM 2s ease-in-out 0.5s infinite;
  background: var(--skeletons-bg-item);
  display: inline-block;
}
.C2vKf.W8oZM {
  background: hsla(0, 0%, 100%, 0.05);
}
.C2vKf.MWDgM {
  border-radius: 2px;
  height: 12px;
  width: 122px;
}
.C2vKf.uzHbp {
  border-radius: 100%;
  height: 40px;
  width: 40px;
}
.C2vKf.iyeCc {
  border-radius: 4px;
  height: 125px;
  width: 122px;
}
@keyframes Cy7iM {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.form-control-input__control {
  margin: 20px 0;
}
.input-control-cabinet {
  align-items: center;
  background-color: var(--input-bg-control);
  border: 1px solid var(--input-br-control);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 7px;
  padding: 11px;
  position: relative;
  scrollbar-color: var(--scrollbar-color) transparent;
  transition: all 0.1333333333333s linear;
}
.input-control-cabinet::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
}
.input-control-cabinet::-webkit-scrollbar-thumb:hover,
.input-control-cabinet::-webkit-scrollbar-track:hover {
  background: var(--color-black-50);
}
.input-control-cabinet select {
  margin: 0;
  padding: 2px;
}
.input-control-cabinet.disabled {
  pointer-events: none;
}
.input-control-cabinet.disabled .input-control-cabinet__badge:not(.active) > *,
.input-control-cabinet.disabled
  > :not(.input-control-cabinet__label):not(.input-control-cabinet__badge) {
  opacity: 0.5;
}
.input-control-cabinet.black {
  background-color: transparent;
  border-color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet.black:not(.disabled):hover {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.input-control-cabinet.black .input-control-cabinet__input,
.input-control-cabinet.black .input-control-cabinet__value {
  color: #fff;
}
.input-control-cabinet.black .input-control-cabinet__label {
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet.black .input-control-cabinet__dropdown {
  background-color: #474c5d;
}
.input-control-cabinet.black .input-control-cabinet__dropdown-option.active {
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet:not(.disabled):hover {
  border-color: var(--color-black-50);
}
.input-control-cabinet__border,
.input-control-cabinet__border:hover {
  border: 1px solid var(--color-black-80);
}
.input-control-cabinet__border.disabled {
  border: 1px solid var(--color-black-30);
}
.input-control-cabinet__border .input-control-cabinet__label {
  color: var(--input-color-label);
}
.input-control-cabinet--blue {
  background-color: var(--input-bg-blue);
}
.input-control-cabinet--dark {
  background-color: var(--sidebar-bg-section-dark);
  border-color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet--dark:not(.disabled):hover {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.input-control-cabinet--dark:not(.disabled).active,
.input-control-cabinet--dark:not(.disabled).focused {
  border-color: #fff;
}
.input-control-cabinet--dark .input-control-cabinet__label {
  background: var(--sidebar-bg-section-dark);
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet--dark.input-control-cabinet--checkbox
  .input-control-cabinet__label {
  color: #fff;
}
.input-control-cabinet--dark.input-control-cabinet--checkbox
  .input-control-cabinet__label:before {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.input-control-cabinet--dark.input-control-cabinet--checkbox
  .input-control-cabinet__label:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23026FD3' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
  opacity: 0;
}
.input-control-cabinet--dark.input-control-cabinet--checkbox:hover
  .input-control-cabinet__label:before {
  border-color: #fff;
}
.input-control-cabinet--dark.input-control-cabinet--checkbox
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:before {
  background-color: #fff;
}
.input-control-cabinet--dark .input-control-cabinet__input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
}
.input-control-cabinet--dark .input-control-cabinet__input,
.input-control-cabinet--dark .input-control-cabinet__value {
  color: #fff;
}
.input-control-cabinet--dark .input-control-cabinet__input::-moz-placeholder,
.input-control-cabinet--dark .input-control-cabinet__value::-moz-placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
.input-control-cabinet--dark .input-control-cabinet__input::placeholder,
.input-control-cabinet--dark .input-control-cabinet__value::placeholder {
  color: hsla(0, 0%, 100%, 0.2);
}
.input-control-cabinet--dark .input-control-cabinet__dropdown {
  background-color: #494f65;
  box-shadow: 2px 2px 6px rgba(28, 32, 46, 0.2);
}
.input-control-cabinet--dark
  .input-control-cabinet__dropdown-option
  + .input-control-cabinet__dropdown-option:before {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.input-control-cabinet--dark
  .input-control-cabinet__dropdown-option:hover:not(.active) {
  color: #0989ff;
}
.input-control-cabinet--dark .input-control-cabinet__dropdown-option.active {
  color: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet--valid {
  border-color: #0faf59;
}
.input-control-cabinet--valid .input-control-cabinet__label {
  color: #0faf59;
}
.input-control-cabinet--valid:not(.disabled):hover {
  border-color: rgba(15, 175, 89, 0.5);
}
.input-control-cabinet--valid:not(.disabled).active,
.input-control-cabinet--valid:not(.disabled).focused {
  border-color: #0faf59;
}
.input-control-cabinet--invalid {
  border-color: #db4635 !important;
}
.input-control-cabinet--invalid .input-control-cabinet__label {
  color: #db4635 !important;
}
.input-control-cabinet--invalid:not(.disabled):hover {
  border-color: rgba(219, 70, 53, 0.5);
}
.input-control-cabinet--invalid:not(.disabled).active,
.input-control-cabinet--invalid:not(.disabled).focused {
  border-color: #db4635;
}
.input-control-cabinet--select {
  cursor: pointer;
}
.input-control-cabinet--search-select {
  padding: 0;
}
.input-control-cabinet--time {
  cursor: pointer;
}
.input-control-cabinet--date {
  flex-wrap: nowrap !important;
}
@media (max-width: 424px) {
  .input-control-cabinet--date:before {
    content: none;
  }
}
.input-control-cabinet--text {
  flex-wrap: nowrap !important;
}
.input-control-cabinet--color {
  border: none;
  flex-direction: column;
  margin-top: 0;
  padding: 0;
}
.input-control-cabinet--checkbox {
  border: none;
  cursor: pointer;
  flex-wrap: wrap;
  margin-top: 0;
  padding: 0;
}
.input-control-cabinet--toggle {
  border: none;
  cursor: pointer;
  margin-top: 0;
  min-height: 26px;
  padding: 0;
}
.input-control-cabinet__label {
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  display: block;
  font-size: var(--input-size-label);
  left: 10px;
  line-height: var(--input-height-label);
  padding: var(--input-padding-label);
  position: absolute;
  text-align: left;
  top: -9px;
}
.input-control-cabinet__label,
.input-control-cabinet__label.disabled {
  color: var(--input-color-label);
}
.input-control-cabinet__label.arabic {
  left: auto;
  right: 10px;
}
.input-control-cabinet__label--accent {
  font-weight: 700;
}
.input-control-cabinet--number .input-control-cabinet__label,
.input-control-cabinet--search-select .input-control-cabinet__label,
.input-control-cabinet--select .input-control-cabinet__label,
.input-control-cabinet--text .input-control-cabinet__label {
  max-width: calc(100% - 30px);
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.input-control-cabinet--color .input-control-cabinet__label {
  display: none;
}
.input-control-cabinet--checkbox .input-control-cabinet__label {
  color: #353a4d;
  font-size: inherit;
  line-height: inherit;
  padding-left: 28px;
  position: static;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-control-cabinet--checkbox .input-control-cabinet__label:after,
.input-control-cabinet--checkbox .input-control-cabinet__label:before {
  border: 1px solid transparent;
  border-radius: 2px;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
  width: 18px;
}
.input-control-cabinet--checkbox .input-control-cabinet__label:before {
  border-color: rgba(53, 58, 77, 0.5);
}
.input-control-cabinet--checkbox .input-control-cabinet__label:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23FFF' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
  opacity: 0;
}
.input-control-cabinet--checkbox:hover .input-control-cabinet__label:before {
  border-color: #353a4d;
}
.input-control-cabinet--checkbox
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:before {
  background-color: #353a4d;
}
.input-control-cabinet--checkbox
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:after {
  opacity: 1;
}
.input-control-cabinet--toggle .input-control-cabinet__label {
  background-color: transparent;
  color: var(--color-black);
  font-weight: 700;
  padding-left: 50px;
  position: static;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-control-cabinet--toggle .input-control-cabinet__label:after,
.input-control-cabinet--toggle .input-control-cabinet__label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
}
.input-control-cabinet--toggle .input-control-cabinet__label:before {
  border: 1px solid var(--color-blue);
  border-radius: 13px;
  height: 24px;
  left: 0;
  width: 40px;
}
.input-control-cabinet--toggle .input-control-cabinet__label:after {
  background-color: var(--color-blue);
  border-radius: 50%;
  height: 16px;
  left: 5px;
  width: 16px;
}
.input-control-cabinet--toggle .input-control-cabinet__label a {
  color: rgba(53, 58, 77, 0.3);
  display: inline-block;
  font-weight: 400;
}
.input-control-cabinet--toggle .input-control-cabinet__label a:hover {
  color: rgba(53, 58, 77, 0.5);
}
.input-control-cabinet--toggle:hover .input-control-cabinet__label:before {
  border-color: #0989ff;
}
.input-control-cabinet--toggle:hover .input-control-cabinet__label:after {
  background-color: #0989ff;
}
.input-control-cabinet--toggle
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:before {
  background-color: var(--color-blue);
  box-shadow: 0 4px 10px rgba(2, 111, 211, 0.25);
}
.input-control-cabinet--toggle:hover
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:before {
  background-color: #0989ff;
}
.input-control-cabinet--toggle
  .input-control-cabinet__checkbox:checked
  ~ .input-control-cabinet__label:after {
  background-color: #fff;
  transform: translate(16px, -50%);
}
.input-control-cabinet__addon {
  color: var(--color-black-30);
  font-size: 16px;
  line-height: 20px;
  padding: 2px 0;
}
.input-control-cabinet__value {
  align-items: center;
  color: var(--color-black);
  display: flex;
  flex-grow: 1;
  font-size: 16px;
  height: 24px;
  line-height: 20px;
  padding: 2px 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.input-control-cabinet__value .icon,
.input-control-cabinet__value > svg {
  height: 20px;
  margin-right: 8px;
  width: 20px;
}
.input-control-cabinet__value .flag {
  margin-right: 10px;
}
.input-control-cabinet--text-danger .input-control-cabinet__value {
  color: #db4635;
}
.input-control-cabinet--select .input-control-cabinet__value {
  padding: 2px;
}
.input-control-cabinet__input {
  background: none;
  border: none;
  color: var(--input-color);
  flex-grow: 1;
  font-size: 16px;
  line-height: 20px;
  margin: 0 6px;
  padding: 2px 4px;
  width: 100%;
}
.input-control-cabinet__input:focus + .input-control-cabinet__tooltip {
  opacity: 1;
}
.input-control-cabinet__input::-moz-placeholder {
  color: var(--color-black-20);
}
.input-control-cabinet__input::placeholder {
  color: var(--color-black-20);
}
.input-control-cabinet__input::-webkit-inner-spin-button,
.input-control-cabinet__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-control-cabinet__input[type="number"] {
  -moz-appearance: textfield;
}
.input-control-cabinet__input[type="password"] {
  letter-spacing: 0.2rem;
}
.input-control-cabinet__input[type="password"]::-moz-placeholder {
  letter-spacing: 0;
}
.input-control-cabinet__input[type="password"]::placeholder {
  letter-spacing: 0;
}
.input-control-cabinet:not(.disabled) .input-control-cabinet__input.disabled,
.input-control-cabinet:not(.disabled) .input-control-cabinet__input[disabled] {
  opacity: 0.2;
  pointer-events: none;
}
.input-control-cabinet__input--mono {
  font-family: Roboto Mono, monospace;
}
.input-control-cabinet--text-danger .input-control-cabinet__input {
  color: #db4635;
}
.input-control-cabinet--text .input-control-cabinet__input,
.input-control-cabinet--textarea .input-control-cabinet__input {
  margin: 0;
  padding: 2px;
}
.input-control-cabinet--textarea .input-control-cabinet__input {
  min-height: 24px;
  resize: vertical;
}
.input-control-cabinet--number .input-control-cabinet__input {
  text-align: center;
}
.input-control-cabinet--select .input-control-cabinet__input {
  cursor: pointer;
  margin: 0;
}
.input-control-cabinet--search-select .input-control-cabinet__input {
  margin: 0;
  padding: 2px;
}
.input-control-cabinet--time .input-control-cabinet__input {
  cursor: pointer;
}
.input-control-cabinet--date .input-control-cabinet__input {
  margin-left: 4px;
}
@media (max-width: 424px) {
  .input-control-cabinet--date .input-control-cabinet__input {
    margin: 0;
    padding: 2px;
  }
}
.input-control-cabinet--text-left .input-control-cabinet__input {
  text-align: start;
}
.input-control-cabinet__input select {
  margin: 0;
}
.input-control-cabinet__button {
  background-color: hsla(0, 0%, 100%, 0.1);
  border: none;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  font-size: 16px;
  height: 24px;
  line-height: 20px;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 24px;
}
.input-control-cabinet__button.disabled,
.input-control-cabinet__button[disabled] {
  cursor: not-allowed;
  opacity: 0.4;
}
.input-control-cabinet__button:not(.disabled, [disabled]):hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.input-control-cabinet__caret {
  display: none;
  margin-left: auto;
  margin-right: 2px;
  transition: inherit;
}
.input-control-cabinet__caret svg {
  transition: inherit;
}
.input-control-cabinet--select .input-control-cabinet__caret {
  display: inline-block;
}
.input-control-cabinet.active .input-control-cabinet__caret svg {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.input-control-cabinet__dropdown {
  animation: selectFadeOut 1ms linear forwards;
  background-color: var(--input-bg-dropdown);
  border-radius: 4px;
  cursor: default;
  display: flex;
  flex-direction: column;
  left: 50%;
  opacity: 0;
  padding: 0 14px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 5px);
  transform: translateX(-50%);
  width: calc(100% + 2px);
  z-index: 2;
}
.animate .input-control-cabinet__dropdown {
  animation-duration: 0.1333333333333s;
}
.input-control-cabinet.active .input-control-cabinet__dropdown {
  animation: selectFadeIn 0.2s linear forwards;
  pointer-events: all;
  scrollbar-color: hsla(0, 0%, 100%, 0.3) transparent;
}
.input-control-cabinet.active
  .input-control-cabinet__dropdown::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.3);
}
.input-control-cabinet.active
  .input-control-cabinet__dropdown::-webkit-scrollbar-thumb:hover,
.input-control-cabinet.active
  .input-control-cabinet__dropdown::-webkit-scrollbar-track:hover {
  background: hsla(0, 0%, 100%, 0.5);
}
.input-control-cabinet__dropdown-option {
  align-items: center;
  color: var(--color-black);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  margin: 0 -14px;
  min-height: 48px;
  padding: 14px;
  position: relative;
  transition: color 0.1333333333333s linear;
}
@media (max-width: 1023px) {
  .input-control-cabinet__dropdown-option {
    min-height: auto;
  }
}
.input-control-cabinet__dropdown-option.sign {
  color: #353a4d;
}
.input-control-cabinet__dropdown-option.sign:hover:not(.active) {
  color: #026fd3 !important;
}
.input-control-cabinet__dropdown-option
  + .input-control-cabinet__dropdown-option {
  position: relative;
}
.input-control-cabinet__dropdown-option
  + .input-control-cabinet__dropdown-option:before {
  background-color: var(--color-black-05);
  content: "";
  height: 1px;
  left: 14px;
  position: absolute;
  right: 14px;
  top: 0;
}
.input-control-cabinet__dropdown-option:hover:not(.active) {
  color: #0989ff;
}
.input-control-cabinet__dropdown-option:active {
  color: inherit;
}
.input-control-cabinet__dropdown-option.active {
  color: var(--color-black-30);
  cursor: default;
}
.input-control-cabinet__dropdown--icons
  .input-control-cabinet__dropdown-option {
  padding-left: 44px;
}
.input-control-cabinet__dropdown--icons
  .input-control-cabinet__dropdown-option
  .icon,
.input-control-cabinet__dropdown--icons
  .input-control-cabinet__dropdown-option
  svg {
  height: 20px;
  left: 14px;
  margin-right: 14px;
  position: absolute;
  width: 20px;
}
.input-control-cabinet--select .input-control-cabinet__dropdown {
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.input-control-cabinet--time .input-control-cabinet__dropdown {
  background-color: #353a4d;
  box-shadow: 2px 2px 6px rgba(53, 58, 77, 0.2);
  flex-flow: row wrap;
  padding: 0;
  width: calc(100% - 19px);
}
.input-control-cabinet--time .input-control-cabinet__dropdown-option {
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  cursor: pointer;
  flex-grow: 1;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  line-height: 16px;
  margin: 2.5px;
  min-height: auto;
  min-width: calc(25% - 5px);
  padding: 10px 5px;
  transition: inherit;
  white-space: nowrap;
}
.input-control-cabinet--time .input-control-cabinet__dropdown-option.active {
  background-color: #fff;
  color: #353a4d;
}
.input-control-cabinet--time
  .input-control-cabinet__dropdown-option:hover:not(.active) {
  box-shadow: inset 0 0 0 1px #fff;
  color: inherit;
}
.input-control-cabinet--time
  .input-control-cabinet__dropdown-option
  + .input-control-cabinet__dropdown-option:before {
  content: none;
}
.input-control-cabinet__dropdown .-no-matches {
  color: var(--input-color-dark);
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 14px 0;
}
.input-control-cabinet__dropdown-search {
  background: hsla(0, 0%, 100%, 0.15);
  border-radius: 4px;
  display: flex;
  height: 34px;
  margin-top: 12px;
  padding: 9px 14px;
  width: 100%;
}
.input-control-cabinet__dropdown-search__input {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  width: 100%;
}
.input-control-cabinet__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #494f65;
  border-radius: 2px;
  height: 4px;
  margin: 10px 0;
  opacity: 1;
  outline: none;
  width: 100%;
}
.input-control-cabinet__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0f8bff;
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  width: 14px;
}
.input-control-cabinet__slider::-moz-range-thumb {
  background-color: #0f8bff;
  border: none;
  height: 14px;
  width: 14px;
}
.input-control-cabinet__preview {
  align-items: center;
  display: flex;
  width: 100%;
}
.input-control-cabinet__preview-preset {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 2px;
  flex-shrink: 0;
  height: 28px;
  margin-right: 10px;
  width: 28px;
}
.input-control-cabinet__palette {
  background-color: #494f65;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  padding: 5px;
}
.input-control-cabinet__palette-preset {
  background-color: hsla(0, 0%, 100%, 0.05);
  border: 1px solid transparent;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  margin: 5px;
  transition: inherit;
  width: 28px;
}
.input-control-cabinet__palette-preset:hover {
  border-color: #fff;
}
.input-control-cabinet__palette-preset.active {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23fff' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
}
.input-control-cabinet__checkbox {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.input-control-cabinet__badge {
  align-items: center;
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  display: flex;
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  right: 10px;
  top: -8px;
}
.input-control-cabinet__badge.active {
  pointer-events: auto;
}
.input-control-cabinet__status {
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  color: var(--color-black-50);
  margin: 0 8px;
}
.input-control-cabinet__status--success {
  color: var(--color-green);
}
.input-control-cabinet__status--warning {
  color: #ff8a00;
}
.input-control-cabinet__status--danger {
  color: var(--color-red);
}
.input-control-cabinet__action {
  background-color: var(--color-blue);
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  margin: 0 0 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  transition: all 0.2s linear;
}
.input-control-cabinet__action:not(:first-child) {
  margin-left: 0;
}
.input-control-cabinet__action:hover {
  background-color: #0989ff;
  color: #fff;
}
.input-control-cabinet__help {
  color: hsla(0, 0%, 100%, 0.3);
  flex-basis: 100%;
  font-size: 12px;
  line-height: 16px;
  margin: 8px 0 0;
}
.input-control-cabinet__hint {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 6px;
  text-align: left;
}
.input-control-cabinet__hint--center {
  text-align: center;
}
.input-control-cabinet-wrapper .input-control-cabinet__hint {
  margin-bottom: -5px;
}
.input-control-cabinet--valid + .input-control-cabinet__hint {
  color: #0faf59;
}
.input-control-cabinet--invalid + .input-control-cabinet__hint {
  color: #db4635;
}
.input-control-cabinet__tooltip {
  background: #f4f4f4;
  border-radius: 3px;
  color: #353a4d;
  display: flex;
  font-size: 12px;
  inset-inline-start: 103%;
  line-height: 16px;
  max-width: 320px;
  opacity: 0;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s linear;
  width: 100%;
  z-index: 10;
}
@media (max-width: 1535px) {
  .input-control-cabinet__tooltip {
    left: calc(100% - 320px);
    top: 55px;
  }
}
.input-control-cabinet__tooltip-text {
  max-width: 280px;
  width: 100%;
}
.input-control-cabinet__tooltip:after {
  border-color: transparent #f4f4f4 transparent transparent;
  border-style: solid;
  border-width: 6px 6px 6px 0;
  bottom: 50%;
  content: "";
  height: 0;
  inset-inline-start: -6px;
  margin-bottom: -6px;
  position: absolute;
  transition: opacity 0.2s linear;
  width: 0;
}
@media (max-width: 1535px) {
  .input-control-cabinet__tooltip:after {
    border-color: transparent transparent #f4f4f4;
    border-width: 0 6px 6px;
    left: calc(100% - 20px);
    top: -6px;
  }
}
.input-control-cabinet__postscript {
  opacity: 0.5;
}
.input-control-cabinet .select-button-close {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: none;
  padding: 0;
  position: absolute;
  right: 36px;
  top: 16px;
  z-index: 100;
}
.input-control-cabinet .select-button-close.active {
  display: inline-block;
}
@keyframes selectFadeOut {
  0% {
    opacity: 1;
    top: calc(100% + 5px);
  }
  99.99% {
    opacity: 0;
    top: calc(100% - 2px);
    z-index: 1;
  }
  to {
    opacity: 0;
    top: calc(100% - 2px);
    z-index: -5;
  }
}
@keyframes selectFadeIn {
  0% {
    opacity: 0;
    top: calc(100% - 2px);
    z-index: -5;
  }
  0.01% {
    opacity: 0;
    top: calc(100% - 2px);
    z-index: 1;
  }
  to {
    opacity: 1;
    top: calc(100% + 5px);
  }
}
@keyframes autofill {
  to {
    background: transparent;
  }
}
.upload-doc-drop-zone {
  align-items: center;
  background: rgba(2, 111, 211, 0.1);
  border: 1px dashed #026fd3;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  padding: 14px 10px;
}
.upload-doc-drop-zone:hover {
  background-color: rgba(var(--upload-bg-control), 0.1) !important;
}
.upload-doc-drop-zone.green {
  background: rgba(15, 175, 89, 0.1);
  border: 1px solid rgba(15, 175, 89, 0.3);
}
.upload-doc-drop-zone.loading {
  background: rgba(255, 138, 0, 0.1);
  border: 1px solid rgba(255, 138, 0, 0.25);
}
.upload-doc-drop-zone.error {
  background: rgba(219, 70, 53, 0.1);
  border: 1px dashed #db4635;
}
.upload-doc-drop-zone__icon {
  margin-inline-end: 13px;
  position: relative;
}
.upload-doc-drop-zone__icon-side svg {
  height: 20px;
  width: 30px;
}
.upload-doc-drop-zone__icon-success {
  position: absolute;
  right: -3px;
  top: -3px;
}
.upload-doc-drop-zone__icon-success svg {
  height: 12px;
  width: 12px;
}
.upload-doc-drop-zone__label {
  font-weight: 900;
  margin-bottom: 2px;
}
.upload-doc-drop-zone__help,
.upload-doc-drop-zone__name {
  font-size: 12px;
  line-height: 16px;
}
.upload-doc-drop-zone__name {
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 15px);
}
.upload-doc-drop-zone__name-block {
  align-items: center;
  display: flex;
  justify-content: center;
}
.upload-doc-drop-zone__name-block svg {
  color: #db4635;
  cursor: pointer;
  flex: none;
  margin-left: 4px;
}
.upload-doc-drop-zone__name-block svg:hover {
  color: #ff402b;
}
.upload-doc-drop-zone__text {
  width: 100%;
}
.QH0iF {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  position: relative;
}
.QH0iF.LIAMz {
  cursor: default;
}
.QH0iF:not(.LIAMz):hover .MKlND + .xrsez {
  border-color: var(--checkbox-active);
}
.JV2ol,
.THkhw {
  --checkbox-border: hsla(0, 0%, 100%, 0.5);
  --checkbox-active: #fff;
  --checkbox-disabled: hsla(0, 0%, 100%, 0.15);
  --checkbox-mark: #026fd3;
}
.KeSCK {
  --checkbox-border: rgba(0, 0, 0, 0.5);
  --checkbox-active: #272a37;
  --checkbox-disabled: rgba(0, 0, 0, 0.15);
  --checkbox-mark: #fff;
}
.MKlND {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
.MKlND:checked + .xrsez {
  background: var(--checkbox-active);
  border-color: var(--checkbox-active);
}
.MKlND:checked + .xrsez .yqLmH {
  opacity: 1;
}
.MKlND:disabled + .xrsez {
  border-color: var(--checkbox-disabled);
}
.MKlND:disabled:checked + .xrsez {
  background: var(--checkbox-disabled);
  border-color: transparent;
}
.MKlND:focus-visible + .xrsez:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  bottom: -5px;
  box-sizing: border-box;
  content: "";
  left: -5px;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
}
.xrsez {
  background: transparent;
  border: 1px solid var(--checkbox-border);
  border-radius: 2px;
  flex: 0 0 20px;
  height: 20px;
  position: relative;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  width: 20px;
}
.yqLmH {
  color: var(--checkbox-mark);
  height: 10px;
  inset: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  transition: opacity 0.15s ease-in-out;
  width: 10px;
}
.alert-new {
  border-radius: 4px;
  display: flex;
}
.alert-new--small {
  padding: 10px;
}
.alert-new--small .alert-new__icon svg {
  height: 14px;
  width: 14px;
}
.alert-new--medium {
  padding: 12px;
}
.alert-new--large {
  padding: 20px;
}
.alert-new--primary {
  background-color: rgba(2, 111, 211, 0.1);
  border-color: rgba(2, 111, 211, 0.3);
}
.alert-new--primary > .alert-new__icon > svg {
  fill: #026fd3;
}
.alert-new--success {
  background-color: rgba(5, 197, 94, 0.1);
  border-color: rgba(5, 197, 94, 0.3);
}
.alert-new--success > .alert-new__icon > svg {
  fill: #0faf59;
}
.alert-new--warning {
  background-color: rgba(255, 138, 0, 0.1);
  border-color: rgba(255, 138, 0, 0.3);
}
.alert-new--warning > .alert-new__icon > svg {
  fill: #ff8a00;
}
.alert-new--danger {
  background-color: rgba(219, 70, 53, 0.1);
  border-color: rgba(219, 70, 53, 0.3);
}
.alert-new--danger > .alert-new__icon > svg {
  fill: #db4635;
}
.alert-new__icon {
  margin-inline-end: 8px;
}
.alert-new--border {
  border-style: solid;
  border-width: 2px;
}
.ey44c {
  cursor: pointer;
  position: relative;
  width: 320px;
}
.NJcSD {
  align-items: center;
  background: var(--color-black-10);
  border-radius: 4px;
  display: flex;
  gap: 8px;
  padding: 10px 14px;
  width: 100%;
}
.NJcSD:hover {
  background: var(--color-black-15);
}
.NJcSD.Ie8s3 {
  outline: 1px solid var(--color-black-80);
}
.NJcSD.v7QHM {
  border: 1px solid var(--color-red);
}
.NJcSD:focus-visible {
  border-radius: 8px;
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.NJcSD.Bgzzp .fHq3D {
  fill: var(--color-black-30);
}
.NJcSD.Bgzzp .FQqgj,
.NJcSD.Bgzzp .Vn6Ci {
  color: var(--color-black-30);
}
.NJcSD._eiRd {
  background: hsla(0, 0%, 100%, 0.1);
}
.NJcSD._eiRd:hover {
  background: hsla(0, 0%, 100%, 0.15);
}
.NJcSD._eiRd.Ie8s3 {
  outline: 1px solid hsla(0, 0%, 100%, 0.8);
}
.NJcSD._eiRd .fHq3D {
  fill: hsla(0, 0%, 100%, 0.4);
}
.NJcSD._eiRd .FQqgj {
  color: #fff;
}
.fHq3D {
  height: 16px;
  width: 16px;
  fill: var(--color-black-40);
  flex: none;
}
.FQqgj {
  background: transparent;
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.25;
  width: 100%;
}
.FQqgj::-moz-placeholder {
  color: var(--color-black-30);
  font-size: 16px;
  line-height: 1.25;
}
.FQqgj::placeholder {
  color: var(--color-black-30);
  font-size: 16px;
  line-height: 1.25;
}
.bKoNP {
  margin-inline-end: 10px;
}
.bKoNP svg {
  --icon-color: var(--color-black-50);
}
.bKoNP svg:hover {
  --icon-color: var(--color-black);
}
.Vn6Ci {
  transition: transform 0.15s ease;
}
.XSszB {
  color: var(--color-red);
  font-size: 12px;
  line-height: 1.33;
  margin-top: 6px;
}
.msEC9 {
  display: flex;
  gap: 8px;
}
.ajayG {
  border-top: 1px solid var(--modals-separator);
  padding-top: 16px;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .ajayG {
    padding-top: 20px;
  }
}
.HQqdD {
  justify-content: flex-end;
}
.eFzLX {
  flex-direction: column;
}
.yCM7r {
  flex: 1;
}
.m41It {
  flex: none;
  width: 100%;
}
.VzWAV,
.tqRt4 {
  display: block;
  width: 100%;
}
.tqRt4 {
  height: auto;
}
.vjJR0 {
  inset: 0;
  overflow: hidden;
  position: absolute;
  --initial-offset: 100%;
}
.vjJR0.LcPAb .cWq3r {
  opacity: 0;
  pointer-events: none;
}
.vjJR0.LcPAb .gBvy2 {
  opacity: 1;
  pointer-events: auto;
}
.vjJR0.bPjxL .gBvy2 {
  background-color: var(--modals-background);
}
.ZR5sf {
  border-radius: 24px 24px 0 0;
  bottom: 0;
  left: 50%;
  overflow-anchor: none;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding-top: var(--initial-offset);
  position: absolute;
  scrollbar-width: none;
  top: 12px;
  transform: translateX(-50%);
  transition: padding-top 0.3s ease-in-out;
  width: 100%;
  z-index: 1;
}
.ZR5sf::-webkit-scrollbar {
  height: 0;
  width: 0;
}
@media (min-width: 568px) and (orientation: landscape) {
  .ZR5sf {
    max-width: 375px;
  }
}
@media (min-width: 667px) and (orientation: landscape) {
  .ZR5sf {
    max-width: 440px;
  }
}
.BmmWL {
  background-color: var(--modals-background);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 0 20px 0 rgba(27, 31, 45, 0.2);
  color: var(--modals-text);
  margin: 0 auto;
  overflow: visible;
  position: relative;
  width: 100%;
}
@media (min-width: 568px) and (orientation: landscape) {
  .BmmWL {
    max-width: 375px;
  }
}
@media (min-width: 667px) and (orientation: landscape) {
  .BmmWL {
    max-width: 440px;
  }
}
.BmmWL.skUaU .OMuMS {
  padding-top: 12px;
}
.zWNiv {
  background-color: var(--modals-background);
  border-radius: 100px;
  pointer-events: auto;
  right: 12px;
}
.gBvy2,
.zWNiv {
  position: absolute;
  top: 12px;
}
.gBvy2 {
  background-color: transparent;
  border-radius: 24px 24px 0 0;
  height: 48px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}
@media (min-width: 568px) and (orientation: landscape) {
  .gBvy2 {
    max-width: 375px;
  }
}
@media (min-width: 667px) and (orientation: landscape) {
  .gBvy2 {
    max-width: 440px;
  }
}
.rkDXp {
  background-color: var(--modals-background);
  border-radius: 100px;
  pointer-events: auto;
  position: absolute;
  right: 12px;
  top: 12px;
}
.IOJRH {
  background: linear-gradient(180deg, #515976, #373d56);
  border-radius: 24px 24px 0 0;
  height: 125px;
  overflow: hidden;
}
@media (min-width: 667px) and (orientation: landscape) {
  .IOJRH {
    height: 146px;
  }
}
.bdBGz {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.OMuMS {
  padding: 48px 12px 24px;
}
.tCcT4 {
  color: var(--sheet-title-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.tWPpK {
  margin-top: 12px;
}
.gui81,
.tWPpK {
  font-size: 14px;
  line-height: 1.28;
}
.gui81 {
  margin-top: 24px;
}
.gui81 p {
  margin: 0;
}
.gui81 p + p {
  margin-top: 12px;
}
.czmPr {
  align-items: center;
  display: flex;
  gap: 0;
}
.czmPr.FiMZl {
  background-color: var(--tabs-variant-1-list-bg);
  border-radius: 8px;
  gap: 24px;
  padding: 6px 12px;
}
.czmPr.FiMZl .f4RES:not(.zDGpL) {
  background-color: var(--tabs-variant-1-bg);
  color: var(--tabs-variant-1-color);
}
.czmPr.FiMZl .f4RES:not(.zDGpL):hover {
  background-color: var(--tabs-variant-1-hover);
}
.czmPr.FiMZl .f4RES:not(.zDGpL).tNzgr {
  background-color: var(--tabs-variant-1-active);
  color: #fff;
}
.czmPr.xoM62 .f4RES:not(.zDGpL) {
  background-color: var(--tabs-variant-2-bg);
  color: var(--tabs-variant-2-color);
}
.czmPr.xoM62 .f4RES:not(.zDGpL):hover {
  background-color: var(--tabs-variant-2-hover);
}
.czmPr.xoM62 .f4RES:not(.zDGpL).tNzgr {
  background-color: var(--tabs-variant-2-active);
}
.czmPr.D4_Yl {
  background-color: var(--tabs-variant-3-bg);
  border-radius: 4px;
}
.czmPr.D4_Yl .f4RES:not(.zDGpL) {
  background-color: var(--tabs-variant-3-bg);
  color: var(--tabs-variant-3-color);
}
.czmPr.D4_Yl .f4RES:not(.zDGpL):hover {
  background-color: var(--tabs-variant-3-hover);
}
.czmPr.D4_Yl .f4RES:not(.zDGpL).tNzgr {
  background-color: var(--tabs-variant-3-active);
}
.czmPr.D4_Yl .f4RES:not(.zDGpL).tNzgr:hover {
  background-color: var(--tabs-variant-3-active-hover);
}
.f4RES {
  border-radius: 4px;
  height: 24px;
  position: relative;
  width: 100%;
}
.f4RES:focus-visible:after {
  border: 2px solid #6674ff;
  border-radius: 8px;
  bottom: -5px;
  box-sizing: border-box;
  content: "";
  left: -5px;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: -5px;
}
.f4RES.FiMZl {
  background-color: var(--tabs-variant-1-bg);
  color: var(--tabs-variant-1-color);
}
.f4RES.FiMZl:hover {
  background-color: var(--tabs-variant-1-hover);
}
.f4RES.FiMZl.tNzgr {
  background-color: var(--tabs-variant-1-active);
}
.f4RES.xoM62 {
  background-color: var(--tabs-variant-2-bg);
  color: var(--tabs-variant-2-color);
}
.f4RES.xoM62:hover {
  background-color: var(--tabs-variant-2-hover);
}
.f4RES.xoM62.tNzgr {
  background-color: var(--tabs-variant-2-active);
}
.f4RES.D4_Yl {
  background-color: var(--tabs-variant-3-bg);
  color: var(--tabs-variant-3-color);
}
.f4RES.D4_Yl:hover {
  background-color: var(--tabs-variant-3-hover);
}
.f4RES.D4_Yl.tNzgr {
  background-color: var(--tabs-variant-3-active);
}
.f4RES.D4_Yl.tNzgr:hover {
  background-color: var(--tabs-variant-3-active-hover);
}
.mg1RN {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.15);
  border-radius: 100%;
  color: #fff;
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  height: 16px;
  justify-content: center;
  line-height: 1.2;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 16px;
}
.RsmY3 {
  background-color: #ff6251;
}
.YlAJx {
  background-color: #2b99ff;
}
.balance {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 38px;
  padding: 0 10px;
  text-align: right;
  white-space: nowrap;
}
.balance + .balance {
  margin-inline-start: 20px;
  padding-inline-start: 30px;
  position: relative;
}
.balance + .balance:before {
  border-inline-start: 1px solid var(--color-black-10);
  bottom: 0;
  content: "";
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}
.balance__container {
  align-items: center;
  display: flex;
  margin-inline-start: auto;
}
@media (max-width: 1023px) {
  .balance__container {
    display: none;
  }
}
.balance__button {
  font-size: 10px;
  font-weight: 900;
  height: 20px;
  line-height: 12px;
  margin-inline-start: 8px;
  padding: 4px 6px;
  text-transform: uppercase;
}
.balance__currency {
  align-items: center;
  display: flex;
}
.balance__currency svg {
  margin-right: 6px;
}
.balance__currency-icon {
  background: #353a4d;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 20px;
  line-height: 21px;
  margin-inline-end: 6px;
  text-align: center;
  width: 20px;
}
.balance__label {
  align-items: center;
  color: var(--color-black-50);
  display: flex;
  font-size: 12px;
  gap: 4px;
  line-height: 16px;
  margin-bottom: 2px;
}
.balance__value {
  direction: ltr;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.balance__value:only-child {
  margin: auto 0;
}
.balance--accent .balance__value {
  font-weight: 700;
}
.balance__value > .icon,
.balance__value > svg {
  height: 18px;
  margin: 0 2px;
  vertical-align: text-top;
  width: 18px;
}
.balance__value > .icon:first-child,
.balance__value > svg:first-child {
  margin-left: 0;
}
.balance__value > .icon:last-child,
.balance__value > svg:last-child {
  margin-right: 0;
}
@media (max-width: 567px) {
  .balance {
    display: none;
  }
}
.balance__tooltip-bold {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.33;
}
.balance__tooltip-trigger svg {
  height: 12px;
  width: 12px;
}
.balance__tooltip-text + .balance__tooltip-text {
  margin-top: 12px;
}
.Zypee {
  display: flex;
  gap: 6px;
  width: 100%;
}
@media (orientation: landscape) {
  .Zypee {
    margin-left: auto;
    width: -moz-max-content;
    width: max-content;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .Zypee {
    gap: 10px;
    justify-content: end;
  }
}
@media (min-width: 1024px) {
  .Zypee {
    gap: 10px;
    justify-content: end;
  }
}
.kbBUN {
  height: 60px;
  position: absolute;
  right: 0;
  top: -14px;
  width: 460px;
  z-index: -1;
}
@media (max-width: 567px) {
  .kbBUN {
    height: 56px;
    width: 100%;
  }
}
.OVpxb {
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding: 3px 0;
}
@media (max-width: 1023px) {
  .OVpxb {
    display: none;
  }
}
.eWevk {
  color: var(--color-black-40);
  margin-bottom: 2px;
}
.elxq6 {
  color: #0faf59;
}
.nj5c5 {
  background: var(--usermenu-bg);
  border-radius: 4px;
  font-weight: 700;
  padding: 3px 20px;
}
.nj5c5:active,
.nj5c5:focus-visible,
.nj5c5:hover {
  background: var(--usermenu-bg-hover);
}
@media (max-width: 1023px) {
  .nj5c5 {
    display: none;
  }
}
.ll3CX {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-weight: 700;
}
.ll3CX svg {
  height: 12px;
  margin-right: 6px;
  width: 12px;
}
.TNiVK {
  align-items: center;
  color: var(--color-black-40);
  display: flex;
  font-size: 12px;
  line-height: 16px;
  margin-top: 1px;
}
.TNiVK svg {
  height: 12px;
  margin-right: 6px;
  width: 12px;
}
.HTWjK {
  font-size: 12px;
  font-weight: 900;
  height: 26px;
  line-height: 1.33;
  margin-left: auto;
  z-index: 1;
}
.HTWjK svg {
  display: none;
}
@media (min-width: 768px) and (orientation: portrait) {
  .HTWjK svg {
    display: block;
    height: 16px;
    width: 16px;
  }
}
@media (min-width: 1024px) {
  .HTWjK svg {
    display: block;
    height: 16px;
    width: 16px;
  }
}
@media (orientation: landscape) {
  .HTWjK {
    margin-left: 0;
    order: 3;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .HTWjK {
    height: auto;
    margin-left: 0;
    order: 3;
  }
}
@media (min-width: 1024px) {
  .HTWjK {
    height: auto;
    margin-left: 0;
    order: 3;
  }
}
.Zzfm2 {
  background: #2b3040;
  border-radius: 4px;
  padding: 5px;
  z-index: 1;
}
.Zzfm2 svg {
  height: 16px;
  width: 16px;
}
@media (min-width: 768px) and (orientation: portrait) {
  .Zzfm2 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .Zzfm2 {
    display: none;
  }
}
.F2hQx {
  align-items: center;
  display: flex;
}
.NODpk svg {
  height: 14px;
  width: 14px;
}
.yqax_ {
  align-items: center;
  background: var(--usermenu-bg);
  border-radius: 4px;
  color: var(color-black);
  cursor: pointer;
  display: none;
  flex: none;
  font-size: 12px;
  font-weight: 900;
  gap: 8px;
  line-height: 1.33;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 5px 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
@media (orientation: landscape) {
  .yqax_ {
    display: flex;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .yqax_ {
    display: none;
  }
}
@media (min-width: 1024px) {
  .yqax_ {
    display: none;
  }
}
.c_f0Q {
  color: var(--color-white);
}
.c_f0Q svg {
  height: 14px;
  width: 14px;
}
.VyFjj {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UI2Kh {
  color: #ff8a00;
}
.XEw4y {
  flex: none;
}
.XEw4y svg {
  height: 10px;
  width: 10px;
}
.yFSUg {
  background: #2b3040;
  border-radius: 8px;
  display: inline-block;
  height: 77px;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.yFSUg.Qq3Gv {
  height: 21px;
}
.yFSUg.Qq3Gv .O2B3D {
  border: 0;
  height: 3px;
  transform: scale(0.8);
}
.yFSUg.Qq3Gv .VEkw8 {
  transform: rotate(180deg);
}
.O2B3D {
  background: #353a4d;
  border: 2px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 8px;
  overflow: hidden;
  transition: height 0.3s ease-in-out, border-width 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  width: 44px;
}
.O2B3D,
.VEkw8 {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.VEkw8 {
  height: 18px;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}
.oPtxg {
  background: #353a4d;
  border-radius: 8px;
  cursor: pointer;
  height: 65px;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  width: 50px;
}
.oPtxg.kCddE {
  height: 78px;
  width: 60px;
}
.uC_q0 {
  background: #353a4d;
  border-radius: 6px;
  display: block;
  inset: 2px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.uC_q0 img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
  width: 100%;
}
.aLzX8 {
  border: 2px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 8px;
  inset: 0;
}
.aLzX8,
.xwawT {
  pointer-events: none;
  position: absolute;
}
.xwawT {
  animation: Md3Qt 4s linear infinite;
  background: linear-gradient(
    90deg,
    transparent,
    hsla(0, 0%, 100%, 0.05) 25%,
    hsla(0, 0%, 100%, 0.25) 55%,
    hsla(0, 0%, 100%, 0.9)
  );
  border-radius: 999px;
  filter: blur(0.6px) drop-shadow(0 0 2px rgba(255, 255, 255, 0.3));
  height: 2px;
  left: 0;
  offset-distance: 0;
  offset-path: path(
    "M9 1 H41 A8 8 0 0 1 49 9 V56 A8 8 0 0 1 41 64 H9 A8 8 0 0 1 1 56 V9 A8 8 0 0 1 9 1 Z"
  );
  offset-rotate: auto;
  top: 0;
  transform: translate(-50%, -50%);
  width: 22px;
  z-index: 2;
}
.kCddE .xwawT {
  offset-path: path(
    "M9 1 H51 A8 8 0 0 1 59 9 V69 A8 8 0 0 1 51 77 H9 A8 8 0 0 1 1 69 V9 A8 8 0 0 1 9 1 Z"
  );
}
@keyframes Md3Qt {
  to {
    offset-distance: 100%;
  }
}
.GfBbH {
  height: 100%;
  overflow: auto;
}
.GfBbH,
.wN3Yc {
  position: relative;
}
.vEqGz,
.wN3Yc {
  width: 100%;
}
.vEqGz {
  left: 0;
  position: absolute;
  top: 0;
}
.wzHpr {
  background-color: var(--tabs-bg-color);
  border-radius: 4px;
  display: flex;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 6px 10px;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1023px) {
  .wzHpr {
    min-width: 125px;
    overflow: visible;
    padding: 0;
    width: 100%;
  }
}
.SXP6f {
  background-color: #353a4d;
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(28, 32, 46, 0.2);
  color: #fff;
  cursor: pointer;
  display: none;
  font-weight: 900;
  margin: 0;
  padding: 15px 30px 15px 12px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s linear;
  transition-property: background-color, transform;
  white-space: nowrap;
  width: 100%;
}
.SXP6f:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Cpath fill='%23FFF' d='M1.083.679a.64.64 0 0 0-.887 0 .633.633 0 0 0 .007.922l3.857 3.72a.644.644 0 0 0 .887 0l3.857-3.72A.641.641 0 0 0 7.917.68l-3.42 3.298z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 9px 6px;
  content: "";
  height: 6px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: inherit;
  width: 10px;
}
.SXP6f:focus-visible,
.wzHpr.mN4AD .SXP6f,
.wzHpr:hover .SXP6f {
  background-color: #494f65;
}
.wzHpr.mN4AD .SXP6f:after {
  transform: translateY(-50%) rotateX(180deg);
}
@media (max-width: 1023px) {
  .SXP6f {
    display: flex;
  }
}
._vvbn {
  display: flex;
  list-style-type: none;
  margin: -6px -10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 0 0;
  scroll-snap-type: x mandatory;
}
@media (max-width: 1023px) {
  ._vvbn {
    animation: T3BcB 0.4s ease forwards;
    background-color: #353a4d;
    border-radius: 4px;
    box-shadow: 2px 2px 6px rgba(28, 32, 46, 0.2);
    color: #fff;
    display: none;
    flex-direction: column;
    font-weight: 900;
    left: 0;
    margin: 0;
    padding: 4px 12px;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    z-index: 100;
  }
  .wzHpr.mN4AD ._vvbn {
    display: flex;
    top: calc(100% + 4px);
  }
  ._vvbn.RNFSj {
    animation: iSzad 0.4s ease forwards;
  }
}
.L0vmo {
  background-color: transparent;
  border-radius: 4px;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-weight: 900;
  margin: 0 10px 6px;
  min-height: 38px;
  padding: 10px 12px;
  position: relative;
  scroll-snap-align: start;
  text-decoration: none;
  transition: all 0.4s linear;
  transition-property: color, background-color, box-shadow;
  white-space: nowrap;
}
.L0vmo:hover {
  background-color: var(--tabs-bg-hover);
  color: inherit;
}
.L0vmo.mN4AD {
  background-color: var(--tabs-bg-page-button);
  box-shadow: 2px 2px 6px rgba(28, 32, 46, 0.2);
  color: #fff;
  cursor: default;
}
@media (max-width: 1023px) {
  .L0vmo {
    margin: 0;
    padding: 8px 0;
  }
  .L0vmo + .L0vmo {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  }
  .L0vmo:hover {
    background: none;
    color: #0989ff;
  }
  .L0vmo.mN4AD {
    display: none;
  }
}
@keyframes T3BcB {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes iSzad {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    display: none;
    opacity: 0;
    transform: translateY(-20px);
  }
}
.tournament-flag-avatar {
  display: inline-flex;
}
.tournament-flag-avatar > * {
  background-color: #d1e9ff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--sidepanel-bg-dark);
  float: left;
  height: 16px;
  margin-bottom: 0;
  margin-top: 0;
  width: 16px;
}
.tournament-flag-avatar > :not(:first-child) {
  margin-inline-start: -4px;
}
.tournament-flag-avatar img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.tournament-flag-avatar svg {
  height: 16px;
  width: 16px;
}
.tournament-member {
  display: grid;
  grid-template-columns: max-content 1fr calc(22% - 30px) 23%;
  grid-column-gap: 10px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding: 12px 0;
}
.tournament-member .end {
  color: hsla(0, 0%, 98%, 0.3);
  text-align: end;
}
.tournament-member .green {
  color: #0faf59;
}
.tournament-member__name {
  display: grid;
  font-weight: 400;
  gap: 8px;
  grid-template-columns: 28px 1fr;
}
.tournament-member__name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tournament-my-position {
  background: var(--tournament-bg-my-profile);
  border-radius: 4px;
  color: var(--color-black);
  margin: 8px 0;
  padding: 10px;
}
.tournament-my-position__header {
  display: grid;
  grid-template-columns: 57% calc(23% - 20px) 20%;
  grid-column-gap: 10px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
  padding-bottom: 8px;
}
.tournament-my-position__header-name {
  display: grid;
  gap: 8px;
  grid-template-columns: 28px 1fr;
}
.tournament-my-position__header-name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tournament-my-position__header .bold {
  font-weight: 700;
}
.tournament-my-position__header .end {
  font-weight: 700;
  text-align: end;
}
.tournament-my-position__footer {
  display: grid;
  grid-template-columns: 57% calc(43% - 20px);
  grid-column-gap: 10px;
}
.tournament-my-position__footer-position {
  align-items: center;
  color: var(--color-black-50);
  display: flex;
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.tournament-my-position__footer-position__number {
  color: var(--color-black);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  margin-inline-start: 8px;
}
.tournament-my-position__footer-rebuy {
  background: #0faf59;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding: 3px 8px;
  width: -moz-max-content;
  width: max-content;
}
.tournament-my-position__footer-rebuy:hover {
  background-color: #05c65e;
}
.tournament-members {
  padding: 0 30px 0 20px;
}
@media (max-width: 1150px) {
  .tournament-members {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 768px) {
  .tournament-members {
    padding: 0;
  }
}
.tournament-members__header {
  display: grid;
  grid-template-columns: var(--rating-ch) 1fr calc(22% - 30px) 23%;
  grid-column-gap: 10px;
  border-bottom: 1px solid var(--color-black-05);
  color: var(--color-black-50);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  padding-bottom: 10px;
}
.tournament-members__header .end {
  text-align: end;
}
.tournament-members__pages {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
}
.oEDdq {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  display: flex;
  gap: 12px;
  margin: 30px 0 0;
  padding-bottom: 30px;
}
._KMT5 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
._KMT5:not(:last-child) {
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
  padding-right: 12px;
}
.dcGGg {
  margin: 30px 0 20px;
}
.iYOLt {
  display: grid;
  gap: 20px;
  grid-template-columns: 40% 1px 20% 1px 40%;
  overflow: hidden;
}
@media (max-width: 567px) {
  .iYOLt {
    grid-template-columns: 1fr;
  }
}
.jG0uX {
  margin-top: 30px;
}
.uinpe {
  align-content: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.DVaK4 {
  border-left: 1px dashed hsla(0, 0%, 100%, 0.1);
  height: 100%;
  width: 1px;
}
@media (max-width: 567px) {
  .DVaK4 {
    border-top: 1px dashed hsla(0, 0%, 100%, 0.1);
    height: 1px;
    width: 100%;
  }
}
.tournamentInformation__body {
  background: rgba(53, 58, 77, 0.9);
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  color: #fff;
  height: 220px;
  padding: 20px;
  position: relative;
}
@media (max-width: 424px) {
  .tournamentInformation__body {
    padding: 10px;
  }
}
.tournamentInformation__body-label {
  align-items: center;
  background: #026fd3;
  border-radius: 4px;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  margin-bottom: 15px;
  padding: 6px 8px;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
}
.tournamentInformation__body-label.active {
  background: #0faf59;
}
.tournamentInformation__body-label.finished {
  background: #db4635;
}
.tournamentInformation__body-label.upcoming {
  background: #e29500;
}
@media (max-width: 424px) {
  .tournamentInformation__body-label {
    margin-bottom: 60px;
  }
}
.tournamentInformation__body-label svg {
  margin-inline-end: 6px;
  opacity: 0.6;
}
.tournamentInformation__body-title {
  align-items: center;
  display: flex;
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
}
@media (max-width: 567px) {
  .tournamentInformation__body-title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
  }
}
.tournamentInformation__body-title svg {
  height: 35px;
  margin-inline-end: 10px;
  width: 35px;
}
@media (max-width: 424px) {
  .tournamentInformation__body-title svg {
    height: 28px;
    width: 28px;
  }
}
.tournamentInformation__body-prize {
  color: #0faf59;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  text-align: right;
}
@media (max-width: 424px) {
  .tournamentInformation__body-prize {
    font-size: 16px;
    line-height: 20px;
  }
}
.tournamentInformation__body-prize__block {
  margin-bottom: 15px;
}
@media (max-width: 424px) {
  .tournamentInformation__body-prize__block {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
.tournamentInformation__body-prize__title {
  color: hsla(0, 0%, 100%, 0.3);
  font-weight: 700;
  margin-bottom: 7px;
  text-align: right;
  text-transform: uppercase;
}
@media (max-width: 424px) {
  .tournamentInformation__body-prize__title {
    margin-bottom: 4px;
  }
}
.tournamentInformation__body-footer {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
@media (max-width: 424px) {
  .tournamentInformation__body-footer {
    display: block;
    margin-top: 0;
  }
}
.tournamentInformation__body-button {
  font-size: 16px;
  font-weight: 700;
  height: auto;
  line-height: 20px;
  padding: 16px 20px;
}
.tournamentInformation__body-button.disabled:disabled {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.tournamentInformation__body-button.disabled:disabled span {
  opacity: 1;
}
@media (max-width: 567px) {
  .tournamentInformation__body-button {
    min-width: 0;
    padding: 10px;
    width: 100%;
  }
}
.tournamentInformation__description {
  border-top: 1px solid var(--color-black-05);
  padding-top: 30px;
}
.tournamentInformation__description-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tournamentInformation__description-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.tournamentInformation__description-prize {
  align-items: center;
  border: 0.5px solid var(--color-black-10);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--color-black-30);
  cursor: pointer;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  gap: 8px;
  line-height: 12px;
  padding: 8px 10px;
  text-transform: uppercase;
}
.tournamentInformation__description-prize:dir(rtl) {
  flex-flow: row-reverse;
}
.tournamentInformation__description-prize__icon {
  align-items: center;
  background: #026fd3;
  border-radius: 4px;
  display: flex;
  flex: none;
  height: 17px;
  justify-content: center;
  width: 17px;
}
.tournamentInformation__description-prize__icon svg {
  height: 9px;
  width: 9px;
  fill: #fff;
}
.tournamentInformation__description-text {
  color: var(--color-black-80);
  word-break: break-word;
}
.tournamentInformation__trading-button {
  background: #026fd3;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 30px;
  padding: 12px;
  text-align: center;
  width: 100%;
}
.tournamentInformation__trading-button:hover {
  background: #0989ff;
  color: #fff;
}
.tournamentInformation__trading-button.disabled {
  cursor: default;
  opacity: 0.35;
}
.tournamentInformation__trading-button.disabled:hover {
  background-color: #026fd3;
}
@media (max-width: 424px) {
  .tournamentInformation__trading-button {
    margin-top: 20px;
  }
}
.tournamentInformation-info {
  align-items: center;
  display: flex;
  margin: 30px 0;
}
@media (max-width: 424px) {
  .tournamentInformation-info {
    flex-wrap: wrap;
    margin: 20px 0;
  }
}
.tournamentInformation-info__block {
  border-inline-end: 1px solid var(--color-black-10);
  padding: 0 16px;
  width: 25%;
}
@media (max-width: 424px) {
  .tournamentInformation-info__block {
    width: 50%;
  }
  .tournamentInformation-info__block:nth-child(2n + 2) {
    border: 0;
  }
}
.tournamentInformation-info__block:last-child {
  border: 0;
}
.tournamentInformation-info__container {
  margin: 15px 0 45px;
}
.tournamentInformation-info__container-time {
  margin: 0 0 30px;
}
.tournamentInformation-info-utc {
  color: var(--color-black-30);
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 7px;
  text-align: center;
}
.tournamentInformation-info__value {
  font-weight: 700;
  margin-bottom: 7px;
  text-align: center;
}
.tournamentInformation-info__label {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  height: 24px;
  line-height: 12px;
  margin: 0 auto;
  max-width: 78px;
  text-align: center;
  text-transform: uppercase;
}
.prize-distribution {
  background: rgba(43, 48, 64, 0.6);
  border: 1px solid hsla(0, 0%, 100%, 0.05);
  border-radius: 8px;
  margin: 0 20px;
  padding: 10px 14px;
}
.prize-distribution__title {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 20px;
}
.prize-distribution__title svg {
  height: 16px;
  margin-inline-end: 10px;
  width: 16px;
}
.prize-distribution__header {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  color: var(--color-black-30);
  display: grid;
  font-size: 12px;
  font-weight: 700;
  grid-template-columns: 1fr 1fr;
  line-height: 16px;
  padding: 0 0 6px 10px;
}
.prize-distribution__header-price {
  margin-inline-end: 40%;
  text-align: end;
}
.prize-distribution__item {
  display: grid;
  font-size: 10px;
  font-weight: 900;
  grid-template-columns: 1fr 1fr;
  line-height: 12px;
  padding: 10px;
  text-transform: uppercase;
}
.prize-distribution__item.grey {
  background: hsla(0, 0%, 100%, 0.03);
  border-radius: 4px;
}
.prize-distribution__item-price {
  color: #0faf59;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  margin-inline-end: 40%;
  text-align: end;
}
.tournament-tabs {
  align-items: center;
  border-bottom: 1px solid var(--color-black-10);
  display: flex;
  margin: 30px 0;
}
@media (max-width: 424px) {
  .tournament-tabs {
    margin: 20px -10px 30px;
    overflow: auto;
  }
}
.tournament-tabs__container {
  align-items: center;
  display: flex;
  margin: 0 auto;
  max-width: calc(100% - 40px);
  width: 100%;
}
@media (max-width: 424px) {
  .tournament-tabs__container {
    padding: 0;
  }
}
.tournament-tabs-item {
  align-items: center;
  color: var(--color-black-50);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  margin-inline-end: 30px;
  max-width: 150px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.tournament-tabs-item.active {
  border-bottom: 2px solid var(--color-blue);
  color: var(--color-blue);
}
.tournament-tabs-item__count {
  align-items: center;
  background: #026fd3;
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  height: 16px;
  justify-content: center;
  margin-inline-start: 8px;
  width: 16px;
}
.loader__block {
  left: 50%;
  position: absolute;
  top: 168px;
  transform: translate(-50%);
}
.loader__block.block {
  background: var(--tournaments-loader-bg);
  display: flex;
  justify-content: center;
  left: 10px;
  padding: 8% 0 0;
  top: auto;
  transform: none;
  width: calc(100% - 20px);
  z-index: 1000;
}
.loader__container {
  align-items: center;
  border-radius: 8px;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.previous-tournaments__empty {
  margin: 130px 0 90px;
}
.previous-tournaments__empty-container {
  margin: 0 auto;
  max-width: 187px;
  width: 100%;
}
.previous-tournaments__empty-container svg {
  height: 23px;
  width: 30px;
  fill: #026fd3;
}
.previous-tournaments__empty-icon {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 100px;
  box-shadow: 6.95652px 20.8696px 41.7391px rgba(53, 58, 77, 0.2);
  display: flex;
  height: 64px;
  justify-content: center;
  margin: 0 auto;
  width: 64px;
}
.previous-tournaments__empty-text {
  color: var(--color-black-50);
  margin-top: 15px;
  text-align: center;
}
.previous-tournament {
  align-items: center;
  border-bottom: 1px solid var(--color-black-05);
  display: grid;
  font-size: 12px;
  gap: 10px;
  grid-template-columns: 10% 20% 20% 20% calc(20% - 50px) 10%;
  height: 41px;
  line-height: 16px;
  margin-top: 8px;
}
@media (max-width: 1535px) {
  .previous-tournament {
    align-items: normal;
    grid-template-columns: 10% 30% 30% calc(20% - 50px) 10%;
    height: auto;
    padding-bottom: 8px;
  }
}
@media (max-width: 424px) {
  .previous-tournament {
    display: none;
  }
}
.previous-tournament__position {
  color: var(--color-black-50);
}
.previous-tournament__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.previous-tournament__time {
  align-items: center;
  display: flex;
}
.previous-tournament__time svg {
  height: 18px;
  margin-inline-end: 8px;
  width: 18px;
}
@media (max-width: 1535px) {
  .previous-tournament__time.start {
    margin-bottom: 5px;
  }
}
.previous-tournament__time.start svg {
  color: #0faf59;
}
.previous-tournament__time.end svg {
  color: #db4635;
}
.previous-tournament__clock {
  display: none;
}
@media (max-width: 1535px) {
  .previous-tournament__clock {
    display: block;
  }
}
.previous-tournament__balance {
  font-weight: 700;
}
.previous-tournament__prize {
  font-weight: 700;
  text-align: end;
}
.previous-tournament__prize.green {
  color: #0faf59;
}
@media (max-width: 1535px) {
  .previous-tournament .desktop {
    display: none;
  }
}
.previous-tournament-mobile {
  display: none;
}
@media (max-width: 424px) {
  .previous-tournament-mobile {
    border-bottom: 1px solid var(--color-black-05);
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    padding-bottom: 4px;
  }
}
.previous-tournament-mobile__block {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.previous-tournament-mobile__block-label {
  color: var(--color-black-40);
}
.previous-tournament-mobile__block-value {
  align-items: center;
  color: var(--color-black);
  display: flex;
}
.previous-tournament-mobile__block-value.start svg {
  color: #0faf59;
  height: 12px;
  margin-inline-end: 5px;
  width: 12px;
}
.previous-tournament-mobile__block-value.end svg {
  color: #db4635;
  height: 12px;
  margin-inline-end: 5px;
  width: 12px;
}
.previous-tournament-mobile__block-value.green {
  color: #0faf59;
}
.previous-tournaments {
  border-inline-end: 1px dashed var(--color-black-20);
  margin-inline-end: 20px;
  padding-inline-end: 20px;
  width: 60%;
}
@media (max-width: 1535px) {
  .previous-tournaments {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  .previous-tournaments {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .previous-tournaments {
    border: none;
    margin-inline-end: 0;
    margin-inline-start: 0;
    padding-inline-end: 0;
    padding-inline-start: 0;
    position: relative;
    width: 100%;
  }
}
.previous-tournaments__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 30px;
}
.previous-tournaments__header {
  border-bottom: 1px solid var(--color-black-05);
  color: var(--color-black-30);
  display: grid;
  font-size: 12px;
  gap: 10px;
  grid-template-columns: 10% 20% 20% 20% calc(20% - 50px) 10%;
  line-height: 16px;
  padding-bottom: 10px;
}
@media (max-width: 1535px) {
  .previous-tournaments__header {
    grid-template-columns: 10% 30% 30% calc(20% - 50px) 10%;
  }
}
@media (max-width: 424px) {
  .previous-tournaments__header {
    display: none;
  }
}
.previous-tournaments__header-prize {
  text-align: end;
}
.previous-tournaments__header-period {
  display: none;
}
@media (max-width: 1535px) {
  .previous-tournaments__header-period {
    display: block;
  }
  .previous-tournaments__header .desktop {
    display: none;
  }
}
.previous-tournaments__button {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: 20px 0 0 auto;
  max-width: -moz-max-content;
  max-width: max-content;
}
.previous-tournaments__faq {
  display: none;
}
@media (max-width: 768px) {
  .previous-tournaments__faq {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.YPd_H {
  display: block;
  margin: 10px 10px 30px;
}
.IdRUD {
  display: block;
  margin-left: 10px;
}
.IdRUD,
.qj9jC {
  margin-bottom: 30px;
}
.qj9jC {
  align-content: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.qj9jC:before {
  left: 0;
}
.qj9jC:after,
.qj9jC:before {
  background-color: hsla(0, 0%, 100%, 0.1);
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% - 150px);
}
.qj9jC:after {
  right: 0;
}
.QSJMM {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .QSJMM {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .QSJMM {
    grid-template-columns: 1fr;
  }
}
.X1LKA {
  background: hsla(0, 0%, 100%, 0.05);
  padding: 20px;
}
.CjTNp {
  align-items: flex-end;
  display: flex;
  gap: 20px;
  margin-bottom: 35px;
  margin-top: 50px;
}
.dMRi2 {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.dMRi2 div {
  position: relative;
}
.dMRi2 div:not(:last-child) {
  margin-right: 12px;
}
.dMRi2 div:not(:last-child):after {
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -12px;
  top: 0;
  width: 1px;
}
@media (max-width: 1023px) {
  .X1LKA:last-child {
    display: none;
  }
}
.QEHIu {
  border-top: 1px solid hsla(0, 0%, 100%, 0.05);
  display: flex;
  gap: 20px;
  padding: 30px 10px 10px;
}
.QEHIu div {
  position: relative;
}
.QEHIu div:not(:last-child) {
  margin-right: 20px;
}
.QEHIu div:not(:last-child):after {
  border-right: 1px dashed hsla(0, 0%, 100%, 0.1);
  content: "";
  height: 100%;
  position: absolute;
  right: -20px;
  top: 0;
  width: 1px;
}
.tournamentItem {
  height: 300px;
  position: relative;
  width: 100%;
}
@media (max-width: 424px) {
  .tournamentItem {
    margin-bottom: 20px;
  }
}
.tournamentItem__block {
  background-position: 50%;
  background-size: cover;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: calc(100% - 139px);
  justify-content: space-between;
  padding: 20px;
}
@media (max-width: 424px) {
  .tournamentItem__block {
    padding: 10px;
  }
}
.tournamentItem__block-footer {
  display: flex;
  justify-content: space-between;
}
.tournamentItem__block-cup {
  align-items: center;
  display: flex;
}
.tournamentItem__block-daily {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-top: auto;
}
@media (max-width: 424px) {
  .tournamentItem__block-daily {
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin: auto 0 0;
  }
}
.tournamentItem__block-prize {
  color: #0faf59;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 17px;
}
@media (max-width: 424px) {
  .tournamentItem__block-prize {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin: 0;
  }
}
.tournamentItem__block-prize__label {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-align: end;
  text-transform: uppercase;
}
@media (max-width: 424px) {
  .tournamentItem__block-prize__label {
    font-size: 12px;
    line-height: 16px;
  }
}
.tournamentItem__label {
  background: #026fd3;
  border-radius: 4px;
  display: flex;
  font-size: 10px;
  font-weight: 900;
  gap: 6px;
  line-height: 12px;
  padding: 8px 6px;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
}
.tournamentItem__label.active {
  background: #0faf59;
}
.tournamentItem__label.finished {
  background: #db4635;
}
.tournamentItem__label.upcoming {
  background: #e29500;
}
.tournamentItem__label svg {
  opacity: 0.6;
}
.tournamentItem__footer {
  background: var(--tournaments-previous-bg);
  border-radius: 0 0 4px 4px;
  color: var(--color-black);
  padding: 15px 20px;
  position: relative;
}
.tournamentItem__footer.active {
  background: var(--tournaments-previous-bg-active);
}
.tournamentItem__footer.active:before {
  background: #0faf59;
  border-radius: 4px;
  bottom: 1px;
  content: "";
  left: 0;
  position: absolute;
  top: -160px;
  width: 2px;
}
.tournamentItem__footer.upcoming {
  background: var(--tournaments-previous-bg-upcoming);
}
.tournamentItem__footer.upcoming:before {
  background: #e29500;
  border-radius: 4px;
  bottom: 1px;
  content: "";
  left: 0;
  position: absolute;
  top: -160px;
  width: 2px;
}
.tournamentItem__footer.finished {
  background: var(--tournaments-previous-bg-finished);
}
.tournamentItem__footer.finished:before {
  background: #db4635;
  border-radius: 4px;
  bottom: 1px;
  content: "";
  left: 0;
  position: absolute;
  top: -160px;
  width: 2px;
}
@media (max-width: 424px) {
  .tournamentItem__footer {
    justify-content: center;
    padding: 10px;
  }
}
.tournamentItem__footer-info {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 5px 0;
}
.tournamentItem__footer-block {
  border-inline-end: 1px solid var(--color-black-10);
  margin-inline-end: 32px;
  padding-inline-end: 32px;
}
@media (max-width: 424px) {
  .tournamentItem__footer-block {
    margin-right: 15px;
    padding-right: 15px;
  }
}
.tournamentItem__footer-label {
  color: var(--color-black-40);
  font-size: 12px;
  text-align: center;
}
.tournamentItem__footer-value {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: center;
}
@media (max-width: 424px) {
  .tournamentItem__footer-value {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 6px;
  }
}
.tournamentItem__footer-button,
.tournamentItem__footer-buttons {
  align-items: center;
  display: flex;
  justify-content: center;
}
.tournamentItem__footer-button {
  background: var(--color-black-10);
  border-radius: 4px;
  color: var(--color-black);
  cursor: pointer;
  flex: auto;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px;
}
.tournamentItem__footer-button:nth-child(2) {
  margin-inline-start: 15px;
}
.tournamentItem__footer-button:hover {
  background-color: var(--color-black-20);
  color: var(--color-black);
}
.tournamentItem__footer-button.blue {
  background-color: #026fd3;
  color: #fff;
}
.tournamentItem__footer-button.blue.disabled {
  cursor: default;
  opacity: 0.35;
}
.tournamentItem__footer-button.blue.disabled:hover {
  background-color: #026fd3;
}
.tournamentItem__footer-button.blue:hover {
  background-color: #0989ff;
}
@media (max-width: 424px) {
  .tournamentItem__footer-button-text.full {
    display: block;
    margin-right: 10px;
  }
  .tournamentItem__footer-button-text {
    display: none;
  }
}
.tournamentItem__footer-button-icon {
  align-items: center;
  background: var(--tournaments-previous-icon-bg);
  border-radius: 100px;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-inline-start: 10px;
  width: 20px;
}
@media (max-width: 424px) {
  .tournamentItem__footer-button-icon {
    margin: 0;
  }
}
.tournamentItem__footer-button-icon svg {
  height: 12px;
  width: 12px;
  fill: var(--tournaments-previous-icon-fill);
}
.tournaments__items {
  margin: 0 auto;
  max-width: 1326px;
  width: 100%;
}
.tournaments__items-pagination {
  align-items: center;
  display: flex;
  gap: 10px;
  margin: 30px 0 30px auto;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media (max-width: 424px) {
  .tournaments__items-pagination {
    margin: 20px 0 20px auto;
  }
}
.tournaments__title {
  align-items: center;
  display: grid;
  font-size: 20px;
  font-weight: 700;
  grid-template-columns: 1fr auto 1fr;
  line-height: 24px;
  margin: 30px 0;
  position: relative;
  text-align: center;
  width: 100%;
}
@media (max-width: 567px) {
  .tournaments__title {
    font-size: 16px;
    line-height: 20px;
  }
}
.tournaments__title-arrow {
  background-color: var(--color-black-10);
  content: "";
  height: 1px;
  width: 100%;
}
.tournaments__title-text {
  background-color: inherit;
  padding: 0 10px;
}
.tournaments__block {
  margin-bottom: 30px;
}
.tournaments__container {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(427px, 1fr));
}
@media (max-width: 768px) {
  .tournaments__container {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 424px) {
  .tournaments__container {
    display: block;
  }
}
.tournaments__content {
  background-color: var(--page-bg-content);
  border-radius: 8px;
  box-shadow: 2px 2px 6px rgba(53, 58, 77, 0.03);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-shrink: 0;
  margin: 0;
  max-width: 100%;
  padding: 10px;
  width: 100%;
}
.tournaments__footer {
  border-top: 1px solid var(--color-black-05);
  display: flex;
  padding-top: 30px;
}
@media (max-width: 424px) {
  .tournaments__footer {
    border: 0;
    margin-top: 20px;
    padding-top: 0;
  }
}
.tournaments__footer-faq {
  width: 40%;
}
@media (max-width: 1535px) {
  .tournaments__footer-faq {
    width: 30%;
  }
}
@media (max-width: 1023px) {
  .tournaments__footer-faq {
    width: 40%;
  }
}
@media (max-width: 768px) {
  .tournaments__footer-faq {
    display: none;
  }
}
.market-promocodes {
  height: 100%;
  padding: 0 14px;
  width: 100%;
}
@media (max-width: 424px) {
  .market-promocodes {
    padding: 20px 5px 0;
  }
}
.market-promocodes__header {
  display: grid;
  grid-template-columns: 1fr 125px 85px;
  grid-column-gap: 20px;
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  margin: 10px 0;
  padding: 0 16px;
  text-transform: uppercase;
}
@media (max-width: 1536px) {
  .market-promocodes__header {
    grid-column-gap: 15px;
  }
}
@media (max-width: 424px) {
  .market-promocodes__header {
    grid-column-gap: 5px;
    grid-template-columns: 30% 30% 38%;
    padding: 0 5px;
  }
}
.market-promocodes__header .--end {
  text-align: end;
}
.market-promocodes__not {
  align-items: center;
  border: 1px solid var(--market-bc-item);
  border-radius: 10px;
  box-sizing: border-box;
  color: var(--color-black-30);
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding: 25px 0;
  width: 100%;
}
.market-promocodes__not-block {
  max-width: 220px;
  text-align: center;
  width: 100%;
}
.market-promocodes__not svg {
  height: 50px;
  margin: 0 auto 12px;
  width: 50px;
}
.market-promocode {
  display: grid;
  grid-template-columns: 1fr 125px 85px;
  grid-column-gap: 20px;
  border: 1px solid var(--market-bc-item);
  border-radius: 10px;
  box-shadow: 4px 4px 14px rgba(53, 58, 77, 0.06);
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 16px;
  width: 100%;
}
@media (max-width: 1536px) {
  .market-promocode {
    grid-column-gap: 15px;
  }
}
@media (max-width: 424px) {
  .market-promocode {
    grid-column-gap: 5px;
    grid-template-columns: 30% 30% 38%;
    padding: 5px;
  }
}
.market-promocode.active {
  background: var(--market-bg-promocode);
  border: 1px solid var(--market-bc-promocode);
}
.market-promocode.expand {
  grid-template-columns: 1fr 65px 100px 85px;
}
.market-promocode__name {
  align-items: center;
  display: flex;
  font-weight: 700;
  word-break: break-word;
}
.market-promocode__total {
  font-size: 16px;
  justify-content: flex-end;
  line-height: 20px;
}
.market-promocode__status,
.market-promocode__total {
  align-items: center;
  color: var(--color-black-50);
  display: flex;
}
.market-promocode__icon {
  align-items: center;
  background-color: var(--color-black-10);
  border-radius: 100px;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-inline-end: 8px;
  width: 20px;
}
@media (max-width: 424px) {
  .market-promocode__icon {
    display: none;
  }
}
.market-promocode__icon svg {
  height: 9px;
  width: 11px;
  fill: #fff;
}
.market-promocode__icon.success {
  background-color: #0faf59;
}
.market-promocode__icon.success svg {
  fill: #fff;
}
.market-promocode__icon.danger {
  background-color: #db4635;
}
.market-promocode__icon.danger svg {
  fill: #fff;
  color: #fff;
}
.market-promocode__using {
  align-items: center;
  color: var(--color-black-50);
  display: flex;
  justify-content: flex-end;
}
.market-promocode__using.active {
  color: var(--color-blue);
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.market-promocode__using.active svg {
  height: 14px;
  margin-inline-start: 6px;
  width: 14px;
}
.market-balance {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-balance {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-balance__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-balance__header-icon {
  align-items: center;
  background: #6675ff;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-balance__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-balance__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-balance__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-balance__header-subtitle.green {
  color: var(--color-green);
}
.market-balance__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-balance__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-balance__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-balance__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-balance__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-balance__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-balance__header-help:hover .market-balance__header-tooltip,
.market-balance__header-help:hover svg {
  opacity: 1;
}
.market-balance__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  justify-content: space-between;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-balance__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-balance__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-balance__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-balance__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-balance__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-balance__footer-history.pointer {
  cursor: pointer;
}
.market-balance__footer svg {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
@media (max-width: 424px) {
  .market-balance__footer button {
    flex-grow: 1;
  }
}
.market-cashback {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-cashback {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-cashback__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-cashback__header-icon {
  align-items: center;
  background: #b366ff;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-cashback__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-cashback__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-cashback__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-cashback__header-subtitle.green {
  color: var(--color-green);
}
.market-cashback__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-cashback__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-cashback__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-cashback__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-cashback__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-cashback__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-cashback__header-help:hover .market-cashback__header-tooltip,
.market-cashback__header-help:hover svg {
  opacity: 1;
}
.market-cashback__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-cashback__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-cashback__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-cashback__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-cashback__footer.space_between {
  justify-content: space-between;
}
.market-cashback__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-cashback__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-cashback__footer-history.pointer {
  cursor: pointer;
}
.market-cashback__footer svg {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
@media (max-width: 424px) {
  .market-cashback__footer button {
    flex-grow: 1;
  }
}
.market-free-risk {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-free-risk {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-free-risk__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-free-risk__header-icon {
  align-items: center;
  background: #0e8bff;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-free-risk__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-free-risk__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-free-risk__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-free-risk__header-subtitle.green {
  color: var(--color-green);
}
.market-free-risk__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-free-risk__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-free-risk__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-free-risk__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-free-risk__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-free-risk__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-free-risk__header-help:hover .market-free-risk__header-tooltip,
.market-free-risk__header-help:hover svg {
  opacity: 1;
}
.market-free-risk__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-free-risk__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-free-risk__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-free-risk__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-free-risk__footer.space_between {
  justify-content: space-between;
}
.market-free-risk__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-free-risk__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-free-risk__footer-history.pointer {
  cursor: pointer;
}
.market-free-risk__footer svg {
  height: 16px;
  width: 16px;
}
.market-free-risk__footer-button {
  margin: 0 10px 0 auto;
}
html.light .market-free-risk__footer-button {
  background-color: #353a4d;
  color: #fff;
}
@media (max-width: 424px) {
  .market-free-risk__footer button {
    flex-grow: 1;
  }
}
.market-percentage {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-percentage {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-percentage__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-percentage__header-icon {
  align-items: center;
  background: #d04ac3;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-percentage__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-percentage__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-percentage__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-percentage__header-subtitle.green {
  color: var(--color-green);
}
.market-percentage__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-percentage__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-percentage__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-percentage__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-percentage__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-percentage__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-percentage__header-help:hover .market-percentage__header-tooltip,
.market-percentage__header-help:hover svg {
  opacity: 1;
}
.market-percentage__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-percentage__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-percentage__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-percentage__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-percentage__footer.space_between {
  justify-content: space-between;
}
.market-percentage__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-percentage__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-percentage__footer-history.pointer {
  cursor: pointer;
}
.market-percentage__footer svg {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.market-percentage__footer-button {
  margin: 0 0 0 auto;
}
html.light .market-percentage__footer-button {
  background-color: #353a4d;
  color: #fff;
}
@media (max-width: 424px) {
  .market-percentage__footer button {
    flex-grow: 1;
  }
}
.market-сancel-point {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-сancel-point {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-сancel-point__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-сancel-point__header-icon {
  align-items: center;
  background: #00c8bc;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-сancel-point__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-сancel-point__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-сancel-point__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-сancel-point__header-subtitle.green {
  color: var(--color-green);
}
.market-сancel-point__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-сancel-point__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-сancel-point__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-сancel-point__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-сancel-point__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-сancel-point__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-сancel-point__header-help:hover .market-сancel-point__header-tooltip,
.market-сancel-point__header-help:hover svg {
  opacity: 1;
}
.market-сancel-point__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-сancel-point__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-сancel-point__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-сancel-point__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-сancel-point__footer.space_between {
  justify-content: space-between;
}
.market-сancel-point__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-сancel-point__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-сancel-point__footer-history.pointer {
  cursor: pointer;
}
.market-сancel-point__footer svg {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
@media (max-width: 424px) {
  .market-сancel-point__footer button {
    flex-grow: 1;
  }
}
.market-deposit-bonus {
  border: 1px solid var(--market-bc-item);
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: 76px 1fr 66px;
  height: 100%;
  width: 100%;
}
@media (max-width: 424px) {
  .market-deposit-bonus {
    grid-template-rows: 76px 1fr 90px;
  }
}
.market-deposit-bonus__header {
  display: flex;
  padding: 14px 14px 0;
}
.market-deposit-bonus__header-icon {
  align-items: center;
  background: #e05507;
  border-radius: 10px;
  box-shadow: 5px 15px 30px rgba(53, 58, 77, 0.2);
  display: flex;
  flex: none;
  height: 48px;
  justify-content: center;
  margin-inline-end: 14px;
  width: 48px;
}
.market-deposit-bonus__header-icon svg {
  height: 24px;
  width: 24px;
}
.market-deposit-bonus__header-title {
  color: var(--color-black);
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 4px;
}
.market-deposit-bonus__header-subtitle {
  color: var(--color-black-30);
  font-size: 10px;
  font-weight: 900;
  line-height: 12px;
  text-transform: uppercase;
}
.market-deposit-bonus__header-subtitle.green {
  color: var(--color-green);
}
.market-deposit-bonus__header-tooltip {
  background-color: var(--market-bg-help);
  border-radius: 4px;
  color: var(--market-color-help);
  font-size: 12px;
  line-height: 1.33;
  margin: 0;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translate(5%, 35px);
  transition: opacity 0.2s linear;
  width: 240px;
  z-index: 11;
}
.market-deposit-bonus__header-tooltip:dir(rtl) {
  left: 50%;
  right: auto;
  transform: translate(-5%, 35px);
}
.market-deposit-bonus__header-tooltip:dir(rtl):after {
  left: 10px;
  right: auto;
}
.market-deposit-bonus__header-tooltip:after {
  border-color: transparent transparent var(--market-bg-help) transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
}
.market-deposit-bonus__header-help {
  margin: auto;
  margin-inline-end: 0;
  position: relative;
}
.market-deposit-bonus__header-help svg {
  height: 24px;
  opacity: 0.3;
  width: 24px;
}
.market-deposit-bonus__header-help:hover .market-deposit-bonus__header-tooltip,
.market-deposit-bonus__header-help:hover svg {
  opacity: 1;
}
.market-deposit-bonus__footer {
  align-items: center;
  background-color: var(--market-bg-footer);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--market-color-footer);
  display: flex;
  padding: 14px;
}
@media (max-width: 424px) {
  .market-deposit-bonus__footer {
    display: flex;
    flex-wrap: wrap;
  }
}
.market-deposit-bonus__footer:dir(rtl) {
  flex-flow: row-reverse;
}
.market-deposit-bonus__footer.opacity {
  color: var(--market-color-footer-opacity);
}
.market-deposit-bonus__footer.space_between {
  justify-content: space-between;
}
.market-deposit-bonus__footer-history {
  display: flex;
  gap: 8px;
}
@media (max-width: 424px) {
  .market-deposit-bonus__footer-history {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.market-deposit-bonus__footer-history.pointer {
  cursor: pointer;
}
.market-deposit-bonus__footer svg {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
@media (max-width: 424px) {
  .market-deposit-bonus__footer button {
    flex-grow: 1;
  }
}
.a99Q9 {
  margin: 10px 10px 20px;
}
.t4p39 {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1023px) {
  .t4p39 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 567px) {
  .t4p39 {
    grid-template-columns: 1fr;
  }
}
.MgAjB {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 8px;
  overflow: hidden;
}
.ixXyg {
  align-items: center;
  display: flex;
  gap: 14px;
  padding: 14px;
}
.xNCnk {
  gap: 4px;
}
.ffukR,
.xNCnk {
  display: flex;
  flex-direction: column;
}
.ffukR {
  gap: 10px;
  padding: 10px 14px;
}
.lEOti {
  align-items: center;
  gap: 5px;
  padding: 0 16px;
}
.FpRqC,
.lEOti {
  display: flex;
  justify-content: space-between;
}
.FpRqC {
  align-content: center;
  background: #191919;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  gap: 10px;
  margin-top: 10px;
  padding: 14px;
}
.FpRqC,
.v9xDo {
  flex-wrap: wrap;
}
.v9xDo {
  align-items: center;
  display: flex;
  gap: 12px;
}
.vDMA1 {
  display: grid;
  grid-template-areas: "id date status type method amount";
  grid-template-columns: calc(18% - 50px) 13% 20% 15% 24% 10%;
  grid-column-gap: 10px;
  border-top: 1px solid var(--color-black-05);
  margin: 10px 0;
  padding: 20px 10px 0;
}
@media (max-width: 1023px) {
  .vDMA1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: 5px;
    grid-template-areas: "id status amount" "date type method";
  }
}
@media (max-width: 567px) {
  .vDMA1 {
    grid-template-columns: 70% 30%;
    grid-row-gap: 5px;
    grid-template-areas: "id amount" "date method" "status type";
  }
}
@media (max-width: 424px) {
  .vDMA1 {
    grid-template-columns: 69% 30%;
  }
}
._2NHFf {
  grid-area: status;
  position: relative;
}
@media (max-width: 567px) {
  ._2NHFf {
    width: auto;
  }
}
.Aa1Ox {
  align-items: center;
  display: flex;
}
.Aa1Ox.GbZz3 {
  height: 18px;
}
.VgSqu.uTLcj {
  color: var(--color-green);
}
.VgSqu.gvdfF {
  color: var(--color-red);
}
.UC4rf {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 18px;
  justify-content: center;
  margin-inline-end: 8px;
  width: 18px;
}
@media (max-width: 1023px) {
  .UC4rf {
    display: none;
  }
}
.RDmfy {
  background-color: var(--color-red);
  color: #fff;
}
.pS6eh {
  background-color: var(--color-green);
  color: #fff;
}
.Jzzm9 {
  background-color: var(--color-black-30);
  color: var(--color-black);
}
.cxjSx {
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 10px;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  max-width: 300px;
  padding: 12px;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 567px) {
  .cxjSx {
    max-width: 100%;
  }
}
.VZvOf {
  grid-area: id;
}
.Sf_Tx {
  grid-area: date;
}
.Ed7UM {
  grid-area: type;
}
@media (max-width: 567px) {
  .Ed7UM {
    text-align: end;
  }
}
.R1N82 {
  grid-area: method;
}
@media (max-width: 1023px) {
  .R1N82 {
    text-align: end;
  }
}
.lekbj {
  text-align: end;
}
.lekbj.e8IMt {
  color: var(--color-red);
}
.lekbj.QdPVe {
  color: var(--color-green);
}
.vKozV {
  display: flex;
  flex-direction: column;
}
.vKozV button {
  margin-inline-start: 6px;
  margin-top: -1px;
}
.vKozV button svg {
  height: 12px;
  width: 12px;
  fill: #026fd3;
}
.qvShE {
  align-items: center;
  background: #353a4d;
  border: 0;
  border-radius: 8px;
  box-shadow: 2px 2px 6px rgba(27, 31, 45, 0.2);
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  margin-left: 8px;
  padding: 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-max-content;
  width: max-content;
}
.qvShE:hover {
  background-color: var(--sidebar-bg-button-hover);
  color: var(--color-black);
}
.X5DnR {
  align-items: center;
  color: hsla(0, 0%, 100%, 0.5);
  display: flex;
  font-size: 12px;
  justify-content: flex-end;
  line-height: 1.33;
}
.WlXFm {
  white-space: nowrap;
}
@media (max-width: 567px) {
  .khoHU {
    height: 46px !important;
    width: 100% !important;
  }
}
.QqDZq {
  align-content: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 10px;
}
@media (max-width: 567px) {
  .QqDZq {
    display: none;
  }
}
.wvLWy {
  display: none;
}
@media (max-width: 567px) {
  .wvLWy {
    display: block;
    margin-bottom: 20px;
    margin-top: 16px;
  }
}
.udfQr {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  padding: 20px 10px;
  width: 100%;
}
@media (max-width: 567px) {
  .udfQr {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .udfQr:first-child {
    border-top: 1px solid hsla(0, 0%, 100%, 0.05);
  }
}
.tKzAK {
  display: none;
}
@media (max-width: 567px) {
  .tKzAK {
    display: block;
  }
}
.E8GeQ {
  animation: mmQ6M 2s ease-in-out 0.5s infinite;
  background: repeating-linear-gradient(
    106deg,
    var(--skeletons-bg-item) 0,
    var(--skeletons-bg-item) 6px,
    transparent 6px,
    transparent 12px
  );
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@keyframes mmQ6M {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.woL1W {
  left: 50%;
  max-width: 335px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.F_BOr {
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.goBUP {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28;
  margin: 10px 0;
  text-align: center;
}
.dIb4A {
  align-items: center;
  color: var(--color-black-40);
  display: flex;
  gap: 6px;
  justify-content: center;
}
.dIb4A svg {
  height: 12px;
  width: 12px;
}
.VK9Nw {
  align-items: center;
  background-color: var(--input-button);
  border: none;
  border-radius: 50%;
  color: var(--input-button-text);
  display: flex;
  flex-shrink: 0;
  font-size: 16px;
  height: 24px;
  justify-content: center;
  line-height: 20px;
  padding-top: 1px;
  transition: inherit;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 24px;
}
@media (max-width: 1023px) {
  .VK9Nw {
    font-size: 14px;
    height: 20px;
    line-height: 1.28;
    width: 20px;
  }
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .VK9Nw {
    font-size: 14px;
    height: 20px;
    line-height: 1.28;
    width: 20px;
  }
}
.DlURG {
  border: 1px solid var(--input-br-control);
  border-radius: 4px;
}
.DlURG:hover {
  border-color: var(--input-border-hover);
}
.HSLe0,
.HSLe0:hover {
  border-color: var(--input-border-active);
}
.F7y_9 {
  align-items: center;
  display: flex;
  padding: 3px 12px 10px;
  position: relative;
}
@media (max-width: 1023px) {
  .F7y_9 .input-control__input {
    font-size: 14px;
    line-height: 1.28;
    padding: 0;
  }
}
@media (max-width: 1023px) and (max-height: 567px) and (orientation: landscape) {
  .F7y_9 .input-control__input {
    font-size: 14px;
    line-height: 1.28;
    padding: 0;
  }
}
.ji62t {
  border-radius: var(--input-br-label);
  color: var(--input-color-label);
  display: block;
  font-size: var(--input-size-label);
  line-height: var(--input-height-label);
  margin-inline-start: 10px;
  max-width: calc(100% - 30px);
  overflow: hidden;
  padding: var(--input-padding-label);
  pointer-events: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yfy_1 {
  font-weight: 700;
}
.EWNJc {
  background: var(--deal-list-bg);
  bottom: 0;
  color: #2b99ff;
  font-size: 10px;
  font-weight: 900;
  left: 50%;
  line-height: 1.2;
  margin-inline: auto;
  padding: 2px 4px;
  position: absolute;
  text-transform: uppercase;
  transform: translate(-50%, 50%);
}
.EWNJc,
.r1Ksn {
  cursor: pointer;
}
.r1Ksn {
  background: var(--color-black-10);
  border-radius: 4px;
  flex-grow: 1;
  font-size: 12px;
  font-weight: 400;
  justify-content: center;
  line-height: 16px;
  margin: 2.5px;
  min-height: auto;
  min-width: calc(25% - 5px);
  padding: 10px 5px;
  transition: inherit;
  white-space: nowrap;
}
.r1Ksn:hover {
  box-shadow: inset 0 0 0 1px var(--color-black);
}
.u7Fkn {
  background-color: var(--color-white);
  display: flex;
  flex-flow: row wrap;
  z-index: 2;
}
.NEJ1S {
  cursor: pointer;
}
@media (max-width: 1023px) {
  .NEJ1S {
    display: none;
  }
}
.QqXTB {
  margin-top: 12px;
}
.QqXTB div:nth-child(2) {
  display: block;
  margin: 12px auto 0;
}
.Oa6R2 {
  background: var(--skeletons-bg-content);
  border-radius: 8px;
  display: grid;
  gap: 11px;
  padding: 15px;
  width: 200px;
}
.Oa6R2 div:nth-child(4) {
  margin: 0 auto;
}
.loVvS {
  align-items: center;
  display: flex;
}
.loVvS div:nth-child(2) {
  margin: 0 44px 0 10px;
}
.eliop {
  background: var(--skeletons-bg-content);
  border-radius: 8px;
  flex: 1;
  margin-top: 10px;
  min-height: 0;
  padding: 12px 6px 0;
  width: 200px;
}
.q6KtH {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: center;
}
.tvddL {
  display: block;
  margin: 28px auto 10px;
}
.udjmP {
  margin-bottom: 24px;
}
.fL1lo {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.dMdoz {
  display: grid;
  flex: 1;
  gap: 8px;
  grid-template-columns: 40px 1fr auto;
  min-height: 0;
  padding: 10px;
  width: 100%;
}
.FYiwY,
.oYf6B {
  display: flex;
  flex-direction: column;
}
.FYiwY {
  flex: 1;
  min-height: 0;
  padding: 10px;
}
.Zpc9E {
  margin-top: 10px;
}
.QbqtX {
  display: block;
  margin: 10px 0;
}
.xPPNJ {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.XRMrT {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.OnfgH {
  flex: 1;
  min-height: 0;
}
.profile-page {
  display: flex;
  flex-flow: column;
}
.profile-page__bonuses {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: -20px;
  margin-right: -20px;
}
.profile-page__bonuses > * {
  flex-basis: calc(50% - 20px);
  margin-bottom: 20px;
  margin-right: 20px;
}
@media (max-width: 1535px) and (max-width: 1199px) {
  .profile-page__bonuses > * {
    flex-basis: calc(33.333% - 20px);
  }
}
@media (max-width: 1023px) {
  .profile-page__bonuses {
    flex-direction: column;
    margin-right: 0;
  }
  .profile-page__bonuses > * {
    flex-basis: auto;
    margin-right: 0;
  }
}
.profile-page__cards {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}
.profile-page__cards > [class*="card"] {
  scroll-snap-align: start;
}
.profile-page__cards-placeholder {
  color: var(--color-black-30);
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.profile-page__cards-table {
  border-top: 1px solid rgba(53, 58, 77, 0.05);
  margin-bottom: -10px;
  margin-top: 30px;
  padding-top: 10px;
}
.profile-page__cards--empty > *,
.profile-page__cards.empty > * {
  display: none;
}
.profile-page__cards--empty .profile-page__cards-placeholder,
.profile-page__cards.empty .profile-page__cards-placeholder {
  display: block;
}
.profile-page__cards hr {
  background-color: rgba(53, 58, 77, 0.3);
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  height: 6px;
  margin: 0 20px;
  width: 6px;
}
@media (max-width: 567px) {
  .profile-page__cards {
    align-items: stretch;
    flex-direction: column;
    overflow: visible;
  }
  .profile-page__cards > [class*="card"] ~ [class*="card"] {
    margin-left: 0;
    margin-top: 10px;
  }
  .profile-page__cards-table {
    margin-top: 20px;
  }
  .profile-page__cards hr {
    display: none;
  }
}
.profile-page__cards-new {
  font-size: 10px;
  height: auto;
  line-height: 12px;
  margin-inline-start: auto;
  padding: 4px 6px;
  text-transform: uppercase;
}
.profile-page__header {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .profile-page__header {
    margin-bottom: 0;
  }
}
.credit-card {
  background-color: var(--card-bg-color);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 20px 0 0;
  margin-inline-end: 20px;
  min-width: 250px;
  padding: 12px;
  padding-inline-start: 40px;
  position: relative;
  transition: background-color 0.2s linear;
}
.credit-card:hover {
  background-color: var(--card-bg-hover);
}
.credit-card:after,
.credit-card:before {
  content: "";
  height: 20px;
  inset-inline-start: 12px;
  position: absolute;
  top: 12px;
  width: 20px;
}
.credit-card:before {
  background-color: var(--card-bg-icon);
  border-radius: 50%;
}
.credit-card:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23FFF' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
}
.credit-card .verified:before,
.credit-card--verified:before {
  background-color: var(--color-green);
}
.credit-card__name,
.credit-card__number {
  margin-bottom: 2px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.credit-card--verified .credit-card__number,
.credit-card.verified .credit-card__number {
  order: -1;
}
.credit-card__action {
  background: none;
  border: none;
  color: var(--color-blue);
  font-size: 10px;
  font-weight: 900;
  inset-inline-end: 12px;
  line-height: 12px;
  margin: -2px -3px;
  padding: 2px 3px;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  top: 12px;
  transition: color 0.1333333333333s linear;
}
.credit-card__action:hover {
  color: #0989ff;
}
.credit-card__status {
  color: var(--color-red);
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 15px;
}
.credit-card--verified .credit-card__status,
.credit-card.verified .credit-card__status {
  color: var(--color-green);
}
.credit-card__date {
  color: var(--color-black-30);
  font-weight: 400;
  margin-inline-start: auto;
  padding-inline-start: 8px;
}
.cards-table,
.credit-card__date {
  font-size: 12px;
  line-height: 16px;
}
.cards-table .row {
  margin-left: -10px;
  margin-right: -10px;
}
.cards-table .row:after {
  left: 10px;
  right: 10px;
}
.cards-table .row > .col:first-child {
  flex-basis: 30%;
}
.cards-table .row > .col:first-child .col:first-child {
  min-width: 163px;
}
@media (max-width: 567px) {
  .cards-table .row > .col:first-child {
    flex-basis: 50%;
  }
  .cards-table .row > .col:first-child .col:first-child {
    min-width: auto;
  }
}
.cards-table .row > .col:nth-child(2) {
  flex-basis: 30%;
}
.cards-table .row > .col:nth-child(3) {
  flex-basis: 40%;
}
.cards-table .row > .col:nth-child(3) .col:first-child {
  min-width: 115px;
}
@media (max-width: 567px) {
  .cards-table .row > .col:nth-child(3) {
    flex-basis: 50%;
  }
  .cards-table .row > .col:nth-child(3) .col:first-child {
    min-width: auto;
  }
}
.cards-table .icon {
  height: 16px;
  margin: 0 6px;
  width: 16px;
}
.flex-table {
  display: flex;
  flex-direction: column;
}
.flex-table hr {
  margin: 10px 0;
}
.flex-table--dark .flex-table__header {
  color: hsla(0, 0%, 100%, 0.3);
}
.flex-table--dark .flex-table__header:after {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.flex-table--dark .flex-table__header a {
  color: hsla(0, 0%, 100%, 0.3);
}
.flex-table--dark .flex-table__header a:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.flex-table--dark hr {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.flex-table__header {
  color: var(--color-black-50);
  display: flex;
  margin-bottom: 10px;
  padding: 14px 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.flex-table__header:after {
  border-bottom: 1px solid var(--color-black-05);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.flex-table__header a {
  color: var(--color-black-50);
  display: inline-block;
  text-decoration: none;
  transition: color 0.15s ease-in;
}
.flex-table__header a:hover {
  color: rgba(53, 58, 77, 0.8);
}
.flex-table__header svg {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.flex-table__collapse {
  align-items: center;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .flex-table__collapse {
    flex-direction: column;
  }
  .flex-table__collapse--swap {
    flex-direction: column-reverse;
  }
}
.flex-table .row {
  align-items: center;
  border-radius: 2px;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 0;
  position: relative;
}
.flex-table .row:after {
  border-bottom: 1px solid var(--color-black-05);
  bottom: -10px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}
.flex-table .row:first-child {
  margin-top: 0;
}
.flex-table .row:last-child {
  margin-bottom: 0;
}
.flex-table .row:last-child:after {
  content: none;
}
.flex-table--hover .row {
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.flex-table--hover .row:hover {
  background-color: rgba(53, 58, 77, 0.1);
}
.flex-table--hover.flex-table--dark .row:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 1023px) {
  .flex-table .row {
    align-items: flex-start;
  }
}
.flex-table .col {
  align-items: center;
  display: flex;
  flex: 1;
  padding: 0 10px;
}
.flex-table .col--spaced > :not(:first-child) {
  margin-left: 8px;
}
.flex-table .col--column {
  align-items: flex-start;
  flex-direction: column;
}
.flex-table .col--column + .col--column {
  margin-top: 4px;
}
.flex-table .col--center {
  justify-content: center;
  text-align: center;
}
.flex-table .col--center.col--column {
  text-align: center;
}
@media (max-width: 567px) {
  .flex-table .col--center-sm {
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .flex-table .col--center-md {
    justify-content: center;
    text-align: center;
  }
}
.flex-table .col--right {
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .flex-table .col--right-md {
    justify-content: flex-end;
    text-align: right;
  }
}
@media (max-width: 567px) {
  .flex-table .col--mute-sm {
    color: var(--color-black-30);
  }
}
@media (max-width: 1023px) {
  .flex-table .col--mute-md {
    color: var(--color-black-30);
  }
}
@media (min-width: 1024px) {
  .flex-table .col--bold-lg {
    font-weight: 700;
  }
}
.flex-table .col--icon-muted .icon {
  background-color: #9a9da6;
}
@media (max-width: 1023px) {
  .flex-table .col--icon-muted .icon {
    display: none;
  }
  .flex-table .col--icon-muted {
    color: #9a9da6;
  }
}
.flex-table .col--icon-success .icon {
  background-color: #0faf59;
}
@media (max-width: 1023px) {
  .flex-table .col--icon-success .icon {
    display: none;
  }
  .flex-table .col--icon-success {
    color: #0faf59;
  }
}
.flex-table .col--icon-danger .icon {
  background-color: #db4635;
}
@media (max-width: 1023px) {
  .flex-table .col--icon-danger .icon {
    display: none;
  }
  .flex-table .col--icon-danger {
    color: #db4635;
  }
}
.flex-table .col--collapse {
  display: flex;
  margin: 0 0 -4px;
  padding: 0;
}
.flex-table .col--collapse .col {
  margin-bottom: 4px;
}
.flex-table .col > .flag,
.flex-table .col > .icon,
.flex-table .col > svg {
  margin: 0 8px;
}
.flex-table .col > .flag:first-child,
.flex-table .col > .icon:first-child,
.flex-table .col > svg:first-child {
  margin-inline-start: 0;
}
.flex-table .col > .flag:last-child,
.flex-table .col > .icon:last-child,
.flex-table .col > svg:last-child {
  margin-inline-end: 0;
}
.flex-table .col > .icon {
  height: 18px;
  width: 18px;
}
.flex-table .col__title {
  color: var(--color-black-30);
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  min-width: 86px;
}
@media (max-width: 1023px) {
  .flex-table .col--spaced > :not(:first-child) {
    margin-left: 4px;
  }
  .flex-table .col--collapse {
    align-items: flex-start;
    flex-direction: column;
  }
  .flex-table .col--collapse.col--center {
    align-items: center;
  }
  .flex-table .col--collapse.col--right {
    align-items: flex-end;
  }
  .flex-table .col--collapse.col--swap {
    flex-direction: column-reverse;
  }
}
.form-avatar {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
.form-avatar__avatar {
  align-items: center;
  background: rgba(2, 111, 211, 0.15);
  border-radius: 100px;
  display: flex;
  height: 74px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 74px;
}
.form-avatar__avatar-profile {
  bottom: 0;
  position: absolute;
}
.form-avatar__avatar-custom {
  background-color: rgba(2, 111, 211, 0.15);
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.form-avatar__image-block {
  position: relative;
}
.form-avatar__photo {
  background: var(--profile-bg-avatar);
  border-radius: 6px;
  cursor: pointer;
  inset-inline-end: -10px;
  padding: 5px;
  position: absolute;
  top: -7px;
}
.form-avatar__photo svg {
  height: 20px;
  width: 20px;
  fill: var(--profile-fill-avatar);
}
.form-avatar__photo:hover svg {
  fill: var(--color-blue);
}
.form-avatar__photo.delete svg {
  opacity: 0.3;
}
.form-avatar__photo.delete:hover svg {
  opacity: 1;
  fill: var(--color-red);
}
.form-avatar__photo.hidden {
  display: none !important;
}
.form-avatar__block {
  margin-inline-start: 20px;
}
.form-avatar__block-email {
  font-weight: 700;
}
.form-avatar__block-text {
  color: var(--color-black-80);
  margin-top: 5px;
}
.form-avatar__block-label {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin-top: 6px;
  width: -moz-max-content;
  width: max-content;
}
.form-avatar__block-label.warning {
  background: #db4635;
  border-radius: 4px;
  padding: 3px 4px;
}
.form-avatar__block-label svg {
  height: 14px;
  margin-inline-end: 5px;
  width: 14px;
}
.upload-control:hover {
  background-color: rgba(var(--upload-bg-control), 0.1) !important;
}
.upload-control + .upload-control {
  margin-top: 10px;
}
.upload-control.active * {
  pointer-events: none;
}
.upload-control.valid:after,
.upload-control.valid:before {
  display: block;
}
.upload-control.valid:before {
  background-color: #0faf59;
  border-radius: 50%;
}
.upload-control.valid:after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath fill='%23FFF' d='M.115 4.4A.44.44 0 0 1 0 4.12c0-.08.038-.2.115-.28l.539-.56a.36.36 0 0 1 .538 0l.039.04 2.115 2.36c.077.08.192.08.27 0L8.768.12h.039a.36.36 0 0 1 .538 0l.539.56c.154.16.154.4 0 .56L3.73 7.88a.34.34 0 0 1-.27.12.34.34 0 0 1-.269-.12l-3-3.36z'/%3E%3C/svg%3E")
    50% no-repeat;
  background-size: 10px 8px;
}
@media (max-width: 567px) {
  .upload-control {
    padding: 20px 10px;
  }
}
.upload-control:after,
.upload-control:before {
  content: "";
  display: none;
  height: 20px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 20px;
}
.upload-control:after.active,
.upload-control:before.active {
  left: 8px;
}
.upload-control__input {
  opacity: 0;
  overflow: hidden;
}
.upload-control__input,
.upload-control__input:after {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.upload-control__input:after {
  content: "";
}
.upload-control__value {
  background-color: rgba(53, 58, 77, 0.05);
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin: 0 0 4px;
  max-width: 75%;
  overflow: hidden;
  padding: 6px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-control__value:before {
  color: rgba(53, 58, 77, 0.3);
  content: "File:";
  display: inline-block;
  font-weight: 400;
  margin-right: 6px;
}
.upload-control--dark .upload-control__value {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.upload-control--dark .upload-control__value:before {
  color: hsla(0, 0%, 100%, 0.3);
}
.upload-control__remove {
  background-color: #db4635;
  border: none;
  border-radius: 50%;
  color: #fff;
  height: 20px;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: background-color 0.2s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 20px;
}
.upload-control__remove:hover {
  background-color: #ff402b;
}
.upload-control__remove svg {
  height: 10px;
  margin: 0 auto;
  width: 8px;
}
.upload-control__count {
  color: var(--color-black-30);
}
.upload-control__icon {
  content: "";
  left: 12px;
  position: absolute;
  top: 12px;
}
.upload-control.valid .upload-control__icon {
  display: none;
}
.upload-control__dragdrop {
  align-items: center;
  background-color: #fff;
  border: 2px dashed #026fd3;
  border-radius: 4px;
  bottom: -1px;
  box-shadow: 0 0 5px rgba(2, 111, 211, 0);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  left: -1px;
  line-height: 18px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -1px;
  text-align: center;
  top: -1px;
  transition: all 0.2s linear;
  transition-property: opacity, box-shadow;
  z-index: 10;
}
.upload-control__dragdrop > :not(:last-child) {
  margin-bottom: 2px;
}
.upload-control__dragdrop [class*="icon"] {
  margin: 0 auto 10px;
}
.upload-control.active .upload-control__dragdrop {
  box-shadow: 0 4px 10px rgba(2, 111, 211, 0.25);
  opacity: 1;
}
.upload-control-files {
  counter-reset: files-counter;
  margin: 0;
}
.upload-control-files li {
  counter-increment: files-counter;
  margin: 0 10px;
  padding: 10px 0;
}
.upload-control-files li:not(:last-of-type) {
  border-bottom: 1px solid var(--color-black-10);
}
.upload-control-files li:before {
  color: var(--color-black-30);
  content: counter(files-counter) ". ";
  font-weight: 400;
  margin-right: 8px;
}
.upload-control-files__file {
  margin-right: 8px;
}
.upload-control-files__remove {
  background: none;
  border: none;
  color: #db4635;
  margin-left: auto;
  margin-right: -4px;
  min-width: 20px;
  padding: 2px 4px;
  text-align: center;
  transition: color 0.1333333333333s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.upload-control-files__remove:hover {
  color: #ff402b;
}
.profile-form {
  border-right: 1px dashed var(--color-black-20);
  padding-bottom: 10px;
  padding-right: 20px;
  width: 100%;
}
@media (max-width: 1535px) {
  .profile-form.verified {
    border-right: 0;
    grid-column: span 2;
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .profile-form.verified {
    grid-column: span 1;
  }
  .profile-form {
    border-right: 0;
    padding-right: 0;
  }
}
.delete-account {
  position: relative;
  width: 100%;
}
.delete-account .button--delete {
  align-items: center;
  background: transparent;
  border: none;
  box-shadow: none;
  color: #ff6251;
  display: flex;
  font-weight: 700;
}
.delete-account .button--delete:hover {
  color: #ff432e;
}
.delete-account .button--delete svg {
  height: 16px;
  margin-inline-end: 8px;
  width: 16px;
}
@media (max-width: 1535px) {
  .delete-account {
    margin-top: 20px;
  }
  .delete-account:before {
    border-left: none;
    border-top: 1px dashed var(--color-black-20);
    bottom: auto;
    content: "";
    left: -20px;
    position: absolute;
    top: -20px;
    width: calc(100% + 20px);
  }
}
@media (max-width: 1023px) {
  .delete-account:before {
    left: 0;
    width: 100%;
  }
}
.u6xVf {
  color: #026fd3;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28;
  margin-inline-start: 28px;
  margin-bottom: 6px;
}
.u6xVf:hover {
  color: #2b99ff;
}
.u6xVf:focus-visible {
  border-radius: 8px;
  outline: 2px solid #6674ff;
  outline-offset: 3px;
}
.Q7yMV {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.3s ease, opacity 0.3s ease, visibility 0.3s;
  visibility: hidden;
}
.Q7yMV[aria-hidden="false"] {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.fOEhu {
  margin-inline-start: 28px;
  min-height: 0;
  overflow: hidden;
}
.fOEhu:focus-within {
  overflow: visible;
}
.L0Z05 svg {
  --icon-color: #9a9da6;
  height: 20px;
  width: 20px;
}
.eMFBy,
.wmraR {
  margin-bottom: 6px;
}
.eMFBy {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  line-height: 1.25;
}
.L3NIo {
  color: var(--color-black-50);
  margin-inline-start: 28px;
}
.modal-ga {
  border-radius: 8px;
  box-shadow: 20px 0 80px rgba(27, 31, 45, 0.2);
  color: #fff;
  margin: 5% auto 0;
  padding: 0;
  position: relative;
  width: 420px;
}
.modal-ga__container {
  padding: 30px;
}
.modal-ga__header {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.modal-ga__header-icon {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 10px;
  display: flex;
  flex: none;
  height: 60px;
  justify-content: center;
  margin-inline-end: 20px;
  width: 60px;
}
.modal-ga__header-subtitle {
  color: hsla(0, 0%, 100%, 0.3);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 2px;
}
.modal-ga__header-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.modal-ga__warning {
  background: rgba(255, 138, 0, 0.1);
  border: 2px solid rgba(255, 138, 0, 0.3);
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  padding: 12px;
}
.modal-ga__warning-icon {
  background: #ff8a00;
  flex: none;
  height: 16px !important;
  margin: 0;
  margin-inline-end: 10px;
  width: 16px !important;
}
.modal-ga__warning-icon svg {
  height: 9px !important;
  width: 2px !important;
}
.modal-ga__warning-title {
  font-weight: 700;
}
.modal-ga__body-text {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 16px;
  line-height: 20px;
}
.modal-ga__body-input {
  margin-top: 24px;
}
.modal-ga__body-input .input-control-cabinet__label {
  background-color: var(--modal-bg-color);
  color: #fff;
}
.modal-ga__body-list {
  margin: 14px auto 0;
  max-width: calc(100% - 40px);
  width: 100%;
}
.modal-ga__body-list-item {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.modal-ga__body-list-item:last-child {
  margin-bottom: 24px;
}
.modal-ga__body-list-item__number {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 4px;
  display: flex;
  flex: none;
  font-size: 10px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  line-height: 12px;
  margin-inline-end: 15px;
  width: 20px;
}
.modal-ga__body-list-item__text {
  font-size: 16px;
  line-height: 20px;
}
.modal-ga__body-list-item__text a {
  color: #2b99ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.modal-ga__body-qr {
  background: #454a5b;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto 10px;
  max-width: 284px;
  padding: 20px 0;
  width: 100%;
}
.modal-ga__body-qr__block {
  height: 200px;
  margin-bottom: 12px;
  width: 200px;
}
.modal-ga__body-qr__block-text {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 8px;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 183px;
  justify-content: center;
  line-height: 20px;
  margin-bottom: 12px;
  width: 200px;
}
.modal-ga__body-qr span {
  padding: 0 20px;
  text-align: center;
}
.modal-ga__body-code {
  margin-top: 32px;
}
.modal-ga__body-code span {
  background: var(--modal-bg-color);
  color: #fff;
}
.modal-ga__body-error {
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 8px;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  margin-top: 14px;
  padding: 14px;
}
.modal-ga__body-error__icon {
  height: 20px;
  margin-inline-end: 10px;
  width: 20px;
}
.modal-ga__body-error a {
  color: #2b99ff;
  font-weight: 700;
}
.modal-ga__footer,
.modal-ga__footer-done {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 6px 6px;
}
.modal-ga__footer button {
  width: calc(50% - 3px);
}
.Ovva9 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.AAOrr,
.NWdgW {
  display: flex;
  justify-content: center;
}
.AAOrr {
  align-items: center;
  background-color: var(--modals-icon-area-bg);
  border-radius: 50%;
  padding: 13px;
}
.AAOrr > * {
  height: var(--modals-icon-size, 24px);
  width: var(--modals-icon-size, 24px);
}
.mCWKo {
  color: var(--modals-header-close-btn-hover);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
.PT8mk {
  text-align: center;
}
.I5SVX.Ffxme {
  padding: 0 12px;
}
.I5SVX.Ln4TD,
.I5SVX.lglvn {
  padding: 0 36px;
}
.iosse {
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}
.pijAS {
  border-top: 1px solid var(--modals-separator);
  height: 0;
  margin-top: 16px;
  width: 100%;
}
@media screen and (min-width: 1024px),
  screen and (min-width: 768px) and (orientation: portrait) {
  .pijAS {
    margin-top: 20px;
  }
}
.JgIKx {
  --modals-icon-size: 30px;
}
.ZmBAZ {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 2px;
  opacity: 0.5;
}
.AdeTj,
.ZmBAZ {
  display: block;
}
.qE1S6 {
  color: var(--modals-text);
  font-size: 16px;
  line-height: 20px;
}
.DpVmz .input-control-cabinet__label {
  background-color: var(--modals-background);
  color: var(--modals-header-close-btn-hover);
}
.modal-2fa {
  border-radius: 8px;
  box-shadow: 20px 0 80px rgba(27, 31, 45, 0.2);
  color: #fff;
  margin: 5% auto;
  padding: 0;
  position: relative;
  width: 420px;
}
.modal-2fa__container {
  padding: 30px;
}
.modal-2fa__header {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.modal-2fa__header-icon {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 10px;
  display: flex;
  flex: none;
  height: 60px;
  justify-content: center;
  margin-inline-end: 20px;
  width: 60px;
}
.modal-2fa__header-subtitle {
  color: hsla(0, 0%, 100%, 0.3);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 2px;
}
.modal-2fa__header-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.modal-2fa__body-text {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 16px;
  line-height: 20px;
}
.modal-2fa__body-input {
  margin-top: 24px;
}
.modal-2fa__body-input .input-control-cabinet__label {
  background-color: var(--modal-bg-color);
  color: #fff;
}
.modal-2fa__footer,
.modal-2fa__footer-done {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 6px 6px;
}
.modal-2fa__footer-cancel:not(.disabled):not([disabled]):hover,
.modal-2fa__footer-done-cancel:not(.disabled):not([disabled]):hover {
  background-color: #fff !important;
}
.modal-2fa__footer button {
  width: calc(50% - 3px);
}
.profile-security {
  border-right: 1px dashed var(--color-black-20);
  padding-bottom: 10px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media (max-width: 1535px) {
  .profile-security {
    margin-top: 20px;
  }
  .profile-security:before {
    border-left: none;
    border-top: 1px dashed var(--color-black-20);
    bottom: auto;
    content: "";
    left: 0;
    position: absolute;
    right: 20px;
    top: -20px;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .profile-security {
    border-right: 0;
    padding-right: 0;
  }
}
.profile-security__verification {
  align-items: center;
  display: flex;
  font-weight: 700;
  margin-bottom: 6px;
}
.profile-security__verification svg {
  margin-inline-end: 8px;
}
.profile-security__verification-text {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-bottom: 20px;
}
.profile-security__verification-text svg {
  margin: 0;
  margin-inline-start: 8px;
}
.profile-security__select {
  margin-bottom: 20px;
}
.profile-security__select
  .input-control-cabinet__dropdown-option:not(.active):hover {
  color: #2b99ff;
}
.components-loader {
  animation: spin 2s linear infinite;
  height: 24px;
  margin: 0 auto 12px;
  width: 24px;
}
.components-loader--inline {
  margin: 0;
}
@media (max-width: 1023px) {
  .components-loader {
    margin: 0;
  }
}
.components-loader svg {
  height: 24px;
  width: 24px;
}
.components-loader__container {
  margin: 100px auto 0;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1023px) {
  .components-loader__container {
    align-items: center;
    display: flex;
  }
}
.components-loader__container--inline {
  align-items: center;
  display: flex;
  gap: 12px;
  margin: 0;
}
@media (max-width: 1023px) {
  .components-loader__text {
    margin-left: 12px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.selfie-documents {
  border-top: 1px dashed var(--color-black-20);
  margin-top: 10px;
  padding-top: 10px;
}
.selfie-item {
  align-items: center;
  border-bottom: 1px solid var(--color-black-05);
  display: flex;
  font-size: 12px;
  line-height: 16px;
  padding: 14px 0;
}
.selfie-item:last-child {
  border-bottom: 0;
  padding-bottom: 12px;
}
.selfie-item__date {
  margin-inline-end: 18px;
}
.selfie-item__status {
  align-items: center;
  display: flex;
  margin-inline-end: auto;
}
.selfie-item__status .icon {
  height: 18px;
  margin-inline-end: 6px;
  width: 18px;
}
.selfie-item__status .icon--default {
  background-color: var(--color-black-30);
}
.selfie-item__why {
  border-bottom: 1px dashed #026fd3;
  color: #026fd3;
  cursor: pointer;
  position: relative;
}
.selfie-item__why:hover .selfie-item__why-tooltip {
  opacity: 1;
}
.selfie-item__why-tooltip {
  background: #f4f4f4;
  border-radius: 3px;
  color: #474c5d;
  font-size: 12px;
  line-height: 16px;
  opacity: 0;
  padding: 8px;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: calc(100% + 12px);
  transform: translate(50%);
  transition: opacity 0.2s linear;
  width: 299px;
  z-index: 11;
}
@media (max-width: 1535px) {
  .selfie-item__why-tooltip {
    right: -20px;
    transform: none;
    width: 276px;
  }
}
.selfie-item__why-tooltip__title {
  display: block;
  margin-bottom: 8px;
}
.selfie-item__why-tooltip:after {
  border-color: transparent transparent #f4f4f4;
  border-style: solid;
  border-width: 0 6px 6px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: -6px;
  transform: translate(-50%);
  width: 0;
}
@media (max-width: 1535px) {
  .selfie-item__why-tooltip:after {
    left: auto;
    right: 30px;
    transform: none;
  }
}
.verification-document__container {
  background: rgba(2, 111, 211, 0.1);
  border: 2px solid rgba(2, 111, 211, 0.3);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 20px;
}
.verification-document__container.opened .verification-document__header-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.verification-document__container.opened .verification-document__body {
  border-top: 1px dashed hsla(0, 0%, 100%, 0.2);
  margin-top: 10px;
  max-height: none;
  overflow: visible;
  padding-top: 10px;
}
.verification-document__header {
  align-items: center;
  display: flex;
}
.verification-document__header-warning {
  display: block;
  flex: none;
  height: 20px;
  width: 20px;
}
.verification-document__header-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 10px;
  width: 100%;
}
.verification-document__header-arrow {
  height: 19px;
  width: 19px;
  fill: var(--color-black);
  cursor: pointer;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: all 0.2s linear;
}
.verification-document__body {
  border: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  transition: all 0.2s linear;
}
.verification-document__body-button {
  margin-top: 14px;
}
.verification-document__body-help {
  color: var(--color-black-30);
  font-size: 10px;
  line-height: 12px;
  margin-top: 10px;
}
.modal-selfie {
  margin: 5% auto 0;
  max-width: 380px;
  padding: 30px 30px 10px;
  position: relative;
  width: 100%;
}
@media (max-width: 424px) {
  .modal-selfie {
    max-width: 100%;
    padding: 10px;
  }
}
.modal-selfie__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.modal-selfie__body {
  border-top: 1px dashed hsla(0, 0%, 100%, 0.2);
  margin-bottom: 30px;
  margin-top: 20px;
  padding-top: 20px;
}
.modal-selfie__body-selfie {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.modal-selfie__upload {
  background: rgba(2, 111, 211, 0.1);
  border: 1px dashed #026fd3;
  margin-bottom: 30px;
}
.modal-selfie__button {
  display: block;
  margin: 20px -20px 0;
  width: calc(100% + 40px);
}
.QGFPN {
  background: rgba(2, 111, 211, 0.1);
  border: 2px solid rgba(2, 111, 211, 0.3);
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 20px;
}
.QGFPN.WGFCL .QDTP8 {
  transform: rotateX(180deg);
}
.QGFPN.WGFCL .qOdXJ {
  border-top: 1px dashed hsla(0, 0%, 100%, 0.2);
  margin-top: 10px;
  max-height: none;
  overflow: visible;
  padding-top: 10px;
}
.MPrrQ {
  align-items: center;
  display: flex;
}
.HYnyZ {
  display: block;
  flex: none;
  height: 20px;
  width: 20px;
}
.p6cgT {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 10px;
  width: 100%;
}
.QDTP8 {
  height: 19px;
  width: 19px;
  fill: var(--color-black);
  cursor: pointer;
  transform: rotateX(0deg);
}
.QDTP8,
.qOdXJ {
  transition: all 0.2s linear;
}
.qOdXJ {
  border: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  padding: 0;
}
.HOnVl {
  background: #026fd3;
  border-radius: 4px;
  box-shadow: 0 4px 10px 0 rgba(2, 111, 211, 0.25);
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 14px;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}
.NRIzv {
  color: var(--color-black-30);
  font-size: 10px;
  line-height: 12px;
  margin-top: 10px;
}
.verification-documents {
  border-right: 1px dashed var(--color-black-20);
  padding-bottom: 10px;
  padding-right: 20px;
  position: relative;
  width: 100%;
}
@media (max-width: 1535px) {
  .verification-documents {
    border-right: 0;
  }
}
@media (max-width: 1023px) {
  .verification-documents {
    margin-top: 20px;
  }
  .verification-documents:before {
    border-left: none;
    border-top: 1px dashed var(--color-black-20);
    bottom: auto;
    content: "";
    left: 0;
    position: absolute;
    right: 20px;
    top: -20px;
    width: 100%;
  }
}
@media (max-width: 567px) {
  .RgocE {
    height: 46px !important;
    width: 100% !important;
  }
}
.C1EYl {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .C1EYl {
    display: block;
  }
}
.SFAYC {
  align-items: center;
  display: flex;
  gap: 30px;
}
@media (max-width: 1023px) {
  .SFAYC {
    display: none;
  }
}
.mvcuk {
  background: var(--skeletons-color-delimiter);
  height: 38px;
  width: 1px;
}
.WN934 {
  display: none;
}
@media (max-width: 1023px) {
  .WN934 {
    display: block;
    margin-top: 20px;
  }
}
.dAlfv {
  display: flex;
  gap: 20px;
}
@media (max-width: 1023px) {
  .dAlfv {
    display: flex;
    flex-flow: column;
  }
}
.ITJZR {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.ITJZR:first-child {
  padding: 10px 0;
}
.Upczi {
  border-top: 1px dashed var(--skeletons-color-delimiter);
  width: 100%;
}
.ITJZR:not(:last-child) {
  border-right: 1px dashed var(--skeletons-color-delimiter);
  padding-right: 20px;
}
@media (max-width: 1023px) {
  .ITJZR:not(:last-child) {
    border-right: none;
    border-top: 1px dashed var(--skeletons-color-delimiter);
    padding-right: 0;
    padding-top: 20px;
  }
}
.uJcpm {
  align-items: center;
  display: flex;
  gap: 20px;
}
.uJcpm div:first-child {
  flex: none;
}
.bPkBk {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.aKfdS {
  align-items: center;
  border-top: 1px dashed var(--skeletons-color-delimiter);
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 30px;
}
@media (max-width: 1023px) {
  .aKfdS {
    justify-content: center;
  }
}
.analytics__filter {
  margin-left: auto;
  position: relative;
}
.analytics__filter-button {
  align-items: center;
  background: var(--color-black-05);
  border-radius: 4px;
  color: var(--color-black);
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  min-width: 215px;
  padding: 10px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.analytics__filter-button svg {
  height: 10px;
  margin-left: 8px;
  width: 10px;
  fill: var(--color-black);
  transition: transform 0.2s linear;
}
.analytics__filter-button.active svg {
  transform: rotate(180deg);
}
.analytics__filter-block {
  background: var(--color-white);
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(27, 31, 45, 0.2);
  color: #fff;
  padding: 14px;
  position: absolute;
  right: 0;
  top: 41px;
  width: 100%;
  z-index: 10;
}
@media (max-width: 567px) {
  .analytics__filter-block {
    width: 100%;
  }
}
.analytics__filter-item {
  border-bottom: 1px solid var(--color-black-05);
  color: var(--color-black);
  cursor: pointer;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
.analytics__filter-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.analytics__filter-item:hover {
  color: #2b99ff;
}
.analytics__filter-item.active {
  color: var(--color-black-30);
}
.analytics__profile {
  align-items: center;
  display: flex;
  grid-area: profile;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .analytics__profile {
    display: block;
  }
}
.analytics__profile-body {
  align-items: center;
  display: flex;
}
@media (max-width: 768px) {
  .analytics__profile-body {
    align-items: flex-start;
  }
}
.analytics__profile-avatar {
  background: 50% / cover no-repeat #0f0f0f;
  border-radius: 100px;
  height: 38px;
  margin-inline-end: 12px;
  width: 38px;
}
@media (max-width: 768px) {
  .analytics__profile-avatar {
    flex: none;
  }
}
.analytics__profile-container {
  display: flex;
}
@media (max-width: 768px) {
  .analytics__profile-container {
    flex-wrap: wrap;
  }
}
@media (max-width: 568px) {
  .analytics__profile-container {
    display: block;
  }
}
.analytics__profile-level {
  height: 16px;
  margin-inline-start: 5px;
  width: 16px;
}
.analytics__profile-block {
  border-inline-end: 1px solid var(--color-black-15);
  margin-inline-end: 30px;
  padding-inline-end: 30px;
}
@media (max-width: 768px) {
  .analytics__profile-block {
    width: calc(50% - 30px);
  }
  .analytics__profile-block:first-child,
  .analytics__profile-block:nth-child(2) {
    margin-bottom: 20px;
  }
  .analytics__profile-block:nth-child(2) {
    border-right: 0;
    padding-right: 0;
  }
}
@media (max-width: 568px) {
  .analytics__profile-block {
    border-right: 0;
    padding-right: 0;
    width: 100%;
  }
}
.analytics__profile-block:last-child {
  border-right: 0;
  padding-right: 0;
}
.analytics__profile-label {
  color: var(--color-black-50);
  font-size: 12px;
  line-height: 16px;
}
.analytics__profile-value {
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-top: 2px;
}
.analytics__profile-eye {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 14px;
}
@media (max-width: 567px) {
  .analytics__profile-eye {
    margin-inline-start: auto;
  }
}
.analytics__profile-eye svg {
  height: 18px;
  width: 18px;
}
.analytics__profile-tabs {
  align-items: center;
  display: flex;
}
@media (max-width: 1921px) {
  .analytics__profile-tabs {
    display: none;
  }
}
.analytics__profile-tab {
  cursor: pointer;
  font-weight: 700;
  margin-left: 20px;
  padding: 10px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.analytics__profile-tab.active {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(53, 58, 77, 0.03);
}
.analytics__profile-filter {
  display: none;
}
@media (max-width: 1921px) {
  .analytics__profile-filter {
    display: block;
  }
}
@media (max-width: 1023px) {
  .analytics__profile-filter {
    margin-top: 30px;
  }
}
@media (max-width: 567px) {
  .I3McM {
    height: 46px !important;
    width: 100% !important;
  }
}
.Vsvci {
  display: flex;
  margin: 30px 0;
}
.HlyNb {
  display: flex;
  gap: 60px;
  margin: 0 30px 0 12px;
}
@media (max-width: 567px) {
  .HlyNb {
    display: none;
  }
}
.nxtaA {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.Rd4R2 {
  display: none;
}
@media (max-width: 567px) {
  .Rd4R2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 54px 0 12px;
  }
}
.PV1q3 {
  display: block;
  margin-left: auto;
}
@media (max-width: 567px) {
  .PV1q3 {
    display: none;
  }
}
._Ns4c {
  display: grid;
  gap: 20px;
  grid-template-columns: 30% 70%;
}
@media (max-width: 567px) {
  ._Ns4c {
    grid-template-columns: 1fr;
  }
}
._I3eY {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.analytics__instruments {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: instruments;
  width: 100%;
}
.analytics__instruments-header {
  border-bottom: 1px solid var(--color-black-10);
  padding: 19px 20px;
}
@media (max-width: 567px) {
  .analytics__instruments-header {
    padding: 10px 10px 20px;
  }
}
.analytics__instruments-header__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 567px) {
  .analytics__instruments-header__title {
    display: block;
    margin-bottom: 20px;
  }
}
.analytics__instruments__block {
  padding: 0 20px;
}
.analytics__instruments__block .highcharts-yaxis-labels text {
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}
.analytics__instruments__block .highcharts-xaxis-labels text {
  color: var(--color-black-80) !important;
  font-size: 12px;
  fill: var(--color-black-80) !important;
}
.analytics__profile-statistics {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: statistics;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.analytics__profile-statistics__title {
  border-bottom: 1px solid var(--color-black-10);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  padding: 19px 20px;
}
.analytics__profile-statistics__container {
  padding: 20px;
}
.analytics__profile-statistics__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 48px;
}
@media (max-width: 1023px) {
  .analytics__profile-statistics__items {
    grid-column-gap: 24px;
  }
}
@media (max-width: 567px) {
  .analytics__profile-statistics__items {
    gap: 24px;
    grid-template-columns: 1fr;
  }
}
.analytics__profile-statistics__items:first-child {
  margin-top: 20px;
}
.analytics__profile-statistics__items:not(:last-child) {
  box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.1);
  margin-bottom: 34px;
  padding-bottom: 34px;
}
@media (max-width: 567px) {
  .analytics__profile-statistics__items:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.analytics__profile-statistics__item {
  margin-left: 22px;
}
@media (max-width: 1023px) {
  .analytics__profile-statistics__item {
    margin-left: 0;
  }
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item {
    align-items: center;
    display: flex;
    margin-left: 0;
    padding: 14px 0;
  }
}
.analytics__profile-statistics__item-money {
  direction: ltr;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 11px;
}
.analytics__profile-statistics__item-money:dir(rtl) {
  text-align: right;
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item-money {
    margin-bottom: 12px;
  }
}
.analytics__profile-statistics__item #trades-svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: var(--analytics-bg-progress-block);
  stroke-width: 7px;
  transform: rotate(270deg);
  transform-origin: center center;
}
.analytics__profile-statistics__item #trades-svg #trades-bar {
  stroke: rgba(15, 175, 89, 0.9);
}
.analytics__profile-statistics__item-cont {
  border-radius: 100%;
  display: block;
  height: 56px;
  position: relative;
  width: 56px;
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item-cont {
    margin-left: 20px;
    order: 1;
  }
}
.analytics__profile-statistics__item-cont:after {
  border-radius: 100%;
  content: attr(data-pct);
  display: block;
  font-size: 18px;
  font-weight: 500;
  left: 50%;
  line-height: 20px;
  position: absolute;
  text-shadow: 0 0 0.5em #000;
  top: 50%;
  transform: translate(-50%, -50%);
}
.analytics__profile-statistics__item #win-trades-svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
  stroke: var(--analytics-bg-progress-block);
  stroke-width: 7px;
  transform: rotate(270deg);
  transform-origin: center center;
}
.analytics__profile-statistics__item #win-trades-svg #win-trades-bar {
  stroke: var(--color-red);
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item__circle {
    margin-left: 20px;
    order: 1;
  }
}
.analytics__profile-statistics__item-win-cont {
  border-radius: 100%;
  display: block;
  height: 56px;
  position: relative;
  width: 56px;
}
.analytics__profile-statistics__item-win-cont:after {
  content: attr(data-pct);
  font-size: 18px;
  left: 50%;
  top: calc(50% - 5px);
}
.analytics__profile-statistics__item-win-cont:after,
.analytics__profile-statistics__item-win-cont:before {
  border-radius: 100%;
  display: block;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  text-shadow: 0 0 0.5em #000;
  transform: translate(-50%, -50%);
}
.analytics__profile-statistics__item-win-cont:before {
  color: var(--color-black-80);
  content: attr(data-value) "%";
  font-size: 10px;
  left: 53%;
  top: calc(50% + 10px);
}
.analytics__profile-statistics__item-progress {
  align-items: center;
  display: flex;
  height: 8px;
  width: 78px;
}
.analytics__profile-statistics__item-progress__block {
  background: var(--analytics-bg-progress-block);
  border-radius: 0.5px;
  height: 8px;
  margin-right: 2px;
  position: relative;
  width: 18px;
}
.analytics__profile-statistics__item-progress__block:last-child {
  margin-right: 0;
}
.analytics__profile-statistics__item-progress__block .green,
.analytics__profile-statistics__item-progress__block .red,
.analytics__profile-statistics__item-progress__block .yellow {
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
.analytics__profile-statistics__item-progress__block .red {
  background-color: #ff432e;
}
.analytics__profile-statistics__item-progress__block .yellow {
  background-color: #ffb444;
}
.analytics__profile-statistics__item-progress__block .green {
  background-color: rgba(15, 175, 89, 0.9);
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item-value {
    margin-left: 20px;
    order: 1;
  }
}
.analytics__profile-statistics__item-label {
  color: var(--color-black-80);
  font-size: 12px;
  line-height: 16px;
  margin-top: 11px;
  width: 90px;
}
@media (max-width: 567px) {
  .analytics__profile-statistics__item-label {
    margin-top: 0;
    order: 0;
    width: 120px;
  }
}
.analytics__profile-statistics__navigation {
  background: hsla(0, 0%, 100%, 0.05);
  border-radius: 2px;
  margin: 24px 20px 0;
  padding: 10px;
  width: 170px;
}
@media (max-width: 567px) {
  .analytics__profile-statistics__navigation {
    margin-top: 20px;
  }
}
.analytics__profile-statistics__navigation-items {
  align-items: center;
  display: flex;
}
.analytics__profile-statistics__navigation-item {
  border-radius: 0.5px;
  height: 9px;
  margin-right: 2px;
  position: relative;
  width: 37px;
}
.analytics__profile-statistics__navigation-item:last-child {
  margin-right: 0;
}
.analytics__profile-statistics__navigation-item.red {
  background-color: #ff432e;
}
.analytics__profile-statistics__navigation-item.yellow {
  background-color: #ffb444;
}
.analytics__profile-statistics__navigation-item.green {
  background-color: rgba(15, 175, 89, 0.9);
}
.analytics__profile-statistics__navigation-item.green-gradient {
  background-image: linear-gradient(
    to right,
    #27b76a,
    var(--analytics-bg-progress-block)
  );
}
.analytics__profile-statistics__navigation-labels {
  align-items: center;
  color: var(--analytics-color-navigation-block);
  display: flex;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.analytics__profile-statistics__navigation-label {
  margin-right: 2px;
  width: 37px;
}
.HOsH5 {
  align-items: center;
  display: flex;
  height: 8px;
  width: 78px;
}
.RsnIv {
  background: var(--analytics-bg-progress-block);
  border-radius: 0.5px;
  height: 8px;
  margin-right: 2px;
  position: relative;
  width: 18px;
}
.RsnIv:last-child {
  margin-right: 0;
}
.RsnIv .Eq2sg,
.RsnIv .goyzy,
.RsnIv .vQXZO {
  height: 8px;
  left: 0;
  position: absolute;
  top: 0;
}
.RsnIv .goyzy {
  background-color: #ff432e;
}
.RsnIv .Eq2sg {
  background-color: #ffb444;
}
.RsnIv .vQXZO {
  background-color: rgba(15, 175, 89, 0.9);
}
.analytics__top-instruments {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: topInstruments;
  width: 100%;
}
@media (max-width: 1535px) {
  .analytics__top-instruments {
    height: auto;
  }
}
@media (max-width: 567px) {
  .analytics__top-instruments .highcharts-data-label {
    display: none;
  }
}
.analytics__top-instruments-header {
  border-bottom: 1px solid var(--color-black-10);
  padding: 19px 20px;
}
@media (max-width: 567px) {
  .analytics__top-instruments-header {
    padding: 10px 10px 20px;
  }
}
.analytics__top-instruments-header__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 567px) {
  .analytics__top-instruments-header__title {
    display: block;
    margin-bottom: 20px;
  }
}
.analytics__top-instruments__block {
  padding: 0 57px 0 20px;
}
.analytics__top-instruments__graph {
  color: #fff !important;
  font-family: Roboto Mono, monospace !important;
  font-size: 14px !important;
}
.analytics__top-instruments__graph .highcharts-credits {
  display: none;
}
.analytics__success {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: success;
  margin-bottom: 20px;
  width: 100%;
}
.analytics__success-header {
  border-bottom: 1px solid var(--color-black-10);
  padding: 19px 20px;
}
@media (max-width: 567px) {
  .analytics__success-header {
    padding: 10px 10px 20px;
  }
}
.analytics__success-header__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 567px) {
  .analytics__success-header__title {
    display: block;
    margin-bottom: 20px;
  }
}
.analytics__success__block {
  padding: 50px 20px 0;
}
.analytics__success__block .highcharts-yaxis-labels text {
  color: var(--color-black) !important;
  fill: var(--color-black) !important;
}
.analytics__success__block .highcharts-xaxis-labels text {
  color: var(--color-black-80) !important;
  font-size: 12px;
  fill: var(--color-black-80) !important;
}
.analytics__percentage {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: percentage;
  width: 100%;
}
.analytics__percentage-header {
  border-bottom: 1px solid var(--color-black-10);
  padding: 19px 20px;
}
@media (max-width: 567px) {
  .analytics__percentage-header {
    padding: 10px 10px 20px;
  }
}
.analytics__percentage-header__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 567px) {
  .analytics__percentage-header__title {
    display: block;
    margin-bottom: 20px;
  }
}
.analytics__distribution-instrument {
  background: var(--analytics-bg-block);
  border-radius: 4px;
  grid-area: distributionInstrument;
  width: 100%;
}
.analytics__distribution-instrument-header {
  border-bottom: 1px solid var(--color-black-10);
  padding: 19px 20px;
}
@media (max-width: 567px) {
  .analytics__distribution-instrument-header {
    padding: 10px 10px 20px;
  }
}
.analytics__distribution-instrument-header__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (max-width: 567px) {
  .analytics__distribution-instrument-header__title {
    display: block;
    margin-bottom: 20px;
  }
}
.create-request__form-main__radio-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  min-height: 20px;
  padding-inline-start: 30px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.create-request__form-main__radio-button
  + .create-request__form-main__radio-button {
  margin-top: 12px;
}
.create-request__form-main__radio-button input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.create-request__form-main__radio-button input:checked ~ .checkmark {
  background: #026fd3;
  border: 1px solid #026fd3;
}
.create-request__form-main__radio-button input:checked ~ .checkmark:after {
  color: #fff;
  display: block;
}
.create-request__form-main__radio-button .checkmark {
  border: 1px solid var(--color-black);
  border-radius: 50%;
  height: 20px;
  inset-inline-start: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.create-request__form-main__radio-button .checkmark:after {
  content: "✓";
  display: none;
  left: 5px;
  position: absolute;
  top: 2px;
}
.mHKbW {
  border: none;
  color: var(--select-new-option-color);
  font-size: 16px;
  line-height: 20px;
  outline: 0;
  padding: 14px 18px;
  position: relative;
  text-align: start;
}
.EpLTv {
  color: var(--select-new-option-color-disabled);
  pointer-events: none;
}
.a4BPj {
  background-color: var(--select-new-option-background-hover);
}
.mHKbW + .mHKbW:before {
  background-color: var(--select-new-options-separator);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.kFF7G {
  align-items: center;
  background-color: var(--select-new-background);
  border: 1px solid var(--select-new-border);
  border-radius: 4px;
  color: var(--select-new-text);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  line-height: 20px;
  margin-top: 7px;
  padding: 14px;
  position: relative;
  transition: all 133ms linear;
}
.kFF7G:focus-visible,
.kFF7G:hover {
  border-color: var(--select-new-border-hover);
  color: var(--select-new-text-focused);
}
.K9hdn {
  color: var(--select-new-text-placeholder);
}
.eYn6Y {
  margin-inline-end: 10px;
}
.olsfR {
  background-color: var(--select-new-label-background);
  border-radius: 4px;
  color: var(--select-new-label);
  display: block;
  font-size: 12px;
  inset-inline-start: 10px;
  line-height: 18px;
  max-width: calc(100% - 30px);
  overflow: hidden;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  text-align: start;
  text-overflow: ellipsis;
  top: -9px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}
.aQCQp {
  display: inline-block;
  margin-inline: auto 2px;
  padding-inline-start: 20px;
}
.aQCQp svg {
  transition: transform 133ms linear;
}
.HyM6q {
  border-color: var(--select-new-border-active);
  color: var(--select-new-text-focused);
}
.eJuLa,
.eJuLa .olsfR {
  background-color: inherit;
}
.s0n9G {
  background-color: var(--select-list-new);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow-y: scroll;
  scrollbar-color: var(--scrollbar-color) transparent;
  z-index: 9;
}
.s0n9G::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
}
.s0n9G::-webkit-scrollbar-thumb:hover,
.s0n9G::-webkit-scrollbar-track:hover {
  background: var(--color-black-50);
}
.date-picker-range__block {
  background: var(--color-white);
  border-radius: 4px;
  box-shadow: 20px 0 80px 0 rgba(27, 31, 45, 0.2);
}
.date-picker-range__footer {
  border-top: 1px solid var(--color-black-10);
  display: flex;
  justify-content: center;
  padding: 12px;
}
@media (max-width: 567px) {
  .date-picker-range__footer {
    border: 0;
    padding: 8px;
  }
}
.date-picker-range__root {
  position: relative;
}
.date-picker-range__items {
  background-color: var(--select-list-new);
  border-radius: 8px;
  left: 0;
  padding: 0 16px;
  position: absolute;
  top: 67px;
  width: calc(100% - 20px);
  z-index: 1;
}
.date-picker-range__item {
  border-bottom: 1px solid var(--select-new-options-separator);
  color: var(--color-black);
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  margin-top: 15px;
  padding-bottom: 13px;
}
.date-picker-range__item:hover {
  color: #3690f2;
}
.date-picker-range__container {
  border: 1px solid var(--input-border);
  border-radius: 4px;
  margin-inline-end: 20px;
  margin-top: 8px;
  position: relative;
}
@media (max-width: 1023px) {
  .date-picker-range__container {
    margin-inline-end: 0;
  }
}
.date-picker-range__container input {
  background: transparent;
  color: var(--select-new-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 14px;
  padding: 14px 14px 14px 24px;
  width: 232px;
}
.date-picker-range__label {
  background-color: var(--input-bg-label);
  border-radius: var(--input-br-label);
  color: var(--input-color-label);
  font-size: var(--input-size-label);
  inset-inline-start: 10px;
  line-height: var(--input-height-label);
  padding: 1px 6px;
  position: absolute;
  top: -10px;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
}
.date-picker-range__icon {
  left: 14px;
  position: absolute;
  top: 16px;
}
.date-picker-range__icon svg {
  fill: var(--color-black);
}
.date-picker-range__popper {
  font-family: Roboto Mono, monospace;
  width: -moz-max-content;
  width: max-content;
}
.date-picker-range__popper .react-datepicker__triangle {
  display: none;
}
.date-picker-range__popper .react-datepicker {
  background: var(--color-white);
  border: 0;
  border-radius: 4px;
}
.date-picker-range__popper .react-datepicker__header {
  background: var(--color-black-05);
  border: 0;
  border-radius: 0;
  padding: 12px 0 6px;
}
.date-picker-range__popper .react-datepicker__current-month {
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  margin-bottom: 12px;
}
.date-picker-range__popper .react-datepicker__day-name {
  color: var(--color-black-80);
  font-size: 10px;
  line-height: 12px;
}
.date-picker-range__popper .react-datepicker__day-names {
  margin-bottom: 0;
}
.date-picker-range__popper .react-datepicker__navigation-icon:before {
  border-width: 2px 2px 0 0;
  color: var(--color-black);
  top: 10px;
}
.date-picker-range__popper .react-datepicker__day {
  border: 4px;
  color: var(--color-black);
}
.date-picker-range__popper .react-datepicker__day--keyboard-selected {
  background-color: #2b99ff;
}
.date-picker-range__popper .react-datepicker__day--in-range,
.date-picker-range__popper
  .react-datepicker__day:not([aria-disabled="true"]):hover {
  background: rgba(2, 111, 211, 0.2);
}
.date-picker-range__popper .react-datepicker__day--range-end,
.date-picker-range__popper .react-datepicker__day--range-start {
  background: #2b99ff;
}
.date-picker-range__popper .react-datepicker__day--disabled,
.date-picker-range__popper .react-datepicker__day--outside-month {
  opacity: 0.5;
}
.upload-control {
  align-items: center;
  background-color: var(--upload-bg-control);
  border: 1px dashed var(--upload-border-control);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 16px;
  padding: 20px;
  position: relative;
  text-align: center;
  transition: all 0.2s linear;
  transition-property: background-color, box-shadow;
}
.upload-control:not(.disabled).active {
  background-color: var(--upload-bg-control-active);
}
.upload-control:not(.disabled):hover {
  background-color: var(--upload-bg-control-hover);
}
.upload-control:not(.disabled):focus-visible {
  outline: 1px solid var(--color-black);
}
.upload-control.disabled {
  cursor: default;
  opacity: 0.3;
}
@media (max-width: 567px) {
  .upload-control {
    padding: 12px 20px;
  }
}
.upload-control__label {
  font-size: 14px;
  font-weight: 900;
  line-height: 18px;
  margin-bottom: 10px;
}
.upload-control__help {
  align-content: center;
  display: flex;
  margin: 0;
}
.upload-control__help svg {
  height: 12px;
  margin-right: 6px;
  width: 12px;
}
.upload-control--invalid {
  border-color: #db4635;
}
.upload-control--invalid .upload-control__label {
  color: #db4635;
}
.upload-control--invalid:not(.disabled):hover {
  border-color: rgba(219, 70, 53, 0.5);
}
.upload-control--invalid:not(.disabled).active,
.upload-control--invalid:not(.disabled).focused {
  border-color: #db4635;
}
.upload-control-files {
  list-style-type: none;
  margin: 6px 0 0;
  padding: 0;
}
.upload-control-files li {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  line-height: 16px;
  padding: 10px 8px;
}
.upload-control-files li:hover {
  background-color: var(--color-black-05);
  border-radius: 4px;
}
.upload-control-files li.error {
  color: #db4635;
}
.upload-control-files li.error .upload-control-files__icon {
  fill: #db4635;
}
.upload-control-files__icon {
  height: 12px;
  width: 12px;
  fill: var(--color-black);
}
.upload-control-files__file {
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-control-files__loader,
.upload-control-files__loader .loader,
.upload-control-files__loader svg {
  height: 16px;
  width: 16px;
}
.upload-control-files__information {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-weight: 400;
  gap: 6px;
}
.upload-control-files__information svg {
  flex: none;
  margin: 0;
}
.upload-control-files__remove {
  margin-left: 6px;
}
.upload-control__control {
  margin: 20px 0;
}
.upload-control__control .input-control-cabinet__hint {
  color: #db4635;
}
.form-control-text-area__control {
  margin: 20px 0;
}
.form-control-text-area textarea {
  resize: none;
}
.form-control-text-area textarea::-moz-placeholder {
  -moz-user-select: none;
  user-select: none;
}
.form-control-text-area textarea::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form-control-text-area--invalid {
  border-color: #db4635;
}
.form-control-text-area--invalid .input-control__label,
.form-control-text-area--invalid + .input-control-cabinet__hint {
  color: #db4635;
}
:export {
  transitionTime: 0.2s;
  preloaderAnimationTime: 2.5s;
  preloaderAnimation: preloaderOpacityShimmer 2.5s forwards linear infinite;
}
.create-request__form-footer {
  margin-top: 20px;
}
.create-request__form-footer button {
  width: 100%;
}