.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 {
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 4px 4px 4px 16px;
  width: 100%;
  color: rgb(var(--black));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

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

.closeIcon--jLFl7 {
  height: 32px;
  width: 32px;
  padding: 8px;
  position: absolute;
  top: 4px;
  right: 4px;
}

.icon--KJ4CF {
  flex-shrink: 0;
  margin-top: 8px;
}

.contentWrapper--83WgB {
  display: flex;
  gap: 8px;
  width: 100%;
}

.textWrapper--Kt\+4G {
  color: rgb(var(--black));
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 4px;
  padding: 10px 12px 10px 0;
  white-space: pre-wrap;
}

.textWrapper--Kt\+4G a {
  color: rgb(var(--black));
  text-decoration: underline;
  text-underline-offset: 3px;
}

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

.buttonWrapper--qDLj\+ {
  flex: 0 0 auto;
  padding: 3px 12px 3px 0;
}

.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-bg));
  .icon--KJ4CF {
    color: rgb(var(--green));
  }
}

.blue--FnOYa {
  background-color: 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-bg));
  .icon--KJ4CF {
    color: rgb(var(--red));
  }
}

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

@media (max-width: 767px) {
  .contentWrapper--83WgB {
    flex-direction: column;
  }
  .buttonWrapper--qDLj\+ {
    padding: 0 12px 8px 0;
  }
}

.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--2uSSz {
  position: relative;
}

.container--ZsKvw {
  position: relative;
}

.highlight--Pmqwi {
  color: rgb(var(--blue));
}

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

.item--U5izm {
  padding: 10px 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--U5izm:hover {
  background-color: rgb(var(--light-gray));
}

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

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

/* ANIMATIONS */

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

/* GENERAL */

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

/* TYPES */

/* primary */

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

.primary--7Aki-:focus-visible {
  outline: 4px solid rgba(255, 220, 0, 0.16);
}

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

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

/* gray */

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

.gray--waxLI:focus-visible {
  outline: 4px solid rgba(var(--graphite), 0.16);
}

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

/* white */

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

.white--eq8vF:focus-visible {
  outline: 4px solid rgba(var(--graphite), 0.16);
}

.white--eq8vF.disabled--0rwu7:hover {
  background-color: rgb(var(--white));
}

/* transparent */

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

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

.transparent--2cdo9:focus-visible {
  outline: 4px solid rgba(var(--graphite), 0.16);
}

.transparent--2cdo9.disabled--0rwu7:hover {
  background-color: transparent;
}

/* SIZES */

/* xxs */

.xxs--EprEh {
  height: 32px;
  padding: 6px 12px;
  gap: 4px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.xxs--EprEh .title--uVWa0 {
  padding: 0px 4px;
}

.xxs--EprEh .icon--oHcI4 {
  width: 16px;
  height: 16px;
}

.xxs--EprEh .loader--lG3LR {
  width: 16px;
  height: 16px;
}


/* xs */

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

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

.xs--pHRpM .icon--oHcI4 {
  width: 16px;
  height: 16px;
}

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

/* s */

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

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

.s--NPj5G .icon--oHcI4 {
  width: 20px;
  height: 20px;
}

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

/* m */

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

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

.m--2KaEy .icon--oHcI4 {
  height: 24px;
  width: 24px;
}

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

/* l */

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

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

.l--AvKXL .icon--oHcI4 {
  width: 32px;
  height: 32px;
}

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

/* DISABLED */

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

/* LOADING */

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

/* Loader */

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

/* Button Link */

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

/* Media */

@media (max-width: 767px) {
  .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));
}

.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(var(--graphite), 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: 8px 0;
  width: 100%;
  z-index: 2;
  max-height: 238px;
  overflow: auto;
  scrollbar-width: thin;
}

.title--eWm2j {
  padding: 12px 16px 8px;
  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']:focus {
  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']:focus {
  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;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}

.input--dP9MX:focus + .deleteButton--Wu4te {
  display: flex;
}

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

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

.helperRow--eDjkj {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 4px;
}

.error--5-0GR,
.hint--9jIOR {
  flex-grow: 1;
  font-size: 12px;
  line-height: 16px;
  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 {
  color: rgb(var(--gray));
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
}

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

.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: 13;
  top: calc(72px + 24px + 8px);
  left: unset;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 440px;
  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);
}

.icon--TMe3w {
  position: absolute;
  left: 16px;
  fill: rgb(var(--green));
}

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

.message--wJdbT 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 {
    left: 32px;
  }
}

@media (max-width: 767px) {
  .message--wJdbT {
    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 {
  color: rgb(var(--gray));
  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.xs--qyCqh {
  height: 44px;
  padding: 8px 40px 8px 12px;
}

.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(var(--graphite), 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));
}

.helperRow--xkWH7 {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
  margin-top: 4px;
}

.errorMessage--Q599D,
.hint--EW7lr {
  flex-grow: 1;
  font-size: 12px;
  line-height: 16px;
  white-space: pre-line;
}

.errorMessage--Q599D {
  color: rgb(var(--red));
}

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

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

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

.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(var(--gray-blue), 0.4);
  background: rgb(var(--white));
}

.inputCircle--GW5Ly {
  width: 18px;
  height: 18px;
  border-radius: 48px;
  background: rgba(var(--gray-blue), 0.4);
}

.inputValue--CU5-I {
  background: rgba(var(--gray-blue), 0.4);
  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(var(--gray-blue), 0.4);
}

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

.selectInputCircle--oumcm {
  width: 18px;
  height: 18px;
  border-radius: 48px;
  background: rgba(var(--gray-blue), 0.4);
}

.selectInputValueContainer--hxc5y {
  display: flex ;
  align-items: center;
  gap: 16px;
}

.selectInputValue--25gIo {
  width: 106px;
  height: 11px;
  border-radius: 8px;
  background: rgba(var(--gray-blue), 0.4);
}


.selectInputIcon--4Y0Ud {
  fill: rgba(var(--gray-blue), 0.4);
}

@media (max-width: 1279px) {
  .selectLabel--\+al-h {
    margin-bottom: 4px;
  }
}

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


/* TemplatesSkeleton styles */

.templatesHeaderCheckbox--SYnE- {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(var(--gray-blue), 0.4);
}

.templatesListCheckbox--NPVHa {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: rgba(var(--gray-blue), 0.4);
}

.templatesListNameText--GrvUu {
  width: 240px;
  height: 11px;
  border-radius: 8px;
  background: rgba(var(--gray-blue), 0.4);
}

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

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


.templatesListActions--0zeo5 {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background: rgba(var(--gray-blue), 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(var(--gray-blue), 0.4);
    border-radius: 8px;
  }

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

  .templatesListLastUsedDate--VON5T::before {
    width: 52px;
  }
}

/* TabSkeleton styles */

.tab--f7V68 {
  width: 117px;
  height: 32px;
  border-radius: 6px;
  background: rgba(var(--gray-blue), 0.4) !important;
}

/* REQUEST HEADER */
.requestHeader--\+lVMx {
  display: flex;
  justify-content: space-between;
}

.pageTitle--EOme\+ {
  margin-bottom: 40px;
}

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

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

.addMobile--IrXJ5 {
  display: none;
}

.helpContainer--3z2rO {
  position: relative;
}

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

.helpMobile--fTxTj {
  display: none;
  flex-direction: row-reverse;
}

