.wrapper--SlH0y {
  background: rgb(var(--white));
  box-shadow: var(--shadow-blue);
  border-radius: 12px;
}

.wrapper--SlH0y:hover {
  box-shadow: 1px 1px 20px 0 rgba(85, 89, 99, 0.16);
}

.wrapper--SlH0y:focus-visible {
  outline: 3px solid rgba(91, 91, 174, 0.1)
}

.header--kx2mj {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 24px 32px;
}

.header--kx2mj.withBorder--Tv7Us {
  border-bottom: 1px solid rgb(var(--light-gray-hover));
}

.title--ThBrf {
  display: flex;
  align-items: center;
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.title--ThBrf.withIcon--vznmg {
  gap: 16px;
}

.chevronIcon--rceVr {
  color: rgb(var(--gray));
}

.chevronIcon--rceVr:hover {
  cursor: pointer;
}

.chevronIcon--rceVr.rotated--5yK4y {
  transform: rotate(180deg);
}

.content--jSVoD {
  display: none;
}

.content--jSVoD.visible--57dHV {
  display: block;
}

@media (max-width: 767px) {
  .header--kx2mj {
    flex-wrap: wrap;
    gap: 16px;
    height: fit-content;
    padding: 16px;
  }
  .title--ThBrf {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
  }
}

.alert--t9ht2 {
  width: 100%;
  padding: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 12px;
  display: flex;
  gap: 8px;
}

.withClose--BJNbc {
  position: relative;
  padding-right: 40px;
}

.closeIcon--jLFl7 {
  position: absolute;
  top: 12px;
  right: 12px;
}

.gray--s0Uj2 {
  background-color: rgb(var(--light-gray));
  .icon--KJ4CF {
    color: rgb(var(--dark-gray));
  }
}

.white--BvmqI {
  background-color: rgb(var(--white));
  .icon--KJ4CF {
    color: rgb(var(--dark-gray));
  }
}

.green--ayscF {
  background-color: rgb(var(--light-green));
  .icon--KJ4CF {
    color: rgb(var(--green));
  }
}

.blue--FnOYa {
  background: rgb(var(--light-blue));
  .icon--KJ4CF {
    color: rgb(var(--blue))
  }
}

.orange--iynpB {
  background: rgb(var(--light-orange));

  .icon--KJ4CF {
    color: rgb(var(--orange));
  }
}

.red--7V7At {
  background: rgb(var(--light-red));

  .icon--KJ4CF {
    color: rgb(var(--red));
  }
}

.black--Wbl49 {
  background: rgb(var(--black));
  color: rgb(var(--light-gray));
}

.icon--KJ4CF {
  flex-shrink: 0;
}

.textWrapper--Kt\+4G {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.title--GBsvM {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}


.icon--K-VfW {
  transform: rotate(180deg);
  min-width: 16px;
  position: absolute;
  left: 0;
  top: 2px;
}

.link--VqcV4 {
  display: inline-flex;
  padding-left: 36px;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  transition: color var(--transition);
  position: relative;
}

.link--VqcV4:hover {
  text-decoration: underline;
  text-underline-position: under;
  color: rgb(var(--graphite));
}

.link--VqcV4 + .link--VqcV4 {
  margin-top: 12px;
}

.card--O\+WMv {
  width: 274px;
  height: 140px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px dashed rgba(var(--blue), 0.3);
  border-radius: 12px;
  background-color: rgba(var(--blue), 0.1);
  box-shadow: var(--shadow-blue);
  cursor: pointer;
  transition: border, background-color, box-shadow var(--transition);
}

.card--O\+WMv:hover {
  border: 2px solid rgba(var(--blue), 0.3);
  background-color: rgba(var(--blue), 0.12);
  box-shadow: var(--shadow-blue);
}

.icon--EsSrS {
  width: 44px;
  height: 44px;
  background-color: rgb(var(--white), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: rgb(var(--gray-blue));
}

.title--kt-41 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.container--ZsKvw {
  position: relative;
}

@keyframes rotate--FMKq7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.button--TyeKg {
  display: inline-flex;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  transition: color, background-color var(--transition);
  border: none;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', sans-serif;
}

.buttonLink--IUVju:hover {
  text-decoration: none;
}

.button--TyeKg.primary--7Aki-:hover {
  color: rgb(var(--button-text));
}

.loader--lG3LR {
  animation: rotate--FMKq7 1s linear infinite;
}

.num--v4GYX {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgb(var(--graphite));
  display: flex;
  align-items: center;
  justify-content: center;
}

.l--AvKXL {
  gap: 4px;
  height: 64px;
  padding: 12px 24px;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.l--AvKXL .title--uVWa0 {
  padding: 4px 8px;
}

.l--AvKXL .loader--lG3LR {
  width: 32px;
  height: 32px;
}

.m--2KaEy {
  gap: 4px;
  height: 54px;
  padding: 12px 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.m--2KaEy .title--uVWa0 {
  padding: 4px 8px;
}

.m--2KaEy .loader--lG3LR {
  width: 22px;
  height: 22px;
}

.s--NPj5G {
  gap: 6px;
  height: 48px;
  padding: 11px 16px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.s--NPj5G .title--uVWa0 {
  padding: 2px 4px;
}

.s--NPj5G .loader--lG3LR {
  width: 22px;
  height: 22px;
}

.xs--pHRpM {
  gap: 4px;
  height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  border-radius: 6px;
}

.xs--pHRpM .title--uVWa0 {
  padding: 0px 4px;
}

.xs--pHRpM .loader--lG3LR {
  width: 20px;
  height: 20px;
}

.primary--7Aki- {
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
}

.primary--7Aki- .loader--lG3LR {
  fill: rgb(var(--button-text));
}

.primary--7Aki-:hover {
  background-color: rgb(var(--dark-yellow));
}

.white--eq8vF {
  background-color: rgb(var(--white));
  color: rgb(var(--black));
}
.white--eq8vF:hover {
  background-color: rgb(var(--light-gray-hover));
}

.gray--waxLI {
  background-color: rgb(var(--light-gray));
  color: rgb(var(--black));
}
.gray--waxLI:hover {
  background-color: rgb(var(--light-gray-hover));
}

.primary--7Aki- .num--v4GYX {
  background-color: rgba(var(--white), 0.5);
}

.white--eq8vF .num--v4GYX,
.gray--waxLI .num--v4GYX {
  background-color: rgba(var(--gray-blue), 0.5);
}

.transparent--2cdo9 {
  background-color: transparent;
  color: rgb(var(--black));
}

.transparent--2cdo9:hover {
  background-color: rgb(var(--light-gray-hover));
}

.button--TyeKg:disabled,
.disabled--0rwu7 {
  opacity: 0.5;
  cursor: not-allowed;
}

.loading--1BWia {
  pointer-events: none;
}

@media (max-width: 768px) {
  .primary--7Aki-:hover {
    background-color: rgb(var(--yellow));
  }
  .white--eq8vF:hover {
    background-color: rgb(var(--white));
  }
  .gray--waxLI:hover {
    background-color: rgb(var(--light-gray));
  }
}

.buttonLink--\+qcJf {
  border: none;
  border-bottom: 1px dotted rgb(var(--blue));
  background-color: transparent;
  color: rgb(var(--blue));
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.buttonLink--\+qcJf:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

.buttonLink--\+qcJf:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.pointer--kJA\+S {
  cursor: pointer;
  transition: opacity 0.3s linear;
}

.pointer--kJA\+S:hover {
  opacity: 0.7;
}

.input--wUQGP {
  display: none;
}

.label--t8Wsc {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: rgb(var(--black));
}

.labelText--W3Sql {
  width: fit-content;
  position: relative;
  top: 1px;
}

.label--t8Wsc::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  bottom: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  border: 2px solid rgb(var(--gray-blue));
  box-sizing: border-box;
  border-radius: 2px;
}

.label--t8Wsc:hover::before {
  border-color: rgb(var(--blue-hover));
}

.input--wUQGP:checked + .label--t8Wsc::before {
  background: rgb(var(--yellow));
  border-color: rgb(var(--yellow));
}

.input--wUQGP:checked + .label--t8Wsc:hover::before {
  background: rgb(var(--dark-yellow));
  border-color: rgb(var(--dark-yellow));
}

.input--wUQGP:disabled + .label--t8Wsc {
  color: rgb(var(--gray));
  cursor: auto;
  pointer-events: none;
}

.input--wUQGP:disabled + .label--t8Wsc::before,
.input--wUQGP:disabled + .label--t8Wsc svg {
  opacity: 0.3;
}

.label--t8Wsc span {
  position: absolute;
  left: 7px;
  top: 0;
}

.label--t8Wsc svg {
  fill: transparent;
  position: absolute;
  left: 6px;
  top: 6px;
  display: none;
}

.input--wUQGP:checked + .label--t8Wsc svg {
  display: inline-block;
  stroke: rgb(var(--button-text));
}

.hint--ORxon {
  color: rgb(var(--gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .label--t8Wsc:hover::before {
    border-color: rgb(var(--gray-blue));
  }

  .input--wUQGP:checked + .label--t8Wsc:hover::before {
    background: rgb(var(--yellow));
    border-color: rgb(var(--yellow));
  }

  .hint--ORxon {
    font-size: 12px;
    line-height: 16px;
  }
}

.card--55OF4 {
  background-color: rgb(var(--white));
  border: none;
  box-shadow: var(--shadow-blue);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  font-family: 'Inter', sans-serif;
  text-align: left;
  position: relative;
}

.card--55OF4:hover {
  box-shadow: 1px 1px 20px 0 rgba(85, 89, 99, 0.16);
  cursor: pointer;
}

.card--55OF4:focus-visible {
  outline: 3px solid rgba(91, 91, 174, 0.1)
}

@media (max-width: 767px) {
  .card--55OF4 {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 8px 16px;
  }
}

.inputWrapper--VDb\+\+ {
  position: relative;
}

.errorText--m1aYu {
  color: rgb(var(--red));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}

.wrapper--IMeIm {
  width: 242px;
  border-radius: 8px;
  box-shadow: var(--shadow-bright-blue);
  background-color: rgb(var(--white));
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  z-index: 2;
}

.header--ec7Kk {
  background-color: rgb(var(--light-gray));
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid var(--light-gray-border);
  padding: 8px 20px 4px;
}

.month--ReG0s {
  width: 100%;
  height: 24px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  user-select: none;
}

.weekdays--Aw7Xo {
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.weekday--OVcIj {
  width: 28px;
  text-align: center;
  user-select: none;
}

.grid--2IqqM {
  display: grid;
  grid-template-columns: repeat(7, 28px);
  padding: 6px 20px;
  gap: 4px 1px;
}

.cell--UDdIO {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  color: rgb(var(--black));
  cursor: pointer;
  user-select: none;
}

.cell--UDdIO:hover,
.cell--UDdIO.today--R07g4:hover {
  background-color: rgba(var(--yellow), 0.2);
}

.cell--UDdIO.today--R07g4 {
  background-color: rgb(var(--light-blue));
}

.cell--UDdIO.selected--evfGX {
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
}

.cell--UDdIO.selected--evfGX:hover {
  background-color: rgb(var(--dark-yellow));
}

.cell--UDdIO.disabled--Q4pwR.selected--evfGX {
  background-color: rgba(var(--yellow), .2);
}

.disabled--Q4pwR,
.disabled--Q4pwR.selected--evfGX {
  color: rgb(var(--gray));
  pointer-events: none;
}

.next--RITmD,
.prev--Za4PL {
  cursor: pointer;
}

.label--3w27U {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: rgb(var(--graphite));
  font-size: 13px;
  line-height: 20px;
}

.input--NnhkJ {
  font-size: 15px;
  line-height: 22px;
  padding: 16px;
  background-color: rgb(var(--white));
  font-family: inherit;
  border-radius: 4px;
  border: 1px solid rgb(var(--light-gray-border));
  width: 100%;
  color: rgb(var(--black));
}

.input--NnhkJ.withIcon--3TPVo {
  padding: 16px 56px 16px 16px;
}

.input--NnhkJ:focus {
  outline: 2px solid rgb(var(--yellow));
  border-color: transparent;
}

.input--NnhkJ.withError--WdlFN {
  outline: 2px solid rgb(var(--red));
  border-color: transparent;
}

.input--NnhkJ:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.icon--E1yvf {
  color: rgb(var(--gray-blue));
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.icon--E1yvf:hover {
  color: rgb(var(--dark-gray));
  cursor: pointer;
}

.mask--5Ryd8 {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--mask));
  transform: translate3d(0, 0, 0);
}

.dialog--Dzd\+E {
  width: 100%;
  max-width: 610px;
  background: rgb(var(--white));
  border-radius: 16px;
  padding: 56px 60px;
  position: relative;
}

.dialog--Dzd\+E[data-size='s'] {
  max-width: 360px;
  border-radius: 8px;
  padding: 32px 28px;
}

.close--9Wfwd {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
}

.close--9Wfwd span {
  position: static;
}

.close--9Wfwd span:hover {
  color: rgb(var(--yellow));
  transition: color var(--transition);
}

.icon--yrKAj {
  width: 220px;
  height: 130px;
  margin: 0 auto 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.title--mjcEs {
  text-align: center;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: rgb(var(--black));
}

.text--RYhah {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--graphite));
}

.dialog--Dzd\+E:not([data-size='s']) .title--mjcEs {
  padding: 0 36px 12px;
}

.buttons--HXWHb {
  padding-top: 24px;
  text-align: center;
}

.buttons--HXWHb button + button {
  margin-left: 16px;
}

.buttonsCenter--41Jey button + button {
  margin: 0;
}

.buttonsCenter--41Jey {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 40px;
}

@media all and (max-width: 860px) {
  .mask--5Ryd8 {
    padding: 0;
  }

  .dialog--Dzd\+E:not([data-size='s']) {
    max-width: 100%;
    height: 100vh;
    border-radius: 0;
    padding: 80px 24px;
  }
}

@media all and (max-width: 480px) {
  .dialog--Dzd\+E {
    padding: 80px 16px;
  }

  .buttons--HXWHb span {
    margin-left: 0;
    width: 100%;
  }

  .buttons--HXWHb span + span {
    margin-top: 16px;
    margin-left: 0 !important;
  }
}

.wrapper--zerky {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dropzone--sqXC- {
  padding: 20px;
  border: 1px dashed rgba(var(--gray), 0.5);
  border-radius: 8px;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  background-color: inherit;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.dropTitle--QBkRR {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.dropTitleError--jPBQb {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.dropTitle--QBkRR {
  color: rgb(var(--dark-gray));
}

.dropTitleError--jPBQb {
  color: rgb(var(--red));
  margin-top: 12px;
}

.buttonsWrapper--oqS7V {
  display: flex;
}

.fileInput--161ST {
  display: none;
  width: 0;
  height: 0;
}

.li--yHBZ0 {
  background: rgb(var(--light-gray));
  border-radius: 4px;
  padding: 8px 12px;
  display: flex;
  gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  cursor: auto;
}

.li--yHBZ0::marker {
  display: none;
}

.li--yHBZ0 + .li--yHBZ0 {
  margin-top: 8px;
}

.fileName--dqa6S {
  flex-grow: 1;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: rgb(var(--graphite));
  overflow: hidden;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.fileSize--gcGqc {
  width: 80px;
  min-width: 80px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  color: rgb(var(--gray));
}

.delete--9cTOl {
  width: 16px;
  min-width: 16px;
  cursor: pointer;
}

.allSize--ngBg7 {
  list-style: none;
  margin-top: 16px;
  text-align: end;
  color: rgb(var(--gray));
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
}

.dropdown--Y96id {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 4px;
  padding: 4px 0;
  width: 100%;
  z-index: 2;
  max-height: 238px;
  overflow: auto;
  scrollbar-width: thin;
}

.title--eWm2j {
  padding: 12px 16px 4px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.list--1J8vZ {
  display: flex;
  flex-direction: column;
}

.empty--gqTEt {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: calc(100% + 2px);
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 8px;
  left: 0;
  padding: 16px;
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--dark-gray));
  cursor: auto;
}

.dropdown--yTdhH {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 4px;
  padding: 4px 0;
  width: 100%;
  z-index: 2;
  max-height: 238px;
  overflow: auto;
  scrollbar-width: thin;
}

.title--9AzhH {
  padding: 12px 16px 4px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.list--1LAMV {
  display: flex;
  flex-direction: column;
}

.item--DPxpH {
  padding: 12px 16px;
  color: rgb(var(--black));
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.item--DPxpH:hover {
  background-color: rgb(var(--light-gray));
}

.itemInfo--4e53S {
  color: rgb(var(--gray));
}

.itemInfo--4e53S,
.itemTitle--ORCId {
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.empty--OlO\+1 {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: calc(100% + 2px);
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 8px;
  left: 0;
  padding: 16px;
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--dark-gray));
  cursor: auto;
}

.link---7bhT {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 12px 0;
}

.link---7bhT a {
  color: rgb(var(--black));
  font-weight: 600;
}

.icon--0WXCp {
  flex-shrink: 0;
  fill: rgb(var(--yellow));
}

@media (max-width: 767px) {
  .link---7bhT a {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
}

.banner--Gwn4F {
  padding: 20px 32px;
  border: 2px solid rgb(var(--light-gray-border));
  border-radius: 12px;
  width: 50%;
  flex-grow: 1;
  position: relative;
  cursor: pointer;
  animation: loading-height--UDlaJ 0.5s;
}

.banner--Gwn4F:hover {
  background-color: rgb(var(--white));
  border-color: rgba(var(--gray), 0.5);
}

.banner--Gwn4F.small--pzSpT {
  height: 156px;
  padding: 32px 12px 20px;
}

.banner--Gwn4F.active--8L-\+Q {
  background-color: rgb(var(--white));
  order: -1;
}

.content--AhZQI {
  display: flex;
  gap: 16px;
  animation: loading-content--5It7T 0.75s;
}

.banner--Gwn4F.small--pzSpT .content--AhZQI {
  align-items: center;
  flex-direction: column;
  gap: 0;
  height: 100%;
  justify-content: space-between;
  text-align: center;
}

.description--uXGfd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.title--x0oMI {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.banner--Gwn4F.small--pzSpT .title--x0oMI {
  font-size: 13px;
  line-height: 20px;
}

.subtitle--tsVmH {
  color: rgb(var(--gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.featureIcon--oI7W9 {
  color: transparent;
  flex-shrink: 0;
}

.icon---v5sh {
  color: rgb(var(--gray-blue));
  position: absolute;
  top: 0;
  right: 0;
}

.iconBg---EdKZ {
  height: 26px;
  width: 26px;
  background-color: rgb(var(--light-gray));
  border-bottom-left-radius: 19px;
  position: absolute;
  top: -2px;
  right: -2px;
}

@media (max-width: 767px) {
  .banner--Gwn4F.small--pzSpT {
    min-width: 140px;
    width: 100%;
  }
  .banner--Gwn4F:not(.small--pzSpT) {
    padding: 20px 16px;
  }
  .banner--Gwn4F:not(.small--pzSpT) .title--x0oMI {
    font-size: 14px;
    line-height: 18px;
  }
  .banner--Gwn4F:not(.small--pzSpT) .subtitle--tsVmH {
    font-size: 12px;
    line-height: 16px;
  }
}

.row--T5JpA {
  position: relative;
}

.relative--MMIMP {
  position: relative;
}

.label--zxA1S {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.input--dP9MX {
  box-sizing: border-box;
  display: block;
  height: 56px;
  width: 100%;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 4px;
  padding: 16px;
  font-family: 'Inter', sans-serif;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  background: rgb(var(--white));
}

.row--T5JpA[data-size='s'] .input--dP9MX {
  height: 44px;
  padding: 11px 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.input--dP9MX:focus,
.textarea--H33mS:focus {
  border-color: transparent;
  outline: 2px solid rgb(var(--yellow));
}

.input--dP9MX::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--gray));
}
.input--dP9MX:placeholder-shown {
  text-overflow: ellipsis;
}

.input--dP9MX[data-error='true'] {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.input--dP9MX[disabled] {
  background: rgb(var(--white));
  opacity: 0.5;
}

.input--dP9MX[data-icon='true'] {
  padding-left: 56px;
}

.input--dP9MX[data-delete-icon='true'] {
  padding-right: 56px;
}

.input--dP9MX.withToggle--apnmY,
.input--dP9MX.withTooltip--D1TdY {
  padding-right: 40px;
}

.input--dP9MX.withToggle--apnmY.withTooltip--D1TdY {
  padding-right: 96px;
}

.row--T5JpA[data-size='s'] .input--dP9MX[data-icon='true'] {
  padding-left: 52px;
}

.row--T5JpA[data-size='s'] .input--dP9MX[data-delete-icon='true'] {
  padding-right: 52px;
}

.icon--SxwhH {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 1;
  color: rgb(var(--gray-blue));
}

.row--T5JpA[data-size='s'] .icon--SxwhH {
  bottom: 10px;
}

.tooltip--C\+fn\+ {
  position: absolute;
  right: 16px;
  top: 16px;
  height: 20px;
  width: 20px;
}

.tooltipText--OjxaR {
  display: none;
  position: absolute;
  bottom: 30px;
  right: -8px;
  width: 240px;
  background-color: rgb(var(--light-blue-hover));
  border-radius: 8px;
  padding: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.tooltipIcon--D7CV- {
  position: static;
  color: rgb(var(--gray-blue));
  z-index: 1000;
  cursor: pointer;
}

.tooltipIcon--D7CV-.withToggle--apnmY {
  position: absolute;
  right: 40px;
}

.tooltipIcon--D7CV-:hover + .tooltipText--OjxaR {
  display: block;
}

.tooltipIcon--D7CV-:hover {
  color: rgb(var(--black));
}

.input--dP9MX:focus + .tooltip--C\+fn\+ .tooltipText--OjxaR {
  display: block;
}

.input--dP9MX:focus + .tooltip--C\+fn\+ .tooltipIcon--D7CV- {
  color: rgb(var(--black));
}

.deleteButton--Wu4te {
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.row--T5JpA[data-size='s'] .deleteButton--Wu4te {
  bottom: 10px;
}

.deleteIcon--BDqlz {
  color: rgb(var(--gray-blue));
}

.error--5-0GR,
.hint--9jIOR {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
  white-space: pre-line;
}

.error--5-0GR {
  color: rgb(var(--red));
}

.hint--9jIOR {
  color: rgb(var(--gray));
}

.phoneToggle--CXwSI {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-top: 4px;
}

.highlighted--Yv\+yJ {
  border: none;
  border-radius: 8px;
}

.counter--NCVQT {
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  color: rgb(var(--gray));
}

.counter--NCVQT.hasCountError--kilFU {
  color: rgb(var(--red));
}

@media (max-width: 767px) {
  .error--5-0GR,
  .hint--9jIOR {
    position: static;
    margin-top: 4px;
  }
}

.wrapper--r7kuK {
  position: relative;
}

.menu--9wbAf {
  position: absolute;
  top: calc(100% + 4px);
  right: -16px;
  background: rgb(var(--white));
  border-radius: 8px;
  box-shadow: var(--shadow-bright-blue);
  min-width: 124px;
  padding: 8px 0;
  z-index: 2;
}

.menuBottom--LV2zX {
  top: auto;
  bottom: calc(100% + 4px);
}

.item--sjBwX {
  display: flex;
  align-items: center;
  border: none;
  outline: none;
  font: inherit;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  width: 100%;
  text-align: start;
  transition: background-color var(--transition);
  padding: 8px 16px;
  gap: 16px;
  position: relative;
}

.item--sjBwX:not(.disabled--O-Fcx):hover {
  background-color: rgb(var(--light-gray));
}

.item--sjBwX.disabled--O-Fcx {
  cursor: not-allowed;
  color: rgba(var(--black), .5);
}

.icon--fgWkv {
  color: rgb(var(--dark-gray));
}

.button--lfG2C {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

.item--sjBwX:hover .tooltip--p44TO {
  display: block;
}

.tooltip--p44TO {
  display: none;
  border-radius: 8px;
  background: rgb(var(--light-blue-hover));
  width: 180px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: calc(100% - 8px);
  z-index: 1;
  white-space: normal;
  color: rgb(var(--black));
}

@keyframes show-push--huOwS {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.message--wJdbT {
  position: fixed;
  z-index: 1100;
  top: 20px;
  left: 66px;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 384px;
  padding: 16px 24px 16px 56px;
  color: rgb(var(--black));
  font-size: 13px;
  line-height: 20px;
  border-radius: 4px;
  animation: show-push--huOwS 0.5s linear;
}

.message--wJdbT[data-position='center'] {
  left: 50%;
  transform: translateX(-50%);
}

.message--wJdbT[data-success='true'] {
  background-color: rgb(var(--light-green));
  box-shadow: var(--shadow-green);
}

.message--wJdbT[data-success='false'] {
  background-color: rgb(var(--light-red-message));
  box-shadow: var(--shadow-red);
}

.message--wJdbT.cabinet--4u-c0 {
  max-width: 440px;
  position: fixed;
  left: unset;
  top: calc(72px + 24px + 8px);
  z-index: 13;
}

.icon--TMe3w {
  position: absolute;
  left: 16px;
}

.message--wJdbT.cabinet--4u-c0 a {
  color: rgb(var(--black));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.message--wJdbT.cabinet--4u-c0 a:hover {
  color: rgb(var(--blue));
}

@media all and (max-width: 400px) {
  .message--wJdbT {
    max-width: calc(100vw - 32px);
  }
}

@media (max-width: 1279px) {
  .message--wJdbT.cabinet--4u-c0 {
    left: 32px;
  }
}

@media (max-width: 767px) {
  .message--wJdbT.cabinet--4u-c0 {
    left: 16px;
    max-width: min(437px, calc(100% - 16px - 16px));
  }
}

.mask--8n5LK {
  z-index: 1001;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(61, 64, 71, 0.7);
  transform: translate3d(0, 0, 0);
}

.modal--j9fvI {
  width: 100%;
  max-width: 610px;
  background: rgb(var(--white));
  border-radius: 16px;
  padding: 56px 60px;
  position: relative;
  text-align: left;
  max-height: calc(100dvh - 2 * 12px);
  overflow: auto;
}

.close--hanT- {
  position: absolute;
  height: 24px;
  width: 24px;
  top: 12px;
  right: 12px;
}

@media (max-width: 768px) {
  .mask--8n5LK {
    padding: 16px;
  }

  .modal--j9fvI {
    padding: 56px 16px;
  }
}

.page--ZQf8s {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  overflow: auto;
  background-color: rgb(var(--light-gray));
  z-index: 13;
}

.wrap--MQhvq {
  max-width: calc(846px + 24px + 24px);
  width: 100%;
  margin: 0 auto;
  padding: 0 24px 32px;
}

.title--3mT4N {
  font-family: TT Commons Pro, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 40px;
  margin: 32px 0 40px;
  position: relative;
}

.close--NCab5 {
  cursor: pointer;
  position: absolute;
  left: -58px;
  top: calc(50% - 8px);
}

@media all and (max-width: 970px) {
  .close--NCab5 {
    left: 0;
  }
  .title--3mT4N {
    padding-left: 32px;
  }
}

@media all and (max-width: 768px) {
  .title--3mT4N {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 28px;
  }
}

@media all and (max-width: 460px) {
  .wrap--MQhvq {
    padding: 0 16px 82px;
  }
}

.row--biEcH {
  position: relative;
}

.label--jcVjZ {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.input---X-Y- {
  box-sizing: border-box;
  display: block;
  height: 56px;
  width: 100%;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 4px;
  padding: 16px;
  font-family: 'Inter', sans-serif;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  background: rgb(var(--white));
}

.row--biEcH[data-size='s'] .input---X-Y- {
  height: 44px;
  padding: 10px 12px;
}

.input---X-Y-:focus {
  border-color: transparent;
  outline: 2px solid rgb(var(--yellow));
}

.input---X-Y-::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--gray));
}

.input---X-Y-:placeholder-shown {
  text-overflow: ellipsis;
}

.input---X-Y-[data-error='true'] {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.input---X-Y-[disabled] {
  background: rgb(var(--white));
  opacity: 0.5;
}

.input---X-Y-.withError---Bz7F {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.withIcon--FJI0H {
  padding-left: 56px;
}

.icon--W3FFw {
  position: absolute;
  left: 16px;
  margin-top: 16px;
  z-index: 1;
}

.error--e3IEz {
  color: rgb(var(--red));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  bottom: -20px;
  left: 0;
  position: absolute;
}

.radioGroup--mNXy6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wrapper--VfeXB {
  display: flex;
  align-items: center;
  gap: 8px;
}

.disabled--97uGU {
  opacity: 0.3;
  pointer-events: none;
}

.label--zFG9u {
  margin-bottom: 16px;
}

.radio--OeBhI {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid rgb(var(--gray-blue));
  border-radius: 50%;
  margin: 2px;
  flex: none;
  display: grid;
  place-content: center;
  cursor: pointer;
}

.radio--OeBhI::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.radio--OeBhI:checked {
  border-color: rgb(var(--yellow));
}

.radio--OeBhI:checked::before {
  background-color: rgb(var(--yellow));
}

.buttonLabel--lNhA1 {
  margin-left: 8px;
}

.buttonLabel--lNhA1:hover {
  cursor: pointer;
}

.icon--L3zoD {
  display: block;
  color: rgb(var(--gray-blue));
  cursor: pointer;
}

.icon--L3zoD:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .wrapper--VfeXB {
    align-items: flex-start;
  }
}

.row--z2Ktk {
  position: relative;
}

.label--oDFRa {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.input--qvY3T {
  display: flex;
  flex-direction: column;
  gap: 2px;
  box-sizing: border-box;
  display: block;
  height: 56px;
  width: 100%;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 4px;
  padding: 16px;
  font-family: 'Inter', sans-serif;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  background: rgb(var(--white));
}

.input--qvY3T.withInfo--bQ\+AN {
  height: 74px;
}

.input--qvY3T::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--gray));
}

.input--qvY3T:placeholder-shown {
  text-overflow: ellipsis;
}

.input--qvY3T.disabled--fzxrb {
  background: rgb(var(--white));
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
}

.input--qvY3T[data-icon='true'] {
  padding-left: 56px;
}

.row--z2Ktk[data-size='s'] .input--qvY3T[data-icon='true'] {
  padding-left: 52px;
}

.select--Fb0Wc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 56px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.select--Fb0Wc.l--roJ3F {
  height: 76px;
}

.select--Fb0Wc.s--hJIi3 {
  height: 48px;
  padding: 14px 40px 14px 16px;
}

.select--Fb0Wc.withError--ltzD3 {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.select--Fb0Wc.focused--KHWyU {
  border-color: transparent;
  outline: 2px solid rgb(var(--yellow));
}

.select--Fb0Wc.canReset--MWHWL {
  padding-right: 72px;
}

.selectIcon--qbaPJ {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  fill: rgb(var(--gray));
}

.select--Fb0Wc.s--hJIi3 .selectIcon--qbaPJ {
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.error--V2Q3T {
  color: rgb(var(--red));
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

.error--V2Q3T a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.error--V2Q3T a:hover {
  color: rgb(var(--blue));
}

.info--Fn-Wg {
  color: rgb(var(--gray));
  overflow: hidden;
  word-break: break-word;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.info--Fn-Wg.withIcon--snMjS {
  font-size: 12px;
  padding-left: 40px;
}

.defaultValue--7yJK\+ {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
}

.selectItemIcon--qb-s- {
  fill: inherit;
  flex-shrink: 0;
}

.selectedLabels--V9JCx {
  overflow: hidden;
  word-break: break-word;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selectedLabelsTitle--H2lbz {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
}

.selectedLabelsTitleContent--Zz2Av {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dropTitle--zeJcg {
  display: flex;
  align-items: center;
  gap: 16px;
}

.drop--6yP2i {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 4px;
  padding: 8px 0;
  width: 100%;
  z-index: 1;
  max-height: 228px;
  overflow: auto;
}

.drop--6yP2i.withInfo--bQ\+AN.withIcon--snMjS {
  max-height: 296px;
}

.dropLarge--eXKcR {
  max-height: calc(4px + 3 * 64px);
}

.dropItem--nU8Yo, .addCustomValue--adjnY {
  display: flex;
  gap: 2px;
  padding: 8px 16px;
  color: rgb(var(--black));
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.dropItem--nU8Yo {
  flex-direction: column;
}

.addCustomValue--adjnY {
  flex-direction: row;
}

.dropItem--nU8Yo.withCheckbox--9zC42 {
  padding-left: 54px;
  position: relative;
}

.customDropItem--5TkI- {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dropItem--nU8Yo:hover {
  background-color: rgb(var(--light-gray));
}

.dropItem--nU8Yo[data-disabled='true'] {
  pointer-events: none;
  color: rgb(var(--gray));
}

.dropLabel--AVUxk {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  padding: 12px 16px 0;
}

.reset--GSuyy {
  position: absolute;
  top: 12px;
  right: 36px;
  height: 32px;
  width: 32px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s linear;
}

.reset--GSuyy:hover {
  opacity: .7;
}

.checkbox--CXOA- {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 16px;
  top: 10px;
  pointer-events: none;
}

.customValue--qLqm4 {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  padding: 4px 16px;
}

.customValue--qLqm4:hover {
  background-color: initial;
}

.customValueInput--mVbDo {
  flex-grow: 1;
}

.submitCustomValue--4PKPz {
  height: 44px;
  width: 52px;
  background-color: rgb(var(--light-gray));
  border-radius: 6px;
  border: none;
  outline: none;
  cursor: pointer;
}

.submitCustomValue--4PKPz:disabled {
  opacity: .5;
}

.submitCustomValue--4PKPz:active {
  background-color: rgba(207, 209, 211, 1);
}

.submitCustomValue--4PKPz:focus-visible {
  outline: 4px solid rgba(85, 89, 99, 0.16);
}

@media (max-width: 767px) {
  .error--V2Q3T {
    position: static;
    margin-top: 4px;
  }
}

.tabs--wSdt2 {
  align-items: center;
  border-bottom: 2px solid rgb(var(--light-gray-border));
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.tab--yLqaB {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid rgb(var(--light-gray-border));
  cursor: pointer;
  flex-shrink: 0;
  margin-bottom: -2px;
  padding: 12px 16px 10px;
}
.tab--yLqaB:hover {
  background-color: rgba(var(--gray), 0.08);
}
.tab--yLqaB:focus-visible {
  background-color: rgba(var(--gray), 0.16);
}
.tab--yLqaB:active {
  background-color: rgba(var(--gray), 0.24);
}

.selected--aE7MN {
  border-bottom: 2px solid rgb(var(--yellow));
}
.selected--aE7MN:hover {
  background-color: rgba(var(--yellow), 0.08);
}
.selected--aE7MN:focus-visible {
  background-color: rgba(var(--yellow), 0.16);
}
.selected--aE7MN:active {
  background-color: rgba(var(--yellow), 0.24);
}

.label--3U5Rm {
  color: rgb(var(--black));
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  padding: 2px 8px;
  text-align: left;
  text-wrap: nowrap;
}

.arrowButton--uHt\+A {
  background: transparent;
  border: none;
  color: rgb(var(--dark-gray));
  cursor: pointer;
  display: none;
  padding: 13px 4px 11px;
}
.arrowButton--uHt\+A:hover {
  background-color: rgba(var(--gray), 0.08);
}
.arrowButton--uHt\+A:focus-visible {
  background-color: rgba(var(--gray), 0.16);
}
.arrowButton--uHt\+A:active {
  background-color: rgba(var(--gray), 0.24);
}

.leftArrow--TTKD0 svg {
  transform: rotate(180deg);
}

.content--HgQ1S {
  margin-top: 32px;
}

@media (pointer: coarse) {
  .tab--yLqaB:hover {
    background-color: transparent;
  }
  .tab--yLqaB:focus-visible {
    background-color: rgba(var(--gray), 0.16);
  }
  .tab--yLqaB:active {
    background-color: rgba(var(--gray), 0.24);
  }

  .selected--aE7MN:hover {
    background-color: transparent;
  }
  .selected--aE7MN:focus-visible {
    background-color: rgba(var(--yellow), 0.16);
  }
  .selected--aE7MN:active {
    background-color: rgba(var(--yellow), 0.24);
  }

  .arrowButton--uHt\+A:hover {
    background-color: transparent;
  }
  .arrowButton--uHt\+A:focus-visible {
    background-color: rgba(var(--gray), 0.16);
  }
  .arrowButton--uHt\+A:active {
    background-color: rgba(var(--gray), 0.24);
  }
}

@media (max-width: 767px) {
  .tabs--wSdt2 {
    width: 100%;
  }
  .tab--yLqaB {
    display: none;
  }
  .selected--aE7MN {
    display: block;
  }
  .arrowButton--uHt\+A {
    display: flex;
  }
  .rightArrow--Cc0kz {
    margin-left: auto;
  }
  .content--HgQ1S {
    margin-top: 16px;
  }
}

.tag--XMqMU {
  height: 36px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  padding: 8px;
  background-color: rgb(var(--light-gray));
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  order: attr(data-order);
}

.tagText--srQGS {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bgWhite--bCK-0 {
  background-color: rgb(var(--white));
}

.close--JVCw2 {
  cursor: pointer;
  color: rgb(var(--gray));
  transition: color var(--transition);
  flex-shrink: 0;
}

.close--JVCw2:hover {
  color: rgb(var(--dark-gray));
}

.close--JVCw2.disabled--Rn5yo {
  opacity: .5;
  pointer-events: none;
}

.tagsWrap--rJwox {
  max-height: 36px;
  overflow: hidden;
}

.opened--u2vYH {
  max-height: unset;
}

.listToggle--vqccc {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  background-color: rgb(var(--light-gray));
  transition: background-color var(--transition);
}

.listToggle--vqccc:hover {
  background-color: rgb(var(--light-gray-border));
}

.listToggleWhite--k4lYG {
  background-color: rgb(var(--white));
}

.tags--7plpP {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-right: 40px;
}

.tagsWrapped--R2Cnc {
  padding-right: 0;
}

.toggleIconRotated--tw6z9 {
  transform: rotate(180deg);
}

.tag--wxJNG {
  height: 36px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  padding: 0 8px;
  background-color: rgb(var(--light-gray));
  border-radius: 6px;
  display: flex;
  gap: 8px;
  align-items: center;
  order: attr(data-order); /*todo: Оно вроде не работает? Убрать? */
}

.tagsWrap--Ii3H3 {
  max-height: 36px;
  overflow: hidden;
}

.opened--MnNam {
  max-height: unset;
}

.listToggle--r4rLG {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
  background-color: rgb(var(--light-gray));
  transition: background-color var(--transition);
}

.listToggle--r4rLG:hover {
  background-color: rgb(var(--light-gray-border));
}

.listToggleWhite--W4dzP {
  background-color: rgb(var(--white));
}

.tags--Fb-A5 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-right: 40px;
}

.tagsWrapped--CNs1d {
  padding-right: 0;
}

.toggleIconRotated--MbvsD {
  transform: rotate(180deg);
}

.wrapper--zE8vm {
  position: relative;
}

.label--SuPMC {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.textarea--mGRJQ {
  box-sizing: border-box;
  display: block;
  height: 98px;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  resize: none;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 4px;
  background: rgb(var(--white));
  padding: 16px;
  color: rgb(var(--black));
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.textarea--mGRJQ[disabled] {
  background: rgb(var(--white));
  opacity: .5;
  pointer-events: none;
}

.textarea--mGRJQ:focus {
  border-color: transparent;
  outline: 2px solid rgb(var(--yellow));
}

.textareaRed--qxcq1,
.textareaRed--qxcq1:focus {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.errorMessage--Q599D {
  color: rgb(var(--red));
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.counter--BstkV {
  position: absolute;
  right: 0;
  bottom: -20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  color: rgb(var(--gray));
}

.counter--BstkV.hasCountError--y7I1T {
  color: rgb(var(--red));
}

.hint--EW7lr {
  font-size: 12px;
  line-height: 16px;
  color: rgb(var(--gray));
  margin-top: 8px;
}

@media (max-width: 676px) {
  .hint--EW7lr {
    margin-top: 4px;
  }
}

.tooltip--UQqNa {
  width: fit-content;
  position: relative;
  flex-shrink: 0;
}

.text--Od1KS {
  width: max-content;
  max-width: 240px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--light-blue-hover));
  border-radius: 8px;
  padding: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  user-select: none;
  z-index: 8;
}

@-webkit-keyframes page-2--Cbl9R {
  0% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  35%,
  100% {
    opacity: 0;
  }
  50%,
  100% {
    transform: rotateY(0deg);
  }
}

@keyframes page-2--Cbl9R {
  0% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  35%,
  100% {
    opacity: 0;
  }
  50%,
  100% {
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes page-3--QLs\+0 {
  15% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
  65%,
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes page-3--QLs\+0 {
  15% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
  65%,
  100% {
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes page-4--Ry\+2C {
  30% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  65%,
  100% {
    opacity: 0;
  }
  80%,
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes page-4--Ry\+2C {
  30% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  65%,
  100% {
    opacity: 0;
  }
  80%,
  100% {
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes page-5--wPnnJ {
  45% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  80%,
  100% {
    opacity: 0;
  }
  95%,
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes page-5--wPnnJ {
  45% {
    transform: rotateY(180deg);
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  80%,
  100% {
    opacity: 0;
  }
  95%,
  100% {
    transform: rotateY(0deg);
  }
}

.book--fz1Ri {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.loader--QQDxl {
  --background: linear-gradient(135deg, #23c4f8, #275efe);
  --shadow: rgba(39, 94, 254, 0.28);
  --text: #6c7486;
  --page: rgba(255, 255, 255, 0.36);
  --page-fold: rgba(255, 255, 255, 0.52);
  --duration: 3s;
  width: 200px;
  height: 140px;
  position: relative;
}

.loader--QQDxl[data-color] {
  --text: rgb(var(--white));
}

.loader--QQDxl:before,
.loader--QQDxl:after {
  --r: -6deg;
  content: '';
  position: absolute;
  bottom: 8px;
  width: 120px;
  top: 80%;
  box-shadow: 0 16px 12px var(--shadow);
  transform: rotate(var(--r));
}

.loader--QQDxl:before {
  left: 4px;
}

.loader--QQDxl:after {
  --r: 6deg;
  right: 4px;
}

.loader--QQDxl div {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  position: relative;
  z-index: 1;
  perspective: 600px;
  box-shadow: 0 4px 6px var(--shadow);
  background-image: var(--background);
}

.loader--QQDxl div ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.loader--QQDxl div ul li {
  --r: 180deg;
  --o: 0;
  --c: var(--page);
  position: absolute;
  top: 10px;
  left: 10px;
  transform-origin: 100% 50%;
  color: var(--c);
  opacity: var(--o);
  transform: rotateY(var(--r));
  -webkit-animation: var(--duration) ease infinite;
  animation: var(--duration) ease infinite;
}

.loader--QQDxl div ul li:nth-child(2) {
  --c: var(--page-fold);
  -webkit-animation-name: page-2--Cbl9R;
  animation-name: page-2--Cbl9R;
}

.loader--QQDxl div ul li:nth-child(3) {
  --c: var(--page-fold);
  -webkit-animation-name: page-3--QLs\+0;
  animation-name: page-3--QLs\+0;
}
.loader--QQDxl div ul li:nth-child(4) {
  --c: var(--page-fold);
  -webkit-animation-name: page-4--Ry\+2C;
  animation-name: page-4--Ry\+2C;
}

.loader--QQDxl div ul li:nth-child(5) {
  --c: var(--page-fold);
  -webkit-animation-name: page-5--wPnnJ;
  animation-name: page-5--wPnnJ;
}

.loader--QQDxl div ul li svg {
  width: 90px;
  height: 120px;
  display: block;
}

.loader--QQDxl div ul li:first-child {
  --r: 0deg;
  --o: 1;
}

.loader--QQDxl div ul li:last-child {
  --o: 1;
}

.loader--QQDxl span {
  display: block;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 20px;
  text-align: center;
  color: var(--text);
}

.wrapper--p778z {
  background: rgb(var(--black));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  gap: 112px;
  justify-content: space-between;
  padding: 24px 32px;
}

.image--6x0\+B {
  width: 277.33px;
  height: 208px;
  flex-shrink: 0;
}

.content--Td2XA {
  color: rgb(var(--light-gray));
  max-width: 530px;
}

.title--hUkYk {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 24px;
}

.buttons--Y1X0g {
  display: flex;
  gap: 24px;
  margin-top: 40px;
}

.buttons--Y1X0g * {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .wrapper--p778z {
    padding: 24px 16px;
  }
  .image--6x0\+B {
    display: none;
  }
  .title--hUkYk {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .description--B9ztZ {
    font-size: 12px;
    line-height: 16px;
  }
  .buttons--Y1X0g {
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 24px;
  }
}
.wrapper--5UbNG {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.item--vvayU {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  gap: 16px;
  padding: 16px 24px;
}

.icon--bFt8b {
  background: rgba(var(--gray-blue), 0.4);
  border-radius: 50%;
  flex-shrink: 0;
  height: 48px;
  width: 48px;
}

.content--ksnWe {
  flex-grow: 1;
  margin: auto;
}

.title--9W7rr {
  background: rgba(var(--gray-blue), 0.4);
  border-radius: 8px;
  height: 12px;
  margin-bottom: 12px;
  max-width: 204px;
}

.description---5IvN {
  background: rgba(var(--gray-blue), 0.4);
  border-radius: 8px;
  height: 10px;
  max-width: 132px;
}

.controls--JIxLI {
  display: flex;
  gap: 16px;
}

.control--iSXzt {
  background: rgba(var(--gray-blue), 0.4);
  border-radius: 50%;
  height: 32px;
  width: 32px;
  padding: 4px;
}

@media (max-width: 767px) {
  .item--vvayU {
    padding: 16px;
  }

  .icon--bFt8b {
    height: 36px;
    width: 36px;
  }

  .title--9W7rr {
    height: 10px;
    margin-bottom: 8px;
    max-width: 164px;
  }

  .description---5IvN {
    height: 9px;
    max-width: 113px;
  }

  .control--iSXzt {
    display: none;
    height: 24px;
    width: 24px;
    padding: 0;
  }

  .control--iSXzt:first-child {
    display: block;
  }
}

.card--dZ9ds {
  width: calc((100% - 2 * 24px) / 3);
  height: 140px;
  padding: 22px 20px 0 60px;
  display: flex;
  flex-direction: column;
  flex: none;
  border-radius: 12px;
  background-color: rgb(var(--light-gray));
  position: relative;
  cursor: pointer;
}

.card--dZ9ds.withActions--BEeY\+ {
  padding: 22px 40px 0 60px;
}

.card--dZ9ds.disabled--HPAeo {
  opacity: 0.6;
  pointer-events: none;
}

.title--jHID3 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.title--jHID3.multiline--AvX-e {
  height: 44px;
  -webkit-line-clamp: 2;
}

.description--6yylO {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  height: 20px;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.optional--jABaY {
  position: absolute;
  left: 60px;
  bottom: 20px;
  color: rgb(var(--gray));
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
  line-height: 12px;
}

.button--YXUMa {
  padding: 0;
  cursor: pointer;
  outline: inherit;
  border: 1px solid rgb(var(--light-gray));
  border: none;
  border-radius: 12px 0 12px 0;
  background-color: rgb(var(--white));
  position: absolute;
  right: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
}

.button--YXUMa:hover {
  background-color: rgb(var(--light-gray-hover));
}

.button--YXUMa:hover .icon--pD9X3 {
  color: rgb(var(--black));
}

.icon--pD9X3 {
  color: rgb(var(--gray-blue));
  display: block;
  margin: auto;
  transition: color .1s ease-in-out;
}

.icon--pD9X3.rotate--IHtVg {
  transform: rotate(180deg);
}

.circle--tJdCl {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  border: 2px solid rgb(var(--gray-blue));
}

.circle--tJdCl .check--lJvYY {
  position: absolute;
  left: 5px;
  top: 6px;
  opacity: 0;
  color: rgb(var(--button-text));
}

.card--dZ9ds:hover .circle--tJdCl:not(.selected--QX3RV) {
  border: 2px solid rgb(var(--blue-hover));
}

.circle--tJdCl.selected--QX3RV {
  background-color: rgb(var(--yellow));
  border-color: rgb(var(--yellow));
}

.card--dZ9ds:hover .circle--tJdCl.selected--QX3RV {
  background-color: rgb(var(--dark-yellow));
  border-color: rgb(var(--dark-yellow));
}

.circle--tJdCl.selected--QX3RV .check--lJvYY {
  opacity: 1;
}

.actions--fqXgE {
  position: absolute;
  right: 8px;
  top: 20px;
  z-index: 1;
  width: 24px;
  height: 24px;
}

.actionsButton--vNb4Q {
  color: rgb(var(--gray-blue));
  transition: color .1s ease-in-out;
}

.actions--fqXgE:hover .actionsButton--vNb4Q {
  color: rgb(var(--black));
}

@media (max-width: 1279px) {
  .card--dZ9ds {
    width: calc((100% - 24px) / 2);
  }
}

@media (max-width: 767px) {
  .card--dZ9ds {
    width: 100%;
  }
}

@keyframes toRight--Wi1QO {
  from {
    left: -32px;
  }

  to {
    left: calc(100% + 32px);
  }
}

.skeleton--HZvVf {
  position: relative;
  overflow: hidden;
}

.skeleton--HZvVf::after {
  content: '';
  height: calc(100% + 40px);
  width: 52px;
  background: linear-gradient(
    90deg,
    rgba(248, 248, 248, 0) 0%,
    rgba(248, 248, 248, 0.9) 42.37%,
    rgba(248, 248, 248, 0.9) 76.65%,
    rgba(248, 248, 248, 0) 119.64%
  );
  transform: rotate(21deg);
  position: absolute;
  top: -18px;
  left: -32px;
  animation-duration: 1s;
  animation-name: toRight--Wi1QO;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* SelectCardsSkeleton styles */

.selectCard--GyQnY {
  padding: 26px 20px 0px 60px;
  pointer-events: none;
}
.selectCard--GyQnY:nth-of-type(2) {
  opacity: 0.6;
}
.selectCard--GyQnY:nth-of-type(3) {
  opacity: 0.4;
}

.selectCard--GyQnY .title--cihDj {
  background-color: rgb(var(--gray-blue));
  width: 156px;
  height: 13px;
  border-radius: 8px;
  opacity: 0.5;
  position: relative;
}

/* InputSkeleton styles */

.input--LlSiZ {
  width: 100%;
  height: 44px;
  display: flex;
  padding: 4px 12px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: var(--border-small, 1px) solid rgba(184, 186, 206, 0.40);
  background: rgb(var(--white));
}

.inputCircle--GW5Ly {
  width: 18px;
  height: 18px;
  border-radius: 48px;
  background: rgba(184, 186, 206, 0.40);
}

.inputValue--CU5-I {
  background: rgba(184, 186, 206, 0.40);
  border-radius: 8px;
  width: 46px;
  height: 11px;
}

/* SelectSkeleton styles */

.select--io-cy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.selectLabel--\+al-h {
  width: 111px;
  height: 10px;
  border-radius: 8px;
  background: rgba(184, 186, 206, 0.40);
}

.selectInput--tle9x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  gap: 16px;
  width: 220px;
  height: 44px;
  border-radius: 4px;
  border: var(--border-small, 1px) solid rgba(184, 186, 206, 0.40);
  background: rgb(var(--white));
}

.selectInputValue--25gIo {
  width: 106px;
  height: 11px;
  border-radius: 8px;
  background: rgba(184, 186, 206, 0.40);
}


.selectInputIcon--4Y0Ud {
  fill: rgba(184, 186, 206, 0.4)
}

@media (max-width: 768px) {
  .select--io-cy {
    gap: 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .selectLabel--\+al-h {
    margin-bottom: 8px;
  }
}


/* TemplatesSkeleton styles */

.templatesHeaderCheckbox--SYnE- {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(184, 186, 206, 0.4);
}

.templatesListCheckbox--NPVHa {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(184, 186, 206, 0.4);
}

.templatesListNameText--GrvUu {
  width: 240px;
  height: 11px;
  border-radius: 8px;
  background: rgba(184, 186, 206, 0.4);
}

.templatesListNameIcon--ClJbg {
  width: 48px;
  height: 48px;
  border-radius: 48px;
  background: rgba(184, 186, 206, 0.4);
  flex-shrink: 0;
}

.templatesListDate--Iel1e {
  width: 86px;
  height: 11px;
  border-radius: 8px;
  background: rgba(184, 186, 206, 0.4);
  margin-left: auto;
}


.templatesListActions--0zeo5 {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: rgba(184, 186, 206, 0.4);
}

@media (max-width: 768px) {
  .templatesHeader--53f6X {
    display: none !important;
  }

  .templatesListCheckbox--NPVHa {
    margin-top: 8px;
  }

  .templatesListName--JVwKJ {
    margin-bottom: 17px !important;
    margin-top: 5px !important;
  }

  .templatesListNameIcon--ClJbg {
    display: none;
  }

  .templatesListDate--Iel1e {
    width: 101px;
    height: 9px;
  }

  .templatesListCreatedDate--ihdfF {
    margin-bottom: 11px !important;
  }

  .templatesListCreatedDate--ihdfF::before,
  .templatesListLastUsedDate--VON5T::before {
    content: '' !important;
    height: 9px;
    background: rgba(184, 186, 206, 0.4);
    border-radius: 8px;
  }

  .templatesListCreatedDate--ihdfF::before{
    width: 44px;
  }

  .templatesListLastUsedDate--VON5T::before {
    width: 52px;
  }
}
/* REQUEST HEADER */
.requestHeader--pQCiX {
  display: flex;
  justify-content: space-between;
}

.pageTitle--PMCdp {
  margin-bottom: 40px;
}

.requestHeaderButtons--JSwOU {
  display: flex;
  gap: 24px;
}

.add--94UX3 {
  position: relative;
  top: -8px;
}

.addMobile--TdDoE {
  display: none;
}

.helpContainer--5JN-m {
  position: relative;
}

.help--5bnUM {
  position: relative;
  top: -8px;
  flex-direction: row-reverse;
}

.helpMobile--v\+1Ef {
  display: none;
  flex-direction: row-reverse;
}

.dropdown--4aGuy {
  top: calc(100% - 20px);
  border-radius: 8px;
  padding: 8px 0;
  right: 0;
  left: auto;
  width: 240px;
  max-height: 264px;
  box-shadow: var(--shadow-bright-blue);
}

.dropdownItem--P-ye6 {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 16px;

  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background-color var(--transition);
}

.dropdownItem--P-ye6:hover {
  text-decoration: none;
  background-color: rgb(var(--light-gray));
}

.dropdownItemTitle--w-Z5N {
  flex: 1 0 0;
  color: rgb(var(--black));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.dropdownItemIcon--HqWTF {
  fill: rgb(var(--dark-gray));
}

/* CONTENT */
.content--ttEl- {
  flex-grow: 1;
}

/* TEMPLATE SEARCH */
.templatesSearch--dI2xR {
  margin-bottom: 16px;
}

.templatesSearch--dI2xR div div input {
  padding: 4px 48px 4px 48px !important;
}

/* TEMPLATE SORT */
.templatesSort--2GkMN {
  margin-bottom: 24px;
}

.templatesSortSelect--I-8LB {
  display: flex;
  align-items: center;
  gap: 16px;
}

.templatesSortSelect--I-8LB label {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

.templatesSortSelect--I-8LB > div[data-class=select] {
  width: 220px;
  height: 44px;
  padding: 8px 52px 8px 12px;
}

.templatesSortSelect--I-8LB > div[data-class=selectDrop]{
  left: 127px;
  width: 220px;
  max-height: 320px;
}

.templatesSortSelect--I-8LB > div > div > div > svg {
  fill: rgb(var(--dark-gray));
}

/* TEMPLATE HEADER */
.templatesHeader--Smicn {
  display: flex;
  padding: 8px 80px 8px 24px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  margin-bottom: 8px;
}

.templatesHeaderCheckbox--VO\+qQ {
  flex-basis: 20px;
  flex-shrink: 0;
}

.templatesHeaderName--a66Tb {
  flex: 1 0 0;
  flex-basis: 272px;
}

.templatesHeaderDate--SUOFA {
  display: flex;
  justify-content: right;
  flex-basis: 180px;
}

.templatesHeaderButtonContainer--H1kHa {
  width: fit-content;
  position: relative;
}

.templatesHeaderButtonContainer--H1kHa button {
  color: rgb(var(--dark-gray));
  background-color: transparent;
  border: none;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  cursor: pointer;
  transition: color var(--transition);
}

.templatesHeaderButtonContainer--H1kHa button:hover {
  color: rgb(var(--black));
}

.templatesHeaderButtonContainerActive--vBTjI button {
  color: rgb(var(--black));
}

.templatesHeaderButtonContainer--H1kHa svg {
  position: absolute;
  right: -28px;
  top: 50%;
  transform: translateY(-50%);
}

/* TEMPLATE LIST */
.templatesList--OMSyJ {
  margin-bottom: 73px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.templatesListItem--f3bXh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  padding: 16px 16px 16px 24px;
  gap: 24px;
  align-self: stretch;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: var(--shadow-blue);
}

.templatesListContent--dh8tV {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 24px;
}

.templatesListCheckbox--Ecfcb {
  flex-basis: 20px;
  flex-shrink: 0;
}

.templatesListName--SQE\+Y {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-basis: 272px;
}

.templatesListNameIcon--UEaN0 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--light-gray));
}

.templatesListNameText--NO0ZC {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.highlight--IyhCb {
  color: rgb(var(--blue));
  background-color: rgb(var(--light-blue));
  padding: 2px 0;
}

.templatesListDate---ytcg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: rgb(var(--gray));
  flex-basis: 180px;
  text-align: right;
}

.templatesListActions--f-zVz {
  flex-basis: 40px;
  flex-shrink: 0;
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  transition: background-color var(--transition);
  position: relative;
}

.templatesListActions--f-zVz:hover {
  background-color: rgb(var(--light-gray));
}

.kebab--NUaKf svg {
  fill: rgb(var(--gray));
}

.kebabWrapper--niYoA {
  position: unset;
}

.kebabWrapper--niYoA ul {
  right: 0;
}

.checkbox--l9vzY label {
  padding-left: 20px;
}

.checkbox--l9vzY label::before {
  left: 0;
  top: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}

.checkbox--l9vzY label svg {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contentButtons--3HAE- {
  width: 1048px;
  margin-left: -32px;
  bottom: 0;
  display: flex;
  gap: 24px;
  position: fixed;
  padding: 24px 32px;
  border-top: 1px solid rgb(var(--light-gray));
  background-color: rgb(var(--white));
}

.contentButton--vADy1 {
  padding: 11px 16px;
}

/* NOT FOUND TEMPLATES */
.templatesNotFound--DP5z0 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.templatesNotFoundContent--HNDe\+ {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  padding: 40px 32px;
  width: 440px;
}

.templatesNotFoundImage--0BK4E {
  width: 240px;
  height: 190px;
  object-fit: contain;
}

.templatesNotFoundTitle--dNKmU {
  color: rgb(var(--black));
  text-align: center;
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.templatesNotFoundText--jEPLf {
  color: rgb(var(--gray));
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/* ERROR/EMPTY CONTENT */
.errorContent--ZPTT2 {
  flex-grow: 1;
  padding: 32px 16px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
}

.error---JeTi {
  max-width: 440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.errorImage--lQgV6 {
  width: 240px;
  height: 190px;
  object-fit: contain;
  margin-bottom: 16px;
}

.errorTitle--FrxLN {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
}

.errorText--075So {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--gray));
  margin-bottom: 24px;
}

.addEmpty--yBZWy {
  position: relative;
}

/* VIEWER */
.viewer--Vr-Ci {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
  background-color: rgb(var(--graphite));
}

body:has(.viewer--Vr-Ci) jdiv {
  z-index: 10;
}

@media (max-width: 1279px) {
  .templatesSort--2GkMN {
    margin-bottom: 32px;
  }

  .contentButtons--3HAE- {
    width: 100%;
    margin-left: -16px;
  }
}

@media (max-width: 768px) {
  .requestHeader--pQCiX {
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 24px;
  }

  .pageTitle--PMCdp {
    margin-bottom: 0;
  }

  .requestHeaderButtons--JSwOU {
    width: 100%;
    gap: 16px;
  }

  .add--94UX3 {
    display: none;
  }

  .addMobile--TdDoE {
    display: inline-flex;
  }

  .help--5bnUM {
    display: none;
  }

  .helpMobile--v\+1Ef {
    display: inline-flex;
  }

  .dropdown--4aGuy {
    right: auto;
    left: 0;
    top: calc(100% + 4px);
  }

  .content--ttEl- {
  }

  .templatesSort--2GkMN {
    margin-bottom: 24px;
  }

  .templatesSortSelect--I-8LB {
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }

  .templatesSortSelect--I-8LB label {
    font-size: 13px;
    line-height: 20px;
  }

  .templatesSortSelect--I-8LB > div[data-class=select] {
    width: 100%;
  }

  .templatesSortSelect--I-8LB > div[data-class=selectDrop]{
    left: 0;
    width: 100%;
  }

  .templatesHeader--Smicn {
    padding: 8px 0 8px 0;
    margin-bottom: 16px;
  }

  .templatesHeaderCheckbox--VO\+qQ > .checkbox--l9vzY > label::after {
    content: 'Выбрать все';
    position: absolute;
    width: 100px;
    left: 40px;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 22px;
  }

  .templatesHeaderName--a66Tb {
    display: none;
  }

  .templatesHeaderDate--SUOFA {
    display: none;
  }

  .templatesList--OMSyJ {
    margin-bottom: 137px;
  }

  .templatesList--OMSyJ[data-clear-bottom='true'] {
    margin-bottom: 201px;
  }

  .templatesListItem--f3bXh {
    padding: 8px 4px 16px 16px;
    align-items: start;
    height: auto;
    gap: 8px;
    max-height: 1000;
  }

  .templatesListContent--dh8tV {
    gap: 0px;
    align-items: start;
    padding-top: 8px;
    flex-direction: column;
  }

  .templatesListCheckbox--Ecfcb {
    margin-right: 8px;
  }

  .templatesListCheckbox--Ecfcb .checkbox--l9vzY label::before {
    transform: translateY(8px);
  }

  .templatesListCheckbox--Ecfcb .checkbox--l9vzY label svg {
    transform: translate(-50%, 100%);
  }

  .templatesListName--SQE\+Y {
    margin-bottom: 8px;
    gap: 0px;
    flex-basis: auto;
  }

  .templatesListNameIcon--UEaN0 {
    display: none;
  }

  .templatesListNameText--NO0ZC {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 18px;
  }

  .templatesListDate---ytcg {
    flex-basis: auto;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
  }

  .templatesListCreatedDate--9kWag {
    margin-bottom: 4px;
  }

  .templatesListDate---ytcg::before {
    color: rgb(var(--black));
    margin-right: 8px;
  }

  .templatesListCreatedDate--9kWag::before {
    content: 'Создан';
  }

  .templatesListLastUsedDate--jv2cH::before {
    content: 'Изменен';
  }

  .kebabWrapper--niYoA ul {
    right: -4px;
  }

  .contentButtons--3HAE- {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    padding: 24px 16px;
  }

  /* ERROR/EMPTY CONTENT */
  .errorImage--lQgV6 {
    width: 160px;
    height: 126px;
    margin-bottom: 24px;
  }

  .requestHeaderEmpty--zoYeG {
    flex-direction: row;
  }

  .requestHeaderButtonsEmpty--5gbzG {
    width: auto;
  }

  .dropdownEmpty--G9Lzm {
    right: 0;
    left: auto;
    width: 240px;
  }

  /* NOT FOUND TEMPLATES */
  .templatesNotFoundContent--HNDe\+ {
    padding: 0px 16px;
  }

  .templatesNotFoundImage--0BK4E {
    width: 160px;
    height: 126px;
  }
}

.list--IQIi- {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
}

.emptyList--YT3C5 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  margin: 40px auto 0;
  max-width: 440px;
}

.emptyList--YT3C5 .image--819Si {
  width: 240px;
  height: 190px;
}

.emptyList--YT3C5 .title--Wm7Bu {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.emptyList--YT3C5 .caption--QimQg {
  color: rgb(var(--gray));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

@media (max-width: 767px) {
  .list--IQIi- {
    margin-top: 24px;
  }

  .emptyList--YT3C5 {
    margin-top: 8px;
  }

  .emptyList--YT3C5 .image--819Si {
    width: 160px;
    height: 126px;
  }
}


.showMore--cQHeI {
  align-items: center;
  display: flex;
  margin-top: 32px;
}

.showMoreButton--rursM {
  flex-shrink: 0;
  margin-right: 32px;
  min-width: 145px;
}

.showMoreLabel--lq3yT {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: rgb(var(--dark-gray));
}

.searchWrapper--uinuS {
  position: relative;
}

.searchWrapper--uinuS input {
  border-radius: 12px;
  border: none;
  padding: 16px 24px;
}

.searchWrapper--uinuS input::placeholder {
  font-size: 15px;
  line-height: 22px;
}

.searchWrapper--uinuS.withPadding--l--RC input {
  padding-right: 135px;
}

.searchButton--CN9Dd {
  position: absolute;
  right: 10px;
  top: 10px;
}

.searchError--KExlS {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
}

.searchError--KExlS a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.searchError--KExlS a:hover {
  color: rgb(var(--blue));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.clearInputIcon--RpiCB {
  color: rgb(var(--gray-blue));
  position: absolute;
  right: 95px;
  top: 16px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .showMore--cQHeI {
    align-items: flex-start;
    flex-direction: column-reverse;
    margin-top: 24px;
    gap: 16px;
  }
}

.list--YF7h9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.listItem--9m4xs {
  background-color: rgb(var(--light-gray));
  border-radius: 8px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 8px 16px;
  width: 100%;
  height: 48px;
}

.icon--qyzYD {
  flex-shrink: 0;
}

.icon--qyzYD.withError--6H-dt {
  color: rgb(var(--red));
}

.infoWrapper--W8hNr {
  width: 100%;
}

.info--6-9iv {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 3px;
}

.name--nB-50 {
  color: rgb(var(--black));
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.size--tq7\+m {
  color: rgb(var(--gray));
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-left: 8px;
  min-width: fit-content;
  text-align: right;
}

.tooltip--90gBz {
  border-radius: 50%;
  display: flex;
  height: 16px;
}

.tooltip--90gBz .removeIcon--l3Tok {
  border-radius: 50%;
  color: rgb(var(--gray));
  cursor: pointer;
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.tooltip--90gBz .removeIcon--l3Tok:hover {
  background-color: rgba(var(--gray), 0.08);
  outline: solid 4px rgba(var(--gray), 0.08);
  opacity: unset;
} 

.errorText--nIBTU {
  color: rgb(var(--red));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}

@keyframes progress-bar--1JW1U {
  0% {
    width: 1%;
  }
  100% {
    width: 97%;
  }
}

/* LOADER */

.progress--Iz48W {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  cursor: progress;
}

.bar--HQ9VX {
  width: 97%;
  height: 5px;
  position: fixed;
  left: 0;
  top: 0;
  background: rgb(var(--yellow));
  animation: progress-bar--1JW1U 3000ms ease-in-out;
}

@keyframes rotate--FPLMV{
  100% {
    transform: rotate(1turn)
  }
}

.spinner--njvdc {
  width: 56px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, rgba(var(--yellow), .94), #0000) top/5px 5px no-repeat, conic-gradient(#0000 30%, rgb(var(--yellow)));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px),#000 0);
  animation: rotate--FPLMV 1s infinite linear;
  margin-bottom: 8px;
}


.content--SrBmF {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 0 82px;
}

.close--KSR5O {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}

.mainImage--6xeTf {
  max-width: 846px;
  min-height: 360px;
  object-fit: contain;
  width: 100%;
}

.optionName--\+p4zf {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
  margin-top: 48px;
  text-align: center;
  max-width: 846px;
}

.optionDescription--x-PIN {
  margin-top: 32px;
  max-width: 670px;
  color: rgb(var(--dark-gray));
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}

.optionLink--s46xI {
  font-size: 18px;
  line-height: 22px;
  margin-top: 8px;
}

.optionCaption--D8WcM {
  margin: 28px 0;
  color: rgb(var(--dark-gray));
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 12px;
  font-size: 15px;
  line-height: 22px;
}

.optionCaption--D8WcM.withMargin--STQeH {
  margin-bottom: 82px;
}

.optionLink--s46xI ~ .optionCaption--D8WcM {
  margin-top: 20px;
}

.optionButton--LqGdB {
  margin-bottom: 28px;
}

.advantages--4XHOw {
  list-style: none;
}

.advantage--DaaY6 {
  display: flex;
  flex-direction: column;
  max-width: 300px;
}

.advantage--DaaY6:nth-of-type(2) {
  margin-left: 435px;
}

.advantage--DaaY6:nth-of-type(3) {
  margin: 80px 0 0 153px;
}

.advantageIcon--D46YI {
  color: transparent;
}

.advantageTitle--at5K0 {
  margin-top: 24px;
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.advantageDescription--tjAYW {
  margin-top: 12px;
  color: rgb(var(--dark-gray));
  font-size: 18px;
  line-height: 22px;
}

.switchToOtherTariffWrapper--bcsKV {
  max-width: 846px;
  width: 100%;
  height: 320px;
  margin-top: 76px;
  background-image: url(/f/lk/shared/assets/images/switchToOtherTariffWrapper.svg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding: 62px 0 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.bgImg--736sW {
  background-position: top;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
}

.multi_signature--7fLNQ {
  background-image: url(/f/lk/shared/assets/images/multi_signature.svg);
  width: 720px;
  height: 978px;
  top: -913px;
  left: 70px;
}

.docs_by_template--2i\+c3 {
  background-image: url(/f/lk/shared/assets/images/docs_by_template.svg);
  width: 765px;
  height: 963px;
  top: -850px;
  left: -25px;
}

.scans_by_client--HK1Jh {
  background-image: url(/f/lk/shared/assets/images/scans_by_client.svg);
  width: 710px;
  height: 927px;
  top: -812px;
  left: 70px;
}

.client_verification--IWWzi {
  background-image: url(/f/lk/shared/assets/images/client_verification.svg);
  width: 685px;
  height: 1179px;
  top: -964px;
  left: 95px;
}

.branding--5lRba {
  background-image: url(/f/lk/shared/assets/images/branding.svg);
  width: 746px;
  height: 1179px;
  top: -973px;
  left: 50px;
}

.otherTariffTitle--iaSo3 {
  text-align: center;
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 40px;
}

.otherTariffSubtitle--wMsrY {
  margin: 20px 0 32px;
  color: rgb(var(--dark-gray));
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  max-width: 480px;
}

.backWrapper--deAWE {
  margin-top: 56px;
  cursor: pointer;
  display: flex;
  gap: 16px;
  align-items: center;
  transition: opacity 0.3s linear;
}

.backWrapper--deAWE:hover {
  opacity: 0.7;
}

.backCaption--hh6WO {
  font-size: 15px;
  line-height: 22px;
}

@media (max-width: 767px) {
  .close--KSR5O {
    top: 8px;
    right: 8px;
  }
  .content--SrBmF {
    padding: 32px 0 32px;
  }
  .bgImg--736sW {
    display: none;
  }
  .switchToOtherTariffWrapper--bcsKV {
    background-image: none;
    background-color: rgb(var(--white));
    box-shadow: var(--shadow-blue);
    padding: 40px 16px;
    margin-top: 56px;
    width: calc(100% + 2 * 24px);
    height: auto;
  }
  .advantages--4XHOw {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .advantage--DaaY6 {
    display: flex;
    flex-direction: column;
  }
  .advantage--DaaY6:nth-of-type(1) {
    min-height: 0;
  }
  .advantage--DaaY6:nth-of-type(2),
  .advantage--DaaY6:nth-of-type(3) {
    margin: 0;
  }
  .mainImage--6xeTf {
    min-height: 0;
  }
  .optionName--\+p4zf {
    margin-top: 26px;
    font-size: 22px;
    line-height: 28px;
  }
  .optionDescription--x-PIN {
    margin-top: 24px;
    font-size: 15px;
  }
}

@media (max-width: 460px) {
  .switchToOtherTariffWrapper--bcsKV {
    width: calc(100% + 2 * 16px);
  }
  .caption--oz8OG {
    margin: 20px 0;
    font-size: 13px;
    line-height: 20px;
  }
  .advantages--4XHOw {
    margin-top: 40px;
  }
  .otherTariffTitle--iaSo3 {
    font-size: 22px;
    line-height: 28px;
  }
  .otherTariffSubtitle--wMsrY {
    font-size: 15px;
  }
  .advantageDescription--tjAYW {
    font-size: 15px;
  }
}

@media (max-width: 375px) {
  .advantages--4XHOw {
    width: 100%;
  }
  .advantage--DaaY6 {
    align-items: flex-start;
  }
  .advantageDescription--tjAYW {
    text-align: start;
  }
}

.title--RbCgE {
  font-family: TT Commons Pro, sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 32px;
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 32px;
}

.title--RbCgE.withSubtitle--ATYQk {
  margin-bottom: 12px;
}

.subtitle--3Nu96 {
  color: rgb(var(--gray));
  margin-bottom: 32px;
}

.back--ui-3z {
  cursor: pointer;
  color: rgb(var(--gray-blue));
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .title--RbCgE {
    align-items: flex-start;
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
  }
  
  .subtitle--3Nu96 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
  }
}

.title--FhzvD {
  position: relative;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.title--FhzvD.editing--BHEgy {
  display: block;
}

.value--zH5MZ {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  display: block;
  padding: 9px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 26px;
}

.icon--l6a0Q {
  min-width: 24px;
}

.modal--XEBMZ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modalTitle--fzGKe {
  color: rgb(var(--black));
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
}

.modalSubtitle--S0nTk {
  color: rgb(var(--graphite));
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.platforms--LorOZ {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.platform--QNs5K {
  width: calc((100% - 2 * 16px) / 3);
  border-radius: 12px;
  border: 1px solid rgb(var(--light-gray-border));
  height: 64px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: border-color 0.2s;
}

.platform--QNs5K:hover, .selected--R99Go {
  border-color: rgb(var(--yellow));
}

.platform--QNs5K:focus-visible {
  outline: 4px solid rgba(var(--yellow), .08);
}

.platform--QNs5K:active {
  border-color: rgb(var(--dark-yellow));
}

.modalButtons--y56xG {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}

.link--f3TGP {
  display: inline-flex;
  font-weight: 600;
  line-height: 24px;
  margin-top: 32px;
  color: rgb(var(--blue));
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: transparent;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
}

.link--f3TGP:hover {
  text-decoration: underline;
  color: rgb(var(--blue-hover));
}

.icon--ZNe8u {
  color: rgb(var(--blue));
  margin-left: 4px;
}

@media (max-width: 767px) {
  .modal--XEBMZ {
    padding: 56px 16px;
  }

  .modalTitle--fzGKe {
    font-size: 18px;
    line-height: 22px;
  }

  .platforms--LorOZ {
    flex-direction: column;
  }

  .platform--QNs5K {
    width: 100%;
  }

  .link--f3TGP {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 16px;
  }
  
  .icon--ZNe8u {
    height: 16px;
    width: 16px;
  }
}

.label--4IV2b {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
  color: rgb(var(--graphite));
}

.wrapper--kdvMT {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 50px;
  padding: 12px 16px 12px 24px;
  background-color: rgb(var(--light-gray));
  border-radius: 8px;
}

.text--x9tDT {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon--RsHki {
  flex-shrink: 0;
  color: rgb(var(--gray-blue));
}

.page--dzRWn {
  position: fixed;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: rgb(var(--white));
  padding: 8px;
}

.title--mhCiQ {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 16px;
}

.description--CC2G8 {
  color: rgb(var(--gray));
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.description--CC2G8 span {
  text-decoration: underline;
  cursor: pointer;
}

.image--L\+P61 {
  width: 300px;
  max-width: 80vw;
  height: 220px;
  object-fit: contain;
  margin-bottom: 28px;
  object-position: bottom;
}

@media all and (max-width: 340px) {
  .description--CC2G8 br {
    display: none;
  }
}

.page--S2b-t {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

.header--y-BAA {
  height: 72px;
  background-color: rgb(var(--white));
  box-shadow: var(--shadow-blue);
  padding-block: 16px;
}

.headerContent--61Qyn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.links--nBKdw {
  display: flex;
  align-items: center;
  gap: 32px;
}

.link--FN5Fn {
  display: flex;
  gap: 8px;
  color: rgba(var(--black));
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.icon--XsQAa {
  color: rgb(var(--yellow))
}

.wrapper--266Uq {
  max-width: 1280px;
  width: 100%;
  margin-inline: auto;
  padding-inline: 32px;
  height: 100%;
}

.container--YWGfi {
  flex-grow: 1;
  padding-block: 32px;
  min-height: fit-content;
  height: calc(100vh - 72px);
}

.section--8pcwt {
  min-height: fit-content;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--white));
  box-shadow: var(--shadow-blue);
  border-radius: 12px;
  padding: 32px 16px;
}

.content--FGGJJ {
  max-width: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.textBlock--LI4bF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.text--dulBn {
  text-align: center;
}

.buttons--bRoYA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.button--HTcDj {
  width: fit-content;
}

.image--uqVyd {
  height: 100%;
  max-width: max-content;
  width: 100%;
}

.title--veHuT {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.subtitle--Nb3T6 {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: rgb(var(--gray));
}

.subtitle--Nb3T6 a {
  color: rgb(var(--gray));
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}


@media (max-width: 1280px) {
  .wrapper--266Uq {
    max-width: 1048px;
  }
}

@media (max-width: 768px) {
  .wrapper--266Uq {
    padding-inline: 16px;
  }

  .links--nBKdw {
    flex-direction: column;
    gap: 8px;
  }

  .link--FN5Fn {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .icon--XsQAa {
    width: 16px;
    height: 16px;
  }

  .textBlock--LI4bF {
    gap: 8px;
  }

  .buttons--bRoYA {
    gap: 16px;
  }

  .button--HTcDj {
    height: 36px;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
  }
}

.message--0zKhD {
  display: flex;
  gap: 16px;
  min-height: 44px;
  width: 100%;
  padding: 16px 24px 16px 16px;
  background-color: rgb(var(--light-red-message));
  border-radius: 8px;
  margin-bottom: 32px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 0 rgba(199, 0, 0, 0.15);
}

.icon--ZtasH {
  min-width: 20px;
}

.banners--yKtux {
  max-width: 228px;
  padding-top: 64px;
  z-index: 1;
}

.banner--mwWkc {
  width: 100%;
  min-height: 398px;
  border-radius: 12px;
  padding: 16px 24px 32px;
  box-shadow: var(--shadow-blue);  
  display: flex;
  flex-direction: column;
}

.image--fQnLs {
  height: fit-content;
  width: 100%;
  max-width: 180px;
  margin-bottom: 24px;
}

.content--dLaDI {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.title--kfQZy {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}

.text--Ifzg5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 4px;
}

.button--iX\+C4 {
  margin-top: 20px;
  width: 100%;
}

.controls--6yiN0 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.controls--6yiN0 .dot--G2jQU {
  width: 8px;
  height: 8px;
  margin: 2px;
  background-color: rgb(var(--light-gray-border));
  border-radius: 50%;
  cursor: pointer;
}

.controls--6yiN0 .dot--G2jQU[data-active='true'] {
  border: none;
  background-color: rgb(var(--yellow));
  pointer-events: none;
}

.controls--6yiN0 .dot--G2jQU:hover {
  background-color: rgb(var(--gray));
}

.banner--mwWkc[data-color-schema='default'] {
  background-color: rgb(var(--white));
  color: rgb(var(--dark-gray));
}
.banner--mwWkc[data-color-schema='default'] .image--fQnLs {
  --banner-bg-color: 255, 220, 0;
  --banner-shirt-color: 250, 105, 0;
}
.banner--mwWkc[data-color-schema='default'] .title--kfQZy {
  color: rgb(var(--black));
}

.banner--mwWkc[data-color-schema='light-purple'] {
  background-color: rgb(var(--light-blue));
  border: 2px solid rgb(var(--blue));
  color: rgb(var(--black));
}
.banner--mwWkc[data-color-schema='light-purple'] .image--fQnLs {
  --banner-bg-color: 158, 120, 164;
  --banner-shirt-color: 255, 220, 0;
}

.banner--mwWkc[data-color-schema='dark'] {
  background-color: rgb(var(--black));
  color: rgb(var(--white));
}
.banner--mwWkc[data-color-schema='dark'] .image--fQnLs {
  --banner-bg-color: 248, 248, 248;
  --banner-shirt-color: 255, 220, 0;
}

@media (max-width: 1279px) {
  .banners--yKtux {
    min-width: 100%;
    padding-top: 8px;
  }
  .banner--mwWkc {
    flex-direction: row;
    min-height: unset;
  }
  .image--fQnLs {
    margin: 0 24px 0 0;
  }
  .content--dLaDI {
    justify-content: flex-start;
  }
  .button--iX\+C4 {
    width: fit-content;
  }
}

@media (max-width: 767px) {
  .banners--yKtux {
    padding-top: 0;
  }
  .banner--mwWkc {
    flex-direction: column;
  }
  .image--fQnLs {
    margin: 0 0 24px 0;
    max-width: 240px;
  }
  .button--iX\+C4 {
    width: 100%;
  }
}

.banner--EeguQ {
  position: fixed;
  bottom: 105px;
  right: 32px;
  padding: 32px 24px 24px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 280px;
  z-index: 11;
}

.close--08xwW {
  position: absolute;
  right: 12px;
  top: 12px;
}

.image--ke01s {
  height: 120px;
  object-fit: contain;
  margin: 0 auto 0 0;
}

.title--dGnVA {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.text--iAJFL {
  color: rgb(var(--dark-gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-top: -8px;
}

.button--fCYMM {
  width: 100%;
}

.item--p9GcE {
  background-color: rgb(var(--white));
  display: flex;
  gap: 12px;
  font-family: 'Inter', sans-serif;
  text-align: left;
  width: calc((100% - 24px * 2) / 3);
  max-width: 312px;
  min-width: 234px;
  padding: 16px 20px 20px;
  border-radius: 12px;
  border: none;
  box-shadow: var(--shadow-blue);
  transition: box-shadow 0.1s ease-in-out;
  cursor: pointer;
  user-select: none;
}

.item--p9GcE:hover {
  box-shadow: 1px 1px 20px 0 rgba(85, 89, 99, 0.16);
}

.item--p9GcE:focus-visible {
  outline: 3px solid rgba(91, 91, 174, 0.1);
}

.item--p9GcE:active {
  box-shadow: 1px 1px 20px 0 rgba(85, 89, 99, 0.24);
}

.item--p9GcE:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.content--L0PoD {
  flex: 1 1 auto;
}

.title--PqXQd {
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  min-height: 22px;
  margin-bottom: 8px;
}

.title--PqXQd:has(.skeleton--LTk\+t) {
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.title--PqXQd .skeleton--LTk\+t {
  width: 156px;
  height: 11px;
  border-radius: 8px;
  background-color: rgba(var(--gray-blue), .5);
}

.description--CLm-z {
  color: rgb(var(--dark-gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  min-height: 32px;
}

.description--CLm-z:has(.skeleton--LTk\+t) {
  display: flex;
  padding-top: 3px;
}

.description--CLm-z .skeleton--LTk\+t {
  width: 176px;
  height: 9px;
  border-radius: 8px;
  background-color: rgba(var(--gray-blue), .5);
}

.badge--fV5kR {
  background: rgba(var(--gray-blue), .5);
  border-radius: 16px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 30px;
  width: 46px;
  text-align: center;
  padding: 4px 8px;
}

.blue--yWkkD {
  background: rgb(var(--light-blue));
  color: rgb(var(--blue));
}

.gray--K4Zej {
  background: rgb(var(--light-gray));
  color: rgb(var(--black));
}

.red--joVQO {
  background: rgb(var(--light-red));
  color: rgb(var(--red));
}

.yellow--wxFSW {
  background: rgb(var(--yellow));
  color: rgb(var(--button-text));
}

@media (max-width: 767px) {
  .item--p9GcE {
    width: 100%;
    max-width: none;
  }
}

.wrapper--iZjfS {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 32px;
}

.content--tb7iE {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  margin: 0 auto;
  max-width: 600px;
}

.image--RDTac {
  max-width: 102px;
}

.text--l\+XTH {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.title---aY1Q {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.description--fckDF {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: rgb(var(--gray));
}

.link--NxFDa {
  color: rgb(var(--gray));
  text-decoration: underline;
}

.link--NxFDa:hover {
  color: rgb(var(--gray));
}

@media (max-width: 767px) {
  .wrapper--iZjfS {
    padding: 16px;
  }
}

.title--Ei72q {
  margin-bottom: 12px;
}

.caption--ZImU\+ {
  color: rgb(var(--gray));
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 32px;
  display: flex;
  gap: 12px;
}

.dashboard--8adIy {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-bottom: 40px;
}

.buttonLink--r9DUL {
  border: none;
  font-size: 15px;
  line-height: 22px;
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
  user-select: none;
}

.loader--pqmJU {
  align-items: center;
  display: flex;
  gap: 8px;
  user-select: none;
}

@keyframes rotate--7MBux {
  from { transform: rotate(0deg);   }
  to   { transform: rotate(360deg); }
}

.spinner--eUEXz {
  animation: rotate--7MBux 1s linear infinite;
  background: rgb(var(--gray));
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: relative;
}

.spinner--eUEXz::before,
.spinner--eUEXz::after {
  content: '';
  position: absolute;
}

.spinner--eUEXz::before {
  border-radius: 50%;
  background:
    linear-gradient(0deg,   hsla(0, 0%, 97%, 1  ) 50%, hsla(0, 0%, 97%, 0.9) 100%)   0%   0%,
    linear-gradient(90deg,  hsla(0, 0%, 97%, 0.9)  0%, hsla(0, 0%, 97%, 0.6) 100%) 100%   0%,
    linear-gradient(180deg, hsla(0, 0%, 97%, 0.6)  0%, hsla(0, 0%, 97%, 0.3) 100%) 100% 100%,
    linear-gradient(360deg, hsla(0, 0%, 97%, 0.3)  0%, hsla(0, 0%, 97%, 0  ) 100%)   0% 100%
  ;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.spinner--eUEXz::after {
  background: rgb(var(--light-gray));
  border-radius: 50%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

@media (max-width: 1279px) {
  .dashboard--8adIy {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .caption--ZImU\+ {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
  }

  .dashboard--8adIy {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
  }

  .buttonLink--r9DUL {
    font-size: 12px;
    line-height: 16px;
  }
}

.wrapper--ivDaj {
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.content--\+DaA3 {
  max-width: 440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.image--i\+woE {
  max-width: 240px;
}

.text--fBL-E {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.title--3tjjs {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.description--mLIeE {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--gray));
}

.link--YK3wF {
  color: rgb(var(--gray));
  text-decoration: underline;
}

.link--YK3wF:hover {
  color: rgb(var(--gray));
}

@media (max-width: 767px) {
  .wrapper--ivDaj {
    padding: 16px;
  }
  .image--i\+woE {
    width: 100%;
    max-width: none;
    padding: 0 48px;
  }
}

.alert--mUg1b {
  background: rgb(var(--light-red));
  border-radius: 12px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px;
}

.alertContent--Tw4ua {
  display: flex;
  gap: 16px;
}

.alertIcon--M6wSt {
  color: rgb(var(--red));
  flex-shrink: 0;
}

.alertTitle--0LdIL {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 4px;
}

.alertText--guJJg {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.alertButton--ibHfN {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .alert--mUg1b {
    align-items: flex-start;
    flex-direction: column;
  }
}

.card--shXLi {
  border-top: 1px solid rgb(var(--light-gray-border));
  display: flex;
  justify-content: space-between;
  padding: 16px 32px;
}

.info--3TPt2 {
  display: flex;
}

.icon--DFUYE {
  background-color: rgb(var(--light-gray));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 16px;
  height: 48px;
  width: 48px;
}

.icon--DFUYE.blue--ykUIK {
  background-color: rgb(var(--light-blue));
}

.name--KNcTX {
  font-size: 18px;
  margin-bottom: 8px;
}

.contacts--1yQ2y {
  color: rgb(var(--gray));
  font-size: 14px;
  line-height: 18px;
}

.select--pmjv5 {
  flex-shrink: 0;
  margin-left: 16px;
}

@media (max-width: 767px) {
  .card--shXLi {
    padding: 16px;
  }

  .icon--DFUYE {
    height: 36px;
    width: 36px;
  }

  .name--KNcTX {
    font-size: 14px;
    line-height: 18px;
    overflow-wrap: break-word;
  }

  .contacts--1yQ2y {
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: break-word;
  }
}

.wrapper--HpcFE {
  background-color: rgb(var(--white));
  border-radius: 12px;
  margin-top: 12px;
  padding: 24px 0 16px;
  width: 100%;
}

.header--BxV9g {
  padding: 0 32px 24px;
}

.title--79XwF {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 8px;
}

.subtitle--UAaBb {
  color: rgb(var(--dark-gray));
  font-size: 14px;
  line-height: 18px;
}

.emptyList--UGUt3 {
  border-top: 1px solid rgb(var(--light-gray-border));
  padding: 16px 32px 0;
}

@media (max-width: 767px) {
  .header--BxV9g {
    padding: 0 16px 24px;
  }

  .title--79XwF {
    font-weight: 600;
  }

  .subtitle--UAaBb {
    font-size: 12px;
    line-height: 16px;
  }

  .emptyList--UGUt3 {
    font-size: 14px;
    line-height: 18px;
    padding: 16px;
    padding-bottom: 0;
  }
}

.wrapper--56V3y {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
}

.packageInfo--33Z3s {
  border-radius: 12px;
  background-color: rgb(var(--white));
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
} 

.row--AW3Ra {
  display: flex;
  gap: 24px;
}

.rowTitle--DhwGY {
  font-weight: 600;
  width: 196px;
}

.rowText--ySN96 {
  overflow-wrap: anywhere;
}

.alert--ZlrqY {
  margin-top: 32px;
  width: 100%;
}

.buttons--STLyl {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}

@media (max-width: 767px) {
  .packageInfo--33Z3s {
    padding: 24px 16px;
  }
  
  .row--AW3Ra {
    flex-direction: column;
    gap: 8px;
  }
}

.wrapper--ctai8 {
  align-items: center;
  background-color: rgb(var(--light-blue));
  border-radius: 8px;
  display: flex;
  gap: 16px; 
  justify-content: space-between;
  margin-top: 32px;
  padding: 16px;
}

.wrapper--ctai8.error--CgZDr {
  background-color: rgb(var(--light-red));
  color: rgb(var(--red));
}

.content--9KdoG {
  align-items: center;
  display: flex;
  font-size: 13px;
  gap: 16px;
  line-height: 20px;
}

.icon--D7LiD {
  color: rgb(var(--blue));
  flex-shrink: 0;
}

.wrapper--ctai8.error--CgZDr .icon--D7LiD {
  color: rgb(var(--error-red));
}

.button--fFR5E {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .wrapper--ctai8 {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 24px;
  }

  .content--9KdoG {
    align-items: flex-start;
  }

  .button--fFR5E {
    margin-left: 36px;
  }
}

.wrapper--B0bpZ {
  background-color: rgb(var(--white));
  border-radius: 12px;
  cursor: pointer;
}

.expanded--brfvY {
  cursor: default;
}

.header--tG2kj {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 24px 32px;
}

.expanded--brfvY .header--tG2kj {
  border-bottom: 1px solid rgb(var(--light-gray-hover));
  cursor: pointer;
  padding-bottom: 24px;
}

.title--8zQpV {
  display: flex;
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.title--8zQpV > .number--hSrzd {
  display: inline-block;
  min-width: 24px;
}

.chevronIcon--TNjTY {
  background: transparent;
  border: none;
  color: rgb(var(--gray));
  cursor: pointer;
  flex-shrink: 0;
}

.expanded--brfvY .chevronIcon--TNjTY {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .header--tG2kj {
    padding: 24px 16px 16px;
  }
  .title--8zQpV {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
}

.wrapper--Zs14K {
  display: flex;
  width: 100%;
}
.title--Fo\+2R {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 32px;
}

.field--48qHg {
  width: 100%;
  max-width: 580px;
  margin-bottom: 32px;
  position: relative;
}

.wideField--Nd2Zb {
  max-width: unset;
  margin-bottom: 34px;
}

.dropdown--0wOQ0 {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  padding: 4px 0;
  border-radius: 4px;
  background-color: rgb(var(--white));
  z-index: 1;
  max-height: calc(4px * 2 + 44px * 5);
  overflow: auto;
  box-shadow: var(--shadow-bright-blue);
}

.dropItem--G\+uS6 {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 16px;
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
}

.dropItem--G\+uS6:hover {
  background-color: rgb(var(--light-gray));
}

.buttons--jDo9U {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--M0ONK {
    padding: 56px 16px;
  }
  .title--Fo\+2R {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
  }
  .field--48qHg {
    margin-bottom: 24px;
  }
  .buttons--jDo9U {
    gap: 16px;
  }
}

.wrapper--W19I\+ {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.wrapper--W19I\+.edit--oQghF {
  align-items: center;
}

.bold--5FF08 {
  flex-shrink: 0;
  font-weight: 600;
}

.title--wBKIX {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.input--3RdFs {
  flex-grow: 1;
}

.title--wBKIX > .input--3RdFs.input--3RdFs input {
  border-radius: 4px;
}

.packageName--rRBwn {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.icon--Hce-S {
  color: rgb(var(--gray-blue));
  flex-shrink: 0;
}

.error--BQleR {
  color: rgb(var(--red));
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 767px) {
  .wrapper--W19I\+ {
    flex-direction: column;
    gap: 8px;
  }
  .wrapper--W19I\+.edit--oQghF {
    align-items: flex-start;
  }
}

.zone--S-Yah {
  border-radius: 4px;
  border: 2px dashed rgb(var(--yellow));
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 8px 16px;
  margin-bottom: 16px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.zone--S-Yah:hover {
  background: rgba(var(--yellow), .08);
}

.isDragAccept--s3cSh, .isDragAccept--s3cSh:hover {
  background-color: rgba(var(--green), .1);
  border-color: rgb(var(--green));
}

.isDragReject--8n\+Zg, .isDragReject--8n\+Zg:hover {
  background-color: rgba(var(--red), .1);
  border-color: rgb(var(--red));
}

.zone--S-Yah:focus-visible {
  outline: 4px solid rgba(var(--yellow), .16) !important;
}

.zone--S-Yah:active {
  background-color: rgba(var(--yellow), .16);
}

.icon--zv2M1 {
  color: rgb(var(--gray));
  flex-shrink: 0;
  margin-top: 4px;
}

.rejected--xpfJ\+ {
  color: rgb(var(--red));
}

.content--fnfZn {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0;
}

.title---l6AO {
  font-size: 14px;
  line-height: 18px;
}

.text--3prZJ {
  color: rgb(var(--gray));
  font-size: 12px;
  line-height: 16px;
  white-space: pre-line;
}

.error--tUH-n {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.error--tUH-n:last-child {
  margin-bottom: 0;
}

.error--tUH-n p {
  margin-top: 3px;
}

.errorIcon--JbUXv {
  flex-shrink: 0;
}

.list--BoTAY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.item--JtFeW {
  background-color: rgb(var(--light-gray));
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  padding: 12px 16px;
  width: 100%;
}

.icon--NY0Jy {
  flex-shrink: 0;
}

.name--1Ytlk {
  color: rgb(var(--black));
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.optional--XaQNi {
  color: rgb(var(--gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.info--tjEAb {
  min-width: fit-content;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: right;
  color: rgb(var(--gray));
}

.iconTooltip--l4H9T {
  border-radius: 50%;
  display: flex;
  height: 16px;
}

.iconTooltip--l4H9T .removeIcon--FfG0m {
  border-radius: 50%;
  color: rgb(var(--gray));
  cursor: pointer;
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.iconTooltip--l4H9T .removeIcon--FfG0m:hover {
  background-color: rgba(var(--gray), 0.08);
  outline: solid 4px rgba(var(--gray), 0.08);
  opacity: unset;
}

.totalSize--8-ZLf {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: end;
}

.error--Mk5JU {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.error--Mk5JU p {
  margin-top: 3px;
}

.controls--HBx-3 {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.content--FWoiV {
  padding: 32px;
}

.content--FWoiV .radioGroup--8XkKY {
  flex-direction: row;
  gap: 24px;
  margin-top: 32px;
}

.mode--gro-r {
  margin-top: 32px;
}

.scansButtons--\+QyYh {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.scansButtons--\+QyYh:last-child {
  margin-bottom: 0;
}

div.modal--D7qDh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 560px;
}

.modalImage--a504W {
  max-width: 240px;
  width: 60%;
  min-height: 190px;
}

.modalTitle--p2Q5O {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}

.modalSubtitle--LqB44 {
  color: rgb(var(--gray));
  margin-top: 16px;
  text-align: center;
}

.buttons--U5ZVW, .modalButtons--eVGE8 {
  display: flex;
  gap: 16px;
}

.buttons--U5ZVW {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .content--FWoiV {
    padding: 24px 16px;
  }

  .content--FWoiV .radioGroup--8XkKY {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }

  .mode--gro-r {
    margin-top: 24px;
  }

  .modalTitle--p2Q5O {
    font-size: 18px;
    line-height: 20px;
  }

  .modalSubtitle--LqB44 {
    font-size: 14px;
    line-height: 16px;
  }

  .buttons--U5ZVW, .scansButtons--\+QyYh {
    flex-wrap: wrap;
  }
}

.card--vyLhw {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  gap: 16px;
  padding: 16px 32px;
}

.icon--qp0Eu {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgb(var(--light-gray));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.info--08gtj {
  flex-grow: 1;
}

.name--s7m-R {
  min-width: 100%;
  overflow-wrap: break-word;
}

.contacts--D53wC {
  color: rgb(var(--gray));
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}

.removeIcon--KDw1q {
  color: rgb(var(--dark-gray));
  cursor: pointer;
  height: 32px;
  width: 32px;
  padding: 4px;
}

.removeIcon--KDw1q:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .card--vyLhw {
    padding: 16px;
  }
  .icon--qp0Eu {
    height: 36px;
    width: 36px;
  }
  .name--s7m-R {
    font-size: 14px;
    line-height: 18px;
  }
  .contacts--D53wC {
    font-size: 12px;
    line-height: 16px;
  }
}

.form--rODBX {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--dvXE6 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.buttons--11BlS {
  display: flex;
  gap: 16px;
}

.error--ed2Ci,
.error--ed2Ci a {
  color: rgb(var(--red));
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

.error--ed2Ci a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .form--rODBX {
    gap: 24px;
  }
  .title--dvXE6 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
}


.bold--j6Gwm {
  font-weight: 600;
}

.emptyLabel--cJUpb {
  padding: 32px 32px 0;
}

.shortList--hkO3C {
  display: flex;
  gap: 16px;
  margin: -8px 0 24px;
  padding: 0 calc(24px + 32px);
}

.shortList--hkO3C p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shortList--hkO3C .bold--j6Gwm {
  flex-shrink: 0;
}

.footer--gZWT- {
  padding: 32px;
}

@media (max-width: 767px) {
  .emptyLabel--cJUpb {
    font-size: 13px;
    line-height: 20px;
    padding: 24px 16px 0;
  }
  .shortList--hkO3C {
    flex-direction: column;
    gap: 8px;
    padding: 0 calc(24px + 16px);
  }
  .footer--gZWT- {
    padding: 24px 16px;
  }
}

.row--3Q0TY {
  position: relative;
}

.relative--6j4Rs {
  position: relative;
}

.label--2BTgQ {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.input--KZadS {
  box-sizing: border-box;
  display: block;
  height: 56px;
  width: 100%;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 4px;
  padding: 16px;
  font-family: 'Inter', sans-serif;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  background: rgb(var(--white));
}

.input--KZadS:focus,
.textarea--INaCn:focus {
  border-color: transparent;
  outline: 2px solid rgb(var(--yellow));
}

.input--KZadS::placeholder {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--gray));
}
.input--KZadS:placeholder-shown {
  text-overflow: ellipsis;
}

.input--KZadS[data-error='true'] {
  border-color: transparent;
  outline: 2px solid rgb(var(--red));
}

.input--KZadS[disabled] {
  background: rgb(var(--white));
  opacity: 0.5;
}

.error--emdph,
.hint--r2ZZr {
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
  white-space: pre-line;
}

.error--emdph {
  color: rgb(var(--red));
}

.hint--r2ZZr {
  color: rgb(var(--gray));
}

.phoneToggle--UVAhj {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding-top: 4px;
}

.highlighted--sJ3nU {
  border: none;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .error--emdph,
  .hint--r2ZZr {
    position: static;
    margin-top: 4px;
  }
}

.wrapper--ITRnv {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.amount--EAlWg {
  max-width: calc(100% / 2 - 24px);
}

.linkInput--D2HHt, .description--2UrIk {
  margin-bottom: 20px;
  width: 100%;
}

@media (max-width: 1279px) {
  .amount--EAlWg {
    max-width: calc(100% / 2 - 16px);
  }
}

@media (max-width: 767px) {
  .amount--EAlWg {
    max-width: 100%;
  }
}

.modal--1g6M\+ {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--jJY21 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.errorText--4P6FP {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--4P6FP a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--4P6FP a:hover {
  color: rgb(var(--blue));
}

.buttons--sRZaQ {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--1g6M\+ {
    gap: 24px;
  }

  .title--jJY21 {
    font-size: 18px;
    line-height: 22px;
  }

  .buttons--sRZaQ {
    gap: 16px;
  }
}

.card--Q7KMP {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  gap: 16px;
  padding: 16px 32px;
}

.icon--TJ7KQ {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgb(var(--light-blue));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.info--z4Xl7 {
  flex-grow: 1;
}

.name--887MW {
  min-width: 100%;
  overflow-wrap: break-word;
}

.phone--BzlQc {
  color: rgb(var(--gray));
  font-size: 14px;
  line-height: 18px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}

.error--MWFi4 {
  margin-top: 8px;
  color: rgb(var(--red));
  font-size: 12px;
  line-height: 16px;
}

.actions--O5Lm6 {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 16px;
}

.mobileActions--YgNeS {
  display: none;
}

.actionIcon--qOW0M {
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.actionIcon--qOW0M:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .card--Q7KMP {
    padding: 16px;
  }
  .icon--TJ7KQ {
    height: 36px;
    width: 36px;
  }
  .name--887MW {
    font-size: 14px;
    line-height: 18px;
  }
  .phone--BzlQc {
    font-size: 12px;
    line-height: 16px;
  }
  .actions--O5Lm6 {
    display: none;
  }
  .mobileActions--YgNeS {
    display: block;
  }
  .mobileActions--YgNeS button {
    height: 24px;
    width: 24px;
  }
  .mobileActions--YgNeS svg {
    color: rgb(var(--dark-gray));
  }
}

.datepicker--P04un {
  margin-top: 16px;
  max-width: 300px;
  min-width: 256px;
}

.dropdown--xRglx {
  max-height: 272px;
  padding: 8px 0;
}

.dropdown--xRglx [data-test='dropdownTitle'] {
  padding-bottom: 8px;
}

.itemsContainer--yewgQ {
  max-height: calc(58px * 3);
  overflow: auto;
}

.item--ZCOPu {
  padding: 8px 16px;
  color: rgb(var(--black));
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
}

.item--ZCOPu:hover {
  background-color: rgb(var(--light-gray));
}

.itemTitle--wYH7w {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.itemInfo--2p1FN {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.itemInfo--2p1FN,
.itemTitle--wYH7w {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  margin: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

.text--cZrTZ {
  color: rgb(var(--black));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 16px;
}

.error--Qf6q3 {
  color: rgb(var(--red));
}

.addButton--SHc85 {
  border: none;
  background-color: rgb(var(--white));
  color: rgb(var(--blue));
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  text-align: left;
}

.addButton--SHc85:hover {
  background-color: rgb(var(--light-gray));
  cursor: pointer;
}

.skeleton--PDhiI {
  background-color: rgba(var(--gray-blue), .5);
  border-radius: 20px;
  margin: 4px 0;
}

.itemTitle--wYH7w .skeleton--PDhiI {
  height: 10px;
  width: 57px;
}

.itemTitle--wYH7w:has(.skeleton--PDhiI) {
  margin-bottom: 3px;
}

.itemInfo--2p1FN .skeleton--PDhiI {
  height: 9px;
  width: 80px;
}

.addNewSigner--LPx8T {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 16px;
}

.addNewSignerCircle--7dQ0\+ {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(var(--gray-blue), .5);
}

.addNewSignerText--\+gx\+e {
  width: 215px;
  height: 19px;
  background-color: rgba(var(--gray-blue), .5);
  border-radius: 20px;
}
.wrapper--yjFO8 {
  padding: 32px;
}

.relative--5EWFx {
  position: relative;
}

.tooltip--C\+wMd {
  width: 100%;
}

.input--OpbAl input {
  outline: 2px solid rgb(var(--yellow));
}

@media (max-width: 767px) {
  .wrapper--yjFO8 {
    padding: 24px 16px;
  }
}

.bold---tzp6 {
  font-weight: 600;
}

.shortList--eq5KS {
  display: flex;
  gap: 16px;
  margin: -8px 0 24px;
  padding: 0 calc(24px + 32px);
}

.shortList--eq5KS p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shortList--eq5KS .bold---tzp6 {
  flex-shrink: 0;
}

.options--g-2aB {
  border-top: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

@media (max-width: 767px) {
  .shortList--eq5KS {
    flex-direction: column;
    gap: 8px;
    padding: 0 calc(24px + 16px);
  }

  .options--g-2aB {
    padding: 24px 16px;
  }
}

.wrapper--YFBQZ {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}

.content--bTQOV {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.form--zqyNG {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.alert--2hnde {
  margin-top: 32px;
}

.submitButton--fzZD6 {
  margin-top: 32px;
}

div.modal--TzYah {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 560px;
}

.modalImage--hpRdm {
  max-width: 240px;
}

.modalTitle--wibxW {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}

.modalSubtitle---DThU {
  color: rgb(var(--gray));
  margin-top: 16px;
  text-align: center;
}

.modalButtons--\+0\+cC {
  display: flex;
  gap: 16px;
}

@media (max-width: 1279px) {
  .wrapper--YFBQZ {
    flex-wrap: wrap;
  }

  .content--bTQOV {
    max-width: 100%;
  }

  .alert--2hnde {
    margin-top: 24px;
  }

  .submitButton--fzZD6 {
    margin-top: 24px;
  }
}

.link--K3F32 {
  padding: 6px 8px;
  border-radius: 6px;
  display: inline-flex;
  gap: 16px;
  align-items: center;
  text-decoration: none !important;
  transition: background-color 0.2s ease-in-out;
}

.link--K3F32.small--hlfxe {
  padding: 8px;
  border-radius: 8px;
  gap: 8px;
}

.icon--KgYdK {
  color: rgb(var(--gray));
  transition: color 0.2s ease-in-out;
}

.link--K3F32 .text--OIXNl {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: rgb(var(--graphite));
  transition: color 0.2s ease-in-out;
}

.link--K3F32.small--hlfxe .text--OIXNl {
  font-size: 14px;
  line-height: 18px;
}

.link--K3F32.blue--M29lH .text--OIXNl, .link--K3F32.blue--M29lH .icon--KgYdK {
  color: var(--blue);
}

.link--K3F32.active--Bercy {
  pointer-events: none;
}

.link--K3F32.active--Bercy .icon--KgYdK {
  color: rgb(var(--black));
}

.link--K3F32.active--Bercy .text--OIXNl {
  color: rgb(var(--black));
  font-weight: 600;
}

.link--K3F32:hover {
  background-color: rgb(var(--light-gray));
}

.link--K3F32:focus-visible {
  background-color: rgb(var(--light-gray-hover));
}

.link--K3F32:active {
  background-color: rgba(153, 155, 161, 0.5);
}


.menu--p0XMm {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 232px;
  max-height: 100dvh;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: rgb(var(--white));
  padding: 16px 0 32px 0;
  z-index: 12;
  overflow: auto;
  scrollbar-width: none
}

.menu--p0XMm:hover {
  scrollbar-width: thin
}

.menuHeader--3tANv {
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  height: 40px;
}

.menu--p0XMm:hover .menuHeader--3tANv {
  padding-right: 14px;
}

.logo---6Bgc {
  display: block;
  height: 40px;
  max-width: 100%;
  object-fit: contain;
  cursor: pointer;
}

.nav--RjTnQ {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  gap: 16px;
}

.support--oc8dU {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  flex-grow: 1;
  justify-content: flex-end;
}

.supportTitle--4N9dG {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 0 8px 8px;
  color: rgb(var(--dark-gray));
}

.site--aeu88 span {
  color: var(--blue);
}

.close--siExk {
  display: none;
  background-color: transparent;
  border: none;
  outline: none;
  height: 28px;
  width: 28px;
  cursor: pointer;
}

.supportFull--RNUmC {
  display: flex;
  flex-direction: column;
}

.supportShort--Y6Ykl {
  display: none;
}

.createDoc--lOH4w {
  padding-left: 24px;
}

@media (max-width: 1279px) {
  .menu--p0XMm {
    display: none;
  }

  .menu--p0XMm.isOpened--K3-QP {
    display: flex;
  }

  .mask--iyyEl {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100dvh;
    width: 100vw;
    background: rgba(61, 64, 71, 0.7);
    transform: translate3d(0, 0, 0);
    z-index: 11;
  }

  body:has(.mask--iyyEl) jdiv {
    z-index: 10;
  }

  .close--siExk {
    display: block;
  }
}

@media (max-width: 767px) {
  .menu--p0XMm {
    width: 100vw;
    gap: 24px;
  }

  .menu--p0XMm:hover .menuHeader--3tANv {
  padding-right: 24px;
}

  .nav--RjTnQ {
    gap: 8px;
  }
}

@media (max-height: 899px) {
  .supportFull--RNUmC {
    display: none;
  }

  .supportShort--Y6Ykl {
    display: flex;
    flex-direction: column;
  }
}

.search--oVh2N {
  position: relative;
  width: 320px;
}

.icon--SwucW {
  position: absolute;
  left: 16px;
  top: 8px;
  width: 24px;
  height: 24px;
  color: rgb(var(--gray));
}

.delete--W8fy6 {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer;
}

.input--7MvVP {
  width: 100%;
  padding: 8px 52px 8px 55px;
  border: 1px solid rgb(var(--light-gray-border));
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  transition: border-color .2s ease-in-out;
}

.input--7MvVP::placeholder {
  color: rgb(var(--gray));
}

.search--oVh2N:hover .input--7MvVP {
  border-color: rgb(var(--gray));
}

.search--oVh2N:hover .input--7MvVP:focus,
.input--7MvVP:focus {
  border-color: rgb(var(--yellow));
  border-width: 2px;
  padding: 7px 51px 7px 54px;
}

.error--jrK4Y {
  width: 100%;
  position: absolute;
  z-index: 1;
  top: calc(100% + 2px);
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  border-radius: 8px;
  left: 0;
  padding: 16px;
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--gray-blue));
  cursor: auto;
}

.openIcon--PEHkA {
  color: rgb(var(--graphite));
  display: none;
}

.closeIcon--XQe7q {
  display: none;
}

@media (max-width: 767px) {
  .search--oVh2N {
    display: none
  }

  .openIcon--PEHkA {
    display: flex;
    flex-grow: 1;
    justify-content: end;
  }

  .isOpened--dM6cT {
    z-index: 3;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: rgb(var(--light-gray));
  }

  .isOpened--dM6cT .closeIcon--XQe7q {
    display: block;
  }

  .delete--W8fy6 {
    right: calc(16px + 20px + 24px);
  }

  .input--7MvVP {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

}

.link--pQVIE {
  display: block;
  height: 40px;
  padding: 10px 16px;
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  transition: color, background-color var(--transition);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.link--pQVIE:hover {
  background-color: rgb(var(--dark-yellow));
  color: rgb(var(--button-text));
}

.isWarning--ZenS4, .isNote--pSr5L {
  padding: 4px 12px 4px 32px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  position: relative;
  color: rgb(var(--black))
}

.isNote--pSr5L:hover, .isWarning--ZenS4:hover {
  color: rgb(var(--black))
}

.isNote--pSr5L {
  background-color: rgb(var(--light-blue));
}

.isNote--pSr5L:hover {
  background-color: rgba(var(--blue-hover), .2);
}

.isWarning--ZenS4 {
  background-color: rgb(var(--light-red));
}

.isWarning--ZenS4:hover {
  background-color: rgb(var(--light-red-message));
}

.warningIcon--wVbFn {
  height: 16px;
  width: 16px;
  position: absolute;
  left: 8px;
  top: 4px;
}

.isNote--pSr5L .warningIcon--wVbFn {
  color: rgb(var(--blue));
}

.isWarning--ZenS4 .warningIcon--wVbFn {
  color: rgb(var(--red));
}

.bold--OfLjw {
  font-weight: 700;
}

@media (max-width: 767px) {
  .link--pQVIE {
    height: 32px;
    padding: 6px 16px;
  }

  .isWarning--ZenS4, .isNote--pSr5L {
    padding: 4px 8px;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
  }

  .warningIcon--wVbFn {
    display: none;
  }
}

@media (max-width: 321px) {
  .remainCount--PkY1P {
    display: none;
  }
}

.wrap--xUhZ6 {
  flex-grow: 1;
  display: flex;
  justify-content: end;
}

.relative--6r-SG {
  position: relative;
}

.user--0Nn6- {
  position: relative;
  padding: 8px;
  border-radius: 8px;
  background-color: rgb(var(--light-gray));
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  gap: 8px;
  transition: background-color .2s ease-in-out;
  cursor: pointer;
}

.user--0Nn6-:hover {
  background-color: rgb(var(--light-gray-hover));
}

.info--sAND0 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-right: 28px;
}

.arrow--slbOI {
  position: absolute;
  right: 0;
  top: -1px;
  color: rgb(var(--gray));
  transition: color .2s ease-in-out;
}

.user--0Nn6-:hover .arrow--slbOI {
  color: rgb(var(--black));
}

.name--wmS9W {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.login--95GOh {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.menu--1cJ69 {
  position: absolute;
  top: calc(100% + 1px);
  right: 0;
  z-index: 2;
  width: 100%;
  background-color: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  max-height: 0;
  transition: max-height 0.3s ease-in-out;
  overflow: hidden;
  border-radius: 4px;
  min-width: 160px;
}

.menu--1cJ69.opened--cRRGO {
  max-height: 104px;
}

.menuList--uH\+hy {
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}

.menuItem--O-r\+J {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: transparent;
  cursor: pointer;
  transition: background-color .2s ease-in-out;
}

.menuItem--O-r\+J:hover {
  background-color: rgb(var(--light-gray));
}

@media (max-width: 1279px) {
  .info--sAND0 {
    display: none
  }

  .user--0Nn6- {
    padding: 0;
    border-radius: 50%;
  }
}

@media (max-width: 767px) {
  .wrap--xUhZ6 {
    flex-grow: 0;
  }
}

.header--Cn0WU {
  height: 72px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 24px;
  position: relative;
}

.openMenu--Om0L8 {
  display: none;
  height: 40px;
  width: 40px;
  cursor: pointer;
}

@media (max-width: 1279px) {
  .openMenu--Om0L8 {
    display: initial;
  }
}

@media (max-width: 767px) {
  .header--Cn0WU {
    height: 64px;
    gap: 16px;
  }
}

.dropzone--QiM5\+ {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 16px;
  padding: 24px 16px 16px 16px;
  border: 2px dashed rgb(var(--yellow));
  border-radius: 4px;
}

.labelContainer--uaCTB {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.label--ecFSY {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: rgb(var(--black));
}

.constraints--8-mHh {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.constraintsItem--ALgn- {
  color: rgb(var(--gray));
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.error--l4jeG {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: rgb(var(--red));
  margin-top: 12px;
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .dropzone--QiM5\+ button svg {
    display: none;
  }
}

.list--K4f0B {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-top: 12px;
}

.fileCard--m3HIi {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: rgb(var(--light-gray));
  gap: 12px;
  align-items: center;
}

.fileName--qNxZl {
  flex-grow: 1;
  color: rgb(var(--graphite));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.fileInfo--EwHeo {
  width: 80px;
  min-width: 80px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
  color: rgb(var(--gray));
}

.fileDescription--loxqi {
  color: rgb(var(--gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.deleteFile--5bWPM {
  min-width: 16px;
  width: 16px;
  cursor: pointer;
}

.fileDetails--63lW0 {
  flex-grow: 1;
}

.totalWeight--Wy86R {
  margin-top: 16px;
  text-align: end;
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.viewer--en01A {
  min-height: 100dvh;
  background: rgb(var(--graphite));
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 13;
}

.header--UmfaL {
  padding: 21px 24px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 64px;
  box-shadow: var(--shadow-blue);
  background: rgba(var(--black), 0.5);
  color: rgb(var(--white));
  z-index: 2;
  position: sticky;
  top: 0;
  right: 0;
  width: 100%;
}

.name--lzNl4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.icons--IEbV8 {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}

.close--MNavd {
  min-width: 24px;
}

.document--t8Vi1 {
  height: calc(100dvh - 64px);
  padding: 12px 28px;
  position: relative;
  overflow-y: auto;
}

.page--pZS1L {
  border: 1px solid rgb(var(--light-gray-border));
  margin: 0 auto 12px;
  width: fit-content;
}

.viewerError--K8WHu {
  width: 100%;
  height: calc(100dvh - 64px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgb(var(--white));
}

.errorImage--thVD8 {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.errorText--aaUPl {
  margin-top: 20px;
  font-weight: 600;
  text-align: center;
  max-width: 240px;
  line-height: 20px;
}

.loadWrapper--eYl2H {
  height: calc(100dvh - 64px);
}

.parsingMessage--HBbSc {
    margin: 10px 28px;
    padding: 16px;
    border-radius: 8px;
    background-color: rgb(var(--light-blue));
    display: flex;
    gap: 16px;
    align-items: center;
    color: rgb(var(--blue));
}

.parsingMessageIcon--jSfYa {
  flex-shrink: 0;
  color: rgb(var(--blue));
}

.parsingMessageText--Xuf20 {
  font-size: 13px;
  line-height: 20px;
}

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

.homePage--zXOLm {
  position: relative;
}

.page--gYaY- {
  padding: 20px;
  display: flex;
  align-items: center;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  min-height: 100dvh;
}

.content--23E8B {
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.text--0kuHr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.title--zu2rt {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}

.description--8UVwg {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--gray));
}

.btnWrap--rNLBu {
  text-align: center;
}

@media (max-width: 767px) {
  .page--gYaY- {
    padding: 16px;
  }
}

@keyframes loading--j-UMy {
  0% {
    color: currentColor;
  }
  50% {
    color: rgb(var(--yellow));
  }
  100% {
    color: currentColor;
  }
}

.card--ogqOX {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  padding: 16px 24px;
}

.content--c9lW6 {
  display: flex;
  flex: 1 1 auto;
  gap: 16px;
}

.cardIcon--EDTi5 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgb(var(--light-blue));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.title--58hg- {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
  overflow-wrap: break-word;
}

.subtitle--e8EBX {
  color: rgb(var(--gray));
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: break-word;
}

.controls--\+UK88 {
  position: relative;
  display: flex;
  align-items: baseline;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 16px;
}

.control--f9z5Z {
  background: transparent;
  border: none;
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.control--f9z5Z.load--JOktT {
  animation: 1.5s infinite loading--j-UMy;
  cursor: auto;
}

.control--f9z5Z:not(.load--JOktT):hover {
  color: rgb(var(--black));
  cursor: pointer;
}

@media (pointer: coarse) {
  .tooltip--mFbVB div {
    display: none;
  }
}

@media (max-width: 767px) {
  .card--ogqOX {
    gap: 16px;
    padding: 16px;
  }

  .cardIcon--EDTi5 {
    height: 36px;
    width: 36px;
  }

  .cardIcon--EDTi5 svg {
    height: 20px;
    width: 20px;
  }

  .title--58hg- {
    font-size: 14px;
    line-height: 18px;
  }

  .subtitle--e8EBX {
    font-size: 12px;
    line-height: 16px;
  }

  .control--f9z5Z {
    height: 24px;
    width: 24px;
    padding: 0;
  }
}

.pageHeader--XNnqR {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.pageTitle--Q7X2l {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pageHeader--XNnqR {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 24px;
  }
}

.tile--iA2D6 {
  padding: 32px;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
}

.tile--iA2D6 + .tile--iA2D6 {
  margin-top: 32px;
}

.title--mxXKM {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .tile--iA2D6 {
    padding: 24px 16px;
  }

  .title--mxXKM {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
  }
}

.stats--3lJPn {
  margin-bottom: 32px;
}

.statsItem--Ri8W7 {
  width: 100%;
  display: flex;
  align-items: center;
}

.statsItem--Ri8W7 + .statsItem--Ri8W7 {
  margin-top: 16px;
}

.icon--C7m\+8 {
  flex-shrink: 0;
}

.count--1nmOd {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 6px 0 16px;
}

.countHint--d5TIv {
  color: rgb(var(--dark-gray));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.buttons--wvWxh {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}

.errorImage--aF7VC {
  height: 80px;
  width: 100px;
  object-fit: contain;
  margin-bottom: 24px;
}

.errorTitle--qXJ\+w {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}

.errorText--JLDX\+ {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: rgb(var(--gray));
}

@media (max-width: 767px) {
  .stats--3lJPn {
    margin-bottom: 24px;
  }

  .icon--C7m\+8 {
    height: 24px;
    width: 24px;
  }

  .count--1nmOd {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  .countHint--d5TIv {
    font-size: 13px;
    line-height: 20px;
  }

  .buttons--wvWxh {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
}

.tile--PY05v {
  flex-grow: 1;
}

.subtitle--WUoQs {
  color: rgb(var(--graphite));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 32px;
}

.content--u5mD7 {
  background-color: rgb(var(--white));
  border-radius: 12px;
  margin-bottom: 28px;
}

.controls--2l7Zf {
  padding: 0 0 24px;
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 24px;
}

.date---nusc {
  max-width: 162px;
}

.signers--fTYsq {
  flex-grow: 1;
}

.tagsWrap--Tiu5d {
  max-height: 40px;
}

.tags--pFOlM {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
}

.error--sTmO2 {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .subtitle--WUoQs {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
  }

  .controls--2l7Zf {
    flex-wrap: wrap;
    padding-bottom: 24px;
  }

  .date---nusc {
    min-width: 100%;
  }
}

.wrapper--o1noj {
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}

.user--v8TER {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.userName--EfFtB {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.contacts--rtmfT {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.divider--v0tJ1 {
  border: 0;
  border-top: 1px solid rgb(var(--light-gray-border));
  margin: 32px 0;
  width: 100%;
}

.button--j5Xdf {
  margin-top: 24px;
}

.withTooltip--NApLo {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tooltipIcon--VYNXR {
  display: block;
  color: rgb(var(--gray-blue));
  cursor: pointer;
}

.tooltipIcon--VYNXR:hover {
  color: rgb(var(--black));
}

.line--WIFd8 {
  display: flex;
  gap: 16px;
}

.label--odpOr {
  font-weight: 600;
}

.text--tlnzw {
  color: rgb(var(--dark-gray));
}

.description--j7n5n {
  color: rgb(var(--dark-gray));
  margin-top: 8px;
}

.corpInfo--kWKTC {
  border: 1px solid rgb(var(--light-gray-border));
  background: rgb(var(--light-gray));
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
  border-radius: 8px;
}

.corpData--WYIf8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

.corpChecked--8p4H8 {
  display: flex;
  padding: 3px 16px 3px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  background: rgb(var(--yellow));
  color: rgb(var(--button-text));
  font-size: 12px;
  line-height: 16px;
  cursor: pointer;
}

.reportTooltip--S8rlE [data-test='tooltipText'] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 282px;
}

.tooltipChecks--EGM5b {
  padding-left: 16px;
}

.reportLoading--UDBKY {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.reportLoadingTitle--x3tWE {
  color: var(--black, #3D4047);
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px;
}

.reportLoadingText--d50gD {
  color: rgb(var(--graphite));
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  max-width: 300px;
}

@media (max-width: 767px) {
  .wrapper--o1noj {
    padding: 24px 16px;
  }
  .userName--EfFtB {
    font-size: 18px;
    line-height: 22px;
  }
  .divider--v0tJ1 {
    margin: 24px 0;
  }
  .button--j5Xdf {
    margin-top: 16px;
  }
  .line--WIFd8 {
    flex-direction: column;
    gap: 4px;
  }
  .description--j7n5n {
    font-size: 13px;
  }
  .corpInfo--kWKTC {
    padding: 24px;
  }
  .tooltip--D2Igf [data-test='tooltipText'] {
    max-width: 192px;
  }
  .reportTooltip--S8rlE [data-test='tooltipText'] {
    max-width: min(calc(100vw - 64px), 282px);
  }
}

.wrapper--02C1f {
  background: rgb(var(--light-gray));
  border-radius: 8px;
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  padding: 16px 24px;
}

.icon--zrXcM {
  flex-shrink: 0;
  fill: rgb(var(--gray-blue));
}

.apiKey--jHE1z {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .wrapper--02C1f {
    max-width: 100%;
    padding: 12px 16px;
  }
}

.telegram--w\+lT2 {
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background-color: rgb(var(--light-gray));
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.callToAction--Mmwgt {
  color: rgb(var(--gray));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.content--WMTNR {
  display: flex;
  justify-content: space-between;
}

.title--Rw\+2b {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}

.link--K9bYH {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  transition: color var(--transition);
}

.link--K9bYH:hover {
  text-decoration: underline;
  text-underline-position: under;
  color: rgb(var(--graphite));
}

.qr--KN2sG {
  height: 56px;
  width: 56px;
  object-fit: contain;
}

@keyframes draw--25vMi {
  3% {
    stroke-dashoffset: 291;
  }
  42% { 
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes fade--o-6eT {
  0% {
    stroke-opacity: 1;
  }
  94% {
    stroke-opacity: 1;
  }
  100% {
    stroke-opacity: 0;
  }
}

.starIcon--aCmaG {
  display: block;
  margin-bottom: 16px;
  color: transparent;
  stroke: rgb(var(--yellow));
  stroke-dasharray: 290 292; 
  stroke-dashoffset: 291;
  animation: draw--25vMi 9000ms linear 0ms infinite, fade--o-6eT 9000ms linear 0ms infinite;
}

.popup--Q6XFy {
  padding: 32px;
  border-radius: 8px;
  background: rgb(var(--white));
  box-shadow: var(--shadow-bright-blue);
  width: 340px;
  position: absolute;
  z-index: 10;
}

.popup--Q6XFy::after {
  content: '';
  width: 24px;
  height: 24px;
  background-color: rgb(var(--white));
  position: absolute;
}

.bottom--ijR-K {
  top: calc(100% + 24px);
  left: 0;
}

.bottom--ijR-K::after {
  bottom: calc(100% - 18px);
  left: 32px;
  transform: rotate(45deg) skew(10deg, 10deg);
}

.right--ViGVo {
  top: 0;
  left: calc(100% + 20px);
}

.right--ViGVo::after {
  top: 32px;
  right: calc(100% - 16px);
  transform: rotate(45deg);
}

.top--dFBll {
  bottom: calc(100% + 20px);
  right: 0;
}

.close--cb5cb {
  color: rgb(var(--graphite));
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
  cursor: pointer;
  transition: color var(--transition);
}

.close--cb5cb:hover {
  color: rgba(var(--graphite), 0.8);
}

.title--vzCKh {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

.description--qqR7p {
  font-size: 13px;
  line-height: 20px;
  color: rgb(var(--dark-gray));
  display: flex;
  flex-direction: column;
  gap: 16px;
  white-space: pre-line;
}

.footer--12nHZ {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.counter--emxA6 {
  color: rgb(var(--gray));
  font-size: 12px;
  line-height: 16px;
}

.telegram--VrM1r {
  margin: 24px 0 -16px;
  z-index: 1;
}

.wrapper--uy5Oz {
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex-grow: 1;
}

.section--6wN4E {
  margin: 0 -12px -12px;
  padding: 0 12px 12px;
}

.section--6wN4E.withTutorial--RPdaw {
  max-width: 503px;
}

.sectionContent--BxGjQ {
  margin-top: 16px;
}

.sectionTitle--uhZ54 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.rowWithTooltip--73B1l {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox--6RdBC {
  min-height: 24px;
}

.icon--i5-hM {
  display: block;
  color: rgb(var(--gray-blue));
  cursor: pointer;
}

.icon--i5-hM:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .wrapper--uy5Oz {
    padding: 24px 16px;
  }
  .rowWithTooltip--73B1l {
    align-items: flex-start;
  }
}

.wrapper--0IFFa {
  display: grid;
  justify-content: stretch;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
  grid-template-rows: repeat(2, 172px);
  row-gap: 16px;
  margin-top: 32px;
}

.card--gzKqx:nth-of-type(1) {
  grid-column: 1 / span 4;
  grid-row: 1 / 2;
}
.card--gzKqx:nth-of-type(2) {
  grid-column: 5 / span 4;
  grid-row: 1 / 2;
}
.card--gzKqx:nth-of-type(3) {
  grid-column: 9 / span 4;
  grid-row: 1 / 2;
}
.card--gzKqx:nth-of-type(4) {
  grid-column: 1 / span 6;
  grid-row: 2 / 3;
}
.card--gzKqx:nth-of-type(5) {
  grid-column: 7 / span 6;
  grid-row: 2 / 3;
}

.icon--LWtPf {
  color: rgb(var(--yellow));
}

.logoSmall--jEADA {
  height: 56px;
  width: 56px;
}

.qr--qaztj {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.caption--l7D8x {
  color: rgb(var(--dark-gray));
  margin-bottom: 8px;
}

.link--ovUJr {
  display: flex;
  align-items: center;
  gap: 8px;
}

.link--ovUJr p {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 1279px) {
  .wrapper--0IFFa {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(3, 172px);
    column-gap: 16px;
  }
  .card--gzKqx:nth-of-type(1) {
    grid-column: 1 / span 4;
    grid-row: 1 / 2;
  }
  .card--gzKqx:nth-of-type(2) {
    grid-column: 5 / span 4;
    grid-row: 1 / 2;
  }
  .card--gzKqx:nth-of-type(3) {
    grid-column: 1 / span 4;
    grid-row: 2 / 3;
  }
  .card--gzKqx:nth-of-type(4) {
    grid-column: 5 / span 4;
    grid-row: 2 / 3;
  }
  .card--gzKqx:nth-of-type(5) {
    grid-column: 1 / span 8;
    grid-row: 3 / 4;
  }
}

@media (max-width: 767px) {
  .wrapper--0IFFa {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .icon--LWtPf {
    height: 40px;
    width: 40px;
  }
  .logoSmall--jEADA {
    height: 40px;
    width: 40px;
  }
  .qr--qaztj {
    display: none;
  }
  .content--Rlx41 {
    order: -1;
  }
  .caption--l7D8x {
    font-size: 12px;
    line-height: 16px; 
    margin-bottom: 4px;
  }
  .link--ovUJr p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
  .arrowIcon--HEOe0 {
    height: 16px;
    width: 16px;
  }
}

.accordion--Jubb8 {
  margin-top: 32px;
}

.list--4-Af7 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0px 32px 24px;
}

.docLink--rIBGA {
  color: rgb(var(--yellow));
}

@media (max-width: 767px) {
  .accordion--Jubb8 {
    margin-top: 16px;
  }

  .list--4-Af7 {
    padding: 0 16px 16px;
  }
}

.title--2rrrL {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  margin: 32px 0 24px;
}

.grid--7pm1P {
  display: grid;
  justify-content: stretch;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
}

.grid--7pm1P.finished--Sdh2r {
  grid-template-rows: repeat(4, 188px);
  row-gap: 16px;
}

.grid--7pm1P.other--x19gF {
  grid-template-rows: repeat(1, 188px);
}

.finished--Sdh2r .card--dhpTu:nth-of-type(1) {
  grid-column: 1 / span 4;
  grid-row: 1 / 2;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(2) {
  grid-column: 5 / span 4;
  grid-row: 1 / 2;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(3) {
  grid-column: 9 / span 4;
  grid-row: 1 / 2;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(4) {
  grid-column: 1 / span 4;
  grid-row: 2 / 3;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(5) {
  grid-column: 5 / span 4;
  grid-row: 2 / 3;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(6) {
  grid-column: 9 / span 4;
  grid-row: 2 / 3;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(7) {
  grid-column: 1 / span 4;
  grid-row: 3 / 4;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(8) {
  grid-column: 5 / span 4;
  grid-row: 3 / 4;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(9) {
  grid-column: 9 / span 4;
  grid-row: 3 / 4;
}
.finished--Sdh2r .card--dhpTu:nth-of-type(10) {
  grid-column: 1 / span 4;
  grid-row: 4 / 5;
}

.other--x19gF .card--dhpTu:nth-of-type(1) {
  grid-column: 1 / span 6;
  grid-row: 1 / 2;
}
.other--x19gF .card--dhpTu:nth-of-type(2) {
  grid-column: 7 / span 6;
  grid-row: 1 / 2;
}

.textIcon--iA47q {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 32px;
}

.content--Kfu0- {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
}

.caption--06Ol5 {
  color: rgb(var(--dark-gray));
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
}

.link--tbDDm {
  display: flex;
  align-items: center;
  gap: 4px;
}

.link--tbDDm p {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.cardImage--2en1- {
  height: 32px;
  width: auto;
  object-fit: contain;
  object-position: left;
}

@media (max-width: 1279px) {
  .grid--7pm1P {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(5, auto);
    column-gap: 16px;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(1) {
    grid-column: 1 / span 4;
    grid-row: 1 / 2;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(2) {
    grid-column: 5 / span 4;
    grid-row: 1 / 2;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(3) {
    grid-column: 1 / span 4;
    grid-row: 2 / 3;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(4) {
    grid-column: 5 / span 4;
    grid-row: 2 / 3;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(5) {
    grid-column: 1 / span 4;
    grid-row: 3 / 4;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(6) {
    grid-column: 5 / span 4;
    grid-row: 3 / 4;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(7) {
    grid-column: 1 / span 4;
    grid-row: 4 / 5;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(8) {
    grid-column: 5 / span 4;
    grid-row: 4 / 5;
  }
  .finished--Sdh2r .card--dhpTu:nth-of-type(9) {
    grid-column: 1 / span 8;
    grid-row: 5 / 6;
  }
  .other--x19gF .card--dhpTu:nth-of-type(1) {
    grid-column: 1 / span 4;
    grid-row: 1 / 2;
  }
  .other--x19gF .card--dhpTu:nth-of-type(2) {
    grid-column: 5 / span 4;
    grid-row: 1 / 2;
  }
}

@media (max-width: 767px) {
  .title--2rrrL {
    margin: 24px 0 16px;
  }
  .grid--7pm1P.finished--Sdh2r,
  .grid--7pm1P.other--x19gF {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .card--dhpTu {
    flex-direction: column;
    padding: 16px;
  }
  .icon--Jyubb {
    max-height: 24px;
    width: fit-content;
  }
  .textIcon--iA47q {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
  }
  .arrowIcon--UpHSV {
    height: 16px;
    width: 16px;
  }
  .content--Kfu0- {
    margin: 0;
  }
  .caption--06Ol5 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
  }
  .link--tbDDm {
    height: 24px;
  }
  .link--tbDDm p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

.wrapper--qz-l4 {
  margin-bottom: 32px;
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
} 

.withLogo--PnUef {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: 100%;
}

.withLogo--PnUef p {
  max-width: 616px;
}

.logo--PFYva {
  flex-shrink: 0;
}

.link--hmKGB {
  color: rgb(var(--black));
  cursor: pointer;
  text-decoration: underline;
}

.link--hmKGB:hover {
  color: rgb(var(--black));
  cursor: pointer;
}

.docLink--Vj9XU {
  padding: 24px 0 0;
}

.docLink--Vj9XU:nth-of-type(2) {
  margin-top: 8px;
}

.title--s3rtC {
  font-family: TT Commons Pro, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin: 32px 0 16px;
}

.subtitle--65faq {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  margin: 24px 0 16px;
}

.title--s3rtC + .subtitle--65faq {
  margin-top: 8px;
}

.bold--IdmCI {
  font-weight: 600;
  margin-top: 16px;
}

.list--zrbpR {
  margin-left: 22px;
}

.decimal--l8h4a {
  list-style-type: decimal;
}

.lowerLatin--RBM0q {
  list-style-type: lower-latin;
}

.schemaApi--HAm-l {
  margin-top: 8px;
  width: 100%;
}

@media (max-width: 767px) {
  .wrapper--qz-l4 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
    padding: 24px 16px;
  }
  .withLogo--PnUef {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .logo--PFYva {
    max-height: 24px;
    width: fit-content;
  }
  .docLink--Vj9XU{
    padding: 16px 0 0;
  }
  .docLink--Vj9XU:nth-of-type(2) {
    margin-top: 0;
  }
  .title--s3rtC {
    margin: 16px 0 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
  }
  .subtitle--65faq {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 16px 0 16px;
  }
  .bold--IdmCI {
    font-weight: 400;
    margin-top: 8px;
  }
  .list--zrbpR {
    margin-left: 16px;
  }
}

.link--ZGIMY {
  display: inline-flex;
  font-weight: 600;
  line-height: 24px;
  margin-top: 32px;
}

.icon--tN43- {
  color: rgb(var(--blue));
  margin-left: 4px;
}

@media (max-width: 767px) {
  .link--ZGIMY {
    line-height: 16px;
    margin-top: 16px;
  }
  .icon--tN43- {
    height: 16px;
    width: 16px;
  }
}

.wrapper--LxSHM {
  background: rgb(var(--white));
  border-radius: 12px;
  padding: 32px;
}

.section--Zo-uU {
  flex-wrap: wrap;
}

.section--Zo-uU:nth-of-type(1) {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  border-bottom: 1px solid rgb(var(--light-gray-border));
  padding-bottom: 32px;
}

.section--Zo-uU:nth-of-type(2) {
  padding-top: 32px;
}

.title--85mCI {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px; 
}

.hint--XQm7h {
  color: rgb(var(--dark-gray));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.hint--XQm7h + .title--85mCI {
  margin-top: 4px;
}

.details--roeAE {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.detail--s8IIu {
  width: 120px;
  flex-grow: 1;
}

.detail--s8IIu .value--2cvJs {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px; 
  margin-bottom: 8px;
}

.detail--s8IIu .hint--XQm7h {
  font-size: 13px;
  line-height: 20px;
  white-space: pre-line;
}

.warningMessage--\+G4FD {
  margin-top: 32px;
  width: 100%;
}

@media (max-width: 767px) {
  .wrapper--LxSHM {
    padding: 24px;
  }
  .details--roeAE {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    row-gap: 16px;
  }
  .section--Zo-uU:nth-of-type(1) {
    padding-bottom: 24px;
  }
  .section--Zo-uU:nth-of-type(2) {
    padding-top: 24px;
  }
  .warningMessage--\+G4FD {
    margin-top: 24px;
  }
} 
.featuresWrapper--fnm3J {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}

@media (max-width: 1279px) {
  .featuresWrapper--fnm3J {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .featuresWrapper--fnm3J {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}

.container--gjH1k {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image--iKjyH {
  height: 185px;
  width: 240px;
  object-fit: contain;
  margin: 0 auto 24px;
}

.title--pR3EU {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 24px;
  text-align: center;
}

.name--LI8ab {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  margin-bottom: 8px;
}

.text--hXpmp {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--dark-gray));
  margin-bottom: 32px;
}

.buttons--pXW8- {
  display: flex;
  align-items: center;
  gap: 16px;
}

.modal--kcWbv {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--VGvlC {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.buttons--55NcJ {
  display: flex;
  gap: 24px;
}

.title--w-wrq {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin-bottom: 16px;
}

.links--ijeCn {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.inMobileLinks--4IZni {
  position: relative;
  width: 100%;
}

.inModalLinks--nn8f1 {
  gap: 8px;
}

.label--TwCyB {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.inMobileLabel--9AurV {
  min-width: 100%;
  display: flex;
  justify-content: center;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  background: rgb(var(--light-gray));
  border: none;
  cursor: pointer;
  color: rgb(var(--black));
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  outline: none;
  transition: background-color var(--transition);
}

.samples--vuRiE {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;
}

.link--C5VE0 {
  width: calc((100% - 8px) / 2);
  display: flex;
  justify-content: center;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  background: rgb(var(--light-gray));
  border: none;
  cursor: pointer;
  color: rgb(var(--black));
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  outline: none;
  transition: background-color var(--transition);
}


.link--C5VE0:hover {
  text-decoration: none;
  border-radius: 6px;
  background: rgb(var(--light-gray-hover));
  color: rgb(var(--black));
}

.isMobileLink--XaK5b {
  width: 100%;
  gap: 16px;
  justify-content: start;
  align-items: center;
  padding: 8px 16px;
  background: transparent;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.isMobileLink--XaK5b:hover {
  border-radius: 0px;
    background-color: rgb(var(--light-gray));
}

.isMobileLink--XaK5b:first-child {
  margin-top: 8px;
}

.isMobileLink--XaK5b:last-child {
  margin-bottom: 8px;
}
.container--hgbWA {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.zone--oELS9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 16px;
  border-radius: 4px;
  border: 2px dashed rgb(var(--yellow));
  padding: 24px 16px 16px 16px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.zone--oELS9:hover {
  background: rgba(var(--yellow), .08);
}

.isDragAccept--gCtkX, .isDragAccept--gCtkX:hover {
  background-color: rgba(var(--green), .1);
  border-color: rgb(var(--green));
}

.isDragReject--xAZ4X, .isDragReject--xAZ4X:hover {
  background-color: rgba(var(--red), .1);
  border-color: rgb(var(--red));
}

.zone--oELS9:focus-visible {
  outline: 4px solid rgba(var(--yellow), .16) !important;
}

.zone--oELS9:active {
  background-color: rgba(var(--yellow), .16);
}

.rejected--fqAFI {
  color: rgb(var(--red));
}

.content--fS9Qj {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.labelContainer--h0chD {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.label--Lo1pN {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.labelConstraints--glIYt {
  color: rgb(var(--gray));
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.error--unXf7 {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.error--unXf7:last-child {
  margin-bottom: 0;
}

.error--unXf7 p {
  margin-top: 3px;
}

.errorIcon--pA7B4 {
  flex-shrink: 0;
}

.container--XpWma {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--kvGOV {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.manual--GFfDW {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .container--XpWma {
    gap: 24px;
  }
}

.wrapper--Q9lLh {
  display: flex;
  align-items: center;
  padding: 32px;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  flex-grow: 1;
}

.content--oe1M6 {
  max-width: 440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image--slT7d {
  width: 240px;
  height: 190px;
  object-fit: contain;
  margin-bottom: 16px;
}

.title--CvEx\+ {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
}

.text--3ssRn {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--gray));
  margin-bottom: 24px;
}

.text--3ssRn a,
.text--3ssRn a:hover {
  color: rgb(var(--gray));
  text-decoration: underline;
}

.requestHeader--zYOTU {
  display: flex;
  justify-content: space-between;
}

.add--t9775 {
  position: relative;
  top: -8px;
}

.content--OCEpV {
  padding: 32px;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  flex-grow: 1;
}

.favoritesTitle--0EY4X {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}

.title--Cyyfd {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  margin-bottom: 32px;
}

.title--Cyyfd.withSubtitle--1QPUl {
  margin-bottom: 4px;
}

.subtitle--9h1V8 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: rgb(var(--dark-gray));
}

.list--cpkh0 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}

.emptyList--Jv-F8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 16px;
  background-color: rgb(var(--light-gray));
  padding: 24px 32px;
}

.emptyList--Jv-F8 img {
  width: 120px;
  height: 95px;
  object-fit: contain;
}

.emptyListDescription--wVC\+W {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.buttons--g\+IHo {
  display: flex;
  gap: 16px;
  margin-top: -8px;
}

.button--HwEcF {
  flex-shrink: 0;
}

@media (max-width: 1279px) {
  .list--cpkh0 {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .requestHeader--zYOTU {
    margin-bottom: 24px;
    gap: 24px;
    flex-direction: column;
    align-items: baseline;
  }
  .content--OCEpV {
    padding: 24px 16px;
  }
  .favoritesTitle--0EY4X {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }
  .title--Cyyfd {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
  }
  .subtitle--9h1V8 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
  .list--cpkh0 {
    gap: 12px;
    margin-bottom: 32px;
  }
  .emptyList--Jv-F8 {
    padding: 24px 16px;
  }
  .emptyListDescription--wVC\+W {
    text-align: center;
  }
  .buttons--g\+IHo {
    flex-direction: column;
    align-items: baseline;
  }
  .button--HwEcF {
    width: fit-content;
  }
}

.popup--ixL4m {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-bright-blue);
  position: absolute;
  top: calc(32px + 8px);
  right: calc(2 * 32px + 2 * 16px); 
  width: 416px;
  z-index: 3;
}

.closeIcon--K0shP {
  color: rgb(var(--graphite));
  position: absolute;
  top: 8px;
  right: 8px;
}

.topPart--ZgaRR {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

.bottomPart--ocj5x {
  display: flex;
  gap: 16px;
  padding: 24px 32px;
}

.title--2LLpQ {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.line--07TWm {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.line--07TWm + .line--07TWm {
  margin-top: 16px;
}

.label--NrZeb {
  font-weight: 600;
  margin-right: 16px;
}

.dateWrapper--8AAaS {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
}

.errorText--SBtCw {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--SBtCw a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--SBtCw a:hover {
  color: rgb(var(--blue));
}

.successPopup--CgHMM {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 40px 0;
}

.successIcon--cSE-o {
  color: rgb(var(--yellow));
  flex-shrink: 0;
}

.successTitle--3HM6L {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  max-width: 160px;
  text-align: center;
}

@media (max-width: 767px) {
  .popup--ixL4m {
    top: 20px;
    right: -16px; 
    width: 288px;
  }

  .topPart--ZgaRR {
    padding: 24px 16px;
  }

  .bottomPart--ocj5x {
    flex-direction: column;
    padding: 24px 16px;
  }

  .title--2LLpQ {
    padding-right: 16px;
  }

  .line--07TWm {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .label--NrZeb {
    display: block;
    margin: 0 0 8px;
  }

  .dateWrapper--8AAaS {
    display: flex;
    flex-direction: column;
  }

  .button--oG\+xn {
    width: fit-content;
  }
}

.qesBadges--jfZoQ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.badge--LM3Hy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 4px;
}

.badge--LM3Hy.withAction--jAMTG {
  cursor: pointer;

}
.badge--LM3Hy.withAction--jAMTG:hover {
  opacity: .8;
}

.info--0cOyQ {
  background: rgb(var(--light-blue));
  color: rgb(var(--blue));
}

.error--aqrgn {
  background-color: rgb(var(--light-red));
  color: rgb(var(--red));
}

.yellow--lCThs {
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.success--r0LPU {
  background-color: rgb(var(--light-green));
  color: rgb(var(--black));
}

.success--r0LPU svg {
  fill: rgb(var(--green));
}

.link--3VY9S {
  border-bottom: none;
  color: rgb(var(--blue));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.linkBadge--5EpdB {
  color: rgb(var(--blue));
  text-decoration: underline;
  padding: 0;
  text-underline-offset: 3px;
}

.icon--RqOnW {
  flex-shrink: 0;
}

.qesPasswordLoading--YP14M {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: rgb(var(--gray));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

@keyframes rotate--6Rdui {
  from { transform: rotate(0deg);   }
  to   { transform: rotate(360deg); }
}

.spinner--tRPf- {
  animation: rotate--6Rdui 1s linear infinite;
  background: rgb(var(--gray));
  border-radius: 50%;
  height: 16px;
  width: 16px;
  position: relative;
}


.spinner--tRPf-::before,
.spinner--tRPf-::after {
  content: '';
  position: absolute;
}

.spinner--tRPf-::before {
  border-radius: 50%;
  background:
    linear-gradient(0deg,   hsla(0, 0%, 97%, 1  ) 50%, hsla(0, 0%, 97%, 0.9) 100%)   0%   0%,
    linear-gradient(90deg,  hsla(0, 0%, 97%, 0.9)  0%, hsla(0, 0%, 97%, 0.6) 100%) 100%   0%,
    linear-gradient(180deg, hsla(0, 0%, 97%, 0.6)  0%, hsla(0, 0%, 97%, 0.3) 100%) 100% 100%,
    linear-gradient(360deg, hsla(0, 0%, 97%, 0.3)  0%, hsla(0, 0%, 97%, 0  ) 100%)   0% 100%
;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.spinner--tRPf-::after {
  background: rgb(var(--light-gray));
  border-radius: 50%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

@media (max-width: 767px) {
  .badge--LM3Hy {
    padding: 3px 12px 3px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .link--3VY9S {
    font-size: 12px;
    line-height: 16px;
  }

  .linkBadge--5EpdB {
    padding: 0;
  }
}


.wrapper--HKbEH {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 400;
  gap: 32px;
  line-height: 22px;
}

.title--s-zuT {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.content--esXXo {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.text--NGAOS {
  margin-bottom: 8px;
}

.bold--uEl8P {
  font-weight: 600;
}

.line--41vpt {
  display: flex;
  gap: 16px;
}

.link--T86Yi {
  cursor: pointer;
  padding: 0;
}

.link--T86Yi:hover {
  color: rgb(var(--blue));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.downloadIcon--X2X-P {
  color: rgb(var(--yellow));
}

.error--pp3pz {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
}

.button--dg0ac {
  width: fit-content;
}

@media (max-width: 767px) {
  .title--s-zuT {
    font-size: 18px;
    line-height: 22px;
  }

  .line--41vpt.name--xXCHh {
    flex-direction: column;
    gap: 8px;
  }
}

.wrapper---cR-W {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.image--FbeiG {
  height: 190px;
  width: 240px;
}

.title--W7Ycm {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.content--JoWgk {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.content--JoWgk > ul {
  padding-left: 20px;
}

.buttons--IB3Qe {
  display: flex;
  gap: 24px;
}

.button--YaeLe {
  width: fit-content;
}

@media (max-width: 767px) {
  .wrapper---cR-W {
    gap: 24px;
  }
  .content--JoWgk {
    gap: 24px;
  }
  .image--FbeiG {
    height: 127px;
    width: 160px;
  }
  .title--W7Ycm {
    font-size: 18px;
    line-height: 22px;
  }
  .buttons--IB3Qe {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}

.qesWait--U60Pk {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 680px;
}

.title--\+VwrI {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.sectionTitle--Egf46 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin: 8px 0 16px;
}

.authorizedPerson--RKJjR {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 767px) {
  .qesWait--U60Pk {
    gap: 24px;
  }
  .authorizedPerson--RKJjR {
    gap: 24px;
  }
  .title--\+VwrI {
    font-size: 18px;
    line-height: 22px;
  }
}

.layout--yWXo2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--IFwDT {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.description--KtKle {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.nameWrapper--SlR6J {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.nameTitle--sMzJr {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
}

.name--1OQi7 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.inputMask--ybuAh>div:last-child {
  position: static;
  margin-top: 4px;
  width: calc(100% - 30px);
}

.buttons--j\+lkO {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 767px) {
  .layout--yWXo2 {
    gap: 24px;
  }

  .title--IFwDT {
    font-size: 18px;
    line-height: 22px;
  }

  .nameWrapper--SlR6J {
    flex-direction: column;
    gap: 8px;
  }

  .buttons--j\+lkO {
    gap: 16px;
  }
}

.modal--rT9E0 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--IrrSd {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.labeledData--MnGhk {
  display: flex;
  gap: 16px;
}

.labeledData--MnGhk .label--SnwOR {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.form--O6XwP {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.passwordField--Kwde5 {
  position: relative;
}

.passwordField--Kwde5 .togglePassword--isk38 {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 40px;
}

.buttons--hMztS {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--rT9E0 {
    gap: 24px;
  }
  .title--IrrSd {
    font-size: 18px;
    line-height: 22px;
  }
  .labeledData--MnGhk {
    flex-direction: column;
    gap: 8px;
  }
  .buttons--hMztS {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
}

.title--SQXTx {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 16px 0 12px;
}

.icon--LkxVp {
  color: rgb(var(--dark-gray));
}

.text--qridl {
  color: rgb(var(--dark-gray));
  font-size: 14px;
  line-height: 18px;
}

.requirements--IUlZK {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.requirement--vu1uR {
  display: flex;
  align-items: center;
  gap: 8px;
}

.container--7I8I6 {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
}

.bullet--\+gWVM {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 10px;
}

.bold--3zltP {
  font-weight: 700;
}

.modal--QgAOA {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--F3UMk {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.errorText--vbw9d {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--vbw9d a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--vbw9d a:hover {
  color: rgb(var(--blue));
}

.buttons--RTNvU {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--QgAOA {
    gap: 24px;
  }

  .title--F3UMk {
    font-size: 18px;
    line-height: 22px;
  }

  .buttons--RTNvU {
    gap: 16px;
  }
}


.modal--of6nY {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-height: 100%;
  padding-right: 0;
}

.title--IuV59 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.list--tjXFh {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-color: rgb(var(--gray-blue)) rgb(var(--white));
}

.item--HjcrV {
  background: rgb(var(--light-gray));
  border-radius: 8px;
  color: rgb(var(--dark-gray));
  max-width: 490px;
  padding: 16px;
}

.active--tAv\+q {
  background: rgb(var(--light-blue));
  color: rgb(var(--black));
}

.info--9Wv3l {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}

.itemTitle--KlgMd {
  display: flex;
  font-weight: 600;
  justify-content: space-between;
}

.info--9Wv3l p {
  overflow-wrap: break-word;
}

.changeDate--yryeX {
  flex-shrink: 0;
}

.button--o13JQ {
  width: fit-content;
}

@media (max-width: 767px) {
  .modal--of6nY {
    gap: 24px;
    padding-right: 8px;
  }

  .title--IuV59 {
    font-size: 18px;
    line-height: 22px;
  }

  .item--HjcrV {
    margin-right: 8px;
    max-width: none;
  }

  .itemTitle--KlgMd {
    flex-direction: column-reverse;
    font-weight: 400;
    gap: 8px;
  }

  .info--9Wv3l p {
    flex-direction: column-reverse;
    font-size: 12px;
    font-weight: 400;
    gap: 8px;
    line-height: 16px;
  }

  .info--9Wv3l p:first-child {
    font-weight: 400;
  }
}

@keyframes loading--BfygH {
  0% {
    color: currentColor;
  }
  50% {
    color: rgb(var(--yellow));
  }
  100% {
    color: currentColor;
  }
}

.card--wQWDf {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  padding: 16px 24px;
}

.content--6hgS9 {
  display: flex;
  flex: 1 1 auto;
  gap: 16px;
}

.cardIcon--ZsfcT {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgb(var(--light-gray));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.blocked--iCBb2 .cardIcon--ZsfcT {
  color: rgb(var(--gray));
}

.title--PB6Gz {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
  overflow-wrap: break-word;
}

.blocked--iCBb2 .title--PB6Gz {
  color: rgb(var(--gray));
}

.subtitle--Y7cki {
  color: rgb(var(--gray));
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: break-word;
}

.controls--vhClf {
  position: relative;
  flex-shrink: 0;
}

.control--osjt4 {
  background: transparent;
  border: none;
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.control--osjt4.load--pJIKr {
  animation: 1.5s infinite loading--BfygH;
  cursor: auto;
}

.control--osjt4:not(.load--pJIKr):hover {
  color: rgb(var(--black));
  cursor: pointer;
}

.desktopMenu--pEU8b {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: baseline;
}

.mobileMenu--JzeXb {
  display: none;
}

@media (max-width: 767px) {
  .card--wQWDf {
    gap: 16px;
    padding: 16px;
  }

  .cardIcon--ZsfcT {
    height: 36px;
    width: 36px;
  }

  .cardIcon--ZsfcT svg {
    height: 20px;
    width: 20px;
  }

  .title--PB6Gz {
    font-size: 14px;
    line-height: 18px;
  }

  .subtitle--Y7cki {
    font-size: 12px;
    line-height: 16px;
  }

  .control--osjt4 {
    height: 24px;
    width: 24px;
    padding: 0;
  }

  .desktopMenu--pEU8b {
    display: none;
  }

  .mobileMenu--JzeXb {
    display: block;
  }
}

.fileList--wvYVW {
  width: 100%;
}

.wrapper--2l3Z9 {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
  padding: 32px;
}

.stepWrapper--xbkku {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.stepTitle--Z9xnQ {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.accordion--9KP9g {
  margin-bottom: 32px;
}

.accordionTitle--CxfoC {
  display: flex;
  gap: 16px;
}

.accordionContent--ii6tg {
  padding: 32px;
}

.titleCounter--ubLeJ {
  color: rgb(var(--gray));
}

.errorIcon--gmqSy {
  color: rgb(var(--red));
}

.successIcon--0vDio {
  color: rgb(var(--green));
}

.userList--m9fkn {
  margin-bottom: 8px;
}

.userList--m9fkn > div:last-child {
  border: none;
}

.error--TUM1m {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  white-space: pre-line;
}

.error--TUM1m a,
.error--TUM1m a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

.buttons--iuYTB {
  display: flex;
  gap: 32px;
}

@media (max-width: 767px) {
  .wrapper--2l3Z9 {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .stepWrapper--xbkku {
    gap: 16px;
  }

  .stepTitle--Z9xnQ {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }

  .stepText--8H3iR {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .accordion--9KP9g {
    margin-bottom: 24px;
  }

  .accordionTitle--CxfoC {
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .accordionContent--ii6tg {
    padding: 24px 16px;
  }

  .errorIcon--gmqSy,
  .successIcon--0vDio {
    display: none;
  }

  .error--TUM1m {
    font-size: 12px;
    line-height: 16px;
  }

  .buttons--iuYTB {
    flex-wrap: wrap;
    gap: 24px;
  }
}

.pageHeader--kyp-H {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.pageTitle--47Rl\+ {
  margin-bottom: 0;
}

.qesAlert--VI4Sh {
  margin-bottom: 32px;
}

.buttons--r8ALN {
  display: flex;
  gap: 24px;
}

.buttonDropdown--G0AVC {
  display: none;
  top: 100%;
}

.buttonWithDropdown--v372N:hover + .buttonDropdown--G0AVC,
.buttonDropdown--G0AVC:hover {
  display: block;
}

.buttonDropdown--G0AVC svg {
  flex-shrink: 0;
}

.addEmployeeRegistry--dbxPW {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 16px;
  display: flex;
  gap: 16px;
  align-items: center;
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color .2s ease-in-out;
}

.addEmployeeRegistry--dbxPW:hover {
  background-color: rgb(var(--light-gray));
}

@media (max-width: 767px) {
  .pageHeader--kyp-H {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 24px;
  }

  .buttons--r8ALN {
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 16px;
  }
}

.wrapper--Z2-7p {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  margin-bottom: 32px;
  padding: 32px;
}

.form--iIhfR {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  max-width: 532px;
}

.bold--qFmNZ {
  font-weight: 600;
}

.stepWrapper--GZC5C {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.stepTitle--3ofba {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.link--Cn-4t {
  cursor: pointer;
  display: flex;
  gap: 16px;
  padding: 0;
}

.link--Cn-4t:hover {
  color: rgb(var(--blue));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.downloadIcon--GUDSw {
  color: rgb(var(--yellow));
}

.errorText--9PQce {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--9PQce a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--9PQce a:hover {
  color: rgb(var(--blue));
}

.hint--m2saT {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.hint--m2saT p + p {
  margin-top: 4px;
}

.uploadError--6W6Da {
  color: rgb(var(--red));
  display: flex;
  align-items: center;
  gap: 8px;
}

.uploaderText--hse4P {
  margin-bottom: 16px;
}

.uploaderButton--2jbSh {
  margin-bottom: 8px;
}

.buttons--Xsim\+ {
  display: flex;
  gap: 16px;
}

@media (max-width: 767px) {
  .wrapper--Z2-7p {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .description--SEUT2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .buttons--Xsim\+ {
    flex-wrap: wrap;
  }

  .form--iIhfR {
    gap: 24px;
  }
}

.modal--\+Y-S4 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  max-width: 680px;
}

.modalTitle--f86Fb {
  color: rgb(var(--black));
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.bold--9D7r1 {
  font-weight: 600;
}

.stepTitle--l6zW7 {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .modal--\+Y-S4 {
    gap: 24px;
    font-size: 14px;
    line-height: 18px;
  }

  .modalTitle--f86Fb {
    font-size: 18px;
    line-height: 22px;
  }
}

.wrapper--fyhcU {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 32px;
}

.formHeader--Yn7j1 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.formDescription--nUZUn {
  max-width: 516px;
}

.stepsModalLink--GActk {
  color: rgb(var(--blue));
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.stepsModalLink--GActk:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

.stepsModalLink--GActk:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.formSection--I6\+jh {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 532px;
}

.formSectionHeader--NrwcB {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.notFoundError--2XVuK {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.multipleFieldsWrapper--0doO- {
  display: flex;
  gap: 24px;
  width: 100%;
  div {
    width: 100%;
  }
}


.radioGroup--0ATB2 {
  flex-direction: row;
  gap: 32px;
}

.buttons--OqYAi {
  margin-top: 32px;
  display: flex;
  gap: 16px;
}

.toRegistry--SB\+yn {
  margin-left: auto;
}

@media (max-width: 1279px) {
  .formHeader--Yn7j1 {
    flex-direction: column;
  }
  .formSection--I6\+jh {
    max-width: 516px;
  }
}

@media (max-width: 767px) {
  .wrapper--fyhcU {
    padding: 24px 16px;
  }
  .multipleFieldsWrapper--0doO- {
   flex-direction: column;
  }
  .buttons--OqYAi {
    align-items: flex-start;
    flex-direction: column;
  }
  .formSection--I6\+jh {
    max-width: unset;
  }
  .radioGroup--0ATB2 {
    flex-direction: column;
  }
  .title--dmpsc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (max-width: 660px) {
  .toRegistry--SB\+yn {
    margin: 0;
  }
}

.wrapper--KWnTA {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
  padding: 32px;
}

.stepWrapper--xa8Tq {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.stepTitle--Vcea9 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.stepText--YwTec {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.accordion--0q1JC {
  margin-bottom: 32px;
}

.accordionTitle--DjvJ8 {
  display: flex;
  gap: 16px;
}

.accordionContent--o8jO3 {
  padding: 24px 32px;
}

.titleCounter--sYpN3 {
  color: rgb(var(--gray));
}

.errorIcon--1NziP {
  color: rgb(var(--red));
}

.successIcon--f9Jb2 {
  color: rgb(var(--green));
}

.userList--jHsJr {
  margin-bottom: 8px;
}

.userList--jHsJr > div:last-child {
  border: none;
}

.error--zWTa7 {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  white-space: pre-line;
}

.error--zWTa7 a,
.error--zWTa7 a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

.buttons--HItET {
  display: flex;
  gap: 32px;
}

.header--z-qQW {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

.stepsModalLink--3X6kh {
  color: rgb(var(--blue));
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.stepsModalLink--3X6kh:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

.stepsModalLink--3X6kh:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.title---nz40 {
  margin-bottom: 0;
}

.errorDescription--nMko\+ {
  display: flex;
  flex-direction: column;
  gap: 22px;
  color: var(--black, #3D4047);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.errorDescription--nMko\+ ul {
  list-style: inside;
  padding-left: 12px;
}

@media (max-width: 767px) {
  .wrapper--KWnTA {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .stepWrapper--xa8Tq {
    gap: 16px;
  }

  .stepTitle--Vcea9 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }

  .stepText--YwTec {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .accordion--0q1JC {
    margin-bottom: 24px;
  }

  .accordionTitle--DjvJ8 {
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .accordionContent--o8jO3 {
    padding: 24px 16px;
  }

  .errorIcon--1NziP,
  .successIcon--f9Jb2 {
    display: none;
  }

  .error--zWTa7 {
    font-size: 12px;
    line-height: 16px;
  }

  .buttons--HItET {
    flex-wrap: wrap;
    gap: 24px;
  }
}

.upload--\+nMJu {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.uploadZone--dFCB\+ {
  flex-grow: 1;
  padding: 32px;
  background-color: rgb(var(--white));
  border-radius: 12px;
}

.uploadZoneTitle--wzy47 {
  margin-bottom: 32px;
}

.parseError--s2hzp {
  color: rgb(var(--red));
  margin-top: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.uploadLinks--eNHQi {
  min-width: 202px;
  width: 202px;
  background-color: rgb(var(--white));
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.uploadLinksTitle--adO2v {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin-bottom: 16px;
}

.uploaderButton--qqv85 {
  padding: 11px 16px;
  gap: 10px;
  font-size: 15px;
  height: 48px;
}

@media (max-width: 767px) {
  .uploadZone--dFCB\+ {
    padding: 12px;
  }

  .upload--\+nMJu {
    flex-wrap: wrap;
  }

  .uploadLinks--eNHQi {
    width: 100%;
    padding: 20px 16px;
  }
}

.option--RYHYF {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 4px;
  margin: 0 -6px;
  position: relative;
  border-radius: 8px;
  background: rgb(var(--light-gray));
  transition: background-color var(--transition), color var(--transition);
}

.option--RYHYF:hover {
  background-color: rgb(var(--light-gray-hover));
}

.optionList--D0OmX {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.isDragging--a2qkw {
  background-color: rgb(var(--light-gray-border));
  cursor: grabbing;
  opacity: .5;
}

.targetPreview--Q10A\+ {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  width: 100%;
  background-color: rgb(var(--blue));
}

.optionInput--45Ag2 {
  flex-grow: 1;
}

.optionDelete--oo5te {
  fill: rgb(var(--gray));
  height: 56px;
}

.dragButton---1D4U {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  width: 24px;
  height: 56px;
  border-radius: 4px;
  background-color: transparent;
  cursor: grab;
  transition: background-color .2s ease;
}

.dragButton---1D4U:active {
  cursor: grabbing;
}

.dragIcon--Nqu4K {
  fill: rgb(var(--gray));
}

.selectSettings--xrtUd {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-bottom: 1px solid rgb(var(--light-gray-border));
  padding-bottom: 16px;
}

.title--99Pi- {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.options--jHz3B {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.optionsTitle--7TrUk {
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.radioTitle--W70Hd {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

.buttons--mkwPO {
  display: flex;
  gap: 16px;
}

.error--0QrNG {
  color: rgb(var(--red));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.typeSettings--9dbBe {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.addOption--avmwe {
  padding: 0;
  height: auto;
  background: transparent;
  color: rgb(var(--blue));
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  align-self: flex-start;
  gap: 8px;
}

.addOption--avmwe:hover {
  background: transparent;
}
.button--6JZ1E {
  display: flex;
  padding: 16px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: rgb(var(--light-gray));
  cursor: pointer;
  border: none;
  transition: color, background-color var(--transition);
  color: rgb(var(--black));
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.button--6JZ1E:hover:not(.disabled--b016O) {
  background: rgb(var(--light-gray-hover));
}

.button--6JZ1E:active:not(.disabled--b016O) {
  background: rgb(var(--graphite), 0.16);
}

.focused--K4Wi7:not(.disabled--b016O) {
  outline: 2px solid rgb(var(--yellow));
  outline-offset: -2px;
}

.disabled--b016O {
  outline: none;
  cursor: default;
}

.buttonContent--Q7GW8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.buttonIcon--\+\+cpx {
  fill: rgb(var(--gray));
}

.field--OoC6R {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.field--OoC6R:last-of-type {
  padding-bottom: 0;
}

.column--WXZ6I {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.checkbox--r6c\+t {
  min-width: 200px;
}

.name--ZRxOE {
  flex-grow: 1;
  width: 100%;
  height: 56px;
  resize: none;
  overflow: hidden;
}

.nameWrapper--SCAwC {
  width: 100%;
}

.type--V2sI2 {
  fill: rgb(var(--gray));
}

.inputType--oYWUH {
  fill: rgb(var(--gray));
}

.params--DAOOV {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.selectSettings--0ZZLV {
  align-self: flex-end;
  min-width: fit-content;
}

.nameField--2fa\+q {
  display: flex;
  gap: 16px;
  flex-grow: 1;
}

.optionList--4Ryd5 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.optionListLabel--qYtpx {
  color: rgb(var(--graphite));
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-right: 4px;
}

.option--O2DLG {
  max-width: 200px;
}

@media (max-width: 767px) {
  .field--OoC6R {
    gap: 32px;
  }

  .row--oOKxP {
    flex-direction: column;
  }

  .row--oOKxP > div {
    width: 100%;
  }

  .params--DAOOV {
    flex-direction: column;
  }
}

.codes--R46Vm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .codes--R46Vm {
    gap: 8px;
  }
}

.container--z3NEz {
  display: flex;
  width: 100%;
  position: relative;
}

.left--FwT59 {
  display: flex;
  gap: 32px;
  border-right: 1px solid rgb(var(--light-gray-border));
  padding: 32px;
  width: calc(100% - 323px);
  flex-direction: column;
  z-index: 1;
}


.leftHeader--NyZlq {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.leftEmpty--ONOHn {
  width: 100%;
}

.leftTitle--0JlIR {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.leftDescription--\+THO9 {
  color: rgb(var(--dark-gray));
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.right--ktA1T {
  position: sticky;
  top: 0;
  display: flex;
  align-self: flex-start;
  min-height: 690px;
  min-width: 323px;
  width: 323px;
  height: fit-content;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  background: rgb(var(--white));
}

.rightHeader--mdP68 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.rightTitle--Lyi0y {
  color: rgb(var(--black));
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.rightCloseIcon--cxp2p {
  display: none;
  cursor: pointer;
  fill: rgb(var(--gray));
}

.empty--not9k {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
  gap: 16px;
}

.emptyImage--u4Vjq {
  width: 240px;
  height: 190px;
}

.emptyTitle--3RUZJ {
  align-self: stretch;
  color: rgb(var(--black));
  text-align: center;
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.emptyTextWrapper--B\+QNW {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.emptyText--4D\+nM {
  align-self: stretch;
  color: rgb(var(--gray));
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  white-space: pre-wrap;
}

@media (max-width: 1024px) {
  .left--FwT59 {
    width: calc(100% - 319px);
  }

  .right--ktA1T {
    min-width: 319px;
    width: 319px;
  }
}

@media (max-width: 768px) {
  .left--FwT59 {
    width: 100%;
    gap: 24px;
    padding: 32px 16px;
    border-right: none;
  }

  .right--ktA1T {
    display: none
  }

  .rightIsOpened--Mgdsf {
    display: flex;
    padding: 24px 16px;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-radius: 0;
  }

  .rightCloseIcon--cxp2p {
    display: block;
  }

  .emptyText--4D\+nM {
    white-space: normal;
  }

  .emptyImage--u4Vjq {
    width: 160px;
    height: 126px;
  }
}
.save--zZdI9 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.topWrapper--JAyB5 {
  display: flex;
  flex: 1;
  gap: 24px;
  flex-wrap: wrap;
}

.content---QuYp, .manual--WAVSw, .fields--7JwKR {
  background-color: rgb(var(--white));
  border-radius: 12px;
}

.content---QuYp {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
  width: calc(100% - 312px - 24px);
}

.template--aptpj {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.templateTitle--VK44N {
  color: rgb(var(--graphite));
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.name--4T5od {
  margin-bottom: 20px;
}

.manual--WAVSw {
  min-width: 312px;
  width: 312px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.fields--7JwKR {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.error--G1Q1T {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: rgb(var(--red));
  padding: 8px 0;
}

.buttons--mKuhR {
  display: flex;
  gap: 24px;
  margin-top: 8px;
}

@media (max-width: 1024px) {
  .topWrapper--JAyB5 {
    gap: 16px;
  }

  .content---QuYp {
    width: calc(100% - 312px - 16px);
  }
}

@media (max-width: 767px) {
  .topWrapper--JAyB5 {
    flex-direction: column;
    gap: 8px;
  }

  .content---QuYp, .manual--WAVSw, .fields--7JwKR {
    width: 100%;
  }

  .content---QuYp {
    padding: 24px 16px;
  }

  .manual--WAVSw {
    flex-direction: row;
    gap: 16px;
    padding: 16px
  }

  .buttons--mKuhR {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .title--PhCXF {
    line-height: 28px;
  }
}

.errorContent---4RTU {
  padding: 32px;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.error--idDIN {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.errorImage--oAp7m {
  width: 240px;
  height: 190px;
  object-fit: contain;
  margin-bottom: 16px;
}

.errorTitle--uKuCF {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  margin-bottom: 16px;
}

.errorText--vtH1o {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--gray));
  margin-bottom: 24px;
}

.page--OIxZP {
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  flex-grow: 1;
}

.form--wy-ig {
  max-width: 532px;
}

.inputWrapper--eox1z {
  margin-bottom: 32px;
  position: relative;
}

.inputWrapper--eox1z:nth-of-type(2) {
  margin-bottom: 16px;
}

.toggleIcon--TVtVJ {
  color: rgb(var(--gray));
  position: absolute;
  right: 16px;
  top: 40px;
  transition: color var(--transition);
}

.disabled--HHopp {
  opacity: 0.5;
  pointer-events: none;
}

.buttons--XeIda {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.error--SrYJX {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 32px;
  white-space: pre-line;
}

.error--SrYJX a,
.error--SrYJX a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

@media (max-width: 767px) {
  .page--OIxZP {
    padding: 24px 16px;
  }
}

.title--tjk5p {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.icon--ojXAP {
  color: rgb(var(--dark-gray));
}

.text--I6cS7 {
  color: rgb(var(--dark-gray));
  font-size: 14px;
  line-height: 18px;
}

.requirements--RoFT9 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}

.requirement---vMfU {
  display: flex;
  align-items: center;
  gap: 8px;
}

.container--I6jKm {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
}

.bullet--AnzD0 {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 10px;
}

.bold--6mZ4a {
  font-weight: 700;
}

.fillPage--8AaLE {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form--j5opr {
  padding: 32px;
  border-radius: 12px;
  background-color: rgb(var(--white));
  box-shadow: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.formHeader--MNNXk {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.name--cXYwK {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}

.instruction--GDqWx {
  flex-shrink: 0;
}

.formParams---Ymai {
  max-width: 532px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.buttons--exZ2h {
  display: flex;
  gap: 24px;
}

.templateField--Vcbf2 {
  position: relative;
}

.lockClientFill--MNluG {
  position: absolute;
  left: calc(100% + 24px);
  top: 40px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.tooltipIcon--yoqAH {
  height: 16px;
  width: 16px;
  cursor: pointer;
  color: rgb(var(--gray-blue));
  transition: color var(--transition);
}

.tooltipIcon--yoqAH:hover {
  color: rgb(var(--black))
}

.mobile--N\+HUv {
  display: none;
}

@media (max-width: 780px) {
  .lockClientFill--MNluG {
    position: static;
    align-items: baseline;
    margin-top: 8px;
  }

  .desktop--qiaSw {
    display: none;
  }

  .mobile--N\+HUv {
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgb(var(--blue));
    cursor: pointer;
  }

  .mobile--N\+HUv:hover {
    color: rgb(var(--blue-hover));
  }

  .mobile--N\+HUv:hover button {
    color: rgb(var(--blue-hover));
  }
}

@media (max-width: 580px) {
  .formHeader--MNNXk {
    flex-direction: column;
  }

  .buttons--exZ2h {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
}

.content--CtVEt {
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  padding: 32px;
  margin-top: 32px;
}

.textWrapper--pxVdq {
  max-width: 616px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.linkPayTitle--beR9C {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.linkPayTitle--beR9C h1 {
  margin-bottom: 0;
}

.subtitle--TlNgw {
  padding-left: 44px;
}

.active--bYp6I {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.buttons--5xxoZ {
  margin-top: 32px;
  display: flex;
  gap: 16px;
}

.list--y2naM {
  list-style: inside;
}

.bold--yK8HY {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.radioLabel--WzrCh {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

.errorMessage--pxz2H {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-red));
  padding: 16px;
  margin-top: 32px;
}

.errorIcon--OfXrx {
  color: rgb(var(--red));
  flex-shrink: 0;
}

.errorText--nYFUt {
  color: rgb(var(--red));
}

@media (max-width: 1279px) {
  .linkPay---bTsF {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .buttons--5xxoZ {
    flex-direction: column;
    max-width: 150px;
    gap: 24px;
  }
  .content--CtVEt {
    margin-top: 24px;
    padding: 24px 16px;
  }

  .successIcon--NtMGX {
    width: 18px;
  }
}



.content--eLEbZ {
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  padding: 32px;
  margin-top: 32px;
}

.title--ZzPIT h1 {
  margin-bottom: 0;
}

.infoMessage--Yl7Qn {
  display: flex;
  padding: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-gray));
  gap: 16px;
  align-items: center;
}

.infoMessageIcon--xiC\+m {
  color: rgb(var(--gray));
  flex-shrink: 0;
}

.infoMessageLink--S59Nf,
.infoMessageLink--S59Nf:hover {
  color: inherit;
  text-decoration: underline;
}

.textWrapper--fepTB {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}

.pawLogo--fuBDh {
  width: 196px;
  height: 22px;
  flex-shrink: 0;
}

.text--BeC9G {
  display: flex;
  flex-direction: column;
  max-width: 616px;
}

.list--dg19g {
  padding-left: 20px;
}

.errorMessage---ltgG {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-red));
  padding: 16px;
  margin: 32px 0 24px;
}

.errorIcon--VYEau {
  color: rgb(var(--red));
  flex-shrink: 0;
}

.errorText--Gzwt\+ {
  color: rgb(var(--red));
}

.active--GlaHa {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.subtitle--vmHG9 {
  padding-left: 44px;
  margin-top: 12px;
}

.buttons--em1O9 {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

.docLink--e0MmJ {
  padding: 16px 0 32px;
}

.accountNumberInput--c8KOj {
  max-width: 616px;
  margin-bottom: 24px;
}

.copyText--sIfxw {
  max-width: 616px;
}

@media (max-width: 1279px) {
  .accountNumberInput--c8KOj, .copyText--sIfxw {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .textWrapper--fepTB {
    gap: 16px;
    margin-top: 24px;
    flex-direction: column-reverse;
  }
  .pawLogo--fuBDh {
    width: 144px;
    height: 16px;
  }
  .text--BeC9G {
    max-width: 460px;
  }
  .text--BeC9G, .infoMessage--Yl7Qn {
    font-size: 12px;
    line-height: 16px;
  }
  .infoMessageIcon--xiC\+m {
    display: none;
  }
  .content--eLEbZ {
    margin-top: 24px;
    padding: 24px 16px;
  }
  .docLink--e0MmJ {
    padding-bottom: 24px;
  }
  .buttons--em1O9 {
    flex-direction: column;
    max-width: 150px;
    gap: 24px;
  }
  .successIcon--dnlqn {
    width: 18px;
  }
}



.payments--DmCR7 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.info--3HNXm {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  border-radius: 8px;
  background: rgb(var(--white));
}

.bold--urlcx {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.list--qDcEJ {
  list-style-position: inside;
}

.hint--UWj-r {
  color: rgb(var(--gray));
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.methods--Mjev0 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 24px;
}

.paymentMethod--z1Oht {
  padding: 24px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.paymentTitle--0vD0Y {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 24px;
}

.paymentInfo--ug8n2 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
}

.active--GD4Ek, .connect--rDI9s {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.connect--rDI9s {
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.pawLogo--LdmsO {
  width: 213px;
  height: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .methods--Mjev0 {
    gap: 16px;
  };
}


@media (max-width: 767px) {
  .payments--DmCR7 {
    gap: 24px;
  }
  .methods--Mjev0 {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .successIcon--bhZ\+m {
    width: 16px;
  }
}

.modal--sVOJ9 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 480px;
}

.image---I3TX {
  min-height: 115px;
  max-width: 120px;
}

.content--Lf-ig {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.title--mLtwm {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.timer--q8KG2 {
  color: rgb(var(--red));
  font-weight: 600;
}

.hint--9prlo {
  color: rgb(var(--dark-gray));
}

.buttons--awA4R {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 767px) {
  .modal--sVOJ9 {
    padding: 24px;
  }
}

.cabinetLayout--8paT6 {
  min-height: 100dvh;
  height: 100dvh;
  max-height: 100dvh;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.cabinetPage--dxIvx {
  padding-left: 232px;
}

.cabinetPageContent--NuC4T {
  padding: 0 32px;
}

.cabinetPageMain--pqX\+Y {
  min-height: calc(100dvh - 72px);
  display: flex;
  flex-direction: column;
  padding: 24px 0 32px;
}

@media (max-width: 1279px) {
  .cabinetPage--dxIvx {
    padding-left: 0;
  }
  .cabinetPageContent--NuC4T {
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .cabinetPageMain--pqX\+Y {
    min-height: calc(100dvh - 64px);
    padding: 16px 0 32px;
  }
}

/* inter-regular - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-regular.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-500 - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: local(''),
    url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-500.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-500.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-600 - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: local(''),
    url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-600.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-600.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* inter-700 - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-700.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/inter-v12-latin-ext_cyrillic-ext-700.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'TT Commons Pro';
  src: local('TT Commons Pro DemiBold'), local('TTCommons_Pro-DemiBold'),
    url(/f/lk/shared/assets/fonts/TT_Commons_Pro_Expanded_DemiBold.woff2) format('woff2'),
    url(/f/lk/shared/assets/fonts/TT_Commons_Pro_Expanded_DemiBold.woff) format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'TT Commons Pro';
  src: local('TT Commons Pro ExtraBold'), local('TTCommons_Pro-ExtraBold'),
    url(/f/lk/shared/assets/fonts/TT_Commons_Pro_Expanded_ExtraBold.woff2) format('woff2'),
    url(/f/lk/shared/assets/fonts/TT_Commons_Pro_Expanded_ExtraBold.woff) format('woff');
  font-weight: 800;
  font-style: normal;
}

/* montserrat-regular - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url(/f/lk/shared/assets/fonts/montserrat-v25-latin-ext_cyrillic-ext-regular.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/montserrat-v25-latin-ext_cyrillic-ext-regular.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-500 - latin-ext_cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local(''),
    url(/f/lk/shared/assets/fonts/montserrat-v25-latin-ext_cyrillic-ext-500.woff2) format('woff2'),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url(/f/lk/shared/assets/fonts/montserrat-v25-latin-ext_cyrillic-ext-500.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



:root {
  --blue: 91, 91, 174;
  --gray-blue: 184, 186, 206;
  --black: 61, 64, 71;
  --gray: 153, 155, 161;
  --white: 255, 255, 255;
  --light-gray-border: 231, 234, 237;
  --yellow: 255, 220, 0;
  --dark-yellow: 255, 204, 0;
  --blue-hover: 132, 132, 200;
  --light-blue: 239, 241, 255;
  --light-blue-hover: 241, 243, 255;
  --graphite: 85, 89, 99;
  --dark-gray: 117, 120, 128;
  --light-gray-hover: 235, 235, 235;
  --light-gray: 248, 248, 248;
  --beige: 244, 240, 232;
  --beige-hover: 250, 245, 236;
  --green: 2, 206, 108;
  --light-green: 215, 249, 233;
  --red: 230, 74, 25;
  --error-red: 248, 119, 119;
  --light-red: 255, 233, 222;
  --orange: 250, 105, 0;
  --light-orange: 255, 243, 235;
  --light-red-message: 255, 227, 212;
  --mask: 61, 64, 71, 0.7;
  --button-text: 61, 64, 71;
  --transition: 0.2s linear;
  --esia-blue: 21, 81, 208, 1;
  --esia-blue-hover: 36, 98, 232, 1;

  --shadow-blue: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  --shadow-bright-blue: 0 0 20px 0 rgba(19, 57, 255, 0.1);
  --shadow-gray: 0 4px 30px 0 rgba(0, 0, 0, 0.25);
  --shadow-green: 1px 1px 0 rgba(0, 118, 79, 0.15), 3px 3px 2px rgba(0, 0, 0, 0.1);
  --shadow-red: 1px 1px 0 rgba(199, 0, 0, 0.15), 3px 3px 2px rgba(0, 0, 0, 0.1);
  --shadow-onboarding: 0 0 1px 0 rgba(91, 91, 174, 0.8) inset;
}

*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scrollbar-width: thin;
  min-width: 0;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  width: 10px;
  background-color: rgba(240, 240, 240, 1);
}

::-webkit-scrollbar-thumb {
  background-color: #c4c4c4;
}

:not(output):-moz-ui-invalid {
  box-shadow: none !important;
}

:focus {
  outline: transparent;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', sans-serif;
  color: rgb(var(--black));
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  background-color: rgb(var(--light-gray));
}

html:has([data-scrollbar='stable']) {
  scrollbar-gutter: stable;
}

html:has([data-scrollbar='auto']) {
  scrollbar-gutter: auto;
}

.l-row {
  margin-bottom: 28px;
}

.l-position_relative {
  position: relative;
}

svg {
  fill: currentColor;
}

a,
.link {
  color: rgb(var(--blue));
  text-decoration: none;
  cursor: pointer;
}

button {
  color: inherit;
}

a:hover,
.link:hover {
  text-decoration: underline;
  color: rgb(var(--blue-hover));
}

.bold {
  font-weight: 700;
}

.crossedOut {
  text-decoration: line-through;
}

.highlightedItem, .highlightedButton, .highlightedField {
  position: relative;
}

.highlightedField {
  margin: -4px;
  padding: 4px;
}

.highlightedItem::before, .highlightedButton::before, .highlightedField::before {
  content: '';
  border-radius: 8px;
  outline: 4px solid rgba(var(--blue), 0.3);
  box-shadow: var(--shadow-onboarding);
  background: rgba(var(--blue), 0.1);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

.highlightedButton::before {
  border-radius: 6px;
}

.highlightedItem::after, .highlightedButton::after, .highlightedField::after {
  content: '';
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
  cursor: auto;
}

.highlightedCircle::before {
  content: '';
  border-radius: 50%;
}

.scroll-lock {
  overflow: hidden;
}

.inherit {
  color: inherit;
}

.resetButton {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  width: auto;
  overflow: visible;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

@media (max-width: 768px) {
  a:hover,
  .link:hover {
    text-decoration: none;
    color: rgb(var(--blue));
  }
}