.dropdown--mSpva {
  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--GgNIt {
  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--GgNIt:hover {
  text-decoration: none;
  background-color: rgb(var(--light-gray));
}

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

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

/* CONTENT */
.content--rWSVT {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

/* TEMPLATE SORT */

.templatesSort--UTkPn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

/* STATUS TABS */

.statusTabs--PGhQh {
  display: flex;
  gap: 8px;
}

/* STATUS SELECT */

.statusSelect--Y5Ooi {
  display: none;
}

/* SORT TYPE */

.sortTypeSelect--FS3Fc {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sortTypeSelect--FS3Fc label {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
}

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

.sortTypeSelect--FS3Fc > div[data-class=selectDrop] {
  left: 127px;
  width: 220px;
  max-height: 320px;
}

.sortTypeSelect--FS3Fc > div > div > div > svg {
  fill: rgb(var(--dark-gray));
}

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

.templatesHeaderCheckbox--2vuUk {
  flex-basis: 20px;
  flex-shrink: 0;
}

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

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

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

.templatesHeaderButtonContainer--VHZ32 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--VHZ32 button:hover {
  color: rgb(var(--black));
}

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

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

/* TEMPLATE LIST */
.templatesList--6Swjt {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.templatesList--6Swjt[data-count-buttons='1'],
.templatesList--6Swjt[data-count-buttons='2'],
.templatesList--6Swjt[data-count-buttons='3'] {
  margin-bottom: 73px;
}

.templatesListItem--Pqx-G {
  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);
  transition: box-shadow var(--transition);
}

.templatesListItem--Pqx-G:hover {
  box-shadow: var(--shadow-hover);
}

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

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

.templatesListName--YiNd0 {
  flex: 1 0 0;
  display: flex;
  align-items: center;
  gap: 16px;
  flex-basis: 272px;
}

.templatesListNameIcon--jhdqC {
  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));
}

.templatesListNameIcon--jhdqC svg {
  fill: rgb(var(--dark-gray));
}

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

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

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

.templatesListActions--3XS1M {
  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--3XS1M:hover {
  background-color: rgb(var(--light-gray));
}

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

.kebabWrapper--nNqPn {
  position: unset;
}

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

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

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

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

.contentButtons--hw32U {
  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--jziFG {
  padding: 11px 16px;
}

/* NOT FOUND TEMPLATES */
.templatesNotFound--a\+qJE {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.templatesNotFoundTitle--CYwvs {
  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--QNof1 {
  color: rgb(var(--gray));
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

/* ERROR/EMPTY/NOT ADDED CONTENT */
.errorContent--i6bsG {
  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--yrtWQ {
  max-width: 440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

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

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

.addEmpty--Urv8K {
  position: relative;
}

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

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

@media (max-width: 1279px) {
  .templatesSort--UTkPn {
    margin-bottom: 32px;
    gap: 16px;
  }

  .statusTabs--PGhQh {
    display: none;
  }

  .statusSelect--Y5Ooi {
    flex: 1;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }

  .statusSelect--Y5Ooi label {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .statusSelect--Y5Ooi > div[data-class=select] {
    width: 100%;
    height: 44px;
    padding: 8px 52px 8px 12px;
  }

  .statusSelect--Y5Ooi > div[data-class=selectDrop] {
    max-height: 320px;
    left: 0;
    width: 100%;
  }

  .sortTypeSelect--FS3Fc {
    flex: 1;
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }

  .sortTypeSelectFromHome--6LbJH {
    flex: none;
    align-items: center;
    flex-direction: row;
    gap: 16px;
  }

  .sortTypeSelect--FS3Fc label {
    font-size: 13px;
    line-height: 20px;
  }

  .sortTypeSelectFromHome--6LbJH label {
    font-size: 14px;
    line-height: 18px;
  }

  .sortTypeSelect--FS3Fc > div[data-class=select] {
    width: 100%;
  }

  .sortTypeSelectFromHome--6LbJH > div[data-class=select] {
    width: 220px;
  }

  .sortTypeSelect--FS3Fc > div[data-class=selectDrop] {
    left: 0;
    width: 100%;
  }

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

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

  .pageTitle--EOme\+ {
    margin-bottom: 0;
  }

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

  .add--cr8Tf {
    display: none;
  }

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

  .help--WNlmW {
    display: none;
  }

  .helpMobile--fTxTj {
    display: inline-flex;
  }

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

  .templatesSort--UTkPn {
    margin-bottom: 24px;
    flex-direction: column;
  }

  .sortTypeSelectFromHome--6LbJH {
    flex: 1;
    align-items: start;
    flex-direction: column;
    gap: 4px;
  }

  .sortTypeSelectFromHome--6LbJH label {
    font-size: 13px;
    line-height: 20px;
  }

  .sortTypeSelectFromHome--6LbJH > div[data-class=select] {
    width: 100%;
  }


  .sortTypeSelectFromHome--6LbJH > div[data-class=selectDrop] {
    left: 0;
    width: 100%;
  }

  .statusSelect--Y5Ooi {
    width: 100%;
  }

  .sortTypeSelect--FS3Fc {
    width: 100%;
  }

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

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

  .templatesHeaderName--QTQBM {
    display: none;
  }

  .templatesHeaderDate--sgZR2 {
    display: none;
  }

  .templatesList--6Swjt[data-count-buttons='2'] {
    margin-bottom: 137px;
  }

  .templatesList--6Swjt[data-count-buttons='3'] {
    margin-bottom: 201px;
  }

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

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

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

  .templatesListCheckbox--YsxEl .checkbox--V0v-m label::before {
    transform: translateY(8px);
  }

  .templatesListCheckbox--YsxEl .checkbox--V0v-m label svg {
    transform: translate(-50%, 100%);
  }

  .templatesListName--YiNd0 {
    margin-bottom: 8px;
    gap: 0px;
    flex-basis: auto;
  }

  .templatesListNameIcon--jhdqC {
    display: none;
  }

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

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

  .templatesListCreatedDate--RWrn6 {
    margin-bottom: 4px;
  }

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

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

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

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

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

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

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

  .requestHeaderButtonsEmpty--ujTtf {
    width: auto;
  }

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

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

  .templatesNotFoundImage--gatld {
    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;
  }
}


.pagination--0TvF4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    width: 100%;
    margin: 0 auto;
}

.numberPage--o1a3p {
    width: 100px;
    height: 10px;
    background-color: rgba(var(--gray-blue), .5);
    border-radius: 8px;
}

.cellsWrapper--LziBX {
    display: flex;
    gap: 8px;
}

.cell--l4hdW {
    width: 36px;
    height: 36px;
    background-color: rgba(var(--gray-blue), .5);
    border-radius: 6px;
}

@media (max-width: 767px) {
    .pagination--0TvF4 {
        flex-direction: column;
        align-items: start;
    }
}
.pagination--mgU5E {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.numberPage--FKwqZ {
    font-size: 15px;
    font-weight: 400;
    color: rgb(var(--dark-gray));
}

.buttonWrapper--4Msnf {
    display: flex;
    gap: 8px;
}

.button--jxMeJ {
    position: relative;
    padding: 0;
    width: 36px;
}

.button--jxMeJ svg {
    color: rgb(var(--gray-blue));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.buttonDisabled--XjFoO {
    cursor: default;
}

.buttonDisabled--XjFoO:hover {
   background-color: rgb(var(--white));
}

@media (max-width: 767px) {
    .pagination--mgU5E {
        align-items:  start;
        flex-direction: column;
    }
}
.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));
}

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

.image--DfVhW {
  display: block;
  width: 240px;
  height: 190px;
}

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

.title--eSpID {
  font-family: 'TT Commons Pro';
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
}

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

.link--QGU2U {
  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: 767px) {
  .image--DfVhW {
    width: 160px;
    height: 127px;
  }

  .title--eSpID {
    font-size: 18px;
    line-height: 22px;
  }
}

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

.image--bTQwZ {
  display: block;
  width: 240px;
  height: 190px;
}

.content--0Uszp {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.title--QKXoG {
  font-family: 'TT Commons Pro';
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}

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

.buttons---ls\+6 {
  display: flex;
  gap: 16px;
}

@media (max-width: 767px) {
  .image--bTQwZ {
    width: 160px;
    height: 127px;
  }

  .title--QKXoG {
    font-size: 18px;
    line-height: 22px;
  }

  .buttons---ls\+6 {
    flex-direction: column;
  }
}

.rating--v2\+nl {
  max-width: 144px;
  width: 100%;
  text-wrap: nowrap;
}

.starWithOutline--O59xx {
  fill: rgb(var(--gray));
}

@media (max-width: 1279px) {
  .rating--v2\+nl {
    min-width: 128px;
  }
}

@media (max-width: 767px) {
  .rating--v2\+nl {
    height: 20px
  }
}
.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--vhT4k {
  padding: 20px;
  display: flex;
  align-items: center;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  min-height: 100dvh;
}

.content--EDfbm {
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

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

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

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

.btnWrap--EJz8k {
  text-align: center;
}

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

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

.modal--uWSIX {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 680px;
  width: 680px;
}

.modalTitle--RBima {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.modalList--D0VDz {
  list-style: none;
}

.stepItem--Cd0jp {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  position: relative;
}

.stepItem--Cd0jp:before {
  background-color: rgb(var(--light-gray-border));
  content: '';
  position: absolute;
  left: 15px;
  top: 0;
  height: calc(100% + 24px);
  width: 2px;
  z-index: 0;
}

.stepItem--Cd0jp:last-child {
  margin-bottom: 0;
}

.stepItem--Cd0jp:last-child::before {
  display: none;
}

.stepItem--Cd0jp[data-status='error'] .stepIndex--jqy4O {
  background-color: rgb(var(--red));
}

.stepItem--Cd0jp[data-status='in-progress'] .stepIndex--jqy4O {
  background-color: rgb(var(--black));
}

.stepItem--Cd0jp[data-status='success']::before,
.stepItem--Cd0jp[data-status='success'] .stepIndex--jqy4O {
  background-color: rgb(var(--green));
}

.stepIndex--jqy4O {
  flex-shrink: 0;
  height: 32px;
  width: 32px;
  background-color: rgb(var(--gray));
  border: 2px solid rgb(var(--white));
  border-radius: 40px;
  color: rgb(var(--white));
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  z-index: 1;
}

.stepTitle--MqVul {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 5px;
}

.stepText--geSUZ p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 8px;
}

.stepText--geSUZ .errorText--vtWwA,
.stepText--geSUZ .errorText--vtWwA a {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
}

.stepText--geSUZ .errorText--vtWwA a:hover {
  color: rgb(var(--blue));
}

.stepLink--iaOuE {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.stepLabel--PqCJj {
  font-weight: 600;
  margin-right: 8px;
}

.stepList--tTwz5 {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  list-style-type: disc;
  padding-left: 20px;
}

.stepButton--y8fPt {
  margin-top: 16px;
  width: fit-content;
}

.closeButton--XRL57 {
  width: fit-content;
}

.passwordWrapper--gjBL7 {
  margin-top: 8px;
  position: relative;
}

.passwordWrapper--gjBL7 p {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 0;
}

.passwordInput--5HRul svg {
  color: rgb(var(--gray));
}

.passwordToggle--XCG5f {
  color: rgb(var(--gray));
  height: 24px;
  width: 24px;
  position: absolute;
  right: 16px;
  top: 40px;
}

.passwordButton--EKeIA {
  margin-top: 16px;
}

@media (max-width: 767px) {
  .modal--uWSIX {
    gap: 24px;
  }
  .modalTitle--RBima {
    font-size: 18px;
    line-height: 22px;
  }
  .stepItem--Cd0jp {
    gap: 8px;
    margin-bottom: 16px;
  }
  .stepTitle--MqVul {
    font-size: 13px;
    line-height: 20px;
  }
  .stepText--geSUZ p {
    font-size: 12px;
    line-height: 16px;
  }
  .stepText--geSUZ .errorText--vtWwA,
  .stepText--geSUZ .errorText--vtWwA a {
    font-size: 12px;
    line-height: 16px;
  }
  .stepLabel--PqCJj { 
    display: block;
  }
}

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

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

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

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

.leftHeaderTitleContainer--am40C {
  display: flex;
  align-items: center;
  gap: 16px;
}

.autosaveContainer--O-MVf {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(var(--gray));
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.loader--Zl2bX {
  animation: rotate--ENogZ 1s linear infinite;
}

.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: 870px) {
  .leftHeaderTitleContainer--am40C {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

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

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

.modal--2aqkL {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 480px;
}

.image--aW5IQ {
  min-height: 115px;
  max-width: 120px;
}

.content--laCx8 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.title--r-Ob5 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.timer--anMbR {
  color: rgb(var(--red));
  font-weight: 600;
}

.hint--vzg3f {
  color: rgb(var(--dark-gray));
}

.buttons--zai3j {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 767px) {
  .modal--2aqkL {
    padding: 24px;
  }
}

.fileList--82VcS {
  width: 100%;
}

.container--sCPmZ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.zone--yZNlA {
  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--yZNlA:hover {
  background: rgba(var(--yellow), .08);
}

.isDragAccept--6dQA0, .isDragAccept--6dQA0:hover {
  background-color: rgba(var(--green), .1);
  border-color: rgb(var(--green));
}

.isDragReject--KFUjF, .isDragReject--KFUjF:hover {
  background-color: rgba(var(--red), .1);
  border-color: rgb(var(--red));
}

.zone--yZNlA:focus-visible {
  outline: 4px solid rgba(var(--yellow), .16) !important;
}

.zone--yZNlA:active {
  background-color: rgba(var(--yellow), .16);
}

.rejected--eULuT {
  color: rgb(var(--red));
}

.content--0OuCP {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.labelContainer--mVNTz {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.label--Aauvh {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.labelConstraints--pEKqe {
  color: rgb(var(--gray));
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.error--zeCh9 {
  display: flex;
  align-items: center;
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  gap: 8px;
  margin-bottom: 16px;
}

.error--zeCh9:last-child {
  margin-bottom: 0;
}

.errorIcon--VpiGF {
  flex-shrink: 0;
}

.parseError--yzg35 {
  color: rgb(var(--red));
  margin-top: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.layout--XKbxT {
  min-height: 100dvh;
  height: 100dvh;
  max-height: 100dvh;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}

.page--AxDlz {
  padding-left: 232px;
}

.pageContent--mKYv4 {
  padding: 0 32px;
}

.pageMain--M-OTB {
  min-height: calc(100dvh - 72px);
  display: flex;
  flex-direction: column;
  padding: 24px 0 32px;
}

@media (max-width: 1279px) {
  .page--AxDlz {
    padding-left: 0;
  }
  .pageContent--mKYv4 {
    padding: 0 16px;
  }
}

@media (max-width: 767px) {
  .pageMain--M-OTB {
    min-height: calc(100dvh - 64px);
    padding: 16px 0 32px;
  }
}

.banners--YUQdG {
  flex-shrink: 0;
  flex-basis: 228px;
  min-width: 228px;
  max-width: 228px;
  padding-top: 64px;
  z-index: 1;
}

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

.image--HCJra {
  height: 135px;
  width: 180px;
  margin-bottom: 24px;
}

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

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

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

.button--UkHBU {
  margin-top: 20px;
  width: 100%;
}

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

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

.controls--QFnDT .dot--lfOG8[data-active='true'] {
  border: none;
  background-color: rgb(255, 220, 0); 
  pointer-events: none;
}

.controls--QFnDT .dot--lfOG8:hover {
  background-color: rgb(var(--gray));
}

/* Цветовая схема default */
.banner--atQxQ[data-color-schema='default'] {
  background-color: rgb(var(--white));
  color: rgb(var(--dark-gray));
}
.banner--atQxQ[data-color-schema='default'] .image--HCJra {
  --banner-bg-color: 255, 220, 0;
  --banner-shirt-color: 250, 105, 0;
}
.banner--atQxQ[data-color-schema='default'] .title--bZ9hQ {
  color: rgb(var(--black));
}

/* Цветовая схема white */
.banner--atQxQ[data-color-schema='white'] {
  background-color: rgb(var(--white));
  color: rgb(var(--dark-gray));
}
.banner--atQxQ[data-color-schema='white'] .image--HCJra {
  --banner-bg-color: 248, 248, 248;
  --banner-shirt-color: 255, 220, 0;
}
.banner--atQxQ[data-color-schema='white'] .title--bZ9hQ {
  color: rgb(var(--black));
}

/* Цветовая схема light-yellow */
.banner--atQxQ[data-color-schema='light-yellow'] {
  background-color: rgb(var(--light-yellow));
  border: 2px solid rgb(255, 220, 0);
  color: rgb(var(--black));
}
.banner--atQxQ[data-color-schema='light-yellow'] .image--HCJra {
  --banner-bg-color: 250, 105, 0;
  --banner-shirt-color: 255, 220, 0;
}

/* Цветовая схема yellow */
.banner--atQxQ[data-color-schema='yellow'] {
  background-color: rgb(255, 220, 0);
  color: rgb(var(--black));
}
.banner--atQxQ[data-color-schema='yellow'] .image--HCJra {
  --banner-bg-color: 248, 248, 248;
  --banner-shirt-color: 158, 120, 164;
}

/* Цветовая схема light-blue */
.banner--atQxQ[data-color-schema='light-blue'] {
  background-color: rgb(var(--light-blue));
  border: 2px solid rgb(var(--blue));
  color: rgb(var(--black));
}
.banner--atQxQ[data-color-schema='light-blue'] .image--HCJra {
  --banner-bg-color: 158, 120, 164;
  --banner-shirt-color: 255, 220, 0;
}

/* Цветовая схема blue */
.banner--atQxQ[data-color-schema='blue'] {
  background-color: rgb(var(--blue));
  color: rgb(var(--white));
}
.banner--atQxQ[data-color-schema='blue'] .image--HCJra {
  --banner-bg-color: 248, 248, 248;
  --banner-shirt-color: 255, 220, 0;
}

/* Цветовая схема dark */
.banner--atQxQ[data-color-schema='dark'] {
  background-color: rgb(var(--black));
  color: rgb(var(--white));
}
.banner--atQxQ[data-color-schema='dark'] .image--HCJra {
  --banner-bg-color: 248, 248, 248;
  --banner-shirt-color: 255, 220, 0;
}

@media (max-width: 1279px) {
  .banners--YUQdG {
    min-width: 100%;
    padding-top: 8px;
  }
  .banner--atQxQ {
    flex-direction: row;
    min-height: unset;
  }
  .image--HCJra {
    margin: 0 24px 0 0;
  }
  .content--iU69J {
    justify-content: flex-start;
  }
  .button--UkHBU {
    width: fit-content;
  }
}

@media (max-width: 767px) {
  .banners--YUQdG {
    padding-top: 0;
  }
  .banner--atQxQ {
    flex-direction: column;
  }
  .image--HCJra {
    margin: 0 0 24px 0;
    max-width: 240px;
  }
  .button--UkHBU {
    width: 100%;
  }
}

.banner--QDUQT {
  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--tiXl- {
  position: absolute;
  right: 12px;
  top: 12px;
}

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

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

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

.button--Rh-x3 {
  width: 100%;
}

.item--JC18V {
  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--JC18V:hover {
  box-shadow: 1px 1px 20px 0 rgba(var(--graphite), 0.16);
}

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

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

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

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

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

.title--Qoab9:has(.skeleton--ybkhA) {
  display: flex;
  align-items: center;
  padding-right: 20px;
}

.title--Qoab9 .skeleton--ybkhA {
  width: 156px;
  height: 11px;
  border-radius: 8px;
  background-color: rgba(var(--gray-blue), .5);
}

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

.description--5ARgb:has(.skeleton--ybkhA) {
  display: flex;
  padding-top: 3px;
}

.description--5ARgb .skeleton--ybkhA {
  width: 176px;
  height: 9px;
  border-radius: 8px;
  background-color: rgba(var(--gray-blue), .5);
}

.badge--E-wpH {
  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--\+Pb6l {
  background: rgb(var(--light-blue));
  color: rgb(var(--blue));
}

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

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

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

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

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

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

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

.text--6mlcw {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

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

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

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

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

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

.caption--UDrEA {
  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--aAc6Q {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  margin-bottom: 40px;
}

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

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

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

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

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

.spinner--x2GG0::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--x2GG0::after {
  background: rgb(var(--light-gray));
  border-radius: 50%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

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

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

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

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

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

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

.image--2jMJi {
  max-width: 240px;
}

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

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

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

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

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

@media (max-width: 767px) {
  .wrapper--0DQIO {
    padding: 16px;
  }
  .image--2jMJi {
    width: 100%;
    max-width: none;
    padding: 0 48px;
  }
}

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

.link--k7LMB {
  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--k7LMB.small--jJE8W {
  padding: 8px;
  border-radius: 8px;
  gap: 8px;
}

.icon--0tc5w {
  color: rgb(var(--gray));
  transition: color 0.2s ease-in-out;
}

.link--k7LMB .text--4jYxt {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: rgb(var(--graphite));
  transition: color 0.2s ease-in-out;
}

.link--k7LMB.small--jJE8W .text--4jYxt {
  font-size: 14px;
  line-height: 18px;
}

.link--k7LMB.blue--DHkJQ .text--4jYxt, .link--k7LMB.blue--DHkJQ .icon--0tc5w {
  color: var(--blue);
}

.link--k7LMB.active--no1Bw {
  pointer-events: none;
}

.link--k7LMB.active--no1Bw .icon--0tc5w {
  color: rgb(var(--black));
}

.link--k7LMB.active--no1Bw .text--4jYxt {
  color: rgb(var(--black));
  font-weight: 600;
}

.link--k7LMB:hover {
  background-color: rgb(var(--light-gray));
}

.link--k7LMB:focus-visible {
  background-color: rgb(var(--light-gray-hover));
}

.link--k7LMB:active {
  background-color: rgba(153, 155, 161, 0.5);
}

@media screen and (max-width: 1279px) {
  .link--k7LMB.active--no1Bw {
    pointer-events: all;
  }
}
.support--nXCZl {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  flex-grow: 1;
  justify-content: flex-end;
}

.supportTitle--OJFd9 {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 0 8px 8px;
  color: rgb(var(--dark-gray));
}

.supportFull--dmgiA {
  display: flex;
  flex-direction: column;
}

.supportShort--uxcr7 {
  display: none;
}

@media (max-height: 899px) {
  .supportFull--dmgiA {
    display: none;
  }

  .supportShort--uxcr7 {
    display: flex;
    flex-direction: column;
  }
}
.nav--VLz8S {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  gap: 16px;
}

@media (max-width: 767px) {
  .nav--VLz8S {
    gap: 8px;
  }
}
.menu--7OORJ {
  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-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

.menu--7OORJ:hover {
  scrollbar-color: auto;
}

.menuHeader--mDPPU {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0 24px;
}

.logo--Z1xiQ {
  display: block;
  height: 40px;
  object-fit: contain;
  cursor: pointer;
}

.close--1avUh {
  display: none;
  background-color: transparent;
  border: none;
  outline: none;
  height: 28px;
  width: 28px;
  cursor: pointer;
  flex-shrink: 0;
}

.createDoc--8nQKh {
  padding-left: 24px;
}

@media (max-width: 1279px) {
  .menu--7OORJ {
    display: none;
  }

  .menu--7OORJ.isOpened--0O2P- {
    display: flex;
  }

  .mask--NRf-d {
    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--NRf-d) jdiv {
    z-index: 10;
  }

  .menuHeader--mDPPU {
    padding: 0 8px 0 24px;
  }

  .close--1avUh {
    display: block;
  }
}

@media (max-width: 767px) {
  .menu--7OORJ {
    width: 100vw;
    gap: 24px;
  }
}

.search--abMOC {
  position: relative;
  width: 320px;
}

.icon--Tjprj {
  position: absolute;
  left: 16px;
  top: 8px;
  width: 24px;
  height: 24px;
  color: rgb(var(--gray));
}

.delete--lGtDY {
  width: 18px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: 11px;
  cursor: pointer;
}

.input--j93cZ {
  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--j93cZ::placeholder {
  color: rgb(var(--gray));
}

.search--abMOC:hover .input--j93cZ {
  border-color: rgb(var(--gray));
}

.search--abMOC:hover .input--j93cZ:focus,
.input--j93cZ:focus {
  border-color: rgb(var(--yellow));
  border-width: 2px;
  padding: 7px 51px 7px 54px;
}

.error--PGiMi {
  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--z1H7B {
  color: rgb(var(--graphite));
  display: none;
}

.closeIcon--S-F6I {
  display: none;
}

@media (max-width: 767px) {
  .search--abMOC {
    display: none
  }

  .openIcon--z1H7B {
    display: flex;
    flex-grow: 1;
    justify-content: end;
  }

  .isOpened--k6Cy2 {
    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--k6Cy2 .closeIcon--S-F6I {
    display: block;
  }

  .delete--lGtDY {
    right: calc(16px + 20px + 24px);
  }

  .input--j93cZ {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

}

.link--7suEQ {
  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--7suEQ:hover {
  background-color: rgb(var(--dark-yellow));
  color: rgb(var(--button-text));
}

.isWarning--03Gu\+, .isNote--E8xnL {
  padding: 4px 12px 4px 32px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  position: relative;
  color: rgb(var(--black))
}

.isNote--E8xnL:hover, .isWarning--03Gu\+:hover {
  color: rgb(var(--black))
}

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

.isNote--E8xnL:hover {
  background-color: rgba(var(--blue-hover), .2);
}

.isWarning--03Gu\+ {
  background-color: rgb(var(--light-red));
}

.isWarning--03Gu\+:hover {
  background-color: rgb(var(--light-red-message));
}

.warningIcon--6axFg {
  height: 16px;
  width: 16px;
  position: absolute;
  left: 8px;
  top: 4px;
}

.isNote--E8xnL .warningIcon--6axFg {
  color: rgb(var(--blue));
}

.isWarning--03Gu\+ .warningIcon--6axFg {
  color: rgb(var(--red));
}

.bold--kqd1I {
  font-weight: 700;
}

@media (max-width: 767px) {
  .link--7suEQ {
    height: 32px;
    padding: 6px 16px;
  }

  .isWarning--03Gu\+, .isNote--E8xnL {
    padding: 4px 8px;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
  }

  .warningIcon--6axFg {
    display: none;
  }
}

@media (max-width: 321px) {
  .remainCount--Zfi30 {
    display: none;
  }
}

.wrap--00h90 {
  flex-grow: 1;
  display: flex;
  justify-content: end;
}

.relative--Id8Mn {
  position: relative;
}

.user--HzpEl {
  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--HzpEl:hover {
  background-color: rgb(var(--light-gray-hover));
}

.info--GL9v7 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-right: 28px;
}

.arrow--zRQ23 {
  position: absolute;
  right: 0;
  top: -1px;
  color: rgb(var(--gray));
  transition: color .2s ease-in-out;
}

.user--HzpEl:hover .arrow--zRQ23 {
  color: rgb(var(--black));
}

.name--dUPEL {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.login--h6XSQ {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.menu--HK-sZ {
  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--HK-sZ.opened--Ohhln {
  max-height: 104px;
}

.menuList--oHJ9D {
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}

.menuItem--wIAHi {
  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--wIAHi:hover {
  background-color: rgb(var(--light-gray));
}

.menuIcon--M0STL {
  color: rgb(var(--gray));
}

@media (max-width: 1279px) {
  .info--GL9v7 {
    display: none
  }

  .user--HzpEl {
    padding: 0;
    border-radius: 50%;
  }
}

@media (max-width: 767px) {
  .wrap--00h90 {
    flex-grow: 0;
  }
}

.header--gc77p {
  height: 72px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 24px;
  position: relative;
}

.openMenu--fBtVN {
  display: none;
  height: 40px;
  width: 40px;
  cursor: pointer;
}

@media (max-width: 1279px) {
  .openMenu--fBtVN {
    display: initial;
  }
}

@media (max-width: 767px) {
  .header--gc77p {
    height: 64px;
    gap: 16px;
  }
}

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

.info--rEEx7 {
  display: flex;
}

.icon--g-g48 {
  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--g-g48.blue--FrrPI {
  background-color: rgb(var(--light-blue));
}

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

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

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

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

  .icon--g-g48 {
    height: 36px;
    width: 36px;
  }

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

  .contacts--\+Sm6L {
    font-size: 12px;
    line-height: 16px;
    overflow-wrap: break-word;
  }
}

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

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

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

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

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

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

  .title--YvGo2 {
    font-weight: 600;
  }

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

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

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

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

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

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

.rowText--N\+7bJ {
  overflow-wrap: anywhere;
}

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

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

.error--L7lZI {
  margin-top: 32px;
}

@media (max-width: 767px) {
  .packageInfo--BStnM {
    padding: 24px 16px;
  }

  .row--DMG-v {
    flex-direction: column;
    gap: 8px;
  }
}

.wrapper--Lyb2C {
  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--Lyb2C.error--BtJO- {
  background-color: rgb(var(--light-red));
  color: rgb(var(--red));
}

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

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

.wrapper--Lyb2C.error--BtJO- .icon--PcqBe {
  color: rgb(var(--error-red));
}

.button--1kjev {
  flex-shrink: 0;
}

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

  .content--DJ0Xj {
    align-items: flex-start;
  }

  .button--1kjev {
    margin-left: 36px;
  }
}

.wrapper--z6hBW {
  background-color: rgb(var(--white));
  border-radius: 12px;
  cursor: pointer;
}

.expanded--BNCCH {
  cursor: default;
}

.header--8m06h {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 24px 32px;
}

.expanded--BNCCH .header--8m06h {
  border-bottom: 1px solid rgb(var(--light-gray-hover));
  cursor: pointer;
  padding-bottom: 24px;
}

.title--A6YS1 {
  display: flex;
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.title--A6YS1 > .number--dPyH9 {
  display: inline-block;
  min-width: 24px;
}

.chevronIcon--EtYRW {
  background: transparent;
  border: none;
  color: rgb(var(--gray));
  cursor: pointer;
  flex-shrink: 0;
}

.expanded--BNCCH .chevronIcon--EtYRW {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .header--8m06h {
    padding: 24px 16px 16px;
  }
  .title--A6YS1 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }
}

.wrapper--iKr6i {
  display: flex;
  width: 100%;
}
.wrapper--Db6yF {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.label--sUUJc {
  flex-shrink: 0;
  font-weight: 600;
}

.wrapper--Db6yF.edit--pIl1T .label--sUUJc {
  margin-top: 11px;
}

.title--ZlPsa {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.input--IPWDI {
  flex-grow: 1;
}

.title--ZlPsa > .input--IPWDI.input--IPWDI input {
  border-radius: 4px;
}

.packageName--NPRCF {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

.error--Ys0-f {
  color: rgb(var(--red));
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 767px) {
  .wrapper--Db6yF {
    flex-direction: column;
    gap: 8px;
  }

  .wrapper--Db6yF.edit--pIl1T .label--sUUJc {
    margin-top: 0;
  }
}

.zone--5Ia5X {
  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--5Ia5X:hover {
  background: rgba(var(--yellow), .08);
}

.isDragAccept--grLSW, .isDragAccept--grLSW:hover {
  background-color: rgba(var(--green), .1);
  border-color: rgb(var(--green));
}

.isDragReject--eMaMW, .isDragReject--eMaMW:hover {
  background-color: rgba(var(--red), .1);
  border-color: rgb(var(--red));
}

.zone--5Ia5X:focus-visible {
  outline: 4px solid rgba(var(--yellow), .16) !important;
}

.zone--5Ia5X:active {
  background-color: rgba(var(--yellow), .16);
}

.icon--hAkoZ {
  color: rgb(var(--gray));
  flex-shrink: 0;
  margin-top: 4px;
}

.rejected--haQAu {
  color: rgb(var(--red));
}

.content--fgA9K {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0;
}

.title--5d3h5 {
  font-size: 14px;
  line-height: 18px;
}

.text--aEs4Z {
  color: rgb(var(--gray));
  font-size: 12px;
  line-height: 16px;
  white-space: pre-line;
}

.error--wBYgh {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.error--wBYgh:last-child {
  margin-bottom: 0;
}

.error--wBYgh p {
  margin-top: 3px;
}

.errorIcon--87B7G {
  flex-shrink: 0;
}

.controls--GLrah {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

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

.item--rrQN7 {
  background-color: rgb(var(--light-gray));
  border-radius: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  padding: 8px 16px;
  width: 100%;
}

.icon--kjLKh {
  color: rgb(var(--black));
  flex-shrink: 0;
  margin: 4px 0;
}

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

.itemContent--69D2j {
  width: 100%;
}

.itemHeader--IG0qH {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
  width: 100%;
}

.itemName--7FDV\+ {
  color: rgb(var(--black));
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
}

.itemInfo--uS1TO {
  color: rgb(var(--gray));
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-align: right;
  min-width: fit-content;
}

.iconTooltip--8\+f0e {
  border-radius: 50%;
  display: flex;
  height: 16px;
}

.iconTooltip--8\+f0e .removeIcon--1BLIs {
  border-radius: 50%;
  color: rgb(var(--gray));
  cursor: pointer;
  height: 16px;
  width: 16px;
  min-width: 16px;
}

.iconTooltip--8\+f0e .removeIcon--1BLIs:hover {
  background-color: rgba(var(--gray), 0.08);
  outline: solid 4px rgba(var(--gray), 0.08);
  opacity: unset;
}

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

.controls--GLrah + .itemError--YwJoH {
  margin-top: 8px;
}

.listError--jdsRj {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}

.listError--jdsRj p {
  margin-top: 3px;
}

.totalSize--V7lEZ {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: end;
}

.content--Gkxwp {
  padding: 32px;
}

.content--Gkxwp .radioGroup--qDm0H {
  flex-direction: row;
  gap: 24px;
  margin-top: 32px;
}

.mode--\+xCk4 {
  margin-top: 32px;
}

.scansButtons--X3HEB {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.scansButtons--X3HEB:last-child {
  margin-bottom: 0;
}

div.modal--9ksNr {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 560px;
}

.modalImage--vVCZD {
  max-width: 240px;
  width: 60%;
  min-height: 190px;
}

.modalTitle--f\+Le3 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}

.modalSubtitle--zkxyt {
  color: rgb(var(--gray));
  margin-top: 16px;
  text-align: center;
}

.buttons--PaM8D, .modalButtons--wuekO {
  display: flex;
  gap: 16px;
}

.buttons--PaM8D {
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .content--Gkxwp {
    padding: 24px 16px;
  }

  .content--Gkxwp .radioGroup--qDm0H {
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
  }

  .mode--\+xCk4 {
    margin-top: 24px;
  }

  .modalTitle--f\+Le3 {
    font-size: 18px;
    line-height: 20px;
  }

  .modalSubtitle--zkxyt {
    font-size: 14px;
    line-height: 16px;
  }

  .buttons--PaM8D, .scansButtons--X3HEB {
    flex-wrap: wrap;
  }
}

.card--HHLf9 {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  gap: 16px;
  padding: 16px 32px;
}

.icon--mLLFO {
  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--v1Ljz {
  flex-grow: 1;
}

.name--qYxKQ {
  min-width: 100%;
  overflow-wrap: break-word;
}

.contacts--2fN9A {
  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--QaVq6 {
  color: rgb(var(--dark-gray));
  cursor: pointer;
  height: 32px;
  width: 32px;
  padding: 4px;
}

.removeIcon--QaVq6:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .card--HHLf9 {
    padding: 16px;
  }
  .icon--mLLFO {
    height: 36px;
    width: 36px;
  }
  .name--qYxKQ {
    font-size: 14px;
    line-height: 18px;
  }
  .contacts--2fN9A {
    font-size: 12px;
    line-height: 16px;
  }
}

.form--X3vt6 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

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

.buttons--yR0hK {
  display: flex;
  gap: 16px;
}

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

.error--XGTcW a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .form--X3vt6 {
    gap: 24px;
  }
  .title--ZMsmJ {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }
}


.bold--lFT1e {
  font-weight: 600;
}

.emptyLabel--K6ZBU {
  padding: 32px 32px 0;
}

.shortList--MTnXu {
  display: flex;
  gap: 16px;
  margin: -8px 0 24px;
  padding: 0 calc(24px + 32px);
}

.shortList--MTnXu p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shortList--MTnXu .bold--lFT1e {
  flex-shrink: 0;
}

.footer--TfadB {
  padding: 32px;
}

@media (max-width: 767px) {
  .emptyLabel--K6ZBU {
    font-size: 13px;
    line-height: 20px;
    padding: 24px 16px 0;
  }
  .shortList--MTnXu {
    flex-direction: column;
    gap: 8px;
    padding: 0 calc(24px + 16px);
  }
  .footer--TfadB {
    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--MTGYh {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.amount--eqZ-x {
  max-width: calc(100% / 2 - 24px);
}

.linkInput--3DYDV, .description--Xx3Ds {
  margin-bottom: 20px;
  width: 100%;
}

@media (max-width: 1279px) {
  .amount--eqZ-x {
    max-width: calc(100% / 2 - 16px);
  }
}

@media (max-width: 767px) {
  .amount--eqZ-x {
    max-width: 100%;
  }
}

.modal--hKkYf {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--V2rIw {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.errorText--67x9n {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--67x9n a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--67x9n a:hover {
  color: rgb(var(--blue));
}

.buttons--cT\+QI {
  display: flex;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--hKkYf {
    gap: 24px;
  }

  .title--V2rIw {
    font-size: 18px;
    line-height: 22px;
  }

  .buttons--cT\+QI {
    gap: 16px;
  }
}

.card--9f0IL {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  gap: 16px;
  padding: 16px 32px;
}

.icon--CufdO {
  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--S6j5x {
  flex-grow: 1;
}

.name--aeIcv {
  min-width: 100%;
  overflow-wrap: break-word;
}

.phone--5KJG5 {
  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--n7FQZ {
  margin-top: 8px;
  color: rgb(var(--red));
  font-size: 12px;
  line-height: 16px;
}

.actions--up38m {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 16px;
}

.mobileActions--r2arK {
  display: none;
}

.actionIcon--mp724 {
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.actionIcon--mp724:hover {
  color: rgb(var(--black));
}

@media (max-width: 767px) {
  .card--9f0IL {
    padding: 16px;
  }
  .icon--CufdO {
    height: 36px;
    width: 36px;
  }
  .name--aeIcv {
    font-size: 14px;
    line-height: 18px;
  }
  .phone--5KJG5 {
    font-size: 12px;
    line-height: 16px;
  }
  .actions--up38m {
    display: none;
  }
  .mobileActions--r2arK {
    display: block;
  }
  .mobileActions--r2arK button {
    height: 24px;
    width: 24px;
  }
  .mobileActions--r2arK svg {
    color: rgb(var(--dark-gray));
  }
}

.datepicker--TyMn5 {
  margin-top: 16px;
  max-width: 300px;
  min-width: 256px;
}

.dropdown---2YDm {
  max-height: 272px;
  padding: 8px 0;
}

.dropdown---2YDm [data-test='dropdownTitle'] {
  padding-bottom: 8px;
}

.itemsContainer--MRUA- {
  max-height: calc(58px * 3);
  overflow: auto;
}

.item--FRo9H {
  padding: 8px 16px;
  color: rgb(var(--black));
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
}

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

.itemDisabled--VdQWj {
  cursor: default;
}

.itemDisabled--VdQWj:hover {
  background-color: inherit;
}

.itemTitle--rr5az {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.itemTitleDisabled--l\+6yh {
  display: flex;
  justify-content: space-between;
}

.nameDisabled--a7T9S {
  opacity: 50%;
}

.selected--xBqdG {
  color: rgb(var(--gray));
  font-weight: 400;
}

.itemInfo--naOWD {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.itemInfoDisabled--4HoNg {
  opacity: 50%;
}

.itemInfo--naOWD,
.itemTitle--rr5az {
  -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--NoHFD {
  color: rgb(var(--black));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 16px;
}

.error--deP\+8 {
  color: rgb(var(--red));
}

.addButton--v2hm8 {
  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--v2hm8:hover {
  background-color: rgb(var(--light-gray));
  cursor: pointer;
}

.skeleton--TGOXu {
  background-color: rgba(var(--gray-blue), .5);
  border-radius: 20px;
  margin: 4px 0;
}

.itemTitle--rr5az .skeleton--TGOXu {
  height: 10px;
  width: 57px;
}

.itemTitle--rr5az:has(.skeleton--TGOXu) {
  margin-bottom: 3px;
}

.itemInfo--naOWD .skeleton--TGOXu {
  height: 9px;
  width: 80px;
}

.addNewSigner--A6saV {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 8px 16px;
}

.addNewSignerCircle--Ne6y0 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(var(--gray-blue), .5);
}

.addNewSignerText--zWI94 {
  width: 215px;
  height: 19px;
  background-color: rgba(var(--gray-blue), .5);
  border-radius: 20px;
}
.wrapper--yrO6N {
  padding: 32px;
}

.relative--HYs\+m {
  position: relative;
}

.tooltip--qy9uc {
  width: 100%;
}

.input--3ZXyw input {
  outline: 2px solid rgb(var(--yellow));
}

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

.bold--dxyDF {
  font-weight: 600;
}

.shortList--k8CxE {
  display: flex;
  gap: 16px;
  margin: -8px 0 24px;
  padding: 0 calc(24px + 32px);
}

.shortList--k8CxE p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shortList--k8CxE .bold--dxyDF {
  flex-shrink: 0;
}

.options--h-CZU {
  border-top: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

@media (max-width: 767px) {
  .shortList--k8CxE {
    flex-direction: column;
    gap: 8px;
    padding: 0 calc(24px + 16px);
  }

  .options--h-CZU {
    padding: 24px 16px;
  }
}

.wrapper--V3VKm {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
}

.content--A85NT {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.form--OC5nK {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.alert--J3mej {
  margin-top: 32px;
}

.submitButton--RmwsS {
  margin-top: 32px;
}

div.modal--osQiU {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 560px;
}

.modalImage--hdct8 {
  max-width: 240px;
}

.modalTitle--eu0XO {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  text-align: center;
}

.modalSubtitle--nQNzf {
  color: rgb(var(--gray));
  margin-top: 16px;
  text-align: center;
}

.modalButtons--FVkgQ {
  display: flex;
  gap: 16px;
}

@media (max-width: 1279px) {
  .wrapper--V3VKm {
    flex-wrap: wrap;
  }

  .content--A85NT {
    max-width: 100%;
  }

  .alert--J3mej {
    margin-top: 24px;
  }

  .submitButton--RmwsS {
    margin-top: 24px;
  }
}

@keyframes loading--TRYke {
  0% {
    color: currentColor;
  }
  50% {
    color: rgb(var(--yellow));
  }
  100% {
    color: currentColor;
  }
}

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

.content--L8gqp {
  display: flex;
  flex: 1 1 auto;
  gap: 16px;
}

.cardIcon--VGnin {
  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--ZlFRJ {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
  overflow-wrap: break-word;
}

.subtitle--iJu\+9 {
  color: rgb(var(--gray));
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: break-word;
}

.controls--IZjKh {
  position: relative;
  display: flex;
  align-items: baseline;
  flex-shrink: 0;
  flex-wrap: nowrap;
  gap: 16px;
}

.control--AIp4F {
  background: transparent;
  border: none;
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.control--AIp4F.load--bST3y {
  animation: 1.5s infinite loading--TRYke;
  cursor: auto;
}

.control--AIp4F:not(.load--bST3y):hover {
  color: rgb(var(--black));
  cursor: pointer;
}

@media (pointer: coarse) {
  .tooltip--HMNfD div {
    display: none;
  }
}

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

  .cardIcon--VGnin {
    height: 36px;
    width: 36px;
  }

  .cardIcon--VGnin svg {
    height: 20px;
    width: 20px;
  }

  .title--ZlFRJ {
    font-size: 14px;
    line-height: 18px;
  }

  .subtitle--iJu\+9 {
    font-size: 12px;
    line-height: 16px;
  }

  .control--AIp4F {
    height: 24px;
    width: 24px;
    padding: 0;
  }
}

.pageHeader--S69e8 {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 32px;
}

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

@media (max-width: 767px) {
  .pageHeader--S69e8 {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 24px;
  }
}

.tile--OWshz {
  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--OWshz + .tile--OWshz {
  margin-top: 32px;
}

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

@media (max-width: 767px) {
  .tile--OWshz {
    padding: 24px 16px;
  }

  .title--c42jJ {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
  }
}

.stats--YUSqG {
  margin-bottom: 32px;
}

.statsItem--Kai7c {
  width: 100%;
  display: flex;
  align-items: center;
}

.statsItem--Kai7c + .statsItem--Kai7c {
  margin-top: 16px;
}

.icon--7HFkG {
  flex-shrink: 0;
}

.count--FFXnF {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 6px 0 16px;
}

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

.buttons--hl1WL {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}

.errorImage--Zi-d8 {
  height: 80px;
  width: 100px;
  object-fit: contain;
  margin-bottom: 24px;
}

.errorTitle--5vFcH {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 8px;
}

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

@media (max-width: 767px) {
  .stats--YUSqG {
    margin-bottom: 24px;
  }

  .icon--7HFkG {
    height: 24px;
    width: 24px;
  }

  .count--FFXnF {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }

  .countHint--9LwM4 {
    font-size: 13px;
    line-height: 20px;
  }

  .buttons--hl1WL {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
}

.tile--vI9lv {
  flex-grow: 1;
}

.subtitle--Pgu8m {
  color: rgb(var(--graphite));
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  margin-bottom: 32px;
}

.content--VR0Nu {
  background-color: rgb(var(--white));
  border-radius: 12px;
  margin-bottom: 28px;
}

.controls--6oGlt {
  padding: 0 0 24px;
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin-bottom: 24px;
}

.date--BYP9W {
  max-width: 162px;
}

.signers--v9kyO {
  flex-grow: 1;
}

.tagsWrap--TJeBH {
  max-height: 40px;
}

.tags--VEDCU {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
}

.error--IeBMb {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 28px;
}

@media (max-width: 767px) {
  .subtitle--Pgu8m {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
  }

  .controls--6oGlt {
    flex-wrap: wrap;
    padding-bottom: 24px;
  }

  .date--BYP9W {
    min-width: 100%;
  }
}

.wrapper--Ht-VA {
  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--Fb\+Qs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.userName--NYxqO {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.contacts--fq0v5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.divider--qz80y {
  border: 0;
  border-top: 1px solid rgb(var(--light-gray-border));
  margin: 32px 0;
  width: 100%;
}

.button--nxUr9 {
  margin-top: 24px;
}

.withTooltip--GZ5rM {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

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

.line---wRfO {
  display: flex;
  gap: 16px;
}

.label--q3w5T {
  font-weight: 600;
}

.text--8nyP3 {
  color: rgb(var(--dark-gray));
}

.description--yPivO {
  color: rgb(var(--dark-gray));
  margin-top: 8px;
}

.corpInfo--444Sa {
  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--BisKM {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

.corpChecked--OiNtQ {
  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--hmfHC [data-test='tooltipText'] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 282px;
}

.tooltipChecks--bXtSq {
  padding-left: 16px;
}

.reportLoading--TXeHO {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.reportLoadingTitle--So8xf {
  color: var(--black, #3D4047);
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 22px;
}

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

.feedback--CEH-m {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviewStar--WkOfj {
  fill: rgb(var(--yellow));
}

.reviewSplit--Air5z {
  color: rgb(var(--light-gray-border));
}

.feedbackLink--aSE7P {
  color: rgb(var(--blue));
  transition: color var(--transition);
}

.feedbackLink--aSE7P:hover {
  color: rgb(var(--blue-hover));
  text-decoration: none;
}

@media (max-width: 767px) {
  .wrapper--Ht-VA {
    padding: 24px 16px;
  }
  .userName--NYxqO {
    font-size: 18px;
    line-height: 22px;
  }
  .divider--qz80y {
    margin: 24px 0;
  }
  .button--nxUr9 {
    margin-top: 16px;
  }
  .line---wRfO {
    flex-direction: column;
    gap: 4px;
  }
  .description--yPivO {
    font-size: 13px;
  }
  .corpInfo--444Sa {
    padding: 24px;
  }
  .tooltip--YLVmQ [data-test='tooltipText'] {
    max-width: 192px;
  }
  .reportTooltip--hmfHC [data-test='tooltipText'] {
    max-width: min(calc(100vw - 64px), 282px);
  }
}

.wrapper--VP9vT {
  background: rgb(var(--light-gray));
  border-radius: 8px;
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 24px;
  padding: 16px 24px;
}

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

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

@media (max-width: 767px) {
  .wrapper--VP9vT {
    max-width: 100%;
    padding: 12px 16px;
  }
}

.wrapper--h-w9s {
  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--bx6Om {
  margin: 0 -12px -12px;
  padding: 0 12px 12px;
}

.sectionContent--2JLOv {
  margin-top: 16px;
}

.sectionTitle--7xKUj {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.rowWithTooltip--CNozn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox--oqphr {
  min-height: 24px;
}

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

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

@media (max-width: 767px) {
  .wrapper--h-w9s {
    padding: 24px 16px;
  }
  .rowWithTooltip--CNozn {
    align-items: flex-start;
  }
}

.wrapper--Cv1Pt {
  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--6kXrS:nth-of-type(1) {
  grid-column: 1 / span 4;
  grid-row: 1 / 2;
}
.card--6kXrS:nth-of-type(2) {
  grid-column: 5 / span 4;
  grid-row: 1 / 2;
}
.card--6kXrS:nth-of-type(3) {
  grid-column: 9 / span 4;
  grid-row: 1 / 2;
}
.card--6kXrS:nth-of-type(4) {
  grid-column: 1 / span 6;
  grid-row: 2 / 3;
}
.card--6kXrS:nth-of-type(5) {
  grid-column: 7 / span 6;
  grid-row: 2 / 3;
}

.icon--rLf-C {
  color: rgb(var(--yellow));
}

.logoSmall--KON4j {
  height: 56px;
  width: 56px;
}

.qr--g2VR4 {
  height: 56px;
  width: 56px;
  position: absolute;
  top: 24px;
  right: 24px;
}

.caption--5VIbD {
  color: rgb(var(--dark-gray));
  margin-bottom: 8px;
}

.link--YzwLJ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.link--YzwLJ p {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 1279px) {
  .wrapper--Cv1Pt {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(3, 172px);
    column-gap: 16px;
  }
  .card--6kXrS:nth-of-type(1) {
    grid-column: 1 / span 4;
    grid-row: 1 / 2;
  }
  .card--6kXrS:nth-of-type(2) {
    grid-column: 5 / span 4;
    grid-row: 1 / 2;
  }
  .card--6kXrS:nth-of-type(3) {
    grid-column: 1 / span 4;
    grid-row: 2 / 3;
  }
  .card--6kXrS:nth-of-type(4) {
    grid-column: 5 / span 4;
    grid-row: 2 / 3;
  }
  .card--6kXrS:nth-of-type(5) {
    grid-column: 1 / span 8;
    grid-row: 3 / 4;
  }
}

@media (max-width: 767px) {
  .wrapper--Cv1Pt {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
  }
  .icon--rLf-C {
    height: 40px;
    width: 40px;
  }
  .logoSmall--KON4j {
    height: 40px;
    width: 40px;
  }
  .qr--g2VR4 {
    display: none;
  }
  .content--7Jpur {
    order: -1;
  }
  .caption--5VIbD {
    font-size: 12px;
    line-height: 16px; 
    margin-bottom: 4px;
  }
  .link--YzwLJ p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
  .arrowIcon--Tw48v {
    height: 16px;
    width: 16px;
  }
}

.accordion--4zN\+B {
  margin-top: 32px;
}

.list--Udhk\+ {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0px 32px 24px;
}

.docLink--oySCS {
  color: rgb(var(--yellow));
}

@media (max-width: 767px) {
  .accordion--4zN\+B {
    margin-top: 16px;
  }

  .list--Udhk\+ {
    padding: 0 16px 16px;
  }
}

.chips--WdImX {
  padding: 6px 8px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border: none;
}

.primary--swCx5 {
  background-color: rgb(var(--white));
  color: rgb(var(--black));
}

.primary--swCx5.selected--IB7D4 {
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
}

.primary--swCx5.selected--IB7D4 svg {
  fill: rgb(var(--button-text));
}

/* Desktop */
@media (hover: hover) {
  .primary--swCx5:hover {
    background-color: rgb(var(--light-gray-hover));
    color: rgb(var(--black));
  }

  .primary--swCx5:hover svg {
    fill: rgb(var(--black));
  }

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

  .primary--swCx5:active svg {
    fill: rgb(var(--black));
  }

  .primary--swCx5.selected--IB7D4:hover {
    background-color: rgb(var(--dark-yellow));
    color: rgb(var(--button-text));
  }

  .primary--swCx5.selected--IB7D4:hover svg {
    fill: rgb(var(--button-text));
  }

  .primary--swCx5.selected--IB7D4:active {
    background-color: rgb(var(--dark-yellow));
    color: rgb(var(--button-text));
  }

  .primary--swCx5.selected--IB7D4:active svg {
    fill: rgb(var(--button-text));
  }
}

/* Touch devices */
@media (hover: none) {
  .primary--swCx5:active {
    background-color: rgb(var(--light-gray-hover));
    color: rgb(var(--black));
  }

  .primary--swCx5:active svg {
    fill: rgb(var(--black));
  }

  .primary--swCx5.selected--IB7D4:active {
    background-color: rgb(var(--dark-yellow));
    color: rgb(var(--button-text));
  }

  .primary--swCx5.selected--IB7D4:active svg {
    fill: rgb(var(--button-text));
  }
}

.primary--swCx5:focus-visible {
  outline: 4px solid rgba(var(--gray), .16);;
}

.primary--swCx5.selected--IB7D4:focus-visible {
  outline: 4px solid rgba(var(--yellow), .16);;
}

.label--zJj2k {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  line-height: 16px;
  padding: 2px 8px;
}

.wrapper--ASLHN {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 32px;
}

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

.chipsContainer--8uZ9N {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.grid--gWFuN {
  display: grid;
  justify-content: stretch;
  grid-auto-rows: 188px;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
  row-gap: 16px;
}

.card--SKhKe {
  grid-column: span 4;
}

.textIcon--K7M1W {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 32px;
}

.content--Ji6vJ {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
}

.caption--NBKmZ {
  color: rgb(var(--dark-gray));
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
}

.link--bje7F {
  display: flex;
  align-items: center;
  gap: 4px;
}

.link--bje7F p {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.cardImage--9ZvWh {
  height: 32px;
  width: auto;
  object-fit: contain;
  object-position: left;
}

@media (min-width: 1280px) {
  .card--SKhKe:nth-last-child(1):nth-child(3n + 1) {
    grid-column: span 12;
  }
  .card--SKhKe:nth-last-child(2):nth-child(3n + 1),
  .card--SKhKe:nth-last-child(1):nth-child(3n + 2) {
    grid-column: span 6;
  }
}

@media (max-width: 1279px) {
  .grid--gWFuN {
    grid-template-columns: repeat(8, 1fr);
  }
  .card--SKhKe:nth-last-child(1):nth-child(2n + 1) {
    grid-column: span 8;
  }
}

@media (max-width: 767px) {
  .wrapper--ASLHN {
    gap: 24px;
  }
  .title--UZ1VX {
    margin-bottom: 16px;
  }
  .grid--gWFuN.medicine--LuGTI, 
  .grid--gWFuN.box--vM\+6K,
  .grid--gWFuN.other--FFWjA {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .card--SKhKe {
    flex-direction: column;
    padding: 16px;
  }
  .icon--dQo0S {
    max-height: 24px;
    width: fit-content;
  }
  .textIcon--K7M1W {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
  }
  .arrowIcon--kBX8f {
    height: 16px;
    width: 16px;
  }
  .content--Ji6vJ {
    margin: 0;
  }
  .caption--NBKmZ {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
  }
  .link--bje7F {
    height: 24px;
  }
  .link--bje7F p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }
}

.wrapper--t-dgB {
  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--GBLxv {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.withLogo--GBLxv p {
  max-width: 616px;
}

.logo--EZ5OH {
  flex-shrink: 0;
}

.link--oa-We {
  color: rgb(var(--black));
  cursor: pointer;
  text-decoration: underline;
}

.link--oa-We:hover {
  color: rgb(var(--black));
  cursor: pointer;
}

.docLink---BZo8 {
  padding: 24px 0 0;
}

.docLink---BZo8:nth-of-type(2) {
  margin-top: 8px;
}

.title--rVbLq {
  font-family: TT Commons Pro, sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  margin: 32px 0 16px;
}

.subtitle--uIRAY {
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  margin: 24px 0 16px;
}

.title--rVbLq + .subtitle--uIRAY {
  margin-top: 8px;
}

.bold---f7An {
  font-weight: 600;
  margin-top: 16px;
}

.list--L816x {
  margin-left: 22px;
}

.decimal--4pant {
  list-style-type: decimal;
}

.lowerLatin--tQYT9 {
  list-style-type: lower-latin;
}

.schemaApi--ypeXK {
  margin-top: 8px;
  width: 100%;
}

@media (max-width: 767px) {
  .wrapper--t-dgB {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
    padding: 24px 16px;
  }
  .withLogo--GBLxv {
    flex-direction: column-reverse;
    gap: 16px;
  }
  .logo--EZ5OH {
    max-height: 24px;
    width: fit-content;
  }
  .docLink---BZo8{
    padding: 16px 0 0;
  }
  .docLink---BZo8:nth-of-type(2) {
    margin-top: 0;
  }
  .title--rVbLq {
    margin: 16px 0 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 15px;
  }
  .subtitle--uIRAY {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 16px 0 16px;
  }
  .bold---f7An {
    font-weight: 400;
    margin-top: 8px;
  }
  .list--L816x {
    margin-left: 16px;
  }
}

.link---bRAR {
  display: inline-flex;
  font-weight: 600;
  line-height: 24px;
  margin-top: 32px;
}

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

@media (max-width: 767px) {
  .link---bRAR {
    line-height: 16px;
    margin-top: 16px;
  }
  .icon--tpTuO {
    height: 16px;
    width: 16px;
  }
}

.wrapper--45u72 {
  background: rgb(var(--white));
  border-radius: 12px;
  padding: 32px;
}

.section--z640\+ {
  flex-wrap: wrap;
}

.section--z640\+: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--z640\+:nth-of-type(2) {
  padding-top: 32px;
}

.title--WKKJe {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px; 
}

.hint--ciC8r {
  color: rgb(var(--dark-gray));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.hint--ciC8r + .title--WKKJe {
  margin-top: 4px;
}

.details--\+FoHj {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.detail--uogtW {
  width: 120px;
  flex-grow: 1;
}

.detail--uogtW .value--AeLs5 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px; 
  margin-bottom: 8px;
}

.detail--uogtW .hint--ciC8r {
  font-size: 13px;
  line-height: 20px;
  white-space: pre-line;
}

.warningMessage--kwrWl {
  margin-top: 32px;
  width: 100%;
}

@media (max-width: 767px) {
  .wrapper--45u72 {
    padding: 24px;
  }
  .details--\+FoHj {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8px;
    row-gap: 16px;
  }
  .section--z640\+:nth-of-type(1) {
    padding-bottom: 24px;
  }
  .section--z640\+:nth-of-type(2) {
    padding-top: 24px;
  }
  .warningMessage--kwrWl {
    margin-top: 24px;
  }
} 
.featuresWrapper--IouEJ {
  display: flex;
  gap: 24px;
  margin-top: 32px;
}

@media (max-width: 1279px) {
  .featuresWrapper--IouEJ {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .featuresWrapper--IouEJ {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}

.message--aw80k {
  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--\+VrIU {
  min-width: 20px;
}

.homePage--1eV1g {
  position: relative;
}

.container--TB26j {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image--kJKsE {
  height: 185px;
  width: 240px;
  object-fit: contain;
  margin: 0 auto 24px;
}

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

.name--DOubK {
  font-family: 'TT Commons Pro', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  margin-bottom: 8px;
}

.text--SM-Sp {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: rgb(var(--dark-gray));
  margin-bottom: 32px;
}

.buttons--PPDea {
  display: flex;
  align-items: center;
  gap: 16px;
}

.modal--ZX-NW {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--Eo4\+g {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.buttons--l7A\+- {
  display: flex;
  gap: 24px;
}

.container--pc6Za {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--Zh6W\+ {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.manual--IT4it {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 768px) {
  .container--pc6Za {
    gap: 24px;
  }
}

.wrapper--bH9hw {
  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--7UYZa {
  max-width: 440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

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

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

.text--XzQXx a,
.text--XzQXx a:hover {
  color: rgb(var(--gray));
  text-decoration: underline;
}

.requestHeader--7E7QB {
  display: flex;
  justify-content: space-between;
}

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

.content--\+l\+le {
  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--CjEOd {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}

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

.title--LTfZX.withSubtitle--o61Ze {
  margin-bottom: 4px;
}

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

.list--yu5T6 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 40px;
}

.emptyList--ODdpS {
  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--ODdpS img {
  width: 120px;
  height: 95px;
  object-fit: contain;
}

.emptyListDescription--5F942 {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.buttons--VSLYV {
  display: flex;
  gap: 16px;
  margin-top: -8px;
}

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

@media (max-width: 1279px) {
  .list--yu5T6 {
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .requestHeader--7E7QB {
    margin-bottom: 24px;
    gap: 24px;
    flex-direction: column;
    align-items: baseline;
  }
  .content--\+l\+le {
    padding: 24px 16px;
  }
  .favoritesTitle--CjEOd {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
  }
  .title--LTfZX {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 24px;
  }
  .subtitle---FR51 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
  }
  .list--yu5T6 {
    gap: 12px;
    margin-bottom: 32px;
  }
  .emptyList--ODdpS {
    padding: 24px 16px;
  }
  .emptyListDescription--5F942 {
    text-align: center;
  }
  .buttons--VSLYV {
    flex-direction: column;
    align-items: baseline;
  }
  .button--Ah6qh {
    width: fit-content;
  }
}

.popup--MAHZr {
  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--ZX7me {
  color: rgb(var(--graphite));
  position: absolute;
  top: 8px;
  right: 8px;
}

.topPart--6Bfv\+ {
  border-bottom: 1px solid rgb(var(--light-gray-border));
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
}

.bottomPart--YXnlt {
  display: flex;
  gap: 16px;
  padding: 24px 32px;
}

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

.line--p\+nOb {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

.line--p\+nOb + .line--p\+nOb {
  margin-top: 16px;
}

.label--NaMLv {
  font-weight: 600;
  margin-right: 16px;
}

.dateWrapper--mQvNs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
}

.errorText--UEWcc {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

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

.errorText--UEWcc a:hover {
  color: rgb(var(--blue));
}

.successPopup--JiLL2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  padding: 40px 0;
}

.successIcon--tnAPQ {
  color: rgb(var(--yellow));
  flex-shrink: 0;
}

.successTitle--Q73DR {
  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--MAHZr {
    top: 20px;
    right: -16px; 
    width: 288px;
  }

  .topPart--6Bfv\+ {
    padding: 24px 16px;
  }

  .bottomPart--YXnlt {
    flex-direction: column;
    padding: 24px 16px;
  }

  .title--MWyU6 {
    padding-right: 16px;
  }

  .line--p\+nOb {
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }

  .label--NaMLv {
    display: block;
    margin: 0 0 8px;
  }

  .dateWrapper--mQvNs {
    display: flex;
    flex-direction: column;
  }

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

.qesBadges--YEINF {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.badge--2cT3o {
  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--2cT3o.withAction--i37v5 {
  cursor: pointer;
}
.badge--2cT3o.withAction--i37v5:hover {
  opacity: 0.8;
}

.badge--2cT3o.loading--kOeQ- {
  cursor: auto;
  opacity: 0.5;
}

.badge--2cT3o.disabled--uZTIU {
  cursor: auto;
  opacity: 0.5;
}

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

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

.yellow--sUeT1 {
  background-color: rgb(var(--yellow));
  color: rgb(var(--button-text));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.success--7Mr08 {
  background-color: rgb(var(--light-green));
  color: rgb(var(--black));
}

.success--7Mr08 svg {
  fill: rgb(var(--green));
}

.link--PplJr {
  border-bottom: none;
  color: rgb(var(--blue));
}

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

.icon--WMRij[data-test='icon_loader'] {
  animation: rotate--coAVw 1s linear infinite;
}

.qesPasswordLoading--3F1z0 {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: rgb(var(--gray));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

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

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

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

.spinner--AqZF7::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--AqZF7::after {
  background: rgb(var(--light-gray));
  border-radius: 50%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

@media (max-width: 767px) {
  .badge--2cT3o {
    padding: 3px 12px 3px 8px;
    font-size: 12px;
    line-height: 16px;
  }

  .link--PplJr {
    font-size: 12px;
    line-height: 16px;
  }

  .linkBadge--P68u6 {
    padding: 0;
  }
}


.title--ArNdO {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 16px 0 12px;
}

.icon--3IwY\+ {
  color: rgb(var(--dark-gray));
}

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

.requirements--PzxlS {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.requirement--NEewb {
  display: flex;
  align-items: center;
  gap: 8px;
}

.container--z1rRn {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
}

.bullet--PzR\+K {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 10px;
}

.bold--NqjhR {
  font-weight: 700;
}

.modal--fsmIS {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.image--6mWAB {
  width: 240px;
  height: 190px;
}

.title--CgybR {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.text--4EBaL {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.text--4EBaL a {
  color: rgb(var(--black));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.text--4EBaL a:hover {
  color: rgb(var(--blue));
}

.errorText--1DU6d {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.errorText--1DU6d a {
  color: rgb(var(--red));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.errorText--1DU6d a:hover {
  color: rgb(var(--blue));
}

.buttons--4ZvYL {
  display: flex;
  gap: 24px;
}

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

@media (max-width: 767px) {
  .modal--fsmIS {
    gap: 24px;
  }
  .image--6mWAB {
    height: 127px;
    width: 160px;
  }
  .title--CgybR {
    font-size: 18px;
    line-height: 22px;
  }
  .buttons--4ZvYL {
    gap: 16px;
  }
}


.modal--96tPD {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-height: 100%;
  padding-right: 0;
}

.title--SRaMS {
  font-family: TT Commons Pro, sans-serif;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
}

.list--ryYmb {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  scrollbar-color: rgb(var(--gray-blue)) rgb(var(--white));
}

.item--4uWlv {
  background: rgb(var(--light-gray));
  border-radius: 8px;
  color: rgb(var(--dark-gray));
  max-width: 490px;
  padding: 16px;
}

.active--s6Pjm {
  background: rgb(var(--light-blue));
  color: rgb(var(--black));
}

.info--3SIIK {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 8px;
}

.itemTitle--2uEPE {
  display: flex;
  font-weight: 600;
  justify-content: space-between;
}

.info--3SIIK p {
  overflow-wrap: break-word;
}

.changeDate--q--QS {
  flex-shrink: 0;
}

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

@media (max-width: 767px) {
  .modal--96tPD {
    gap: 24px;
    padding-right: 8px;
  }

  .title--SRaMS {
    font-size: 18px;
    line-height: 22px;
  }

  .item--4uWlv {
    margin-right: 8px;
    max-width: none;
  }

  .itemTitle--2uEPE {
    flex-direction: column-reverse;
    font-weight: 400;
    gap: 8px;
  }

  .info--3SIIK p {
    flex-direction: column-reverse;
    font-size: 12px;
    font-weight: 400;
    gap: 8px;
    line-height: 16px;
  }

  .info--3SIIK p:first-child {
    font-weight: 400;
  }
}

.modal--y\+bog {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.title--D\+mzS {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

@media (max-width: 767px) {
  .modal--y\+bog {
    gap: 24px;
  }
  .title--D\+mzS {
    font-size: 18px;
    line-height: 22px;
  }
}

.wrapper--SbMMQ {
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.title--pIF8n {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.content--ltheu {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.line--rMfZF {
  display: flex;
  align-items: center;
  gap: 16px;
}

.label--dCRDY {
  font-weight: 600;
}

.shareContainer--DMV2- {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

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

@media (max-width: 767px) {
  .title--pIF8n {
    font-size: 18px;
    line-height: 22px;
  }
  .line--rMfZF {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .shareContainer--DMV2- {
    align-items: flex-start;
    overflow-wrap: break-word;
    width: 100%;
  }
}

@keyframes loading--v6oIF {
  0% {
    color: currentColor;
  }
  50% {
    color: rgb(var(--yellow));
  }
  100% {
    color: currentColor;
  }
}

.card--aG3ux {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  padding: 16px 24px;
}

.content--H66Pe {
  display: flex;
}

.employeeInfo--lZLK4 {
  display: flex;
  flex: 1 1 auto;
  gap: 16px;
}

.footer--\+ouP3 {
  border-top: 1px solid rgb(var(--light-gray-border));
  margin-top: 16px;
  padding-top: 16px;
}

.cardIcon--s4SAR {
  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--ts-xg .cardIcon--s4SAR {
  color: rgb(var(--gray));
}

.title--Rr3pp {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 8px;
  overflow-wrap: break-word;
}

.blocked--ts-xg .title--Rr3pp {
  color: rgb(var(--gray));
}

.subtitle--sQBo3 {
  color: rgb(var(--gray));
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow-wrap: break-word;
}

.controls--J-ymI {
  position: relative;
  flex-shrink: 0;
}

.control--oHCI6 {
  background: transparent;
  border: none;
  color: rgb(var(--dark-gray));
  height: 32px;
  width: 32px;
  padding: 4px;
}

.control--oHCI6.load----I6S {
  animation: 1.5s infinite loading--v6oIF;
  cursor: auto;
}

.control--oHCI6:not(.load----I6S):hover {
  color: rgb(var(--black));
  cursor: pointer;
}

.desktopMenu--5mDBg {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: baseline;
}

.mobileMenu--KHzyo {
  display: none;
}

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

  .cardIcon--s4SAR {
    height: 36px;
    width: 36px;
  }

  .cardIcon--s4SAR svg {
    height: 20px;
    width: 20px;
  }

  .title--Rr3pp {
    font-size: 14px;
    line-height: 18px;
  }

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

  .control--oHCI6 {
    height: 24px;
    width: 24px;
    padding: 0;
  }

  .desktopMenu--5mDBg {
    display: none;
  }

  .mobileMenu--KHzyo {
    display: block;
  }
}

.wrapper--qddTh {
  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--4ooEB {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.stepTitle--Xi3me {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.accordion--ILw23 {
  margin-bottom: 32px;
}

.accordionTitle--IrM9Y {
  display: flex;
  gap: 16px;
}

.accordionContent--CjhSP {
  padding: 32px;
}

.titleCounter--m322T {
  color: rgb(var(--gray));
}

.errorIcon--6pMA1 {
  color: rgb(var(--red));
}

.successIcon--lf5Gs {
  color: rgb(var(--green));
}

.userList--f0IKE {
  margin-bottom: 8px;
}

.userList--f0IKE > div:last-child {
  border: none;
}

.error--y8NDa {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  white-space: pre-line;
}

.error--y8NDa a,
.error--y8NDa a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

.buttons--BmJNF {
  display: flex;
  gap: 32px;
}

@media (max-width: 767px) {
  .wrapper--qddTh {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .stepWrapper--4ooEB {
    gap: 16px;
  }

  .stepTitle--Xi3me {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }

  .stepText--Wno6Z {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .accordion--ILw23 {
    margin-bottom: 24px;
  }

  .accordionTitle--IrM9Y {
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .accordionContent--CjhSP {
    padding: 24px 16px;
  }

  .errorIcon--6pMA1,
  .successIcon--lf5Gs {
    display: none;
  }

  .error--y8NDa {
    font-size: 12px;
    line-height: 16px;
  }

  .buttons--BmJNF {
    flex-wrap: wrap;
    gap: 24px;
  }
}

/* SelectAssigneeModal */

.modal--1wcev {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.modalTitle--llMWo {
  font-family: "TT Commons Pro", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 28px;
}

.modalSection--8o-Cv {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modalList--Txph\+ {
  margin-left: 24px;
}

.buttons--jLUZF {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 767px) {
  .modal--1wcev {
    gap: 24px;
  }
  .modalTitle--llMWo {
    font-size: 18px;
    line-height: 22px;
  }
  .modalSection--8o-Cv {
    font-size: 14px;
    line-height: 18px;
  }
  .buttons--jLUZF {
    gap: 16px;
  }
}

/* SelectAssigneeAutocomplete */

.wrapper--xNKNW {
  position: relative;
}

.input--cWdh8 input {
  outline: 2px solid rgb(var(--yellow));
}

/* SelectAssigneeDropdown */

.dropdown--Kb6B4 {
  max-height: 272px;
  padding: 8px 0;
}

.dropdown--Kb6B4 [data-test='dropdownTitle'] {
  padding-bottom: 8px;
}

.itemsContainer--Li01n {
  max-height: calc(58px * 3);
  overflow: auto;
}

.item--cuJy0 {
  padding: 8px 16px;
  color: rgb(var(--black));
  cursor: pointer;
  background-color: rgb(var(--white));
  transition: background-color var(--transition);
}

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

.itemTitle--4IyLe {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.itemInfo--t3i56 {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.itemInfo--t3i56,
.itemTitle--4IyLe {
  -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--VKev8 {
  color: rgb(var(--black));
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 16px;
}

.error--R9yRY {
  color: rgb(var(--red));
}

.skeleton--mpc12 {
  background-color: rgba(var(--gray-blue), .5);
  border-radius: 20px;
  margin: 4px 0;
}

.itemTitle--4IyLe .skeleton--mpc12 {
  height: 10px;
  width: 57px;
}

.itemTitle--4IyLe:has(.skeleton--mpc12) {
  margin-bottom: 3px;
}

.itemInfo--t3i56 .skeleton--mpc12 {
  height: 9px;
  width: 80px;
}


.sectionTitle--5See4 {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 16px;
}

.sectionLine--kemf1 {
  background-color: rgb(var(--light-gray-border));
  border: none;
  height: 1px;
  margin: 32px 0;
}

@media (max-width: 767px) {
  .sectionLine--kemf1 {
    margin: 24px 0;
  }
}

.pageHeader--8rZgq {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.pageTitle--23pXy {
  margin-bottom: 0;
}

.buttons--RRivW {
  display: flex;
  gap: 24px;
}

.buttonDropdown--O1a\+I {
  display: none;
  top: 100%;
}

.buttonWithDropdown--vcVmZ:hover + .buttonDropdown--O1a\+I,
.buttonDropdown--O1a\+I:hover {
  display: block;
}

.buttonDropdown--O1a\+I svg {
  flex-shrink: 0;
}

.addEmployeeRegistry--itMsA {
  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--itMsA:hover {
  background-color: rgb(var(--light-gray));
}

@media (max-width: 767px) {
  .pageHeader--8rZgq {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 24px;
  }
  .buttons--RRivW {
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 16px;
  }
}

.wrapper--Q7Srl {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  margin-bottom: 32px;
  padding: 32px;
}

.form--qDmXV {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 32px;
  max-width: 532px;
}

.bold--FXT1\+ {
  font-weight: 600;
}

.stepWrapper--CIDKt {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.stepTitle--ivWMR {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.link--iZZbK {
  cursor: pointer;
  display: flex;
  gap: 16px;
  padding: 0;
}

.link--iZZbK:hover {
  color: rgb(var(--blue));
  text-decoration: underline;
  text-underline-offset: 3px;
}

.downloadIcon--igxNz {
  color: rgb(var(--yellow));
}

.errorText--AlKSg {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

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

.errorText--AlKSg a:hover {
  color: rgb(var(--blue));
}

.hint--GYwzd {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.hint--GYwzd p + p {
  margin-top: 4px;
}

.uploadError--PjKto {
  color: rgb(var(--red));
  display: flex;
  align-items: center;
  gap: 8px;
}

.uploaderText--rlqAA {
  margin-bottom: 16px;
}

.uploaderButton--HrUzb {
  margin-bottom: 8px;
}

.buttons--vNlu2 {
  display: flex;
  gap: 16px;
}

@media (max-width: 767px) {
  .wrapper--Q7Srl {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .description--z5-3q {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .buttons--vNlu2 {
    flex-wrap: wrap;
  }

  .form--qDmXV {
    gap: 24px;
  }
}

.section--gg3OB {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
  max-width: 532px;
  width: 100%;
}

.sectionTitle--khvbk {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.sectionSubtitle--vooUu {
  margin-top: 8px;
}

.sectionError--TDxOV {
  color: rgb(var(--red));
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 8px;
}

.error--sQ6FT {
  color: rgb(var(--red));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.hint--IXqqC {
  color: rgb(var(--gray));
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.disabledField--Iewgp {
  opacity: 0.5;
}

.disabledField--Iewgp input[disabled] {
  cursor: not-allowed;
  opacity: 1;
}

.radioGroup--OnYbk {
  flex-direction: row;
  gap: 32px;
}

.multipleFieldsWrapper--XKJ97 {
  display: flex;
  gap: 24px;
  width: 100%;
}

.multipleFieldsWrapper--XKJ97 div {
  width: 100%;
}

.linkButton--PSSHV {
  background-color: transparent;
  border: none;
  color: rgb(var(--blue));
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  width: 228px;
}

.linkButton--PSSHV:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.linkButton--PSSHV:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

.disabledButton--6YQyM {
  cursor: not-allowed;
  opacity: 0.5;
}

.disabledButton--6YQyM:hover {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.buttons--tNFRX {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

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

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

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

.spinner--msI10::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--msI10::after {
  background: rgb(var(--white));
  border-radius: 50%;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}

@media (max-width: 1279px) {
  .section--gg3OB {
    max-width: 516px;
  }
}

@media (max-width: 767px) {
  .section--gg3OB {
    gap: 16px;
    margin-top: 24px;
    max-width: unset;
  }
  .radioGroup--OnYbk {
    flex-direction: column;
    gap: 16px;
  }
  .multipleFieldsWrapper--XKJ97 {
   flex-direction: column;
  }
  .buttons--tNFRX {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 24px;
  }
}

.pageHeader--Ns9MK {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
  margin-bottom: 32px;
}

.pageTitle--XW-KP {
  margin: 0;
}

.registryButton--Asv4S {
  flex-shrink: 0;
}

.pageWrapper--osPnn {
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 32px;
}

.contentHeader--52yuY {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.contentHeader--52yuY p {
  max-width: 516px;
}

.modalLink--DGYze {
  background-color: transparent;
  border: none;
  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;
}

.modalLink--DGYze:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.modalLink--DGYze:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

@media (max-width: 1279px) {
  .contentHeader--52yuY {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .pageHeader--Ns9MK {
    gap: 16px;
    margin-bottom: 24px;
  }
  .pageWrapper--osPnn {
    padding: 24px 16px;
  }
  .contentHeader--52yuY {
    font-size: 13px;
    line-height: 20px;
  }
  .modalLink--DGYze {
    font-size: 12px;
    line-height: 16px;
  }
  .modalLinkIcon----4gZ {
    height: 16px;
    width: 16px;
  }
}

.wrapper--7TRiL {
  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--AEUFJ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.stepTitle--USThK {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
}

.stepText--eDXzS {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.accordion--2m3jn {
  margin-bottom: 32px;
}

.accordionTitle--LIF5m {
  display: flex;
  gap: 16px;
}

.accordionContent--M8hub {
  padding: 24px 32px;
}

.titleCounter--dKKEG {
  color: rgb(var(--gray));
}

.errorIcon--61ICr {
  color: rgb(var(--red));
}

.successIcon--j2UEi {
  color: rgb(var(--green));
}

.userList--kCO2Z {
  margin-bottom: 8px;
}

.userList--kCO2Z > div:last-child {
  border: none;
}

.error--N7Fer {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  white-space: pre-line;
}

.error--N7Fer a,
.error--N7Fer a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

.buttons--TtQw7 {
  display: flex;
  gap: 32px;
}

.header--480IV {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

.stepsModalLink--Gg0gX {
  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--Gg0gX:hover {
  border-color: rgb(var(--blue-hover));
  color: rgb(var(--blue-hover));
}

.stepsModalLink--Gg0gX:focus {
  border-color: rgb(var(--blue));
  color: rgb(var(--blue));
}

.title--IWEl7 {
  margin-bottom: 0;
}

.errorDescription--tHZcO {
  display: flex;
  flex-direction: column;
  gap: 22px;
  color: var(--black, #3D4047);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}

.errorDescription--tHZcO ul {
  list-style: inside;
  padding-left: 12px;
}

@media (max-width: 767px) {
  .wrapper--7TRiL {
    margin-bottom: 24px;
    padding: 24px 16px;
  }

  .stepWrapper--AEUFJ {
    gap: 16px;
  }

  .stepTitle--USThK {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
  }

  .stepText--eDXzS {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
  }

  .accordion--2m3jn {
    margin-bottom: 24px;
  }

  .accordionTitle--LIF5m {
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
  }

  .accordionContent--M8hub {
    padding: 24px 16px;
  }

  .errorIcon--61ICr,
  .successIcon--j2UEi {
    display: none;
  }

  .error--N7Fer {
    font-size: 12px;
    line-height: 16px;
  }

  .buttons--TtQw7 {
    flex-wrap: wrap;
    gap: 24px;
  }

  .header--480IV {
    flex-direction: column;
  }

  .errorDescription--tHZcO {
    font-size: 12px;
    font-weight: 400;
    gap: 16px;
    line-height: 16px;
  }
}

@media (max-width: 767px) {
  .title--T9wv4 {
    line-height: 28px;
  }
}

.errorContent--8\+aKU {
  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--aYbTg {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

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

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

.title--ZNF0I {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

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

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

.requirements--VGitm {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}

.requirement--UfaIl {
  display: flex;
  align-items: center;
  gap: 8px;
}

.container--TbEnb {
  height: 24px;
  width: 24px;
  flex-shrink: 0;
}

.bullet--6Cv91 {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 10px;
}

.bold--OTiXm {
  font-weight: 700;
}

.page--hj-QJ {
  padding: 32px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  flex-grow: 1;
}

.form--J-7qC {
  max-width: 532px;
}

.inputWrapper--2F1wL {
  margin-bottom: 32px;
  position: relative;
}

.inputWrapper--2F1wL:nth-of-type(2) {
  margin-bottom: 16px;
}

.toggleIcon--\+hvNJ {
  color: rgb(var(--gray));
  position: absolute;
  right: 16px;
  top: 40px;
  transition: color var(--transition);
}

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

.buttons--kv4Oy {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.error--k9poO {
  color: rgb(var(--red));
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 32px;
  white-space: pre-line;
}

.error--k9poO a,
.error--k9poO a:hover {
  color: rgb(var(--red));
  text-decoration: underline;
}

@media (max-width: 767px) {
  .page--hj-QJ {
    padding: 24px 16px;
  }
}

.input--EJpS2 div input {
  text-overflow: ellipsis;
}

.fillPage--Dt4DH {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form--gT1Kv {
  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--\+2HnJ {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.name--Vypew {
  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--BaNNQ {
  flex-shrink: 0;
}

.formParams--rzpJr {
  max-width: 532px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.buttons--8yCOE {
  display: flex;
  gap: 24px;
}

.templateField--ygdjf {
  position: relative;
}

.lockClientFill--w8cvb {
  position: absolute;
  left: calc(100% + 24px);
  top: 40px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.tooltipIcon--dpZ6r {
  height: 16px;
  width: 16px;
  cursor: pointer;
  color: rgb(var(--gray-blue));
  transition: color var(--transition);
}

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

.mobile--wMwYH {
  display: none;
}

@media (max-width: 780px) {
  .lockClientFill--w8cvb {
    position: static;
    align-items: baseline;
    margin-top: 8px;
  }

  .desktop--2MCaR {
    display: none;
  }

  .mobile--wMwYH {
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgb(var(--blue));
    cursor: pointer;
  }

  .mobile--wMwYH:hover {
    color: rgb(var(--blue-hover));
  }

  .mobile--wMwYH:hover button {
    color: rgb(var(--blue-hover));
  }
}

@media (max-width: 580px) {
  .formHeader--\+2HnJ {
    flex-direction: column;
  }

  .buttons--8yCOE {
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
}

.content--OAw3u {
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  padding: 32px;
  margin-top: 32px;
}

.textWrapper--uRK5o {
  max-width: 616px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.linkPayTitle--Ur0y\+ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.linkPayTitle--Ur0y\+ h1 {
  margin-bottom: 0;
}

.subtitle---wj1D {
  padding-left: 44px;
}

.active--Z7NRs {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.buttons--QLNhI {
  margin-top: 32px;
  display: flex;
  gap: 16px;
}

.list--plbfJ {
  list-style: inside;
}

.bold--Kzbrk {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.radioLabel--X-6yN {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 16px;
}

.errorMessage--PCc45 {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-red));
  padding: 16px;
  margin-top: 32px;
}

.errorIcon--z6IiK {
  color: rgb(var(--red));
  flex-shrink: 0;
}

.errorText--bag\+L {
  color: rgb(var(--red));
}

@media (max-width: 1279px) {
  .linkPay--7X1X8 {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .buttons--QLNhI {
    flex-direction: column;
    max-width: 150px;
    gap: 24px;
  }
  .content--OAw3u {
    margin-top: 24px;
    padding: 24px 16px;
  }
  .successIcon--IMgAI {
    width: 18px;
  }
  .textWrapper--uRK5o {
    gap: 24px;
  }
  .buttons--QLNhI {
    margin-top: 24px;
  }
}



.content--4ciE4 {
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  padding: 32px;
  margin-top: 32px;
}

.title--Zvz85 h1 {
  margin-bottom: 0;
}

.infoMessage---PaOD {
  display: flex;
  padding: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-gray));
  gap: 16px;
  align-items: center;
}

.infoMessageIcon--wGJ9A {
  color: rgb(var(--gray));
  flex-shrink: 0;
}

.infoMessageLink--886TB,
.infoMessageLink--886TB:hover {
  color: inherit;
  text-decoration: underline;
}

.textWrapper--WqhmH {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}

.pawLogo--V9ufX {
  width: 196px;
  height: 22px;
  flex-shrink: 0;
}

.text--AaoSj {
  display: flex;
  flex-direction: column;
  max-width: 616px;
}

.list--G-n5D {
  padding-left: 20px;
}

.errorMessage--jxiZ6 {
  display: flex;
  gap: 16px;
  border-radius: 8px;
  background-color: rgb(var(--light-red));
  padding: 16px;
  margin: 32px 0 24px;
}

.errorIcon--sdTQ2 {
  color: rgb(var(--red));
  flex-shrink: 0;
}

.errorText--WShAv {
  color: rgb(var(--red));
}

.active--5m4wQ {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.subtitle--Hp2DG {
  padding-left: 44px;
  margin-top: 12px;
}

.buttons--PhpAO {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

.docLink--p6X0T {
  padding: 16px 0 32px;
}

.accountNumberInput--IxcQy {
  max-width: 616px;
  margin-bottom: 24px;
}

.copyText--SJ89h {
  max-width: 616px;
}

@media (max-width: 1279px) {
  .accountNumberInput--IxcQy, .copyText--SJ89h {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .textWrapper--WqhmH {
    gap: 16px;
    margin-top: 24px;
    flex-direction: column-reverse;
  }
  .pawLogo--V9ufX {
    width: 144px;
    height: 16px;
  }
  .text--AaoSj {
    max-width: 460px;
  }
  .text--AaoSj, .infoMessage---PaOD {
    font-size: 12px;
    line-height: 16px;
  }
  .infoMessageIcon--wGJ9A {
    display: none;
  }
  .content--4ciE4 {
    margin-top: 24px;
    padding: 24px 16px;
  }
  .docLink--p6X0T {
    padding-bottom: 24px;
  }
  .buttons--PhpAO {
    flex-direction: column;
    max-width: 150px;
    gap: 24px;
  }
  .successIcon--vrT40 {
    width: 18px;
  }
}



.payments--eb2R0 {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.info--ofoon {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  border-radius: 8px;
  background: rgb(var(--white));
}

.bold--4LQXR {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.list--bd89t {
  list-style-position: inside;
}

.hint--793yw {
  color: rgb(var(--gray));
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.methods--VqOyE {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 24px;
}

.paymentMethod--2pbp3 {
  padding: 24px;
  background: rgb(var(--white));
  border-radius: 12px;
  box-shadow: var(--shadow-blue);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.paymentTitle--Q0Jmk {
  font-family: TT Commons Pro, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  margin-bottom: 24px;
}

.paymentInfo--FyBqi {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
}

.active--QVE1q, .connect--eGxLd {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--green));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  height: 24px;
}

.connect--eGxLd {
  color: rgb(var(--black));
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.pawLogo--\+1ocr {
  width: 213px;
  height: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .methods--VqOyE {
    gap: 16px;
  };
}


@media (max-width: 767px) {
  .payments--eb2R0 {
    gap: 24px;
  }
  .methods--VqOyE {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .successIcon--NiBVF {
    width: 16px;
  }
}

.reviewCard--z4oUD {
  display: flex;
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  padding: 16px 20px 16px 24px;
  gap: 24px;
  box-shadow: var(--shadow-blue);
  cursor: pointer
}

.reviewCard--z4oUD:hover {
  box-shadow: 1px 1px 20px 0px rgba(var(--graphite), 0.16);
}

.date--rk4TD {
  max-width: 120px;
  width: 100%;
}

.client--cLXgF {
  max-width: 312px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.client--cLXgF span {
  margin-top: 4px;
  font-size: 13px;
  color: rgb(var(--gray));
}

.review--O8JDM {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 228px;
  width: 100%;
  height: 44px;
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: normal;
}

.documentSvg--sOXbt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  cursor: pointer;
}

.documentSvg--sOXbt div {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.documentSvg--sOXbt:hover {
  background-color: rgb(var(--light-gray-hover));
  border-radius: 50%;
}

.documentSvgMobile--qIQ4Y {
  display: none;
  width: 40px;
  height: 40px;
}

@media (max-width: 1279px) {
  .reviewCard--z4oUD {
    gap: 16px;
    padding: 16px 8px 16px 16px;
  }

  .date--rk4TD {
    min-width: 96px;
    flex-shrink: 1;
  }

  .client--cLXgF {
    flex-shrink: 1;
    min-width: 192px;
  }

  .rating--n--tn {
    min-width: 128px;
  }

  .review--O8JDM {
    max-width: none;
    min-width: 192px;
  }
}

@media (max-width: 767px) {
  .reviewCard--z4oUD {
    flex-direction: column;
    gap: 8px;
  }

  .date--rk4TD {
    display: flex;
    justify-content: space-between;
    max-width: 100%
  }

  .client--cLXgF {
    white-space: wrap;
  }

  .rating--n--tn {
    height: 20px
  }

  .review--O8JDM {
    max-width: 100%;
    padding-right: 16px;
    height: fit-content;
  }

  .tooltip--jtiQT {
    display: none;
  }

  .documentSvgMobile--qIQ4Y {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .documentSvgMobile--qIQ4Y:active {
    background-color: rgb(var(--light-gray-hover));
    border-radius: 50%;
  }
}

.title--fxP0A {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 32px;
}

.subtitle--3FNrh {
  margin-bottom: 4px;
  font-weight: 600;
}

.starWithOutline--crmSD {
  fill: rgb(var(--yellow));
}

.wrapper--NTWEn {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}

.client--zlkmm span {
  margin-top: 4px;
  display: block;
  color: rgb(var(--gray));
  font-size: 13px;
}

.review--JvYrj {
  max-width: 490px;
  width: 100%;
}

.review--JvYrj p {
  overflow-wrap: break-word;
  word-wrap: break-word;    
  word-break: normal; 
}

.button--WixuS {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.wrapper--71JK8 {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
  background-color: rgb(var(--white));
  border-radius: 12px;
  align-items: center;
  justify-content: center;
}

.noReviews--VGust {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.title--xRGaM {
  font-family: TT Commons Pro, sans-serif;
  font-weight: 600;
}

.text--ZiP1h {
  font-size: 15px;
  font-weight: 400;
  color: rgb(var(--gray));
  max-width: 440px;
  text-align: center;
}
.header--Vgxv1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  flex-wrap: wrap;
  gap: 16px;
}

.title--UoQiE {
  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: 12px;
}

.back--52rXD {
  cursor: pointer;
  color: rgb(var(--gray-blue));
  flex-shrink: 0;
}

.subtitle--veM\+g {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 44px;
  gap: 8px;
}

.companyName--mcf8j {
  color: rgb(var(--gray));
}

.reviewInfo--a8XZZ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviewStar--DY9Wt {
  fill: rgb(var(--yellow));
}

.reviewRate--Bb3Xg {
  font-size: 15px;
  font-weight: 600;
}

.reviewSplit--WQsVh {
  color: rgb(var(--light-gray-border));
}

.buttonDownload--One3r {
  padding: 14px 16px;
  font-size: 15px;
  max-height: 48px;
}

.sort--RlCmt {
  padding: 8px 8px 8px 24px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  gap: 24px;
}

.sortClick--6bygq {
  cursor: pointer;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgb(var(--dark-gray));
  font-weight: 600;
}

.sortClick--6bygq:hover {
  color: rgb(var(--black));
}

.feedbackSortSelect--MHqvi {
  display: none;
  margin-bottom: 8px;
}

.feedbackSortSelect--MHqvi > div > div > div > svg {
  fill: rgb(var(--dark-gray));
}

.feedbackSortSelect--MHqvi > div[data-class=selectDrop] {
  max-height: 256px;
}

.reviewTitle--FPYP5 .sortClick--6bygq {
  cursor: default;
}

.reviewTitle--FPYP5 .sortClick--6bygq:hover {
  color: rgb(var(--dark-gray));
}

.sortingPlace--xg-bj {
  color: rgb(var(--black));
}

.dataTitle--R8eKX {
  max-width: 120px;
  width: 100%;
}

.clientTitle--s5t-G {
  max-width: 312px;
  width: 100%;
}

.rateTitle--7rKWb {
  max-width: 144px; 
  width: 100%;
}

.reviewTitle--FPYP5 {
  width: 100%;
  max-width: 228px;
}

.hiddenBlockTitle--rPLv2 {
  width: 44px; 
  height: 44px; 
  flex-shrink: 0;
}

.reviews--B6Tsx {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  margin-bottom: 24px;
}

@media (max-width: 1279px) {
  .sort--RlCmt {
    gap: 16px;
    padding-left: 16px;
  }

  .dataTitle--R8eKX {
    min-width: 96px;
  }

  .clientTitle--s5t-G {
    flex-shrink: 1;
    min-width: 192px;
  }

  .rateTitle--7rKWb {
    min-width: 128px;
  }

  .reviewTitle--FPYP5 {
    min-width: 192px;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .header--Vgxv1 {
    margin-bottom: 24px;
  }

  .title--UoQiE {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .subtitle--veM\+g {
    gap: 12px;
  }

  .buttonDownload--One3r {
    height: 36px;
    font-size: 13px;
    padding: 8px 12px;
    gap: 0;
  }

  .sort--RlCmt {
    display: none;
  }

  .feedbackSortSelect--MHqvi {
    display: block;
  }
}
.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;
  }
}

/* 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;
  --light-yellow: 255, 245, 183;
  --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;
  --light-green-bg: 235, 251, 243;
  --red: 230, 74, 25;
  --error-red: 248, 119, 119;
  --light-red: 255, 233, 222;
  --light-red-bg: 253, 241, 237;
  --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;

  --shadow-blue: 0 0 20px 0 rgba(19, 57, 255, 0.05);
  --shadow-hover: 1px 1px 20px 0 rgba(85, 89, 99, 0.16);
  --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;
}

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