* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: sans-serif;
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
}

body {
  color: #111827;
  margin: 0 auto;
  overflow-x: hidden;
  width: 100% !important;
}

body .ant-select:hover .ant-select-selector, body .ant-input:hover {
  border-color: #111827 !important;
}

button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.customItem__error {
  color: #e03137;
  margin-top: 6px;
  font-size: 12px;
  line-height: 120%;
  display: block;
}

.ant-switch-checked {
  background-color: #323b49 !important;
}

.ant-switch-checked:hover {
  background: #111827 !important;
}

svg.LoadingOutlined_svg__rotate-infinite, svg.ant-spin-dot {
  animation: 1s linear infinite rotate;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

:root {
  --clr-text-primary: #111827;
  --clr-text-secondary: #71717a;
  --clr-text-tertiary: #687588;
  --clr-text-muted: #45404a;
  --clr-text-disabled: #a1a1aa;
  --clr-text-inverse: #fff;
  --clr-bg-page: #e4e4e7;
  --clr-bg-surface: #fafafa;
  --clr-bg-muted: #f4f4f5;
  --clr-bg-white: #fff;
  --clr-bg-selected: #f1f1f1;
  --clr-border: #e4e4e7;
  --clr-border-light: #e9eaec;
  --clr-border-strong: #d4d4d8;
  --clr-border-input: #d4d4d8;
  --clr-primary: #ff2e1f;
  --clr-primary-hover: #ff3324;
  --clr-primary-active: #ff2e1f;
  --clr-secondary: #111827;
  --clr-secondary-hover: #18181b;
  --clr-secondary-active: #000;
  --clr-button-neutral: #e7e7e8;
  --clr-button-neutral-hover: #dcdcdc;
  --clr-success: #0caf60;
  --clr-success-strong: #52c41a;
  --clr-success-accent: #17c964;
  --clr-success-bg: #67cd9c33;
  --clr-danger: #e03137;
  --clr-danger-strong: #ff2e1f;
  --clr-danger-soft: #ef4444;
  --clr-danger-bg: #e031371a;
  --clr-warning: #f59e0b;
  --clr-warning-accent: #ffd023;
  --clr-warning-border: #ffc107;
  --clr-warning-bg: #fff3cd;
  --clr-warning-text: #856404;
  --clr-info: #1677ff;
  --clr-info-processing: #1f9aff;
  --clr-info-google: #1a73e8;
  --clr-info-google-bg: #e8f0fe;
  --clr-overlay: #0000001a;
  --clr-overlay-strong: #0003;
  --clr-overlay-backdrop: #0006;
  --clr-overlay-white: #ffffffb3;
  --clr-black: #000;
  --clr-white: #fff;
}

.client-layout--native[data-theme] {
  --np-ink: #0e0e10;
  --np-ink-a60: #0e0e1099;
  --np-ink-a40: #0e0e1066;
  --np-ink-a16: #0e0e1029;
  --np-ink-a08: #0e0e1014;
  --np-paper: #fff;
  --np-paper-a60: #fff9;
  --np-canvas: #f4f4f0;
  --np-surface-dark: #1a1a1e;
  --np-surface-muted-dark: #232328;
  --np-snow: #f4f4f0;
  --np-snow-a60: #f4f4f099;
  --np-snow-a40: #f4f4f066;
  --np-snow-a30: #f4f4f04d;
  --np-snow-a16: #f4f4f029;
  --np-snow-a10: #f4f4f01a;
  --np-violet: #7c5cff;
  --np-violet-deep: #4b3cc8;
  --np-violet-deepest: #2b2390;
  --np-violet-a15: #7c5cff26;
  --np-violet-a12: #7c5cff1f;
  --np-green: #1fb87a;
  --np-amber: #f2a93b;
  --np-blue: #2b8fe5;
  --np-red: #e5484d;
  --np-scrim: #00000040;
}

.client-layout--native[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --clr-text-primary: var(--np-ink);
  --clr-text-secondary: var(--np-ink-a60);
  --clr-text-tertiary: var(--np-ink-a40);
  --clr-text-muted: #0e0e10b8;
  --clr-text-disabled: var(--np-ink-a40);
  --clr-text-inverse: var(--np-paper);
  --clr-bg-page: #e4e4e7;
  --clr-bg-surface: var(--np-paper);
  --clr-bg-muted: var(--np-canvas);
  --clr-bg-white: var(--np-paper);
  --clr-bg-selected: var(--np-violet-a12);
  --clr-border: var(--np-ink-a08);
  --clr-border-light: #0e0e100f;
  --clr-border-strong: var(--np-ink-a16);
  --clr-border-input: var(--np-ink-a16);
  --clr-primary: var(--np-violet);
  --clr-primary-hover: var(--np-violet-deep);
  --clr-primary-active: var(--np-violet-deepest);
  --clr-secondary: var(--np-ink);
  --clr-secondary-hover: var(--np-surface-dark);
  --clr-secondary-active: var(--np-ink);
  --clr-button-neutral: var(--np-ink-a08);
  --clr-button-neutral-hover: var(--np-ink-a16);
  --clr-success: var(--np-green);
  --clr-success-strong: #1aa06b;
  --clr-success-accent: #34c78f;
  --clr-success-bg: #1fb87a26;
  --clr-danger: var(--np-red);
  --clr-danger-strong: #d83a3f;
  --clr-danger-soft: #ec6065;
  --clr-danger-bg: #e5484d1a;
  --clr-warning: var(--np-amber);
  --clr-warning-accent: #f7bb38;
  --clr-warning-border: var(--np-amber);
  --clr-warning-bg: #f2a93b26;
  --clr-warning-text: #8a5a12;
  --clr-info: var(--np-blue);
  --clr-info-processing: #3a9bea;
  --clr-info-google: var(--np-blue);
  --clr-info-google-bg: #2b8fe51f;
  --clr-overlay: var(--np-ink-a08);
  --clr-overlay-strong: var(--np-ink-a16);
  --clr-overlay-backdrop: var(--np-scrim);
  --clr-overlay-white: var(--np-paper-a60);
  --clr-black: var(--np-ink);
  --clr-white: var(--np-paper);
}

.client-layout--native[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --clr-text-primary: var(--np-snow);
  --clr-text-secondary: var(--np-snow-a60);
  --clr-text-tertiary: var(--np-snow-a40);
  --clr-text-muted: #f4f4f0b8;
  --clr-text-disabled: var(--np-snow-a30);
  --clr-text-inverse: var(--np-ink);
  --clr-bg-page: var(--np-ink);
  --clr-bg-surface: var(--np-surface-dark);
  --clr-bg-muted: var(--np-surface-muted-dark);
  --clr-bg-white: var(--np-surface-dark);
  --clr-bg-selected: var(--np-violet-a15);
  --clr-border: var(--np-snow-a10);
  --clr-border-light: #f4f4f00f;
  --clr-border-strong: var(--np-snow-a16);
  --clr-border-input: var(--np-snow-a16);
  --clr-primary: var(--np-violet);
  --clr-primary-hover: var(--np-violet-deep);
  --clr-primary-active: var(--np-violet-deepest);
  --clr-secondary: var(--np-surface-muted-dark);
  --clr-secondary-hover: #2e2e35;
  --clr-secondary-active: var(--np-surface-dark);
  --clr-button-neutral: var(--np-snow-a10);
  --clr-button-neutral-hover: var(--np-snow-a16);
  --clr-success: var(--np-green);
  --clr-success-strong: #1aa06b;
  --clr-success-accent: #34c78f;
  --clr-success-bg: #1fb87a33;
  --clr-danger: var(--np-red);
  --clr-danger-strong: #d83a3f;
  --clr-danger-soft: #ec6065;
  --clr-danger-bg: #e5484d26;
  --clr-warning: var(--np-amber);
  --clr-warning-accent: #f7bb38;
  --clr-warning-border: var(--np-amber);
  --clr-warning-bg: #f2a93b2e;
  --clr-warning-text: #f5c074;
  --clr-info: var(--np-blue);
  --clr-info-processing: #3a9bea;
  --clr-info-google: var(--np-blue);
  --clr-info-google-bg: #2b8fe529;
  --clr-overlay: #0000004d;
  --clr-overlay-strong: #00000080;
  --clr-overlay-backdrop: var(--np-scrim);
  --clr-overlay-white: var(--np-snow-a40);
  --clr-black: var(--np-ink);
  --clr-white: var(--np-paper);
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.auto-credit {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: min(100%, 1120px);
  padding: 20px 25px;
  display: flex;
  container: auto-credit / inline-size;
}

.auto-credit__filters {
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0;
  display: flex;
}

.auto-credit__search {
  flex: 1;
  width: 100%;
  min-width: 220px;
}

.auto-credit__search-icon {
  cursor: text;
  margin-right: 8px;
  padding: 8px;
  display: inline-block;
}

.auto-credit__item {
  flex: 0;
  width: max-content;
}

.auto-credit__item-button {
  height: 100%;
  padding: 13px;
}

.auto-credit__mobile-data {
  border-top: 1px solid #e9eaec;
  padding-top: 24px;
  display: none;
}

@container auto-credit (width <= 768px) {
  .auto-credit__table {
    display: none;
  }

  .auto-credit__mobile-data {
    display: block;
  }
}

@media (max-width: 520px) {
  .auto-credit {
    border-radius: 0%;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.adaptive-card {
  text-align: left;
}

.adaptive-card__card {
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 8px #0000001a;
}

.adaptive-card__card--online {
  background-color: #dff1df;
}

.adaptive-card__no-data {
  color: #999;
  text-align: center;
  margin: 0 0 20px;
  font-size: 16px;
}

.adaptive-card__card-header {
  flex: 1;
  align-items: center;
  display: flex;
  padding: 0 !important;
}

.adaptive-card__avatar {
  background-color: #f0f0f0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  font-size: 18px;
  display: flex;
}

.adaptive-card__avatar--online {
  color: #4a814a;
  background-color: #c1e5c1;
}

.adaptive-card__client-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 19.6px;
}

.adaptive-card__client-phone {
  color: #666;
  font-size: 12px;
  line-height: 19.2px;
}

.adaptive-card__card-body {
  padding-top: 10px;
}

.adaptive-card__car-info {
  font-size: 14px;
}

.adaptive-card__car-price {
  margin-bottom: 5px;
  font-weight: bold;
}

.adaptive-card__car-name {
  color: #777;
}

.adaptive-card__request-type {
  margin-left: 12px;
  font-size: 12px;
}

.adaptive-card__request-type--online {
  color: green;
}

.adaptive-card__request-type--offline {
  color: red;
}

.adaptive-card__status {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.adaptive-card__statuses-wrapper {
  gap: 10px;
  display: flex;
}

.adaptive-card__big-status {
  background-color: #111827;
  border-radius: 8px;
  width: max-content;
  padding: 4px 16px;
}

.adaptive-card__big-status--unverified {
  background-color: #023d3d;
}

.adaptive-card__big-status--error {
  color: #fff;
  background-color: #ff2e1f;
}

.adaptive-card__bank-text {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

.adaptive-card__bank-text--center {
  text-align: center;
}

.adaptive-card__bank-text--dark {
  color: #111827;
}

.adaptive-card__tooltip-bank {
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.adaptive-card__pagination {
  border-top: 1px solid #e9eaec;
  padding-top: 20px;
}

@media (max-width: 460px) {
  .adaptive-card__card {
    flex-direction: column;
  }
}

.ext-time {
  font-size: 13px;
  font-weight: 600;
}

.active-status-text--active {
  color: green;
}

.active-status-text--disabled {
  color: red;
}

.adaptive-steps {
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 10px;
  flex-direction: row;
  margin: 0 0 24px;
  padding-bottom: 8px;
  display: flex;
  overflow-x: auto;
  box-shadow: 5px 5px 50px #1a202c0f;
}

.adaptive-steps__text {
  font-size: 16px;
}

.adaptive-steps__text--gray {
  color: #999;
  font-size: 16px;
}

.adaptive-steps__progress {
  background-color: #e0e0e0;
  width: 100%;
  height: 4px;
  margin: 20px 0;
  display: block;
  position: relative;
}

.adaptive-steps__body {
  flex-wrap: nowrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: relative;
}

.adaptive-steps__body--text-center {
  justify-content: space-around;
}

.adaptive-steps__body:before {
  z-index: 1;
  content: "";
  background-color: #e0e0e0;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.adaptive-steps__body:after {
  z-index: 2;
  width: calc(100% / var(--step-count) * var(--current-step));
  content: "";
  background-color: #ff2e1f;
  height: 3px;
  transition: width .3s;
  position: absolute;
  bottom: 0;
  left: 0;
}

.adaptive-steps__step {
  --icon-color: currentcolor;
  z-index: 3;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
}

.adaptive-steps__step--active {
  --icon-color: white;
  --bg-color: currentcolor;
}

.adaptive-steps__step--passed {
  --icon-color: white;
  --bg-color: #0caf60;
}

.adaptive-steps__icon {
  background-color: var(--bg-color);
  border: 1px solid #e9eaec;
  border-radius: 50%;
  margin-right: 8px;
  padding: 2px;
  font-size: 18px;
  transition: background-color .3s, border-color .3s;
  display: inline-flex;
}

.adaptive-steps__icon svg path {
  fill: var(--icon-color);
  transition: fill .3s;
}

@media (max-width: 520px) {
  .adaptive-steps {
    border-radius: 0;
  }
}

@media (max-width: 460px) {
  .adaptive-steps, .adaptive-steps__header {
    flex-direction: column;
  }
}

.allur-loader {
  display: inline-block;
}

.allur-loader--full-width {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.allur-loader--fullscreen {
  z-index: 1000;
  background-color: var(--clr-overlay-backdrop, #00000073);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.allur-loader--blur-mode {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.allur-loader--layout {
  z-index: 1000;
  background-color: var(--clr-overlay-backdrop, #00000073);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.attachment-item {
  aspect-ratio: 1;
  background-color: #fff;
  border: 1px solid #e9eaec;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.attachment-item--actions-enabled {
  cursor: pointer;
}

.attachment-item__corner-load-icon-container {
  text-align: right;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 2px 4px;
  font-size: 10px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.attachment-item__not-loaded-icon {
  color: #0003;
  width: 18px;
  height: 18px;
}

.attachment-item__not-loaded-icon--error {
  color: #ff2e1f;
}

.attachment-item--error {
  cursor: default;
  background-color: #fff2f0;
  border: 1px solid #ffccc7;
}

.attachment-item--clickable {
  cursor: pointer;
}

.attachment-item > img, .attachment-item > .ant-image, .attachment-item > .ant-image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.attachment-item__loader {
  background-color: #ffffff80;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.attachment-item__file-skeleton {
  aspect-ratio: 1 !important;
  border-radius: 8px !important;
  width: 100% !important;
  height: 100% !important;
}

.attachment-item__hover-action-wrapper {
  z-index: 100;
  opacity: 0;
  background: #0009;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.attachment-item:hover > .attachment-item__hover-action-wrapper {
  opacity: 1;
}

.attachment-item__hover-action-icon {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 30px;
  display: flex;
}

.attachment-item__hover-action-icon--delete {
  color: #ff2e1f;
  font-size: 24px;
}

.attachment-item--minified .attachment-item__hover-action-icon--delete {
  font-size: 16px;
}

.attachment-item--minified .attachment-item__download-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.file-icon-preview {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
}

.file-icon-preview__relative-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.file-icon-preview__relative-container--half-opacity {
  opacity: .5;
}

.file-icon-preview__document-icon {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  min-height: 50px;
  max-height: 50px;
}

.file-icon-preview__error-icon {
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, calc(4px - 50%));
}

.file-icon-preview__document-name {
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  overflow: hidden;
}

.file-icon-preview--minified .file-icon-preview__relative-container {
  transform: scale(.6);
}

.image-preview__file-hover-icon {
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.image-preview__title {
  color: #fff;
  margin-top: 48px;
}

.image-preview__toolbar {
  background-color: #fff3;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 12px;
  transition: background-color .2s;
  display: flex;
}

.image-preview__toolbar:hover {
  background-color: #ffffff4d;
}

.image-preview__toolbar-group {
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.image-preview__toolbar-icon {
  color: #fff;
  font-size: 20px;
  transition: color .2s;
}

.image-preview__toolbar-icon:hover {
  color: #000;
}

.loader {
  width: 20px;
  height: 20px;
  position: relative;
}

.loader > div {
  opacity: 1;
  background: #111827;
  border-radius: 100px;
  width: 7%;
  height: 34%;
  animation: .6s linear infinite fade;
  position: absolute;
  top: 35%;
  left: 45%;
}

.loader > div:first-child {
  animation-delay: 75ms;
  transform: rotate(0)translate(0, -100%);
}

.loader > div:nth-child(2) {
  animation-delay: .15s;
  transform: rotate(45deg)translate(0, -100%);
}

.loader > div:nth-child(3) {
  animation-delay: .225s;
  transform: rotate(90deg)translate(0, -100%);
}

.loader > div:nth-child(4) {
  animation-delay: .3s;
  transform: rotate(135deg)translate(0, -100%);
}

.loader > div:nth-child(5) {
  animation-delay: .375s;
  transform: rotate(180deg)translate(0, -100%);
}

.loader > div:nth-child(6) {
  animation-delay: .45s;
  transform: rotate(225deg)translate(0, -100%);
}

.loader > div:nth-child(7) {
  animation-delay: .525s;
  transform: rotate(270deg)translate(0, -100%);
}

.loader > div:nth-child(8) {
  animation-delay: .6s;
  transform: rotate(315deg)translate(0, -100%);
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.autocomplete {
  position: relative;
}

.autocomplete__arrow {
  cursor: pointer;
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  transition: transform .2s;
  display: block;
}

.autocomplete__arrow--rotated {
  transform: rotate(-180deg);
}

.autocomplete__list {
  z-index: 10;
  width: 100%;
  max-height: 220px;
  padding: 0 4px;
  list-style-type: none;
  overflow: hidden auto;
}

.autocomplete__popup {
  z-index: 10;
  background-color: var(--clr-bg-white, #fff);
  border: 1px solid var(--clr-border-light, #f8f8f8);
  width: 100%;
  box-shadow: 5px 5px 50px 0 var(--clr-overlay, #1a202c0f);
  opacity: 0;
  border-radius: 10px;
  grid-template-rows: 0fr;
  transition: all .2s;
  display: grid;
  position: absolute;
  top: 53px;
  overflow: hidden;
}

.autocomplete__popup--shown {
  opacity: 1;
  grid-template-rows: 1fr;
}

.autocomplete__popup--shown > .autocomplete__list {
  padding: 12px 4px;
  transition: none;
}

.autocomplete__popup--to-top {
  top: 0;
  transform: translateY(-100%);
}

.autocomplete__list-loading {
  text-align: center;
  padding: 6px 0;
}

.autocomplete__item {
  color: var(--clr-text-primary, #111827);
  text-align: left;
  cursor: pointer;
  will-change: background-color;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  transition: background-color .2s;
}

.autocomplete__item:hover {
  background-color: var(--clr-bg-selected, #f8f8f8);
}

.autocomplete__item--selected, .autocomplete__item--selected:hover {
  background-color: var(--clr-bg-selected, #f1f1f1);
}

.autocomplete__item--with-group {
  padding-left: 18px;
}

.autocomplete__item + .autocomplete__item {
  margin-top: 8px;
}

.autocomplete__group-item {
  color: var(--clr-text-tertiary, #687588);
  padding: 8px 10px;
  font-size: 13px;
  line-height: 19.6px;
}

.input__field:not(:-webkit-any(:placeholder-shown, [type="file"])) + .input__label, .input__field:not(.input__field--frozen):focus + .input__label, .input__label--focused.input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input__field:not(:-moz-any(:placeholder-shown, [type="file"])) + .input__label, .input__field:not(.input__field--frozen):focus + .input__label, .input__label--focused.input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input__field:not(:is(:placeholder-shown, [type="file"])) + .input__label, .input__field:not(.input__field--frozen):focus + .input__label, .input__label--focused.input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input__field:-webkit-any(:-webkit-autofill, :-webkit-autofill) + .input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input__field:-moz-any(:autofill, :autofill) + .input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input__field:is(:autofill, :autofill) + .input__label {
  font-size: 12px;
  line-height: 19.2px;
  transform: translateY(5.5px);
}

.input {
  --field-height: 53px;
  --label-unfocused-height: 21px;
  width: 100%;
}

.input__wrapper {
  color: var(--clr-text-primary, #111827);
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  display: block;
  position: relative;
}

.input__wrapper--with-file {
  height: var(--field-height);
  cursor: pointer;
  border: 1px solid var(--clr-border-light, #e9eaec);
  border-radius: 10px;
  padding: 24.5px 16px 5.5px;
}

.input__wrapper--with-file.input__wrapper--without-label {
  padding: 15px 16px;
}

.input__label {
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
  color: var(--clr-text-tertiary, #687588);
  text-align: left;
  white-space: nowrap;
  pointer-events: none;
  transform: translateY(calc((var(--field-height)  - var(--label-unfocused-height)) / 2));
  will-change: transform, font-size, line-height;
  font-size: 14px;
  line-height: 21px;
  transition: transform .1s, font-size .1s, line-height .1s;
  position: absolute;
  top: 0;
  left: 16px;
  overflow: hidden;
}

.input__file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
}

.input__require {
  color: var(--clr-danger, #e03137);
  margin-left: 2px;
}

.input input.input__field {
  height: var(--field-height);
}

.input textarea.input__field {
  max-width: 100%;
}

.input__field {
  --input-border-color: var(--clr-border-light, #e9eaec);
  width: 100%;
  color: var(--clr-text-primary, #111827);
  background-color: var(--clr-bg-white, #fff);
  border: 1px solid var(--input-border-color);
  border-radius: 10px;
  outline: 0;
  margin: 0;
  padding: 24.5px 16px 5.5px;
  font-size: 14px;
  line-height: 21px;
  transition: border .1s linear;
}

.input__field--file {
  display: none;
}

.input__field:hover {
  border-color: var(--clr-border-strong, #cbcbcb);
}

.input__field:disabled {
  background-color: #0000;
}

.input__field:not(.input__field--frozen):focus {
  border-color: var(--clr-text-primary, #111827);
}

.input__field::placeholder {
  color: var(--clr-text-disabled, #a0aec0);
}

.input__field--without-label {
  padding: 15px 16px;
}

.input__field--error, .input__field--error:focus, .input__field--error:hover {
  border-color: var(--clr-danger, #e03137);
}

.input__end-container {
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.input__error {
  color: var(--clr-danger, #e03137);
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 130%;
  display: flex;
}

.input__error > svg {
  min-width: 18px;
}

.input--labeled-textarea .input__wrapper:not(.input__wrapper--without-label):before {
  content: "";
  background-color: var(--clr-bg-white, #fff);
  border-top-left-radius: 10px;
  width: calc(100% - 16px);
  height: 24px;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 20px;
}

.button {
  --hover-bg: #0000000a;
  box-sizing: border-box;
  color: currentColor;
  cursor: pointer;
  background-color: inherit;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  transition: all .2s;
  display: inline-flex;
}

@media (hover: hover) {
  .button:hover {
    background-color: var(--hover-bg);
  }
}

.button--small {
  min-height: 32px;
  padding: 8px 16px;
  font-size: 12px;
}

.button--big {
  min-height: 56px;
  padding: 8px 24px;
  font-size: 16px;
}

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

.button--reversed {
  flex-direction: row-reverse;
}

.button--square {
  aspect-ratio: 1;
  padding: 8px;
}

.button--outlined {
  border: 1px solid #e9eaec;
  padding-block-start: 13px;
  padding-block-end: 13px;
}

.button--outlined.button--small, .button--outlined.button--big {
  padding-block-start: 7px;
  padding-block-end: 7px;
}

.button--filled-black {
  --hover-bg: #3e3e42;
  color: #fff;
  background-color: #18181b;
  border: none;
}

.button--filled-red {
  --hover-bg: #111827;
  color: #fff;
  background-color: #ff2e1f;
  border: none;
}

.button--filled-primary {
  --hover-bg: var(--clr-primary-hover, #ff2e1f);
  color: #fff;
  background-color: var(--clr-primary, #ff2e1f);
  border: none;
}

.button--filled-green {
  --hover-bg: #0a9753;
  color: #fff;
  background-color: #0caf60;
  border: none;
}

.button--filled-blue {
  --hover-bg: #0f66e1;
  color: #fff;
  background-color: #1677ff;
  border: none;
}

.button--outlined-red {
  --hover-bg: #ff2e1f1a;
  color: #ff2e1f;
  border: 1px solid #ff2e1f;
  padding-block-start: 13px;
  padding-block-end: 13px;
}

.button--outlined-red.button--small, .button--outlined-red.button--big {
  padding-block-start: 7px;
  padding-block-end: 7px;
}

.button--outlined-green {
  --hover-bg: #0caf601a;
  color: #0caf60;
  border: 1px solid #0caf60;
  padding-block-start: 13px;
  padding-block-end: 13px;
}

.button--outlined-green.button--small, .button--outlined-green.button--big {
  padding-block-start: 7px;
  padding-block-end: 7px;
}

.button--outlined-blue {
  --hover-bg: #1677ff1a;
  color: #1677ff;
  border: 1px solid #1677ff;
  padding-block-start: 13px;
  padding-block-end: 13px;
}

.button--outlined-blue.button--small, .button--outlined-blue.button--big {
  padding-block-start: 7px;
  padding-block-end: 7px;
}

.button:disabled {
  color: #a0aec0;
  pointer-events: none;
  background-color: #f1f2f4;
  border: none;
}

.button .ant-spin {
  color: currentColor !important;
}

.chosen-bank-status {
  text-align: left;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 19.2px;
  display: flex;
}

.chosen-bank-status__name {
  font-weight: 500;
}

.chosen-bank-status__description {
  color: #687588;
}

.chosen-bank-status__mark {
  color: #fff;
  text-align: center;
  background-color: #0caf60;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  width: max-content;
  min-width: 88px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.chosen-bank-status__mark--editable {
  cursor: pointer;
}

.chosen-bank-status__mark path {
  fill: currentColor;
}

.chosen-bank-status--big .chosen-bank-status__image {
  width: 40px;
  height: 40px;
}

.chosen-bank-status--big .chosen-bank-status__image > img {
  width: 32px;
  height: 32px;
}

.chosen-bank-status--big .chosen-bank-status__name {
  font-size: 16px;
  line-height: 24px;
}

.chosen-bank-status--big .chosen-bank-status__description {
  font-size: 14px;
  line-height: 21px;
}

.chosen-bank-status--big .chosen-bank-status__mark {
  margin-top: 6px;
  padding: 1px 12px;
  font-size: 12px;
  font-weight: 400;
}

.chosen-bank-status--big .chosen-bank-status__mark--editable {
  padding-right: 6px;
}

.circled-image {
  --padding: 4px;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--clr-border-light, #e9eaec);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 3px;
  display: flex;
}

.circled-image__text {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: calc(var(--size)  - var(--padding) * 2);
  color: var(--clr-text-tertiary, #687588);
  text-align: center;
  background-color: var(--clr-bg-muted, #f1f2f4);
  border-radius: 50%;
  display: block;
}

.circled-image--error {
  border: none;
  padding: 0;
}

.circled-image--error .circled-image__text {
  padding: var(--padding);
}

.circled-image > img {
  border-radius: 50%;
  max-width: 100%;
  max-height: 100%;
  line-height: 0;
  display: block;
}

.ui-custom-tab-wrapper {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ui-custom-tab {
  text-align: left;
  width: 100%;
  max-width: 1168px;
  margin: 0 auto;
  display: flex;
  container: ui-custom-tab / inline-size;
}

.ui-custom-tab__number {
  border: 1px solid #e9eaec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 14px;
  font-weight: bold;
  display: flex;
}

.ui-custom-tab__tab-item {
  cursor: pointer;
  opacity: .7;
  border-bottom: 1px solid #0000;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.ui-custom-tab__tab-item:hover {
  opacity: 1;
}

.ui-custom-tab__tab-item--active {
  opacity: 1;
  border-color: #e03137;
}

.ui-custom-tab__tab-item--done {
  opacity: 1;
}

.ui-custom-tab__tab-item--done .ui-custom-tab__number {
  border-color: #0caf60;
}

.ui-custom-tab__tab-item + .ui-custom-tab__tab-item {
  border-left: 1px solid #e9eaec;
}

.ui-custom-tab__title-block {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.ui-custom-tab__status {
  color: #e03137;
  font-size: 12px;
  line-height: 19.2px;
  transition: color .2s;
}

.ui-custom-tab__status--done {
  color: #0caf60;
}

.ui-custom-tab__status + .ui-custom-tab__title-block {
  margin-top: 4px;
}

.ui-custom-tab__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.ui-custom-tab__done-icon {
  margin-left: auto;
}

@container ui-custom-tab (width <= 720px) {
  .ui-custom-tab .ui-custom-tab__status, .ui-custom-tab .ui-custom-tab__title, .ui-custom-tab .ui-custom-tab__done-icon {
    display: none;
  }

  .ui-custom-tab__tab-item {
    justify-content: center;
  }

  .ui-custom-tab__tab-item--active {
    flex: 3;
    justify-content: flex-start;
  }

  .ui-custom-tab__tab-item--active .ui-custom-tab__title, .ui-custom-tab__tab-item--active .ui-custom-tab__done-icon {
    display: block;
  }
}

@container ui-custom-tab (width <= 560px) {
  .ui-custom-tab__title {
    font-size: 16px;
  }
}

@container ui-custom-tab (width <= 460px) {
  .ui-custom-tab__tab-item {
    padding: 8px 12px;
  }

  .ui-custom-tab__title {
    font-size: 14px;
  }
}

.date-picker-field {
  position: relative;
}

.date-picker-field__icon {
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  display: block;
}

.date-picker-field__icon svg path {
  fill: currentColor;
}

.date-picker-field__calendar {
  pointer-events: none;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-100%);
}

.date-picker-field__calendar-dropdown .ant-picker-cell-disabled:not(:has( + .ant-picker-cell-disabled)):before {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.date-picker-field__calendar-dropdown .ant-picker-cell-disabled:first-child:before, .date-picker-field__calendar-dropdown .ant-picker-cell-disabled:not(.ant-picker-cell-disabled + .ant-picker-cell-disabled):before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.date-picker-field__calendar-dropdown .ant-picker-cell {
  padding: 4px 0;
}

.date-picker-field__calendar-dropdown .ant-picker-cell:not(.ant-picker-cell-disabled) + .ant-picker-cell-disabled:before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

@media (max-width: 620px) {
  .date-picker-field__calendar-dropdown .ant-picker-panel:last-child {
    display: none;
  }

  .date-picker-field__calendar-dropdown .ant-picker-header .ant-picker-header-next-btn, .date-picker-field__calendar-dropdown .ant-picker-header .ant-picker-header-super-next-btn {
    visibility: visible !important;
  }
}

@media (max-width: 360px) {
  .date-picker-field__calendar-dropdown {
    justify-content: center;
    display: flex;
    left: 0 !important;
    right: 0 !important;
  }
}

.date-range-picker-field {
  position: relative;
}

.date-range-picker-field__end-content {
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

.date-range-picker-field__clear {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.date-range-picker-field__clear-icon {
  transform: scale(.8);
}

.date-range-picker-field__clear-icon path {
  fill: #cbd5e0;
  transition: fill .2s;
}

.date-range-picker-field__clear:hover .date-range-picker-field__clear-icon path {
  fill: #ff2e1f;
}

.date-range-picker-field__icon {
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  display: block;
}

.date-range-picker-field__calendar {
  pointer-events: none;
  opacity: 0;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translateY(-100%);
}

@media (max-width: 620px) {
  .date-range-picker-field__calendar-dropdown .ant-picker-panel:last-child {
    display: none;
  }

  .date-range-picker-field__calendar-dropdown .ant-picker-header .ant-picker-header-next-btn, .date-range-picker-field__calendar-dropdown .ant-picker-header .ant-picker-header-super-next-btn {
    visibility: visible !important;
  }
}

@media (max-width: 360px) {
  .date-range-picker-field__calendar-dropdown {
    justify-content: center;
    display: flex;
    left: 0 !important;
    right: 0 !important;
  }
}

.file-upload {
  text-align: left;
  width: 100%;
}

.file-upload__field {
  display: none;
}

.file-upload__view {
  cursor: pointer;
  border: 1px dashed #cbd5e0;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 5.5px 8px 5.5px 16px;
  transition: all .2s;
  display: flex;
}

.file-upload__view:hover {
  background-color: #00000004;
}

.file-upload__view--error {
  border-color: #e03137;
}

.file-upload__view > svg {
  width: 20px;
  min-width: 20px;
}

.file-upload__file-info {
  flex: 1;
  min-width: 0;
}

.file-upload__title {
  color: #687588;
  font-size: 12px;
  line-height: 19.2px;
}

.file-upload__require {
  color: #e03137;
  margin-left: 2px;
}

.file-upload__value {
  text-wrap: balance;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 21px;
}

.file-upload__value--no-file {
  color: #a0aec0;
}

.file-upload__chosen-size {
  color: #a0aec0;
  margin-left: 8px;
  font-size: 12px;
  line-height: 19.2px;
}

.file-upload__delete {
  background-color: #0000;
  border: none;
  border-radius: 6px;
  margin-left: auto;
  padding: 8px;
  line-height: 0;
  transition: all .2s;
  display: block;
}

.file-upload__delete:hover {
  background-color: #0000000d;
}

.file-upload__delete > svg path {
  fill: #e03137;
}

.file-upload__additional-text {
  color: #a0aec0;
  margin-top: 8px;
  font-size: 12px;
  line-height: 19.2px;
}

.file-upload__additional-text--error {
  color: #e03137;
}

.form-field {
  --field-height: 53px;
}

.form-field__wrapper {
  min-height: var(--field-height);
  color: #111827;
  cursor: pointer;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  align-items: center;
  margin: 0;
  padding: 8px 16px;
  font-size: 14px;
  line-height: 21px;
  transition: border .1s linear;
  display: flex;
  position: relative;
}

.form-field__wrapper:hover {
  border-color: #cbcbcb;
}

.form-field__wrapper--error {
  border-color: #e03137;
}

.form-field__field {
  line-height: 0 !important;
}

.form-field__field .ant-checkbox-inner {
  width: 18px !important;
  height: 18px !important;
}

.form-field__field .ant-checkbox-checked .ant-checkbox-inner, .form-field__field .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: #ff2e1f !important;
  border-color: #ff2e1f !important;
}

.form-field__field .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #ff2e1f !important;
}

.form-field__label {
  margin-left: 8px;
  font-size: 14px;
  line-height: 120%;
}

.form-field__require {
  color: #e03137;
  margin-left: 2px;
}

.form-field__error {
  color: #e03137;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 130%;
  display: flex;
}

.form-field__error > svg {
  min-width: 18px;
}

.form-steps {
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 16px;
  flex-direction: column;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 5px 5px 50px #1a202c0f;
}

.form-steps__header {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.form-steps__progress {
  width: calc(var(--width) * 1%);
  background-color: #ff2e1f;
  height: 2px;
  transition: width .2s;
  display: block;
}

.form-steps__body {
  margin-top: 4px;
  padding: 0 8px;
}

.form-steps__step {
  color: #111827;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.form-steps__step--active {
  background-color: #f8f8f8;
}

.form-steps__step + .form-steps__step {
  margin-top: 8px;
}

.form-steps__check {
  width: 16px;
  height: 16px;
  line-height: 0;
  display: block;
}

.form-steps__circle {
  background-color: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
}

.form-steps__cancel {
  width: calc(100% - 32px);
  margin: 20px auto 0;
}

.grid {
  --grid-col-size-calc: calc((100% - var(--grid-gap) * var(--grid-max-col-count)) / var(--grid-max-col-count));
  --grid-col-min-size-calc: min(100%, max(var(--grid-min-col-size), var(--grid-col-size-calc)));
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-col-min-size-calc), 1fr));
  gap: var(--grid-gap);
  display: grid;
}

.image-loader {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-loader__skeleton {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
}

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

.image-loader__image--hidden {
  display: none;
}

.info-badge {
  text-align: left;
  background-color: var(--clr-bg-muted, #f1f2f4);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  max-width: 550px;
  padding: 5px 8px;
  font-size: .99em;
  display: flex;
}

.info-badge > svg {
  min-width: 20px;
}

.app-modal {
  margin-block-start: 16px;
  margin-block-end: 16px;
}

.app-modal.ant-modal-content {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  background-color: var(--clr-bg-white, #fff);
  padding-top: 16px;
}

.app-modal .ant-modal-header {
  background-color: #0000;
}

.app-modal .ant-modal-title {
  color: var(--clr-text-primary, #000);
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.app-modal__header.app-modal__header {
  margin-bottom: 24px;
}

.app-modal__body.app-modal__body {
  position: relative;
  padding-top: 0 !important;
}

.app-modal__form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.app-modal__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

.app-modal__actions > button {
  flex: 1;
  min-width: 180px;
}

@media (min-width: 768px) {
  .app-modal.ant-modal-content {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  .app-modal__body.app-modal__body:before {
    width: calc(100% + 48px);
    left: -24px;
  }

  .app-modal__form {
    margin-top: 8px;
  }
}

.multiselect {
  position: relative;
}

.multiselect__field {
  text-overflow: ellipsis;
  caret-color: #0000;
}

.multiselect__arrow {
  cursor: pointer;
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  transition: transform .2s;
  display: block;
}

.multiselect__arrow--rotated {
  transform: rotate(-180deg);
}

.multiselect__popup {
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 10px;
  grid-template-rows: 0fr;
  width: 100%;
  transition: all .2s;
  display: grid;
  position: absolute;
  top: 53px;
  overflow: hidden;
  box-shadow: 5px 5px 50px #1a202c0f;
}

.multiselect__popup--shown {
  pointer-events: all;
  opacity: 1;
  grid-template-rows: 1fr;
}

.multiselect__popup--shown > .select__list {
  padding: 12px 4px;
  transition: none;
}

.multiselect__popup--to-top {
  top: 0;
  transform: translateY(-100%);
}

.multiselect__controls {
  padding-inline-start: 14px;
  padding-inline-end: 14px;
  align-items: center;
  gap: 8px;
  padding-top: 8px;
  padding-bottom: 4px;
  display: flex;
  box-shadow: 0 1px 3px 1px #0000000d;
}

.multiselect__search {
  box-sizing: border-box;
  border: 1px solid #dfdada;
  border-radius: 4px;
  outline: none;
  flex: 1;
  width: 100%;
  margin-bottom: 0;
  padding: 4px 8px;
  font-size: 14px;
  display: block;
}

.multiselect__filter {
  background-color: #0000;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  transition: all .2s;
  display: flex;
  transform: rotate(90deg);
}

.multiselect__filter:hover {
  background-color: #0000000d;
}

.multiselect__filter--selected {
  border: 1px solid #1677ff;
}

.multiselect__list {
  z-index: 10;
  scroll-behavior: smooth;
  width: 100%;
  max-height: 220px;
  margin-top: 4px;
  padding: 0 4px;
  list-style-type: none;
  transition: padding-block .2s;
  overflow: hidden auto;
}

.multiselect__item {
  color: #111827;
  text-align: left;
  cursor: pointer;
  will-change: background-color;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
  display: flex;
}

.multiselect__item:hover, .multiselect__item--selected {
  background-color: #f8f8f8;
}

.multiselect__item--with-group {
  padding-left: 18px;
}

.multiselect__item + .multiselect__item {
  margin-top: 8px;
}

.multiselect__group-item {
  color: #687588;
  padding: 8px 10px;
  font-size: 13px;
  line-height: 19.6px;
}

.navbar-badge {
  color: #fff;
  text-align: center;
  pointer-events: none;
  background-color: #ff2e1f;
  border-radius: 100px;
  width: max-content;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-weight: 500;
  line-height: 18px;
  transition: transform .2s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.navbar-badge--collapsed {
  transform: scale(.8);
}

.ant-tooltip-content .navbar-badge {
  display: none;
}

.offer-card {
  background-color: var(--clr-bg-white, #fff);
  border: 1px solid var(--clr-border-light, #e9eaec);
  border-radius: 16px;
  padding: 24px;
  position: relative;
  container: offer-card / inline-size;
}

.offer-card--selected {
  box-shadow: 0 2px 16px -4px #67cd9c;
}

.offer-card--processing {
  box-shadow: 0 2px 16px -4px #1f9affcc;
}

.offer-card--disabled {
  box-shadow: 0 2px 16px -4px #a8a8a8cc;
}

.offer-card__left-absolute {
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  transform: translateY(-50%);
}

.offer-card__status {
  background-color: var(--clr-bg-white, #fff);
  border-radius: 5px;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  position: static;
}

.offer-card__status[role="button"] {
  cursor: pointer;
}

.offer-card__status--default {
  color: #fff;
  background-color: var(--clr-text-disabled, #a8a8a8);
}

.offer-card__status--processing {
  color: #fff;
  background-color: var(--clr-info-processing, #1f9aff);
}

.offer-card__status--success {
  color: #fff;
  background-color: var(--clr-success, #0caf60);
}

.offer-card__status--warning {
  color: var(--clr-black, #111827);
  background-color: var(--clr-warning-accent, #ffd023);
}

.offer-card__status--error {
  color: #fff;
  background-color: var(--clr-danger, #e03137);
}

.offer-card__status--disabled {
  color: #fff;
  background-color: var(--clr-text-disabled, #a8a8a8);
}

.offer-card__status > svg {
  min-width: 16px;
}

.offer-card__status > svg path {
  fill: currentColor;
}

.offer-card__status-leasing {
  background-color: var(--clr-bg-white, #fff);
  color: #fff;
  background-color: #7c5cff;
  border-radius: 5px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
}

.offer-card__id {
  background-color: var(--clr-bg-white, #fff);
  border: .5px solid var(--clr-border-light, #e9eaec);
  border-radius: 5px;
  margin-left: auto;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
}

.offer-card__id--selected {
  border: none;
  box-shadow: 1px 0 9px -1px #67cd9c;
}

.offer-card__id--processing {
  box-shadow: 1px 0 9px -1px #1f9affcc;
}

.offer-card__id--disabled {
  box-shadow: 1px 0 9px -1px #a8a8a8cc;
}

.offer-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.offer-header__title-wrapper {
  align-items: center;
  display: flex;
}

.offer-header__title {
  margin-left: 10px;
  font-size: 16px;
}

.offer-header__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: stretch;
  gap: 10px;
  display: flex;
}

.offer-header__actions .ant-skeleton {
  align-self: center;
}

.offer-header__chevron, .offer-header__chevron-mobile {
  align-self: center;
  transition: transform .2s;
}

.offer-header__chevron--active, .offer-header__chevron-mobile--active {
  transform: rotate(180deg);
}

.offer-header__chevron-mobile {
  display: none;
}

.offer-header__actions-list {
  display: contents;
}

.offer-header__status-wrapper {
  text-align: left;
  background-color: var(--clr-bg-muted, #f1f2f4);
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  max-width: 550px;
  padding: 5px 8px;
  font-size: .99em;
  display: flex;
}

.offer-body {
  margin-top: 20px;
  display: flex;
}

.offer-body__actions {
  display: none;
}

.offer-body__product {
  flex: 8;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 70%;
  display: grid;
}

.offer-body__product-title {
  color: var(--clr-text-tertiary, #687588);
  font-size: 14px;
  font-weight: 400;
}

.offer-body__product-description {
  color: var(--clr-text-primary, #111827);
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.offer-body__product-description--red {
  color: var(--clr-danger, red);
}

.offer-body__product-sub-description {
  font-size: 14px;
  font-weight: 500;
}

.offer-body__product-item {
  text-align: left;
}

.offer-body__product-item--bold .offer-body__product-title {
  color: var(--clr-text-primary, #111827);
  font-size: 14px;
  font-weight: 700;
}

.offer-body__product-item--bold .offer-body__product-description {
  font-size: 24px;
  font-weight: 700;
}

.offer-body__additional {
  border-left: 1px solid var(--clr-border-light, #e9eaec);
  flex: 3;
  min-width: 300px;
  margin-left: 8px;
  padding-left: 16px;
}

.offer-body__additional-title {
  color: var(--clr-text-tertiary, #687588);
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.offer-body__additional-list {
  text-align: left;
  padding-left: 0;
  list-style-type: none;
}

.offer-body__additional-item {
  width: 100%;
  color: var(--clr-text-primary, #111827);
  background: var(--clr-bg-muted, #f8f8f8);
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

@container offer-card (width <= 860px) {
  .offer-header {
    gap: 8px;
  }

  .offer-header__actions {
    justify-content: flex-end;
  }

  .offer-body {
    flex-direction: column;
  }

  .offer-body__product {
    width: 100%;
  }

  .offer-body__additional {
    border-top: 1px solid var(--clr-border-light, #e9eaec);
    border-left: none;
    margin-top: 16px;
    padding-top: 16px;
    padding-left: 0;
  }
}

@media (max-width: 860px) {
  .offer-card {
    border-radius: 10px;
    padding: 16px;
  }

  .offer-card--selected {
    box-shadow: 0 0 8px -2px #67cd9ccc;
  }

  .offer-card__left-absolute {
    left: 16px;
    right: 16px;
  }

  .offer-card__status {
    font-size: 10px;
    left: 16px;
  }

  .offer-card__id, .offer-card__info_bage {
    display: none;
  }

  .offer-header {
    flex-wrap: wrap;
    align-items: center;
  }

  .offer-header__title-wrapper {
    margin-bottom: 8px;
  }

  .offer-header__title {
    font-size: 14px;
  }

  .offer-header__actions {
    gap: 8px;
  }

  .offer-header__actions-list--hidden {
    display: none;
  }

  .offer-header__chevron-mobile {
    display: block;
  }

  .offer-body {
    flex-direction: column;
  }

  .offer-body__product {
    gap: 12px;
    width: 100%;
  }

  .offer-body__actions {
    flex-direction: row-reverse;
    gap: 8px;
    margin-top: 12px;
    display: flex;
  }

  .offer-body__actions button {
    flex: 1;
    min-width: max-content;
    margin-top: 12px;
  }

  .offer-body__hidden {
    display: none;
  }

  .offer-body__hidden--modifier {
    display: block;
  }

  .offer-body__additional {
    border-top: none;
    border-left: none;
    justify-content: space-between;
    gap: 8px;
    min-width: 100%;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .offer-body__additional-list {
    text-align: right;
  }

  .offer-body__additional-item {
    background-color: #0000;
    margin: 0;
    padding: 0%;
    display: inline-block;
  }

  .offer-body__additional-title {
    min-width: -moz-fit-content;
    min-width: fit-content;
    font-size: 12px !important;
  }

  .offer-body__additional-list-item {
    background-color: var(--clr-bg-white, #fff);
    margin-top: 0;
    padding: 0;
  }

  .offer-body__additional-list-item + .offer-body__additional-list-item {
    margin-top: 4px;
  }

  .offer-body__product-title {
    color: var(--clr-text-tertiary, #687588);
    font-weight: 400;
    font-size: 12px !important;
  }

  .offer-body__product-description {
    color: var(--clr-text-primary, #111827);
    margin-top: 4px;
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 16px !important;
  }

  .offer-body__product-mobile-item {
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    display: flex;
  }

  .offer-body__product-mobile-title {
    color: var(--clr-text-tertiary, #687588);
    margin-bottom: 5px;
    font-weight: 500;
  }

  .offer-body__product-mobile-description {
    color: var(--clr-text-primary, #111827);
    font-weight: 500;
  }
}

@media (max-width: 429px) {
  .offer-body {
    margin-top: 8px;
  }

  .offer-body__product {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .offer-body__actions {
    flex-flow: row-reverse wrap;
    display: flex;
  }

  .offer-body__product-title {
    color: var(--clr-text-tertiary, #687588) !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
  }

  .offer-body__product-item {
    justify-content: space-between;
    display: flex;
  }

  .offer-body__product-description {
    margin-top: 0;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 16px !important;
  }

  .offer-body__additional-title {
    font-size: 12px !important;
  }

  .offer-body__additional-item {
    justify-content: flex-end;
    display: flex;
  }
}

.accept-offer-modal .ant-modal-title {
  text-align: center;
  border-bottom: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.accept-offer-modal__text {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 140%;
}

.accept-offer-modal__header {
  background: #fafafa;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  padding: 12px;
  display: flex;
}

.accept-offer-modal__logo-wrapper {
  border: 1px solid #e9eaec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.accept-offer-modal__logo-wrapper > img {
  width: 100%;
  height: 100%;
}

.accept-offer-modal__chosen-text {
  color: #687588;
  font-size: 14px;
  line-height: 140%;
}

.accept-offer-modal__bank {
  letter-spacing: .2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.accept-offer-modal__main-info {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.accept-offer-modal__main-label {
  text-align: center;
  font-size: 14px;
  line-height: 140%;
}

.accept-offer-modal__main-value {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.accept-offer-modal__main-value--red {
  color: #ff2e1f;
}

.accept-offer-modal__sub-info {
  border-top: 1px solid #e9eaec;
  margin-top: 16px;
  padding-top: 16px;
}

.accept-offer-modal__sub-item {
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 140%;
  display: flex;
}

.accept-offer-modal__sub-label {
  color: #687588;
}

.accept-offer-modal__sub-value {
  font-weight: 500;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.CustomModal .ant-select {
  width: 100%;
}

.CustomModal .ant-select span {
  color: #111827;
}

.CustomModal .auto_selects {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.CustomModal .auto_selects .ant-select, .CustomModal .auto_selects .ant-input {
  width: 100%;
  height: 50px;
  margin-top: 25px;
}

.CustomModal .ant-modal-footer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.CustomModal .ant-modal-footer button {
  flex: 1;
  min-width: 180px;
}

.CustomModal .ant-modal-footer button.ant-btn-primary {
  background-color: #0caf60;
}

.CustomModal .ant-modal-footer button.ant-btn-primary span {
  color: #f1f2f4;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}

.CustomModal .ant-modal-footer button.ant-btn-primary:disabled {
  background-color: #f1f2f4;
  border: none;
}

.CustomModal .ant-modal-footer button.ant-btn-primary:disabled span {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
}

.CustomModal .ant-modal-footer .ant-btn-disabled {
  background-color: #f1f2f4;
}

.offer-step {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  width: 100%;
  max-width: 1120px;
  height: 100%;
  padding: 20px 25px;
  display: inline-flex;
  container: offer-step / inline-size;
}

.offer-step__header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.offer-step__title-wrapper {
  align-items: center;
  gap: 16px;
  display: flex;
}

.offer-step__tab-label-wrapper {
  align-items: center;
  gap: 8px;
  display: flex;
}

.offer-step__tab-label-status {
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: flex;
}

.offer-step__label-count {
  color: #fff;
  height: 9px;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  display: block;
}

.offer-step__label-count--center {
  text-align: center;
}

.offer-step__label-count--dark {
  color: #111827;
}

.offer-step__title {
  color: #111827;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

.offer-step__actions {
  gap: 10px;
  display: flex;
}

.offer-step__action svg {
  width: 16px;
  height: 16px;
}

.offer-step .bank-item .bank-item {
  margin-top: 24px;
  margin-bottom: 0;
}

.offer-step .bank-item + .bank-item {
  margin-top: 24px;
}

.offer-step .bank-item__info-badge {
  width: min(100%, 400px);
  margin-top: 12px;
}

@container offer-step (width <= 768px) {
  .offer-step__header {
    align-items: center;
    gap: 8px;
    margin-bottom: 32px;
  }

  .offer-step__title {
    margin-top: 0;
    font-size: 16px;
    font-weight: 700;
  }

  .offer-step__button-text {
    display: none;
  }

  .offer-step__update svg {
    font-size: 18px;
  }

  .offer-step .info-badge {
    display: none;
  }
}

@media (max-width: 520px) {
  .offer-step {
    border-radius: 0%;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.cancel-offer-modal .ant-modal-header {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cancel-offer-modal .ant-modal-header .ant-modal-title {
  color: #111827;
  text-align: center;
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.bank-offers {
  will-change: padding;
  transition: padding 10s ease-in-out;
}

.bank-offers__warning {
  border-radius: 16px;
  margin-bottom: 24px;
}

.bank-offers__declined-title {
  color: #111827;
  text-align: left;
  border-top: 1px solid #e9eaec;
  border-bottom: none;
  margin-top: 24px;
  margin-bottom: 15px;
  padding-top: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.bank-offers__empty {
  color: #687588;
  text-align: center;
  margin: 24px auto;
  line-height: 150%;
}

.bank-item .bank-item {
  margin-top: 24px;
  margin-bottom: 0;
}

.bank-item + .bank-item {
  margin-top: 24px;
}

.bank-item__info-badge {
  width: min(100%, 400px);
  margin-top: 12px;
}

.bank-item__info-badge--right {
  width: min(100%, 280px);
  margin-left: auto;
}

.bank-description-modal .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.bank-description-modal__pre {
  white-space: pre-wrap;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.leasing-approved-item__white-button {
  background-color: #fff;
}

.leasing-approved-item__white-button:hover {
  background-color: #f5f5f5;
}

@media (max-width: 860px) {
  .leasing-approved-item__white-button {
    border-radius: 6px;
    min-height: 26px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    padding-block-start: 6px !important;
    padding-block-end: 6px !important;
  }
}

.cancel-offer-modal .ant-modal-header {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cancel-offer-modal .ant-modal-header .ant-modal-title {
  color: #111827;
  text-align: center;
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.leasing-details__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  display: flex;
  position: relative;
}

.leasing-details__title-leasing-company {
  align-items: center;
  gap: 10px;
  font-size: 16px;
  display: flex;
}

.leasing-details__title {
  text-align: center;
  width: 100%;
}

.leasing-details .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.leasing-details__comment {
  margin-top: 24px;
  font-size: 16px;
}

.change-client-info .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.change-client-info__form {
  margin-top: 24px;
}

.change-client-info__item + .change-client-info__item {
  margin-top: 16px;
}

.change-client-info__actions {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.change-client-info__actions > button {
  flex: 1;
  min-width: 180px;
}

.document-controller__open-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: none;
  border-radius: 10px;
  outline: none;
  align-items: center;
  gap: 8px;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.document-controller__open-btn:hover {
  background-color: #f0f0f0;
}

.document-controller__open-btn-icon {
  width: 20px;
  height: 20px;
}

.document-controller__open-btn-icon path {
  stroke: #111827;
}

.file-download {
  color: currentColor;
  background-color: #fafafa;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
  display: flex;
}

.file-download--with-title {
  width: 100%;
}

.file-download > svg {
  width: 24px;
  height: 24px;
}

.file-download > svg > path {
  fill: currentColor;
}

.file-download__text {
  flex: 1;
}

.photo-upload__skeleton {
  border: 1px dashed #cbd5e0;
  border-radius: 10px !important;
  width: 213px !important;
  height: 213px !important;
}

.photo-upload {
  font-size: 12px;
  line-height: 19.2px;
}

.photo-upload__shape {
  border: 1px dashed #cbd5e0;
  border-radius: 10px;
  width: 213px;
  height: 213px;
}

.photo-upload__shape--error {
  border-color: #e03137;
}

.photo-upload__view {
  cursor: pointer;
  flex-direction: column;
  padding: 8px 16px;
  transition: all .2s;
  display: flex;
}

.photo-upload__view:hover {
  background-color: #00000004;
}

.photo-upload__field {
  display: none;
}

.photo-upload__title {
  color: #687588;
}

.photo-upload__main {
  text-align: center;
  margin-block-start: auto;
  margin-block-end: auto;
}

.photo-upload__main-icon {
  background-color: #a0aec0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
}

.photo-upload__main-icon > svg {
  width: 24px;
  height: 24px;
}

.photo-upload__text {
  color: #687588;
  margin-top: 8px;
}

.photo-upload__required {
  color: #e03137;
  margin-left: 2px;
}

.photo-upload__selected {
  position: relative;
  overflow: hidden;
}

.photo-upload__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  line-height: 0;
  display: block;
}

.photo-upload__remake-photo {
  color: #fff;
  background-color: #111827;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 6.5px 24px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.photo-upload__remake-photo:hover {
  background-color: #161e2f;
}

.photo-upload__delete-photo {
  color: #fff;
  background-color: #e03137;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 6.5px;
  font-weight: 600;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 12px;
  right: 12px;
}

.photo-upload__delete-photo:hover {
  background-color: #c42b30;
}

.photo-upload__additional-text {
  color: #a0aec0;
  margin-top: 8px;
  font-size: 12px;
  line-height: 19.2px;
}

.photo-upload__additional-text--error {
  color: #e03137;
}

.photo-upload-modal .ant-modal-title {
  color: #111827;
  text-align: center;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.2px;
}

.photo-upload-modal__take-photo {
  background-color: #a0aec0;
  border-radius: 0 0 10px 10px;
  width: 100%;
  margin-top: -7px;
  display: flex;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.request-header-info {
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  display: flex;
}

.request-header-info__item {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  padding: 8px 16px;
}

.request-header-info__title {
  color: #111827;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  overflow: hidden;
}

.request-header-info__title--editable {
  cursor: pointer;
}

.request-header-info__icon {
  width: 20px;
  height: 20px;
}

.request-header-info__icon--error {
  cursor: help;
  width: 24px;
  height: 24px;
  animation: 1s infinite alternate grow;
  position: relative;
  top: -2px;
}

.request-header-info__icon--error path {
  fill: #ffd023;
}

.request-header-info__link {
  color: inherit;
  line-height: 100%;
  text-decoration: none;
}

.request-header-info__text {
  color: #687588;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.request-header-info__text--history {
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.request-header-info__text--history:before {
  content: "";
  border-bottom: 1px dotted #000;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 18px;
  right: 0;
}

.horizontal-info {
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  padding: 8px 16px;
}

.horizontal-info__name {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.horizontal-info__name-text {
  flex: 1;
}

.horizontal-info__edit, .horizontal-info__history {
  margin: -8px;
  padding: 8px;
  line-height: 0;
}

.horizontal-info__edit {
  margin-left: 0;
  margin-right: 0;
}

.horizontal-info__person-id {
  margin-top: 4px;
  font-size: 12px;
}

.horizontal-info__phone-wrapper {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.horizontal-info__phone {
  color: currentColor;
  text-decoration: none;
}

.horizontal-info__error-icon {
  cursor: help;
  animation: 1s infinite alternate grow;
  position: relative;
  top: -1px;
}

.horizontal-info__error-icon path {
  fill: #ffd023;
}

.horizontal-info__request {
  background-color: #0000;
  border: none;
  margin-top: 4px;
  font-size: 12px;
}

.horizontal-info__request .ant-collapse-content-box, .horizontal-info__request .ant-collapse-header {
  padding: 0 !important;
}

.horizontal-info__request .ant-collapse-header {
  align-items: center !important;
}

.horizontal-info__request .ant-collapse-content {
  border-top: none !important;
}

.horizontal-info__arrow {
  transition: transform .2s;
}

.horizontal-info__arrow--rotated {
  transform: rotate(180deg);
}

.horizontal-info__collapse-label {
  color: #687588;
}

.horizontal-info__request-list {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.horizontal-info__request-item {
  color: #111827;
  flex: 1;
  min-width: 80px;
  margin-top: 4px;
  font-size: 11px;
}

.horizontal-info__request-item > span {
  font-size: 12px;
  display: block;
}

@media (min-width: 1140px) {
  .horizontal-info {
    display: none;
  }
}

@media (max-width: 520px) {
  .horizontal-info {
    border-radius: 0;
  }
}

@media (max-width: 420px) {
  .horizontal-info__request-item {
    min-width: 40%;
  }
}

.online-request-status-changer__form {
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.online-request-status-changer__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.online-request-status-changer__actions > button {
  flex: 1;
  min-width: 200px;
}

.take-to-work-button__alert {
  width: 100%;
}

.take-to-work-button__alert-button {
  margin-left: 8px;
}

.take-to-work-button__client-info {
  flex-flow: wrap;
  margin-top: 8px;
  display: flex;
}

@media (max-width: 560px) {
  .take-to-work-button__client-info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.take-to-work-button__client-info-label {
  color: #111827;
  text-align: left;
  flex-shrink: 0;
  min-width: 50px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.take-to-work-button__client-info-value {
  text-align: left;
  overflow-wrap: break-word;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.take-to-work-button__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.take-to-work-button__actions > button {
  flex: 1;
  min-width: 200px;
}

.taken-user-info-button__alert {
  width: 100%;
}

.taken-user-info-button__alert-button {
  margin-left: 8px;
}

.taken-user-info-button__divider {
  color: #888;
}

.taken-user-info-button__loader-container {
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.taken-user-info-button__form {
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.taken-user-info-button__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.taken-user-info-button__actions > button {
  flex: 1;
  min-width: 200px;
}

.update-status-modal .ant-modal-footer {
  margin-top: 0;
}

.update-status-modal__header {
  margin-bottom: 0 !important;
}

.update-status-modal__header .ant-modal-title {
  color: #111827;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

.update-status-modal__bank-info {
  text-align: center;
  margin-top: 6px;
  font-size: 16px;
}

.update-status-modal__bank-id {
  color: #687588;
  font-size: 14px;
}

.update-status-modal__field {
  margin-top: 24px;
}

.update-status-modal__actions {
  flex-wrap: wrap;
  gap: 24px 32px;
  margin-top: 32px;
  display: flex;
}

.update-status-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.euras-bank-item__icon {
  font-size: 14px;
}

.forte-bank-item__icon {
  font-size: 14px;
}

.leasing-offers {
  will-change: padding;
  transition: padding 10s ease-in-out;
}

.leasing-offers__warning {
  border-radius: 16px;
  margin-bottom: 24px;
}

.leasing-offers__declined-title {
  color: #111827;
  text-align: left;
  border-top: 1px solid #e9eaec;
  border-bottom: none;
  margin-top: 24px;
  margin-bottom: 15px;
  padding-top: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.leasing-offers__empty {
  color: #687588;
  text-align: center;
  margin: 24px auto;
  line-height: 150%;
}

.leasing-item .leasing-item {
  margin-top: 24px;
  margin-bottom: 0;
}

.leasing-item + .leasing-item {
  margin-top: 24px;
}

.leasing-item__info-badge {
  width: min(100%, 400px);
  margin-top: 12px;
}

.leasing-item__info-badge--right {
  width: min(100%, 280px);
  margin-left: auto;
}

.leasing-description-modal .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.leasing-description-modal__pre {
  white-space: pre-wrap;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
}

.offer-details__title-wrapper {
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  display: flex;
  position: relative;
}

.offer-details__title-bank {
  align-items: center;
  gap: 10px;
  font-size: 16px;
  display: flex;
}

.offer-details__title {
  text-align: center;
  width: 100%;
}

.offer-details__info-description {
  margin-top: 16px;
}

.offer-details__collapse {
  margin-top: 12px;
}

.offer-details__collapse-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 16px;
  display: flex;
}

.offer-details__pre {
  white-space: pre-wrap;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}

.offer-details__no-info {
  width: min(100%, 360px);
  margin: 16px auto 0;
}

.offer-details__no-info > div {
  padding: 10px 16px;
}

.offer-details .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.offer-details .ant-tabs-content {
  height: 60vh;
  overflow-y: auto;
}

.offer-details .ant-collapse-header {
  align-items: center !important;
}

.recreate-request .ant-modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

.recreate-request__header {
  margin-bottom: 0 !important;
}

.recreate-request__header .ant-modal-title {
  color: #111827;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

.recreate-request__content {
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
  padding: 0 12px;
  display: flex;
}

.recreate-request__control-header {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  display: flex;
}

.recreate-request__bank {
  cursor: pointer;
  align-items: center;
  gap: 20px;
  padding: 4px 0;
  display: flex;
}

.recreate-request__bank .ant-checkbox-inner {
  width: 20px;
  height: 20px;
}

.recreate-request__bank .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff2e1f;
  border-color: #ff2e1f;
}

.recreate-request__bank:hover .ant-checkbox-inner {
  border-color: #ff2e1f;
}

.recreate-request__bank-content {
  align-items: center;
  gap: 8px;
  display: flex;
}

.recreate-request__bank-name {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}

.recreate-request__bank-name--font-normal {
  font-weight: 400;
}

.recreate-request__error {
  color: #e03137;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 130%;
  display: flex;
}

.recreate-request__error > svg {
  min-width: 18px;
}

.recreate-request__actions {
  flex-wrap: wrap;
  gap: 24px 32px;
  margin-top: 32px;
  display: flex;
}

.recreate-request__actions > button {
  flex: 1;
  min-width: 200px;
}

.request-body-info__icon {
  width: 20px;
  height: 20px;
}

.request-body-info__icon path {
  fill: currentColor;
}

.request-body-info__title-wrapper {
  flex-wrap: wrap-reverse;
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.request-body-info__title-bank {
  align-items: center;
  gap: 10px;
  display: flex;
}

.request-body-info__title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.request-body-info__pre {
  white-space: pre-wrap;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}

.request-body-info .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.request-body-info__footer {
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

@media (max-width: 760px) {
  .request-body-info__title-wrapper {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .request-body-info__title {
    position: static;
    transform: none;
  }
}

.offer-tooltip__wrapper {
  padding: 8px;
}

.offer-tooltip__title {
  margin-bottom: 10px;
  font-size: 14px;
}

.offer-tooltip__title--success {
  color: #0caf60;
}

.offer-tooltip__title--error {
  color: #e03137;
}

.offer-tooltip__title--warning {
  color: #ffd023;
}

.offer-tooltip__title--processing {
  color: #1f9aff;
}

.offer-tooltip__title:first-letter {
  text-transform: lowercase;
}

.offer-tooltip__avatar-wrapper {
  flex-direction: row;
  margin-top: 10px;
  display: flex;
}

.offer-tooltip__date {
  margin-left: 10px;
  text-transform: lowercase !important;
}

.offer-tooltip__date:first-letter {
  text-transform: lowercase;
}

.offer-tooltip__content {
  color: #fff;
  cursor: pointer;
  background-color: #a8a8a8;
  border: none;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.offer-tooltip__content--warning {
  color: #000;
  background-color: #ffd023;
}

.offer-tooltip__content--error {
  color: #fff;
  background-color: #e03137;
}

.offer-tooltip__content--success {
  color: #fff;
  background-color: #0caf60;
}

.offer-tooltip__content--processing {
  color: #fff;
  background-color: #1f9aff;
}

.security-status-badge {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  display: flex;
}

.security-status-badge__badge {
  border-radius: 50px;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
}

.security-status-badge__badge--declined {
  background-color: #ff2e1f;
}

.security-status-badge__badge--on_review {
  background-color: #fcb80d;
}

.security-status-badge__badge--draft {
  background-color: #c6c6c6;
}

.security-status-badge__badge--approved {
  background-color: #0cb061;
}

.select {
  position: relative;
}

.select__field {
  cursor: pointer;
  caret-color: #0000;
}

.select__arrow {
  cursor: pointer;
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  transition: transform .2s;
  display: block;
}

.select__arrow--rotated {
  transform: rotate(-180deg);
}

.select__list {
  z-index: 10;
  scroll-behavior: smooth;
  width: 100%;
  max-height: 220px;
  padding: 0 4px;
  list-style-type: none;
  transition: padding-block .2s;
  overflow: hidden auto;
}

.select__popup {
  z-index: 10;
  background-color: var(--clr-bg-white, #fff);
  border: 1px solid var(--clr-border-light, #f8f8f8);
  width: 100%;
  box-shadow: 5px 5px 50px 0 var(--clr-overlay, #1a202c0f);
  opacity: 0;
  border-radius: 10px;
  grid-template-rows: 0fr;
  transition: all .2s;
  display: grid;
  position: absolute;
  top: 53px;
  overflow: hidden;
}

.select__popup--shown {
  opacity: 1;
  grid-template-rows: 1fr;
}

.select__popup--shown > .select__list {
  padding: 12px 4px;
  transition: none;
}

.select__popup--to-top {
  top: 0;
  transform: translateY(-100%);
}

.select__item {
  color: var(--clr-text-primary, #111827);
  text-align: left;
  cursor: pointer;
  will-change: background-color;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
}

.select__item:hover, .select__item--selected {
  background-color: var(--clr-bg-selected, #f8f8f8);
}

.select__item--with-group {
  padding-left: 18px;
}

.select__item + .select__item {
  margin-top: 8px;
}

.select__group-item {
  color: var(--clr-text-tertiary, #687588);
  padding: 8px 10px;
  font-size: 13px;
  line-height: 19.6px;
}

.table {
  flex: 1 0 0;
}

.table__row--clickable {
  cursor: pointer;
}

.table__shown-text {
  color: #687588;
  margin-right: 16px;
  font-size: 12px;
  font-weight: 500;
}

.table.table .ant-table {
  color: #111827;
  background-color: #0000 !important;
}

.table.table .ant-table-expanded-row-fixed {
  width: 100% !important;
}

.table.table .ant-pagination {
  align-items: center;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}

.table.table .ant-pagination .ant-select-selector {
  border: 1px solid #111827;
}

.table.table .ant-pagination-next, .table.table .ant-pagination-prev {
  border: 1px solid #f1f2f4;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.table.table .ant-pagination-prev {
  margin-right: 24px;
}

.table.table .ant-pagination-next {
  margin-left: 24px;
}

.table.table .ant-pagination-item {
  border: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  display: flex;
}

.table.table .ant-pagination-item-active {
  background-color: #f8f8f8;
}

.table.table .ant-pagination-item a {
  color: #111827;
}

.table.table .ant-pagination-options {
  align-items: center;
  gap: 16px;
  height: auto;
  margin-left: auto;
  display: flex;
}

@media (max-width: 460px) {
  .table.table .ant-pagination-options {
    display: none;
  }
}

.table.table .ant-pagination-options:before {
  color: #687588;
  white-space: nowrap;
  content: var(--pagination-text);
  font-size: 12px;
  font-weight: 500;
}

.table.table .ant-pagination-options input {
  height: 100% !important;
}

.table.table .ant-pagination-options > div {
  height: auto;
}

.table.table .ant-pagination-options .ant-select-selector {
  border: 1px solid #f1f2f4;
  height: auto;
  padding: 4px 10px;
}

.table.table .ant-pagination-options .ant-select-arrow {
  transform: rotate(180deg);
}

.table.table .ant-pagination-options .ant-select-content {
  flex-direction: row-reverse;
  gap: 4px;
  display: flex;
}

.table.table .ant-pagination-options .ant-select-content:after {
  content: "Показать";
}

.table.table .ant-select-dropdown .ant-select-item-option-content:before {
  content: "Показать ";
}

.table.table .ant-table-thead {
  height: 56px;
}

.table.table .ant-table-thead .ant-table-column-sorter-down {
  font-size: 10px;
}

.table.table .ant-table-thead .ant-table-cell, .table.table .ant-table-thead .ant-table-column-title {
  color: #687588;
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
}

.table.table .ant-table-thead .ant-table-cell {
  padding: 9px 16px !important;
}

.table.table .ant-table-body {
  overflow: auto;
  max-height: calc(100vh - 365px) !important;
}

.table.table .ant-table-body::-webkit-scrollbar {
  background-color: #0000;
  width: 5px;
}

.table.table .ant-table-body::-webkit-scrollbar-thumb {
  background-color: #83838336;
  border-radius: 20px;
}

.table.table .ant-table-cell {
  height: 60px;
  padding: 0 16px !important;
}

.table.table .ant-table-cell > a[data-table-link] {
  height: 100%;
  color: inherit;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  display: flex;
}

.table.table .ant-table-cell:has(a[data-table-link]) {
  padding: 0 !important;
}

.table.table .ant-table-cell:has(a[data-table-link]) > a {
  height: 100%;
  padding: 0 16px;
}

.table.table .ant-table-row.ant-table-row-selected > .ant-table-cell {
  background-color: inherit;
}

.jodit-container {
  text-align: left;
  max-height: 70vh;
  overflow-y: auto;
}

.jodit-container .jodit-toolbar__box {
  z-index: 1;
  position: sticky;
  top: 0;
}

.jodit-container .page-break {
  text-align: center;
  border-top: 2px dashed #c8c8c8;
  margin: 16px 0;
  display: block;
  position: relative;
}

.jodit-container .page-break:after {
  color: #c8c8c8;
  content: "--- Разрыв страницы ---";
  margin-top: 4px;
  font-size: 11px;
  display: block;
}

@media print {
  .page-break {
    border: none !important;
    margin: 0 !important;
  }

  .page-break:after {
    display: none !important;
  }
}

.upload-file {
  margin: 0;
}

.upload-file__hidden-field {
  display: none;
}

.upload-file__add-button {
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 13px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  transition: all .2s;
  display: flex;
}

.upload-file__add-button:hover {
  background-color: #0000000d;
}

.upload-file__add-button > svg path {
  fill: currentColor;
}

.upload-file__list {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.upload-file__list-item {
  border: 1px solid #e9eaec;
  border-radius: 10px;
  align-items: center;
  padding: 15px 8px 15px 16px;
  display: flex;
}

.upload-file__item-name {
  text-overflow: ellipsis;
  color: #111827;
  white-space: nowrap;
  width: calc(100% - 28px);
  font-size: 14px;
  line-height: 21px;
  overflow: hidden;
}

.upload-file__end-content {
  align-items: center;
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  display: flex;
}

.upload-file__cross {
  background-color: #0000;
  border: none;
  border-radius: 6px;
  padding: 8px;
  line-height: 0;
  transition: all .2s;
}

.upload-file__cross:hover {
  background-color: #0000000d;
}

.upload-file__cross > svg {
  width: 20px;
  height: 20px;
}

.upload-file__cross > svg path {
  fill: #111827;
}

.upload-file__cross + .upload-file__icon {
  padding-left: 4px;
}

.render-bank-logo {
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-right: 8px;
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.render-bank-logo__image {
  object-fit: contain;
  width: 20px;
  height: 20px;
}

.status-tooltip__title-wrapper {
  padding: 6px 8px;
}

.status-tooltip__title {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.auto-credit-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.auto-credit-header__title {
  text-align: left;
}

.auto-credit-header__title h2 {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.auto-credit-header__title p {
  color: #687588;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.auto-credit-header__pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 640px) {
  .auto-credit-header__pagination {
    width: 100%;
  }

  .auto-credit-header__pagination > button {
    flex: 1;
    min-width: max-content;
  }
}

.filter-modal .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.2px;
}

.filter-modal__subtitle {
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
}

.filter-modal__form {
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.filter-modal__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.filter-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.filter-modal__button {
  text-align: center;
  background-color: #0000;
  border: none;
  border-radius: 10px;
  padding: 14px 8px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: block;
}

.filter-modal__button:disabled {
  color: #a0aec0;
  pointer-events: none;
  background-color: #f1f2f4;
}

.filter-modal__cancel {
  border: 1px solid #687588;
}

.filter-modal__cancel:hover {
  background-color: #0000000d;
}

.filter-modal__apply {
  color: #fff;
  background-color: #ff2e1f;
}

.filter-modal__apply:hover {
  background-color: #e92a1c;
}

.car-info-modal-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.car-info-modal {
  margin: 0;
  top: 0;
}

.car-info-modal__header {
  margin-bottom: 32px !important;
}

.car-info-modal__header .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

.car-info-modal__form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.car-info-modal__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.car-info-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.car-info-modal__button {
  text-align: center;
  background-color: #0000;
  border: none;
  border-radius: 10px;
  padding: 14px 8px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
  display: block;
}

.car-info-modal__button:disabled {
  color: #a0aec0;
  pointer-events: none;
  background-color: #f1f2f4;
}

.car-info-modal__cancel {
  border: 1px solid #687588;
}

.car-info-modal__cancel:hover {
  background-color: #0000000d;
}

.car-info-modal__save {
  color: #fff;
  background-color: #ff2e1f;
}

.car-info-modal__save:hover {
  background-color: #e92a1c;
}

.car-info-modal .ant-modal-footer {
  margin: 0;
}

.client-otp-modal-notification {
  padding: 16px !important;
}

.client-otp-modal-notification .ant-notification-notice-actions {
  float: none;
  flex-wrap: wrap-reverse;
  gap: 12px;
  display: flex;
}

.client-otp-modal-notification .ant-notification-notice-actions > button {
  min-width: 120px;
}

.client-otp-modal .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 32.2px;
}

.client-otp-modal__subtitle {
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
}

.client-otp-modal__comments {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.client-otp-modal__phone {
  text-align: center;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 600;
}

.client-otp-modal__form {
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.client-otp-modal__iin-loading {
  margin-right: 16px;
}

.client-otp-modal__security-status {
  border-radius: 10px;
  padding: 8px 16px;
}

.client-otp-modal__security-status--declined {
  background-color: #ffe7e6;
  border: 1px solid #ff2e1f;
}

.client-otp-modal__security-status--on_review {
  background-color: #fff8e6;
  border: 1px solid #fcb80d;
}

.client-otp-modal__security-status--draft {
  background-color: #f2f2f2;
  border: 1px solid #c6c6c6;
}

.client-otp-modal__security-status--approved {
  background-color: #e7fdf3;
  border: 1px solid #0cb061;
}

.client-otp-modal__security-status-title {
  margin-bottom: 6px;
}

.client-otp-modal__security-status-comment {
  margin-top: 6px;
  display: inline-block;
}

.client-otp-modal__sent-with .ant-radio-wrapper {
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 16px;
}

.client-otp-modal__sent-with .ant-radio-wrapper > span {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.client-otp-modal__sent-with .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: #ff2e1f;
  border-color: #ff2e1f;
}

.client-otp-modal__sent-with .ant-radio-wrapper:hover .ant-radio-inner {
  border-color: #ff2e1f;
}

.client-otp-modal__sent-text {
  font-weight: 600;
}

.client-otp-modal__otp-loading {
  color: #687588;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  font-size: 14px;
  display: none;
}

.client-otp-modal__otp-loading--active {
  display: flex;
}

.client-otp-modal__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.client-otp-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.client-otp-modal__cancel {
  width: 100%;
  margin-top: 32px;
}

.client-otp-modal__error {
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: #e03137;
  justify-content: center;
  align-items: center;
  gap: 4px;
  max-width: 360px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.client-otp-modal__error > svg {
  min-width: 18px;
}

.client-otp-modal__timer {
  margin-top: 32px;
  display: none;
}

.client-otp-modal__timer--active {
  display: block;
}

.bmg-error-modal {
  text-wrap: pretty;
  max-width: 540px;
  font-size: 14px;
}

.bmg-error-modal__content {
  max-width: 540px;
}

.bmg-error-modal__body {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.bmg-error-modal__description {
  color: #ff2e1f;
  background-color: #ff2e1f11;
  border-left: 6px solid #ff2e1f;
  margin: 0;
  padding: 6px 6px 6px 12px;
  font-weight: 700;
  line-height: 140%;
}

.bmg-error-modal__steps-title {
  margin: 0;
  font-weight: 600;
  line-height: 140%;
}

.bmg-error-modal__steps {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  display: flex;
}

.bmg-error-modal__step {
  line-height: 140%;
}

.bmg-error-modal__platform {
  color: #1a1a1a;
  white-space: nowrap;
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 600;
}

.bmg-error-modal__actions {
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.loader {
  width: 20px;
  height: 20px;
  position: relative;
}

.loader > div {
  opacity: 1;
  background: #111827;
  border-radius: 100px;
  width: 7%;
  height: 34%;
  animation: .6s linear infinite fade;
  position: absolute;
  top: 35%;
  left: 45%;
}

.loader > div:first-child {
  animation-delay: 75ms;
  transform: rotate(0)translate(0, -100%);
}

.loader > div:nth-child(2) {
  animation-delay: .15s;
  transform: rotate(45deg)translate(0, -100%);
}

.loader > div:nth-child(3) {
  animation-delay: .225s;
  transform: rotate(90deg)translate(0, -100%);
}

.loader > div:nth-child(4) {
  animation-delay: .3s;
  transform: rotate(135deg)translate(0, -100%);
}

.loader > div:nth-child(5) {
  animation-delay: .375s;
  transform: rotate(180deg)translate(0, -100%);
}

.loader > div:nth-child(6) {
  animation-delay: .45s;
  transform: rotate(225deg)translate(0, -100%);
}

.loader > div:nth-child(7) {
  animation-delay: .525s;
  transform: rotate(270deg)translate(0, -100%);
}

.loader > div:nth-child(8) {
  animation-delay: .6s;
  transform: rotate(315deg)translate(0, -100%);
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.otp-form {
  justify-content: center;
  gap: 8px;
  display: flex;
}

.otp-form__field {
  text-align: center;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  width: 56px;
  height: 56px;
  font-size: 28px;
  font-weight: 700;
}

.otp-form__field--error {
  border-color: #e03137;
  animation: .2s shake;
}

@keyframes shake {
  0% {
    transform: translateX(-4px);
  }

  33% {
    transform: translateX(4px);
  }

  66% {
    transform: translateX(-4px);
  }

  100% {
    transform: translateX(0);
  }
}

.timer__seconds {
  color: #687588;
  text-align: center;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-size: 14px;
  display: block;
}

.timer__button {
  color: #111827;
  text-align: center;
  text-underline-offset: 2px;
  cursor: pointer;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 4px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
  transition: all .2s linear;
  display: flex;
}

.timer__button + .timer__button {
  margin-top: 8px;
}

.timer__button:hover {
  color: #000;
}

.order-history .ant-modal-content {
  max-height: 95vh;
  overflow-y: auto;
}

.order-history .ant-modal-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.order-history__table {
  margin-top: 32px;
}

.order-history__cell-text {
  margin-block-start: 8px;
  margin-block-end: 8px;
  display: inline-block;
}

.order-history__cell-text--comment {
  max-width: 300px;
  overflow: hidden;
}

.order-history__actions {
  justify-content: flex-end;
  margin-top: 24px;
  display: flex;
}

.order-history__actions > button {
  min-width: 160px;
}

.order-history .ant-table-wrapper {
  min-height: 55vh;
}

.order-history .ant-tabs-tab:hover {
  color: #ff2e1f;
}

.order-history .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #ff2e1f !important;
}

.order-history .ant-tabs-ink-bar {
  background: #ff2e1f !important;
}

.promotion-modal__content {
  background-color: #0000 !important;
  border-radius: 0% !important;
  padding: 0 !important;
}

.promotion-modal__content .ant-modal-close {
  display: flex;
  position: absolute;
  top: -53px;
  right: 0;
  background-color: #0000 !important;
}

.promotion-modal__content .ant-modal-close svg {
  color: #fff;
  background-color: #ff2e1f;
  border-radius: 10px;
  width: 32px;
  height: 32px;
  padding: 6px;
}

.promotion-modal__mask {
  background-color: #00000080 !important;
}

.promotion-modal__wrapper {
  color: #fff;
  border-radius: 16px;
  max-height: 75vh;
  margin-bottom: 32px;
  padding: 25px 24px;
  overflow-y: auto;
  background-color: #111827 !important;
}

.promotion-modal__header {
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  display: flex;
}

.promotion-modal__acknowledge {
  padding: 0 24px;
  display: flex;
  position: absolute;
  top: -48px;
  right: 20px;
}

.promotion-modal__acknowledge-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
}

.promotion-modal__car-list {
  grid-auto-flow: column;
  gap: 16px;
  margin-top: 24px;
  padding: 0 32px 14px;
  display: grid;
}

.promotion-modal__bank {
  justify-content: center;
  align-items: center;
  gap: 7px;
  display: flex;
}

.promotion-modal__bank .circled-image {
  background-color: #fff;
  min-width: 40px;
}

.promotion-modal__nav {
  pointer-events: none;
  opacity: 0;
  justify-content: space-between;
  width: 100%;
  max-width: 1056px;
  min-height: 60px;
  padding: 0 24px;
  display: flex;
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}

.promotion-modal__nav--visible {
  pointer-events: auto;
  animation: .2s ease-in-out .3s forwards fade-in;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  90% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.promotion-modal__nav-button {
  background-color: #fff;
}

.promotion-modal__nav-button svg {
  transform: rotate(90deg);
}

.promotion-modal__nav-button:hover, .promotion-modal__navigate-button {
  background-color: #fff;
}

.promotion-modal__navigate-button svg {
  transform: rotate(-90deg);
}

.promotion-modal__navigate-button:hover {
  background-color: #fff;
}

.promotion-modal__start-button svg {
  transform: rotate(-90deg);
}

.promotion-modal__start-button svg path {
  fill: #fff;
}

.promotion-modal__bank-name {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.promotion-modal__car-item {
  text-align: center;
  min-width: 80px;
  padding-top: 80px;
  position: relative;
}

.promotion-modal__car-logo {
  max-height: 82px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.promotion-modal__car-small {
  grid-auto-flow: column;
  gap: 7px;
  min-height: auto;
  margin-top: 24px;
  padding: 0;
  display: grid;
  overflow-x: auto;
}

.promotion-modal__car-small .promotion-modal__car-item {
  min-width: 30px;
  padding-top: 45px;
  transform: scale(.8);
}

.promotion-modal__car-small .promotion-modal__car-logo {
  width: 65px;
  margin-bottom: 5px;
}

.promotion-modal__car-small span {
  font-size: 12px;
}

.promotion-modal__rate {
  color: #687588;
  font-size: 14px;
  font-weight: 400;
}

.promotion-modal__term {
  color: #ff2e1f;
  font-size: 24px;
  font-weight: 700;
}

.promotion-modal__data {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
}

.promotion-modal__condition {
  color: #111827;
  border: 1px solid #e9eaec;
  border-radius: 8px;
  margin-top: 10px;
  padding: 10px;
}

.promotion-modal__condition-info {
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.promotion-modal__info {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 24px;
  padding: 10px 20px;
}

.promotion-modal__details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.promotion-modal__brand-icon {
  object-fit: contain;
  width: 100%;
  max-width: 250px;
  max-height: 300px;
}

@media (max-width: 768px) {
  .promotion-modal__condition-info {
    flex-wrap: wrap;
    gap: 8px;
  }

  .promotion-modal__car-list {
    overflow-x: auto;
  }

  .promotion-modal__wrapper {
    padding: 16px;
  }
}

@media (max-width: 520px) {
  .promotion-modal__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .promotion-modal__hidden {
    display: none;
  }

  .promotion-modal__car {
    width: 100%;
  }

  .promotion-modal__details {
    flex-wrap: wrap;
    gap: 8px;
  }
}

@media (max-width: 460px) {
  .promotion-modal__condition-info {
    flex-direction: column;
    align-items: flex-start;
  }
}

.system-notifications {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 24px;
  width: min(100%, 1120px);
  margin: 0 auto;
  display: flex;
  container: system-notifications / inline-size;
}

.system-notifications--margin-top {
  margin-top: 24px;
}

.system-notifications--margin-bottom {
  margin-bottom: 24px;
}

.system-notifications__notification {
  text-align: left;
  border-left: 10px solid;
  border-radius: 10px;
  flex: 1;
  align-items: center;
  min-width: 300px;
  padding: 8px 24px;
  font-size: 16px;
  line-height: 125%;
  display: flex;
  position: relative;
}

.system-notifications__notification:before {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
}

.system-notifications__icon {
  line-height: 0;
}

.system-notifications__icon svg {
  width: 28px;
  min-width: 28px;
  height: 28px;
}

.system-notifications__icon svg path {
  fill: currentColor;
}

@container system-notifications (width <= 1040px) {
  .system-notifications__notification {
    min-width: 220px;
  }
}

@media (max-width: 768px) {
  .system-notifications__notification {
    border-radius: 12px;
    align-items: flex-start;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
  }
}

@media (max-width: 560px) {
  .system-notifications__notification {
    min-width: auto;
    font-size: 16px;
  }

  .system-notifications__icon svg {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
}

.auto-credit-table__cell, .auto-credit-table__cell-text {
  color: #111827;
  font-size: 12px;
  font-weight: 600;
}

.auto-credit-table__cell {
  align-items: center;
  gap: 12px;
  display: flex;
}

.auto-credit-table__request-type {
  font-weight: 600;
}

.auto-credit-table__request-type--online {
  color: green;
}

.auto-credit-table__request-type--offline {
  color: red;
}

.auto-credit-table__cell-content {
  color: #687588;
  font-weight: 400;
}

.auto-credit-table__no-info {
  color: #ff2e1f;
  font-weight: 700;
}

.auto-credit-table__ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
  overflow: hidden;
}

.auto-credit-table__avatar {
  color: #687588;
  text-align: center;
  background-color: #f1f2f4;
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
}

.auto-credit-table__avatar--online {
  color: #4a814a;
  background-color: #c1e5c1;
}

.auto-credit-table__statuses-wrapper {
  align-items: center;
  gap: 10px;
  display: flex;
}

.auto-credit-table__big-status {
  background-color: #111827;
  border-radius: 8px;
  width: max-content;
  padding: 4px 16px;
}

.auto-credit-table__big-status--unverified {
  background-color: #023d3d;
}

.auto-credit-table__big-status--error {
  color: #fff;
  background-color: #ff2e1f;
}

.auto-credit-table__status {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.auto-credit-table__tooltip-title {
  color: #cbd5e0;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.auto-credit-table__tooltip-bank {
  align-items: center;
  margin-top: 8px;
  display: flex;
}

.auto-credit-table__tooltip-bank-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.auto-credit-table__tooltip-bank-header {
  align-items: center;
  gap: 4px;
  display: flex;
}

.auto-credit-table__tooltip-bank-name {
  font-size: 12px;
  line-height: 12px;
}

.auto-credit-table__tooltip-time {
  color: #687588;
  font-size: 10px;
  line-height: 10px;
}

.auto-credit-table__tooltip-leasing-badge {
  color: #fff;
  background-color: #7c5cff;
  border-radius: 4px;
  padding: 0 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  overflow: hidden;
}

.auto-credit-table__bank-text {
  color: #fff;
  height: 9px;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  display: block;
}

.auto-credit-table__bank-text--center {
  text-align: center;
}

.auto-credit-table__bank-text--dark {
  color: #111827;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.client-info {
  flex-direction: column;
  width: min(100%, 1120px);
  display: flex;
}

.client-info__header {
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.client-info__mobile-card {
  display: none;
}

.client-info__card {
  color: #687588;
  background-color: #fff;
  border-radius: 10px;
  min-width: 160px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.client-info__card-title {
  color: #111827;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.client-info__card-user {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  padding-right: 28px;
  position: relative;
  overflow: hidden;
}

.client-info__card-user:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFvSURBVHgBxVRRTsJAEJ0BEv3SHgFPINygewJpYkz8sr2BNyCcQDxB65eJRpETrJ5AOIG9gfXXSMe3K4kN7S7wobykdDOdeft23wxEu0A60d001cEmuewlutcht3mIZbgM5fIlUXKmZq6alpPsVndBpqWUubAc4ekLyQt3+DW90z1XXcf1gfc5xStLTtVlJRynj5pAeoW1om0UklBPFjKtxUt6wq9ToZNQRD5ww3UjfmLF1oRAxszDqrtmbWIgfXYVOe8QW41x7As+hAkP+gbrgFt8YtWTjFxl/raZQF1JMbIGZI4pNDMbJZEq6L/gV2juL1gxpqAiSdwKGwltU+/ZPgwbq4Qy+ZRRcq7y1U+NLoNM4xVgOtRySqqPgozQ5DTNd81lOBpbEYyZjeoKgBxm9Vn4jQ7I5I79CrE72mLuILMwLiNnijY6XqvQckKe+csiHxYwq03vGxGavgPpgHzA2TDr1/XSBqxV94viz5v8G7aUkDSaTwdmAAAAAElFTkSuQmCC) 100% 100% no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}

.client-info__card-phone {
  padding-right: 28px;
  position: relative;
}

.client-info__card-phone a {
  color: inherit;
  text-decoration: none;
}

.client-info__card-phone:after {
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHCSURBVHgBzZRNTsJQEMdnnlV3hiPUE4hrE6kXUD6WJlJOoDcQT6CeoEUXLozADVr0AHID8QSyNZGO/yktFCJQYkycBN7XvN+bef95JfrvxtnBfftlT0gK2bmz6mGP1rAJsNXpXYpIc97BkHHWgVr653WCgsKY2K1XS6100e+EQRRFF+jmBpqkjdO0tq1wZnHDNJGD43lBYS1go3I0QDP8+hwVs4tnx+NUzY45p5xmJj2mPtJ2sot37eeSHiRGijl5UyDuLySWcjputXv1iCLMUQjlGzl5UyA236Kxk6iILR7EDmJ8XMkwJ2+2DqGqR0K2W3WOxuPeNYmUN2XTOa0dvHsPgc1bfM3MXUusUOeWAlE+Ngu/YkOzXindxtAnHAKlUY9uJJGr/cTdxuG+YeNn69Rkgaq2wrQm9dXonFtzGoSIkvt0haWCDHa1xe6CziOQ5aLpq/Hb4UcKTaIvqlDzvvAT7zFwfowwNaR7hUhvRjTqA36eRN/PvqJFZhYtJNALTR9RvKXqrzJe5RALRXwJAVwMByTcxUGhIR7ol0nvEPe5rxnkAmbBUPoEkDLgKkL8vlEVzXqtdEW/Nf1C6Y/+2r4BmavH7nFD+kQAAAAASUVORK5CYII=) 100% 100% no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
}

.client-info__content {
  background-color: #fff;
  border-radius: 16px;
  min-height: 500px;
  padding: 20px 0;
}

.client-info__content .ant-tabs-nav-wrap {
  letter-spacing: .2px;
  margin: 0 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.client-info__content .ant-tabs-nav-wrap .ant-tabs-ink-bar {
  background: #ff2e1f;
}

.client-info__content .ant-tabs-nav-wrap .ant-tabs-tab-active .ant-tabs-tab-btn {
  text-overflow: ellipsis;
  color: #ff2e1f;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

@media (max-width: 900px) {
  .client-info__mobile-card {
    background-color: #fff;
    border-radius: 16px;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
    padding: 15px;
    display: flex;
    box-shadow: 0 2px 4px #0000001a;
  }

  .client-info__header {
    display: none;
  }

  .client-info__mobile-name {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
  }

  .client-info__mobile-title {
    gap: 5px;
    display: flex;
  }

  .client-info__mobile-info {
    color: #111827;
    font-size: 12px;
    font-weight: 400;
  }

  .client-info__content {
    background-color: #fff;
    border-radius: 16px;
  }

  .client-info__content .ant-tabs-nav-wrap {
    letter-spacing: .2px;
    margin: 0 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }

  .client-info__content .ant-tabs-nav-wrap .ant-tabs-ink-bar {
    background: #ff2e1f;
  }

  .client-info__content .ant-tabs-nav-wrap .ant-tabs-tab-active .ant-tabs-tab-btn {
    text-overflow: ellipsis;
    color: #ff2e1f;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media (max-width: 520px) {
  .client-info__mobile-card, .client-info__content {
    border-radius: 0%;
  }
}

.client-requests {
  padding: 0 20px;
}

.client-requests__table {
  width: 100%;
  display: block;
  overflow-x: auto;
}

.client-requests__table-mobile {
  display: none;
}

.client-requests__header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.client-requests__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.client-requests .ant-collapse-expand-icon {
  align-self: center;
}

.client-requests__arrow-icon {
  width: 24px;
  height: 24px;
}

.client-requests__arrow-icon svg {
  width: 24px;
}

.client-requests .ant-collapse {
  background: none;
  border: none;
}

.client-requests .ant-collapse-header {
  width: 100%;
  border-radius: 10px !important;
}

.client-requests .ant-collapse-content {
  border: none;
  border-radius: 0 0 16px 16px !important;
}

.client-requests .ant-collapse-item {
  border: 1px solid #f1f2f4;
  border-radius: 16px;
  width: 100%;
  margin: 16px auto !important;
}

.client-requests .ant-collapse-content-box {
  border-top: 1px solid #f1f2f4;
  border-radius: 0 0 16px 16px;
  flex-direction: column;
  display: flex;
}

.client-requests table {
  width: 100%;
}

.client-requests__table-header {
  background: #fafafa;
  border: 1px solid #f1f2f4;
  border-radius: 16px;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  height: 56px;
}

.client-requests__table-header th {
  text-align: start;
  padding: 16px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.client-requests__table-body {
  align-self: stretch;
  align-items: center;
  gap: 10px;
  height: 56px;
}

.client-requests__table-body td {
  text-wrap: nowrap;
  padding: 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.client-requests__more-info {
  color: currentColor;
  text-align: center;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  padding: 8px 7px;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  transition: all .2s;
  display: block;
}

.client-requests__more-info:hover {
  color: currentColor;
  background-color: #0000000a;
}

@media (max-width: 768px) {
  .client-requests__table {
    display: none;
  }

  .client-requests__table-mobile {
    display: block;
  }

  .client-requests .ant-collapse-content-box {
    padding: 0 !important;
  }

  .client-requests__more-info {
    margin: 16px 12px;
  }

  .client-requests .ant-collapse-header {
    padding-inline-start: 12px !important;
    padding-inline-end: 12px !important;
  }
}

.client-requests-mobile {
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding: 0 12px;
  display: flex;
}

.client-requests-mobile__info {
  color: #111827;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.client-requests-mobile__label {
  color: #687588;
  font-size: 12px;
}

.requests-collapse-header {
  text-align: start;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.requests-collapse-header__flex {
  align-items: center;
  display: flex;
}

.requests-collapse-header__flex--gap-8 {
  gap: 8px;
}

.requests-collapse-header__title {
  color: #111827;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.requests-collapse-header__text {
  color: #687588;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.requests-collapse-header__separate-dot {
  margin: 0 8px;
}

.requests-collapse-header__status {
  width: 25px;
  height: 25px;
  color: var(--text-color);
  background-color: var(--bg-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  display: flex;
}

.requests-collapse-header__big-status {
  color: #fff;
  text-align: center;
  background-color: #111827;
  border-radius: 8px;
  padding: 4px 16px;
  font-size: 10px;
  font-weight: 700;
}

.requests-collapse-header__big-status--unverified {
  background-color: #023d3d;
}

@media (max-width: 960px) {
  .requests-collapse-header__hidden {
    display: none;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.clients {
  flex-direction: column;
  width: min(100%, 1120px);
  display: flex;
}

.clients__content {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px 25px;
}

.clients__no-results {
  text-align: left;
  margin: 20px 0;
}

.clients__header {
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 15px;
  display: flex;
}

.clients__title {
  color: #111827;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.clients__search {
  flex: 1;
  min-width: 220px;
  max-width: 460px;
}

.clients__search-icon {
  cursor: text;
  margin-right: 8px;
  padding: 8px;
  display: inline-block;
}

.clients__mobile-data {
  border-top: 1px solid #e9eaec;
  padding-top: 20px;
  display: none;
}

@media (max-width: 900px) {
  .clients__mobile-data {
    display: block;
  }

  .clients__table {
    display: none;
  }
}

@media (max-width: 520px) {
  .clients__content {
    border-radius: 0%;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media (max-width: 480px) {
  .clients__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .clients__search {
    width: 100%;
  }
}

.clients-mobile {
  border-radius: 8px;
  min-width: 100px;
  font-size: 10px;
  font-weight: 700;
}

.clients-mobile__card {
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 8px #0000001a;
}

.clients-mobile__avatar {
  color: #687588;
  background-color: #f0f0f0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 10px;
  font-size: 12px;
  display: flex;
}

.clients-mobile__phone {
  display: flex;
}

.clients-mobile__loading, .clients-mobile__no-results {
  color: #888;
  text-align: center;
  padding: 20px;
  font-size: 16px;
}

.clients-mobile__item {
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
  padding: 12px;
}

.clients-mobile__item:hover {
  background: #f5f5f5;
}

.clients-mobile__info {
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 0 8px;
  display: flex;
}

.clients-mobile__info h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.clients-mobile__info p {
  color: #666;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
}

.clients-mobile__pagination {
  border-top: 1px solid #e9eaec;
  padding-top: 20px;
}

@media (max-width: 400px) {
  .clients-mobile__card {
    align-items: flex-start;
  }

  .clients-mobile__phone {
    width: max-content;
  }
}

.clients-columns__cell, .clients-columns__cell-text {
  color: #111827;
  font-size: 12px;
  font-weight: 600;
  line-height: 160%;
}

.clients-columns__cell-text--font-medium {
  font-weight: 500;
}

.clients-columns__cell {
  align-items: center;
  gap: 12px;
  display: flex;
}

.clients-columns__no-info {
  color: #ff2e1f;
  font-weight: 700;
}

.clients-columns__avatar {
  color: #687588;
  text-align: center;
  background-color: #f1f2f4;
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
}

.leasing {
  background-color: #fff;
  border-radius: 16px;
  width: min(100%, 1120px);
  padding: 20px 25px;
}

.leasing__segmented {
  max-width: 300px;
}

.leasing__content {
  margin-top: 20px;
}

@media (max-width: 520px) {
  .leasing {
    border-radius: 0%;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.leasing-table__cell {
  color: #111827;
  font-size: 12px;
  font-weight: 500;
}

.leasing-table__cell-title {
  color: #111827;
  font-size: 12px;
  font-weight: 600;
}

.leasing-table__cell-content {
  color: #687588;
  font-size: 12px;
  font-weight: 400;
}

.leasing-table__status {
  text-align: center;
  border-radius: 8px;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 700;
}

.individual-leasing {
  flex-direction: column;
  width: 100%;
  display: flex;
  container: leasing / inline-size;
}

.individual-leasing__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.individual-leasing__header-title {
  text-align: left;
}

.individual-leasing__header-title h2 {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.individual-leasing__header-title p {
  color: #687588;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.individual-leasing__header-pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 640px) {
  .individual-leasing__header-pagination {
    width: 100%;
  }

  .individual-leasing__header-pagination > button {
    flex: 1;
    min-width: max-content;
  }
}

.individual-leasing .filter {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.individual-leasing .filter_search {
  width: 75%;
}

.individual-leasing .filter .select {
  width: 20%;
}

.individual-leasing .table_editor {
  grid-template-columns: 1fr 200px;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
  display: grid;
}

.individual-leasing .table_editor .table_editor__input {
  flex: 1;
  min-width: 220px;
}

.individual-leasing .table_editor .table_editor__search-icon {
  cursor: text;
  margin-right: 8px;
  padding: 8px;
  display: inline-block;
}

.individual-leasing .table_editor .table_editor__select {
  flex: 1;
  width: 100%;
}

.individual-leasing .table_editor .ant-input-lg {
  border-radius: 10px 0 0 10px;
  height: 100%;
}

.individual-leasing .table_editor .ant-input-group-addon button {
  border-left: none;
  height: 100%;
}

.individual-leasing .table_editor .ant-input-group-addon button:hover {
  border-color: #111827;
}

.individual-leasing .table_editor .ant-input-group-wrapper {
  height: 100%;
}

.individual-leasing .table_editor .ant-input-group-wrapper input:hover {
  border-color: #111827;
}

.individual-leasing .table_editor .ant-select:not(:-webkit-any(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.individual-leasing .table_editor .ant-select:not(:-moz-any(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.individual-leasing .table_editor .ant-select:not(:is(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.individual-leasing .table_editor .ant-select .ant-select-selector {
  border-radius: 10px;
}

.individual-leasing .table_editor .ant-select span {
  color: #111827;
}

.individual-leasing .table_editor .ant-select .ant-select-selection-item, .individual-leasing .table_editor .ant-select .ant-select-selection-placeholder {
  text-align: left;
}

.individual-leasing .table_editor .filter_btn {
  background: none;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
}

.individual-leasing .table_editor__mobile-data {
  border-top: 1px solid #e9eaec;
  padding-top: 24px;
  display: none;
}

@container leasing (width <= 768px) {
  .individual-leasing__header {
    margin-bottom: 0;
  }

  .individual-leasing .table_editor {
    padding: 0 0 10px;
  }

  .individual-leasing .table_editor__items {
    display: none;
  }

  .individual-leasing .table_editor__mobile-data {
    display: block;
  }

  .individual-leasing .pagination {
    align-items: center;
  }

  .individual-leasing .table_editor__select {
    flex: 1;
    width: auto;
    min-width: 150px;
    max-width: none;
  }
}

@container leasing (width <= 520px) {
  .individual-leasing .table_editor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .individual-leasing .pagination__item {
    display: none;
  }

  .individual-leasing .table_editor__select {
    width: 100%;
  }

  .individual-leasing .pagination__button {
    align-items: center;
    padding: 16px !important;
  }
}

.auto-cred-table-row {
  cursor: pointer;
}

.leasing-card {
  border-radius: 8px;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 700;
}

.leasing-card__card {
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 8px #0000001a;
}

.leasing-card__no-data {
  color: #999;
  text-align: center;
  margin: 0 0 20px;
  font-size: 16px;
}

.leasing-card__card-header {
  flex: 1;
  align-items: center;
  display: flex;
  padding: 0 !important;
}

.leasing-card__name {
  color: #111827;
  font-size: 14px;
  font-weight: bold;
  line-height: 19.6px;
}

.leasing-card__inn {
  color: #687588;
  font-size: 12px;
  line-height: 19.2px;
}

.leasing-card__car-info {
  font-size: 14px;
}

.leasing-card__car-price {
  margin-bottom: 5px;
  font-weight: bold;
}

.leasing-card__car-name {
  color: #777;
}

.leasing-card__status {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.leasing-card__pagination {
  border-top: 1px solid #e9eaec;
  padding-top: 20px;
}

@media (max-width: 300px) {
  .leasing-card__card {
    flex-direction: column;
    align-items: flex-start;
  }

  .leasing-card__status {
    width: max-content;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.leasing-table__cell {
  color: #111827;
  font-size: 12px;
  font-weight: 500;
}

.leasing-table__cell-title {
  color: #111827;
  font-size: 12px;
  font-weight: 600;
}

.leasing-table__cell-content {
  color: #687588;
  font-size: 12px;
  font-weight: 400;
}

.leasing-table__status {
  text-align: center;
  border-radius: 8px;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 700;
}

.legal-entity-leasing {
  flex-direction: column;
  width: 100%;
  display: flex;
  container: leasing / inline-size;
}

.legal-entity-leasing__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.legal-entity-leasing__header-title {
  text-align: left;
}

.legal-entity-leasing__header-title h2 {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.legal-entity-leasing__header-title p {
  color: #687588;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.legal-entity-leasing__header-pagination {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

@media (max-width: 640px) {
  .legal-entity-leasing__header-pagination {
    width: 100%;
  }

  .legal-entity-leasing__header-pagination > button {
    flex: 1;
    min-width: max-content;
  }
}

.legal-entity-leasing .filter {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.legal-entity-leasing .filter_search {
  width: 75%;
}

.legal-entity-leasing .filter .select {
  width: 20%;
}

.legal-entity-leasing .table_editor {
  grid-template-columns: 1fr 200px;
  align-items: center;
  gap: 16px;
  margin: 24px 0;
  display: grid;
}

.legal-entity-leasing .table_editor .table_editor__input {
  flex: 1;
  min-width: 220px;
}

.legal-entity-leasing .table_editor .table_editor__search-icon {
  cursor: text;
  margin-right: 8px;
  padding: 8px;
  display: inline-block;
}

.legal-entity-leasing .table_editor .table_editor__select {
  flex: 1;
  width: 100%;
}

.legal-entity-leasing .table_editor .ant-input-lg {
  border-radius: 10px 0 0 10px;
  height: 100%;
}

.legal-entity-leasing .table_editor .ant-input-group-addon button {
  border-left: none;
  height: 100%;
}

.legal-entity-leasing .table_editor .ant-input-group-addon button:hover {
  border-color: #111827;
}

.legal-entity-leasing .table_editor .ant-input-group-wrapper {
  height: 100%;
}

.legal-entity-leasing .table_editor .ant-input-group-wrapper input:hover {
  border-color: #111827;
}

.legal-entity-leasing .table_editor .ant-select:not(:-webkit-any(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.legal-entity-leasing .table_editor .ant-select:not(:-moz-any(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.legal-entity-leasing .table_editor .ant-select:not(:is(.ant-select-disabled, .ant-select-customize-input, .ant-pagination-size-changer)):hover .ant-select-selector {
  border-color: #111827 !important;
}

.legal-entity-leasing .table_editor .ant-select .ant-select-selector {
  border-radius: 10px;
}

.legal-entity-leasing .table_editor .ant-select span {
  color: #111827;
}

.legal-entity-leasing .table_editor .ant-select .ant-select-selection-item, .legal-entity-leasing .table_editor .ant-select .ant-select-selection-placeholder {
  text-align: left;
}

.legal-entity-leasing .table_editor .filter_btn {
  background: none;
  border: 1px solid #e9eaec;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 50px;
  display: flex;
}

.legal-entity-leasing .table_editor__mobile-data {
  border-top: 1px solid #e9eaec;
  padding-top: 24px;
  display: none;
}

@container leasing (width <= 768px) {
  .legal-entity-leasing__header {
    margin-bottom: 0;
  }

  .legal-entity-leasing .table_editor {
    padding: 0 0 10px;
  }

  .legal-entity-leasing .table_editor__items {
    display: none;
  }

  .legal-entity-leasing .table_editor__mobile-data {
    display: block;
  }

  .legal-entity-leasing .pagination {
    align-items: center;
  }

  .legal-entity-leasing .table_editor__select {
    flex: 1;
    width: auto;
    min-width: 150px;
    max-width: none;
  }
}

@container leasing (width <= 520px) {
  .legal-entity-leasing .table_editor {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .legal-entity-leasing .pagination__item {
    display: none;
  }

  .legal-entity-leasing .table_editor__select {
    width: 100%;
  }

  .legal-entity-leasing .pagination__button {
    align-items: center;
    padding: 16px !important;
  }
}

.auto-cred-table-row {
  cursor: pointer;
}

.leasing-card {
  border-radius: 8px;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 700;
}

.leasing-card__card {
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 8px #0000001a;
}

.leasing-card__no-data {
  color: #999;
  text-align: center;
  margin: 0 0 20px;
  font-size: 16px;
}

.leasing-card__card-header {
  flex: 1;
  align-items: center;
  display: flex;
  padding: 0 !important;
}

.leasing-card__name {
  color: #111827;
  font-size: 14px;
  font-weight: bold;
  line-height: 19.6px;
}

.leasing-card__inn {
  color: #687588;
  font-size: 12px;
  line-height: 19.2px;
}

.leasing-card__car-info {
  font-size: 14px;
}

.leasing-card__car-price {
  margin-bottom: 5px;
  font-weight: bold;
}

.leasing-card__car-name {
  color: #777;
}

.leasing-card__status {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  padding: 4px;
  font-size: 10px;
  font-weight: 500;
  display: flex;
}

.leasing-card__pagination {
  border-top: 1px solid #e9eaec;
  padding-top: 20px;
}

@media (max-width: 300px) {
  .leasing-card__card {
    flex-direction: column;
    align-items: flex-start;
  }

  .leasing-card__status {
    width: max-content;
  }
}

.create-leasing {
  width: 100%;
}

.create-leasing__tab-container {
  background-color: #fff;
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
}

.create-leasing__header {
  flex-wrap: wrap;
  gap: 16px;
  max-width: 1120px;
  margin: 24px auto 0;
  display: flex;
}

.create-leasing__header > div {
  min-width: 180px;
}

.create-leasing__header-mobile {
  display: none;
}

.create-leasing__content {
  width: 100%;
  max-width: 1120px;
  margin: 24px auto 0;
}

@media (max-width: 768px) {
  .create-leasing__header-mobile {
    margin-top: 24px;
    display: block;
  }

  .create-leasing__header {
    display: none;
  }
}

@media (max-width: 520px) {
  .create-leasing__tab-container {
    margin-left: 0%;
    margin-right: 0%;
  }
}

.create-tab {
  text-align: left;
  grid-template-columns: 1fr 300px;
  align-items: start;
  gap: 24px;
  display: grid;
}

.create-tab__form {
  background-color: #fff;
  border-radius: 16px;
  flex: 1;
  padding: 24px;
}

.create-tab__side-container-adaptive {
  flex-direction: column;
  display: none;
}

.create-tab__side-container {
  display: block;
}

.create-tab__section + .create-tab__section {
  border-top: 1px solid #e9eaec;
  margin-top: 24px;
  padding-top: 24px;
}

.create-tab__section > h2 {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.create-tab__submit {
  margin-top: 24px;
}

@media (max-width: 768px) {
  .create-tab {
    display: block;
  }

  .create-tab__section + .create-tab__section {
    border-top: 1px solid #e9eaec;
    margin-top: 24px;
    padding-top: 24px;
  }

  .create-tab__section > h2 {
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
  }

  .create-tab__side-container-adaptive {
    display: flex;
  }

  .create-tab__side-container {
    display: none;
  }
}

.additional-documents {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.additional-documents__file {
  border: 1px solid #e9eaec;
  border-radius: 10px;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 21px;
}

@media (max-width: 768px) {
  .additional-documents__section {
    font-size: 14px;
  }
}

.info-card {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  padding: 8px 16px;
}

.info-card__title {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.info-card__subtitle {
  color: #687588;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 21px;
  display: flex;
}

.info-card__circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.history-modal {
  width: min(100%, 800px) !important;
}

.history-modal .ant-modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

.history-modal__header {
  margin-bottom: 32px !important;
}

.history-modal__header .ant-modal-title {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
}

.history-modal__subtitle {
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: flex;
}

.history-modal__table {
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}

.history-modal__table .ant-table-cell {
  padding: 12.5px 16px !important;
}

.history-modal__date-text {
  font-weight: 400;
}

.history-modal__actions {
  justify-content: flex-end;
  margin-top: 32px;
  display: flex;
}

.history-modal__cancel {
  min-width: 160px;
}

.leasing-card-mobile {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  box-shadow: 0 2px 4px #0000001a;
}

.leasing-card-mobile__info {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.leasing-card-mobile__name {
  color: #111827;
  font-size: 16px;
  font-weight: bold;
}

.leasing-card-mobile__details {
  color: #687588;
  font-size: 14px;
}

.leasing-card-mobile__status {
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
  display: flex;
}

.leasing-card-mobile__phone {
  color: currentColor;
  text-decoration: none;
}

.leasing-card-mobile__status-badge {
  color: #687588;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 21px;
  display: flex;
}

.leasing-card-mobile__status-name {
  align-items: center;
  gap: 5px;
  display: flex;
}

.leasing-card-mobile__circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

@media (max-width: 520px) {
  .leasing-card-mobile {
    border-radius: 0%;
  }
}

.application-management .ant-modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

.application-management__header {
  margin-bottom: 32px !important;
}

.application-management__header .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

.application-management__subtitle {
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: flex;
}

.application-management__bank-img {
  border: 1px solid #e9eaec;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.application-management__bank-img > img {
  width: 24px;
  height: 24px;
}

.application-management__form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.application-management__offer {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.6px;
}

.application-management__switch {
  color: #111827;
  cursor: pointer;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 15px 0;
  font-size: 14px;
  line-height: 21px;
  display: flex;
}

.application-management__switch .ant-switch-checked {
  background-color: #000;
}

.application-management__switch .ant-switch-checked:hover {
  background-color: #000 !important;
}

.application-management__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.application-management__actions > button {
  flex: 1;
  min-width: 200px;
}

.application-management .ant-modal-footer {
  margin: 0;
}

.contacts-data {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.finance-forms {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.finance-forms__file {
  border: 1px solid #e9eaec;
  border-radius: 10px;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 21px;
}

.form-steps {
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 16px;
  flex-direction: column;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 5px 5px 50px #1a202c0f;
}

.form-steps__header {
  padding: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.form-steps__progress {
  width: calc(var(--width) * 1%);
  background-color: #ff2e1f;
  height: 2px;
  transition: width .2s;
  display: block;
}

.form-steps__body {
  margin-top: 4px;
  padding: 0 8px;
}

.form-steps__step {
  color: #111827;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
}

.form-steps__step--active {
  background-color: #f8f8f8;
}

.form-steps__step + .form-steps__step {
  margin-top: 8px;
}

.form-steps__check {
  width: 16px;
  height: 16px;
  line-height: 0;
  display: block;
}

.form-steps__circle {
  background-color: #fff;
  border: 1px solid #f1f2f4;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
}

.general-info {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.leasing-info {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.leasing-subject__row {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.leasing-subject__row + .leasing-subject__row {
  margin-top: 16px;
}

.leasing-subject__row > div {
  flex: 1;
  min-width: 200px;
}

.leasing-subject__delete {
  background-color: #e03137;
  border: none;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-top: 9px;
  transition: background-color .2s;
  display: flex;
}

.leasing-subject__delete:hover {
  background-color: #c42b30;
}

.leasing-subject__delete-icon {
  color: #fff;
}

.leasing-subject__add {
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.leasing-subject__add svg path {
  fill: currentColor;
}

.leasing-subject__arrow {
  cursor: pointer;
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
  transition: transform .2s;
  display: block;
}

.manager-info {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: start;
  gap: 16px;
  display: grid;
}

.offer {
  border: 1px solid #e9eaec;
  border-radius: 16px;
  padding: 24px;
}

.offer--selected {
  border-color: #0caf60;
}

.offer__header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.offer__name {
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.offer__status {
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  display: flex;
}

.offer__circle {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
}

.offer__content {
  margin-top: 24px;
}

.offer__actions {
  gap: 16px 90px;
  display: flex;
}

.offer__history {
  color: #0caf60;
  background-color: #eafff1;
  border: none;
}

.offer__history:hover {
  background-color: #d9f1e1;
}

.offer__main-info {
  flex-wrap: wrap;
  gap: 16px 56px;
  margin-top: 24px;
  display: flex;
}

.offer__info-item {
  min-width: 180px;
}

.offer__info-item--pointer {
  cursor: pointer;
}

.offer__info-label {
  color: #687588;
  font-size: 14px;
  line-height: 21px;
}

.offer__info-value {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19.2px;
}

.offer__checkbox .ant-checkbox-inner, .offer__checkbox .ant-checkbox-inner:hover {
  border-color: #ff2e1f !important;
}

.offer__checkbox .ant-checkbox-checked .ant-checkbox-inner, .offer__checkbox .ant-checkbox-checked .ant-checkbox-inner:hover {
  background-color: #ff2e1f !important;
  border-color: #ff2e1f !important;
}

.offer__history-info {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.offer__history-item {
  flex: 1;
  min-width: 200px;
}

.offer__history-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.offer__history-value {
  margin-top: 8px;
  font-size: 14px;
  line-height: -21px;
}

.offers-tab {
  text-align: left;
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
}

.offers-tab__title {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.offers-tab__content > div + div {
  margin-top: 16px;
}

@media (max-width: 860px) {
  .offers-tab .offer-header__chevron-mobile {
    display: none;
  }
}

@media (max-width: 520px) {
  .offers-tab {
    border-radius: 0%;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.auto-credit-order {
  height: 100%;
  container: auto-credit-order / inline-size;
}

.auto-credit-order__biometric-session-failed-alert {
  margin-top: 24px;
}

.auto-credit-order__steps-wrapper {
  background-color: #fff;
  width: calc(100% + 40px);
  margin: -20px -20px 0;
}

.auto-credit-order__container {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  padding-block-start: 24px;
  padding-block-end: 24px;
}

.auto-credit-order__online-request-status-wrapper {
  justify-content: flex-end;
  align-items: center;
  max-width: 500px;
  margin-top: 24px;
  margin-left: auto;
  display: flex;
  position: sticky;
  bottom: 24px;
}

.auto-credit-order__content {
  width: 100%;
  margin-top: 24px;
}

@media (max-width: 1140px) {
  .auto-credit-order__client-info {
    display: none;
  }
}

@container auto-credit-order (width <= 620px) {
  .auto-credit-order__container {
    padding-block-start: 16px;
    padding-block-end: 16px;
  }
}

@media (max-width: 520px) {
  .auto-credit-order__steps-wrapper {
    width: 100%;
    margin: -24px 0 0;
  }

  .auto-credit-order__online-request-status-wrapper {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    bottom: 84px;
  }
}

@keyframes grow {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.financing-step {
  color: #111827;
  text-align: left;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  width: min(100%, 1120px);
  margin: 0 auto;
  display: grid;
}

.financing-step__content {
  background-color: #fff;
  border-radius: 16px;
  padding: 24px;
}

.financing-step__header {
  align-items: center;
  gap: 16px 24px;
  display: flex;
}

.financing-step__title {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.financing-step__bank-view {
  margin-top: 24px;
}

.financing-step__form {
  flex-wrap: wrap;
  gap: 16px;
  display: flex;
}

.financing-step__field {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  display: flex;
}

.financing-step__field--half {
  width: max(230px, 50% - 8px);
}

.financing-step__submit {
  width: 100%;
  margin-top: 8px;
}

.financing-step__no-documents {
  color: #687588;
  text-align: center;
  background-color: #f8f8f8;
  border-radius: 8px;
  width: 100%;
  margin-top: 16px;
  padding: 16px;
  font-size: 14px;
  line-height: 160%;
}

@container auto-credit-order (width <= 940px) {
  .financing-step__field--half {
    width: 100%;
  }
}

@container auto-credit-order (width <= 768px) {
  .financing-step {
    flex-direction: column-reverse;
    display: flex;
  }

  .financing-step__side {
    width: 100%;
  }

  .financing-step__content {
    width: 100%;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
  }
}

@media (max-width: 520px) {
  .financing-step__content {
    border-radius: 0%;
  }
}

.bitrix-documents {
  background-color: #fff;
  border-radius: 16px;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 24px;
  padding: 24px;
  transition: grid-template-rows .3s ease-in-out, gap .3s ease-in-out;
  display: grid;
}

.bitrix-documents__offline-switch {
  cursor: pointer;
  border-top: 1px solid #e9eaec;
  align-items: center;
  gap: 8px;
  padding-top: 16px;
  font-size: 14px;
  transition: padding-top .3s ease-in-out;
  display: flex;
}

.bitrix-documents--offline-process {
  grid-template-rows: 0fr auto;
  gap: 0;
}

.bitrix-documents--offline-process .bitrix-documents__offline-switch {
  border-top: none;
  padding-top: 0;
}

.bitrix-documents__content {
  overflow: hidden;
}

.bitrix-documents__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.bitrix-documents__item {
  color: currentColor;
  cursor: pointer;
  background-color: #fafafa;
  border-radius: 10px;
  margin-top: 16px;
  padding: 15px 16px;
  font-size: 14px;
  line-height: 21px;
  text-decoration: none;
}

.bitrix-documents__item svg {
  min-width: 24px;
  height: 24px;
}

.bitrix-documents__item svg path {
  fill: currentColor;
}

.bitrix-documents__item-info {
  align-items: center;
  gap: 8px;
  display: flex;
}

.bitrix-documents__dkp-info {
  color: #545f6e;
  margin-left: 32px;
  font-size: 12px;
}

.bitrix-documents__error {
  color: #e03137;
  text-align: center;
  text-wrap: pretty;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  max-width: 360px;
  margin: 0 auto;
  font-size: 14px;
  display: flex;
}

.bitrix-documents__error > svg {
  width: 48px;
  height: 48px;
}

.bitrix-documents__switch {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  font-size: 14px;
  display: flex;
}

.bitrix-documents-modal__document {
  min-height: 400px;
  max-height: 75vh;
  max-height: 75dvh;
  overflow: hidden auto;
}

.bitrix-documents-modal__document canvas {
  margin: 0 auto;
  width: 100% !important;
  height: 100% !important;
}

.bitrix-documents-modal__pagination {
  margin-top: 16px;
}

.bitrix-documents-modal__close {
  width: max-content;
  margin-top: 24px;
  margin-left: auto;
  display: flex;
}

@media (max-width: 768px) {
  .bitrix-documents-modal .ant-modal-content {
    padding: 16px;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.financing-cancel-modal .ant-modal-header {
  justify-content: center;
  align-items: center;
  display: flex;
}

.financing-cancel-modal .ant-modal-header .ant-modal-title {
  color: #111827;
  text-align: center;
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.financing-cancel-modal__text {
  color: #1f2937;
  text-align: center;
  margin: 16px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.euras-bank__actions {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.euras-bank__update-status {
  min-width: max-content;
}

.euras-bank__moderation-documents {
  margin-bottom: 24px;
}

.euras-bank__moderation-title {
  padding-bottom: 6px;
  font-size: 18px;
}

.euras-bank__moderation-document {
  background-color: #fafafa;
  border-radius: 6px;
  margin-top: 6px;
  padding: 6px 16px;
  font-size: 14px;
}

.euras-bank__collapsed-document + .euras-bank__collapsed-document {
  margin-top: 12px;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

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

.select_switch button {
  margin-right: 10px !important;
}

.select_switch p {
  color: #111827;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
}

.select_switch .ant-switch {
  margin-right: 16px;
}

.select_switch .ant-switch-checked {
  background-color: #323b49;
}

.select_switch .ant-switch-checked:hover {
  background: #111827 !important;
}

.euras-bank-v2__moderation-title {
  margin-bottom: 24px;
  font-size: 18px;
}

.euras-bank-v2__collapsed-document + .euras-bank-v2__collapsed-document {
  margin-top: 12px;
}

.euras-bank-v2__switch {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.euras-bank-confirm-modal .ant-modal-title {
  text-align: center;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.euras-bank-confirm-modal__actions {
  gap: 16px;
  width: 100%;
  margin-top: 32px;
  display: flex;
}

.euras-bank-confirm-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.euras-marriage-documents {
  border: 1px solid #e9eaec;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.euras-marriage-documents--no-resend {
  display: contents;
}

.load-documents {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 16px 24px;
  display: flex;
}

.load-documents__action {
  border: none;
  min-height: auto;
  font-size: 14px;
  line-height: 21px;
  padding: 0 !important;
}

.load-documents__action > svg path {
  transition: all .2s;
}

.load-documents__action:hover {
  color: #4096ff;
  background-color: #0000;
}

.load-documents__action:hover > svg path {
  stroke: #4096ff;
}

.load-documents__action.financing-step__action {
  padding: 0;
  padding-block-start: 0;
  padding-block-end: 0;
}

.load-documents__action:disabled {
  background-color: #0000;
}

.load-documents__action-text {
  border-bottom: 1px dashed;
  line-height: 16px;
  display: inline-block;
}

.load-documents__action-icon {
  display: none;
}

.load-documents__action-desktop-icon {
  display: inline-block;
}

@container auto-credit-order (width <= 930px) {
  .load-documents {
    gap: 16px 5px;
  }

  .load-documents__action-text {
    border: 1px solid #e9eaec;
    display: none;
  }

  .load-documents__action {
    border: 1px solid #e9eaec;
    padding: 7px 23px !important;
  }

  .load-documents__action-icon {
    display: inline-block;
  }

  .load-documents__action-icon path {
    fill: #a0aec0;
  }

  .load-documents__action-desktop-icon {
    display: none;
  }
}

.refund-modal .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.refund-modal__form {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.refund-modal__item {
  flex: 1;
}

.refund-modal__actions {
  gap: 16px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.refund-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.vehicle-modal-wrapper {
  padding-block-start: 16px;
  padding-block-end: 16px;
}

.vehicle-modal .ant-modal-title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.vehicle-modal__form {
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 24px;
  display: flex;
}

.vehicle-modal__item--full {
  width: 100%;
}

.vehicle-modal__item--half {
  flex: 1;
  min-width: 220px;
}

.vehicle-modal__actions {
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.vehicle-modal__actions > button {
  flex: 1;
  min-width: 200px;
}

.vehicle-modal__saved-data-action {
  min-width: 110px;
}

.vehicle-modal__saved-data-action + .vehicle-modal__saved-data-action {
  margin-left: 8px;
}

.tech-passport-preview-provider {
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.tech-passport-preview-provider__icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.tech-passport-preview-provider__icon path {
  fill: #000;
}

.tech-passport-preview-provider__form-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.tech-passport-preview-provider__preview-container {
  width: 100%;
  height: 100%;
}

.tech-passport-preview-provider__iframe {
  aspect-ratio: 1;
  min-width: 300px;
}

.tech-passport-preview-provider__image-root {
  width: 100%;
}

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

.info-alert__alert {
  border-width: .5px;
  border-radius: 20px;
  min-height: 64px;
  padding-inline-start: 22px;
  padding-inline-end: 22px;
}

.info-alert__alert-text {
  align-items: center;
  gap: 12px;
  font-size: 18px;
  line-height: 140%;
  display: flex;
}

.info-alert__alert-text > svg {
  width: 32px;
  height: 32px;
}

.info-alert__alert-success-icon {
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.info-alert__alert-secondary {
  color: #687588;
  font-size: 14px;
  line-height: 140%;
}

.chosen-bank-info {
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 16px;
  padding: 16px;
}

.chosen-bank-info__documents {
  padding-top: 8px;
}

.chosen-bank-info__documents > * {
  margin-top: 16px;
}

.chosen-bank-info__action {
  width: 100%;
  margin-top: 16px;
}

.chosen-bank-info__description {
  white-space: pre-wrap;
  font-size: 16px;
  font-weight: 600;
}

.chosen-bank-info__cross-icon {
  display: none;
}

@media (max-width: 768px) {
  .chosen-bank-info {
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    width: 100%;
    display: flex;
  }

  .chosen-bank-info__documents {
    order: 2;
    width: 100%;
    padding-top: 0;
  }

  .chosen-bank-info__actions {
    gap: 8px;
    display: flex;
  }

  .chosen-bank-info__header {
    flex: 1;
  }

  .chosen-bank-info__action {
    width: auto;
    margin: auto;
  }

  .chosen-bank-info__action svg {
    width: 18px;
    height: 18px;
  }

  .chosen-bank-info__action-hidden {
    display: none;
  }

  .chosen-bank-info__cross-icon {
    width: 18px;
    height: 18px;
    display: block;
  }

  .chosen-bank-info__cross-icon path {
    fill: #fff;
  }
}

@media (max-width: 520px) {
  .chosen-bank-info {
    border-radius: 0%;
  }
}

.bank-external-qr__modal-wrapper {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #00000080;
}

.bank-external-qr__modal-content {
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: flex;
}

.bank-external-qr__actions {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  width: 100%;
  display: grid;
}

.bank-external-qr__icon, .bank-external-qr__download-icon {
  width: 16px;
  height: 16px;
}

.bank-external-qr__download-icon path {
  fill: currentColor;
}

.vehicle-info {
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 16px;
  padding: 16px;
}

.vehicle-info__title-wrapper {
  align-items: center;
  gap: 16px;
  display: flex;
}

.vehicle-info__action-hidden {
  display: none;
}

.vehicle-info__title {
  flex: 1;
  font-size: 16px;
  font-weight: 600;
}

.vehicle-info__action {
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 8px;
  transition: all .2s;
  display: flex;
}

.vehicle-info__action > svg path {
  fill: #a0aec0;
  transition: all .2s;
}

.vehicle-info__action:hover {
  color: #4096ff;
}

.vehicle-info__action:hover > svg path {
  fill: #4096ff;
}

.vehicle-info__action-text {
  border-bottom: 1px dashed;
  line-height: 120%;
}

.vehicle-info__content {
  color: #687588;
  background-color: #f8f8f8;
  border-radius: 8px;
  margin-top: 16px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 160%;
}

.vehicle-info__license {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
}

.vehicle-info__no-data {
  text-align: center;
}

@media (max-width: 768px) {
  .vehicle-info__action-text {
    display: none;
  }

  .vehicle-info__action-hidden {
    display: block;
  }

  .vehicle-info__action {
    border: 1px solid #e9eaec;
    border-radius: 10px;
    padding: 7px 23px !important;
  }
}

@media (max-width: 520px) {
  .vehicle-info {
    border-radius: 0%;
  }
}

.forte-bank__actions {
  justify-content: flex-end;
  margin-bottom: 24px;
  display: flex;
}

.forte-bank__update-status {
  min-width: max-content;
}

.side-info__vehicle-info {
  margin-top: 24px;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.order-step-cancel .ant-modal-header {
  justify-content: center;
  align-items: center;
  display: flex;
}

.order-step-cancel .ant-modal-header .ant-modal-title {
  color: #111827;
  text-align: center;
  width: 80%;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}

.order-step-cancel__text {
  color: #1f2937;
  text-align: center;
  margin: 16px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.order-step {
  justify-content: space-between;
  align-items: normal;
  display: flex;
  container: order-step / inline-size;
}

.order-step__form {
  text-align: left;
  background-color: #fff;
  border-radius: 10px;
  width: 80%;
  height: -moz-fit-content;
  height: fit-content;
  padding: 24px;
}

.order-step__main-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.order-step__subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.order-step__subtitle--with-border {
  border-top: 1px solid #e9eaec;
  margin-top: 24px;
  padding-top: 16px;
}

.order-step__grid {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
  margin-top: 24px;
  display: grid;
}

.order-step__submit {
  width: 100%;
  margin-top: 24px;
}

.order-step__side-container-adaptive {
  flex-direction: column;
  display: none;
}

.order-step__additional-actions-container-adaptive {
  margin-bottom: 24px;
  display: none;
}

.order-step__side-container {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 300px;
  margin-left: 20px;
  display: flex;
}

@container auto-credit-order (width <= 768px) {
  .order-step {
    flex-direction: column;
  }

  .order-step__form {
    width: 100%;
    margin-bottom: 0%;
  }

  .order-step__side-container-adaptive {
    display: flex;
  }

  .order-step__additional-actions-container-adaptive {
    display: block;
  }

  .order-step__side-container {
    display: none;
  }
}

@media (max-width: 520px) {
  .order-step__form {
    border-radius: 0%;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
  }
}

.comment-container {
  background-color: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 16px;
  padding: 8px 16px;
}

.comment-container__header {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.comment-container__input {
  margin-top: 16px;
}

.comment-container__input--adaptive {
  margin-top: 0;
}

.comment-container__collapse-container {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.comment-container__header-user {
  color: #888;
  margin-left: 12px;
  font-weight: 500;
}

.comment-container__collapse {
  border: none;
}

.comment-container__collapse .ant-collapse-header {
  background: #fff !important;
  padding: 16px !important;
}

.comment-container__collapse .ant-collapse-content {
  border-top: none !important;
}

.comment-container__collapse .ant-collapse-content-box {
  padding: 8px 16px 16px !important;
}

.comment-container__collapse-arrow {
  transition: transform .2s;
}

.comment-container__collapse-arrow--rotated {
  transform: rotate(180deg);
}

.comment-container__collapse-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.comment-container__info {
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-top: 4px;
  display: grid;
}

.comment-container__meta {
  color: #888;
  gap: 8px;
  font-size: 10px;
  line-height: 100%;
  display: flex;
}

.comment-container__char-count {
  color: #888;
  text-align: right;
  font-size: 10px;
  line-height: 100%;
}

.comment-container__button {
  width: 100%;
  margin-top: 16px;
}

@media (max-width: 520px) {
  .comment-container__collapse-container {
    border-radius: 0;
  }
}

.additional-products__title {
  color: #687588;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
}

.additional-products__list-item {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.additional-products__switch-checkbox {
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 8px;
  flex-wrap: wrap;
  flex: 2;
  align-items: center;
  gap: 8px;
  min-width: 200px;
  padding: 10px 8px;
  font-size: 14px;
  display: flex;
}

.additional-products__switch-checkbox:has(button.ant-switch-disabled) {
  cursor: not-allowed;
}

.additional-products__switch-checkbox .ant-switch {
  background-color: #cbd5e0;
}

.additional-products__switch-checkbox .ant-switch-checked {
  background-color: #313a49;
}

.additional-products__switch-checkbox .ant-switch-checked:hover {
  background-color: #00000073 !important;
}

.additional-products__price {
  color: #687588;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
  line-height: 100%;
  display: flex;
}

.additional-products__price > span {
  font-size: 14px;
}

.additional-products__period .input, .additional-products__insurance .input {
  --field-height: 42px;
}

.additional-products__period .input .input__field, .additional-products__insurance .input .input__field {
  padding-block-start: 5px;
  padding-block-end: 5px;
}

.additional-products__period .select__popup, .additional-products__insurance .select__popup {
  top: 42px;
}

.additional-products__period {
  flex: 1;
  min-width: 110px;
}

.additional-products__insurance {
  flex-wrap: wrap;
  align-items: center;
  gap: 0 9px;
  width: 100%;
  display: flex;
}

.additional-products__insurance > div {
  flex: 2;
  min-width: 200px;
}

.additional-products__insurance-text {
  color: #687588;
  flex: 1;
  max-width: 110px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 100%;
}

@media (max-width: 560px) {
  .additional-products__switch-checkbox {
    min-width: 180px;
  }
}

.client-job-info {
  margin-top: 24px;
}

.contacts {
  margin-top: 24px;
}

.product-info__header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.product-info__switch {
  align-self: center;
}

.product-info__arrow {
  margin-right: 8px;
  padding: 8px;
  line-height: 0;
}

.sent-to-switch {
  align-items: center;
  gap: 12px;
  margin-left: auto;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.sent-to-switch__text-container {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.sent-to-switch__label {
  color: #687588;
  text-align: end;
  font-size: 12px;
}

.sent-to-switch__value {
  color: #111827;
  text-align: end;
  font-weight: 600;
}

.sent-to-switch__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.sent-to-switch__actions > button {
  flex: 1;
  min-width: 200px;
}

.stock-bounds {
  --text-color: #111827;
  --switch-color: #313a49;
  --hovered-switch-color: #00000073;
  --icon-color: #a0aec0;
}

.stock-bounds__list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.stock-bounds__info-tooltip p + p {
  border-top: 1px solid #888;
  margin-top: 2px;
  padding-top: 2px;
  font-size: 14px;
  line-height: 130%;
}

.stock-bounds__info-button {
  line-height: 0;
  display: block;
}

.stock-bounds__info-button svg {
  width: 22px;
  height: 22px;
}

.stock-bounds__info-button svg path {
  fill: var(--icon-color);
  transition: fill .2s;
}

.stock-bounds__switch-block {
  align-items: center;
  gap: 8px;
  height: 100%;
  display: flex;
}

.stock-bounds__switch-block--error {
  --text-color: #ff2e1f;
  --switch-color: #ff2e1f;
  --hovered-switch-color: #ff2e1fa6;
  --icon-color: #ff2e1f;
}

.stock-bounds__switch-block--error .stock-bounds__info-button {
  animation: .5s linear infinite alternate info-blow;
}

.stock-bounds__switch-checkbox {
  color: var(--text-color);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  transition: color .2s;
  display: flex;
}

.stock-bounds__switch-checkbox:has(button.ant-switch-disabled) {
  cursor: not-allowed;
}

.stock-bounds__switch-checkbox .ant-switch {
  background-color: #cbd5e0;
}

.stock-bounds__switch-checkbox .ant-switch-checked {
  background-color: var(--switch-color);
}

.stock-bounds__switch-checkbox .ant-switch-checked:hover {
  background-color: var(--hovered-switch-color) !important;
}

.stock-bounds__instruction-modal {
  width: min(100%, 500px) !important;
}

.stock-bounds__instruction-modal .ant-modal-title {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 31.2px;
}

.stock-bounds__instruction-modal .ant-modal-close-x svg path {
  fill: #111827 !important;
}

.stock-bounds__modal-title {
  margin-top: 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.stock-bounds__modal-description {
  color: #687588;
  margin-top: 8px;
  font-size: 14px;
  line-height: 21px;
}

@keyframes info-blow {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.2);
  }
}

.stock-bound-info__subtitle {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

.stock-bound-info__content {
  margin-top: 32px;
}

.stock-bound-info__condition-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}

.stock-bound-info__info {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.stock-bound-info__name {
  flex: 1;
  min-width: 180px;
}

.stock-bound-info__value {
  flex: 1;
}

.stock-bound-info__close {
  margin-top: 32px;
}

.stock-bound-info .ant-modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

.stock-bound-info .ant-modal-title {
  color: #111827;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
}

@media (max-width: 480px) {
  .stock-bound-info__condition + .stock-bound-info__condition {
    border-top: 1px solid #e9eaec;
    margin-top: 8px;
    padding-top: 8px;
  }

  .stock-bound-info__condition-title {
    margin-top: 0;
  }

  .stock-bound-info__info {
    gap: 0;
  }

  .stock-bound-info__value {
    min-width: 180px;
  }
}

.stock-bound-skeleton {
  background-color: #fafafa;
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  padding: 6px 8px;
  display: flex;
}

.stock-bound-skeleton__switch {
  width: 44px !important;
  min-width: 44px !important;
  height: 22px !important;
}

.stock-bound-skeleton__text {
  height: 26px !important;
}

.available-bank-products {
  --text-color: #111827;
  --switch-color: #313a49;
  --hovered-switch-color: #00000073;
  border-top: 1px solid #e9eaec;
  margin-top: 24px;
  padding-top: 24px;
}

.available-bank-products__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.available-bank-products__content {
  margin-top: 24px;
}

.available-bank-products__content-item {
  border: 1px solid #e9eaec;
  border-radius: 16px;
  flex-wrap: wrap;
  gap: 24px 16px;
  padding: 16px;
  transition: border-color .2s;
  display: flex;
}

.available-bank-products__content-item + .available-bank-products__content-item {
  margin-top: 8px;
}

.available-bank-products__content-item:has(.stock-bounds__switch-block--error) {
  border-color: #ff2e1f;
}

.available-bank-products__block {
  flex: 1;
}

.available-bank-products__bank {
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  display: flex;
}

.available-bank-products__switch {
  width: max-content;
  color: var(--text-color);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  transition: color .2s;
  display: flex;
}

.available-bank-products__switch + .available-bank-products__switch {
  margin-top: 16px;
}

.available-bank-products__switch:has(button.ant-switch-disabled) {
  cursor: not-allowed;
}

.available-bank-products__switch .ant-switch {
  background-color: #cbd5e0;
}

.available-bank-products__switch .ant-switch-checked {
  background-color: var(--switch-color);
}

.available-bank-products__switch .ant-switch-checked:hover {
  background-color: var(--hovered-switch-color) !important;
}

@media (max-width: 560px) {
  .available-bank-products__block {
    min-width: auto;
  }
}

.initial-payment-modal__text {
  margin-top: 16px;
  font-size: 16px;
}

.initial-payment-modal__value {
  font-size: 18px;
  font-weight: bold;
}

.third-step__margin-top {
  margin-top: 24px;
}

.third-step__container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.third-step__documents {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 230px;
  display: flex;
}

.auth-modal .ant-modal-footer {
  margin-top: 0;
}

.auth-modal__logo {
  width: 80px;
  height: 40px;
  margin-top: -6px;
  display: block;
}

.auth-modal__title {
  text-align: center;
  margin-top: -12px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.auth-modal__description {
  text-align: center;
  margin-bottom: 16px;
}

.auth-modal__submit {
  margin-top: 24px;
}

@media (max-width: 480px) {
  .auth-modal__title {
    margin-top: 0;
  }
}

.login-fields__field + .login-fields__field {
  margin-top: 16px;
}

.login-fields__password-toggle {
  cursor: pointer;
  background-color: #0000;
  border: none;
  margin-right: 8px;
  padding: 8px;
  font-size: 24px;
}

.login-fields__remember-wrapper {
  margin-top: 16px;
}

.login-fields__remember-wrapper > label {
  margin: 0;
}

.login-fields__remember .ant-checkbox {
  transform: scale(1.4);
}

.login-fields__remember .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff2e1f;
  border-color: #ff2e1f;
}

.login-fields .ant-checkbox-wrapper:hover .ant-checkbox-inner {
  border-color: #ff2e1f !important;
}

.login-fields .ant-checkbox-wrapper:hover .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ff2e1f !important;
}

.login-fields__remember-text {
  margin-left: 4px;
  font-size: 12px;
}

.login-fields__alert {
  background: var(--bg-color);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 10px 16px;
  display: flex;
}

.login-fields__alert--error {
  --color: #e03137;
  --icon-color: #e03137;
  --bg-color: #ffedec;
}

.login-fields__alert--warning {
  --color: #323b49;
  --icon-color: #ffd023;
  --bg-color: #fff6d3;
}

.login-fields__alert > svg path {
  fill: var(--icon-color);
}

.login-fields__alert-text {
  color: var(--color);
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.login-fields__alert-cross {
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.login-fields__alert-cross img {
  width: 20px;
  height: 20px;
}

.error-template {
  text-align: left;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: min(100%, 1140px);
  margin: 0 auto;
  padding: 60px 32px;
  display: flex;
}

.error-template__image {
  border-radius: 30px;
}

.error-template__title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.error-template__description {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: 350px;
  margin-top: 16px;
  font-size: 14px;
  line-height: 21px;
}

.error-template__link {
  color: inherit;
  text-underline-offset: 2px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .error-template {
    padding: 32px 24px;
  }
}

.client-layout {
  min-height: 100dvh;
  max-height: 100dvh;
  color: var(--clr-text-primary, #111827);
  background-color: var(--clr-bg-page, #e4e4e7);
  --container-width: min(calc(100% - 32px), 1280px);
  flex-direction: column;
  display: flex;
}

.client-layout__main {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: auto;
}

.client-layout__main--loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.client-layout__error {
  width: var(--container-width);
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin-top: 32px;
}

@media (min-width: 768px) {
  .client-layout {
    --container-width: min(calc(100% - 48px), 1280px);
  }
}

.client-module-loader {
  display: inline-block;
}

.client-module-loader__spinner {
  color: var(--np-violet-deepest, #2b2390) !important;
}

.client-module-loader--full-width {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.client-module-loader--fullscreen {
  z-index: 1000;
  background-color: var(--clr-overlay-backdrop, #00000073);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.client-module-loader--blur-mode {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.client-module-loader--layout {
  z-index: 1000;
  background-color: var(--clr-overlay-backdrop, #00000073);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-component {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-component__img--broken {
  opacity: .5;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.image-component__img--loading {
  opacity: 0;
}

.image-component__skeleton {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.image-component__skeleton .ant-skeleton-image {
  width: 100% !important;
  height: 100% !important;
}

.client-layout--native .image-component__img--broken {
  filter: grayscale();
}

@layer image-component {
  .image-component {
    width: 100%;
    height: 100%;
  }
}

.city-modal__cities {
  max-height: 500px;
  overflow-y: auto;
}

.city-modal__button {
  width: 100%;
  color: var(--clr-text-primary, #000);
  text-align: left;
  background-color: var(--clr-bg-muted, #f4f4f5);
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 20px;
  transition: all .2s;
  display: block;
}

.city-modal__button + .city-modal__button {
  margin-top: 8px;
}

.city-modal__button:not(.city-modal__button--active):hover {
  background-color: var(--clr-button-neutral, #e7e7e8);
}

.city-modal__button--active {
  color: #fff;
  background-color: var(--clr-secondary, #18181b);
}

.client-bread-crumbs {
  font-size: 14px;
  line-height: 20px;
}

.client-bread-crumbs__prev-page {
  color: inherit;
  text-underline-offset: 2px;
  border-right: 2px solid var(--clr-border-strong, #c5c5c8);
  margin-right: 18px;
  padding-right: 18px;
  text-decoration: underline;
  transition: color .2s;
}

.client-bread-crumbs__prev-page:hover {
  color: var(--clr-info, #4096ff);
}

.client-bread-crumbs__current-page {
  color: var(--clr-text-secondary, #71717a);
  white-space: nowrap;
}

.file-upload {
  text-align: left;
}

.file-upload__field {
  display: none;
}

.file-upload__view {
  cursor: pointer;
  border: 1px dashed var(--clr-border-strong, #cbd5e0);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 5.5px 8px 5.5px 16px;
  transition: all .2s;
  display: flex;
}

.file-upload__view:hover {
  background-color: #00000004;
}

.file-upload__view--error {
  border-color: var(--clr-danger, #e03137);
}

.file-upload__view--frozen {
  cursor: default;
}

.file-upload__icon {
  font-size: 20px;
}

.file-upload__file-info {
  flex: 1;
  min-width: 0;
}

.file-upload__title {
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--clr-text-disabled, #a1a1aa);
  white-space: nowrap;
  font-size: 12px;
  line-height: 19.2px;
  overflow: hidden;
}

.file-upload__require {
  color: var(--clr-danger, #e03137);
  margin-left: 2px;
}

.file-upload__value {
  font-size: 14px;
  line-height: 21px;
}

.file-upload__value--no-file {
  color: var(--clr-text-secondary, #71717a);
}

.file-upload__chosen-size {
  color: var(--clr-text-secondary, #71717a);
  margin-left: 8px;
  font-size: 12px;
  line-height: 19.2px;
}

.file-upload__delete {
  background-color: #0000;
  border: none;
  border-radius: 6px;
  margin-left: auto;
  padding: 8px;
  font-size: 18px;
  line-height: 0;
  transition: all .2s;
  display: block;
}

.file-upload__delete:hover {
  background-color: #0000000d;
}

.file-upload__delete > svg path {
  fill: var(--clr-danger, #e03137);
}

.file-upload__additional-text {
  color: var(--clr-text-disabled, #a0aec0);
  margin-top: 8px;
  font-size: 12px;
  line-height: 19.2px;
}

.file-upload__additional-text--error {
  color: var(--clr-danger, #e03137);
}

@media (max-width: 768px) {
  .file-upload__field {
    display: none;
  }

  .file-upload__title {
    overflow-wrap: break-word;
    white-space: initial;
    white-space: normal;
    display: block;
  }

  .file-upload__value {
    overflow-wrap: break-word;
    white-space: normal;
    display: block;
  }
}

.client-modal {
  max-width: 484px;
  color: var(--clr-text-primary, #111827);
  margin-block-start: 16px;
  margin-block-end: 16px;
}

.client-modal .ant-modal-container {
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  background-color: var(--clr-bg-white, #fff);
  padding-top: 16px;
}

.client-modal .ant-modal-close {
  color: var(--clr-text-primary, #000) !important;
  background-color: var(--clr-bg-muted, #f4f4f5) !important;
}

.client-modal .ant-modal-close:hover {
  background-color: var(--clr-button-neutral, #e7e7e8) !important;
}

.client-modal .ant-modal-header {
  background-color: #0000;
}

.client-modal .ant-modal-title {
  color: var(--clr-text-primary, #000);
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.client-modal__header.client-modal__header {
  margin-bottom: 16px;
}

.client-modal__body.client-modal__body {
  position: relative;
  padding-top: 16px !important;
}

.client-modal__body.client-modal__body:before {
  content: "";
  background-color: var(--clr-button-neutral-hover, #dcdcdc);
  width: calc(100% + 32px);
  height: 1px;
  position: absolute;
  top: 0;
  left: -16px;
}

.client-modal__form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.client-modal__actions {
  flex-wrap: wrap-reverse;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

.client-modal__actions > button {
  flex: 1;
  min-width: 180px;
}

@media (min-width: 768px) {
  .client-modal.ant-modal-content {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  .client-modal__body.client-modal__body:before {
    width: calc(100% + 48px);
    left: -24px;
  }

  .client-modal__form {
    margin-top: 8px;
  }
}

.continue-request__text {
  text-wrap: pretty;
  margin-bottom: 24px;
  font-size: 16px;
}

.client-tabbar {
  z-index: 100;
  padding-bottom: var(--sai-bottom, 0);
  background-color: var(--clr-bg-white, #fff);
  border-top: 1px solid var(--clr-border, #e4e4e7);
  position: sticky;
  bottom: 0;
}

.client-tabbar__wrapper {
  width: var(--container-width);
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

.client-tabbar__item {
  color: var(--clr-text-secondary, #71717a);
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.client-tabbar__item--active {
  color: var(--clr-primary, #ff2e1f);
}

.client-tabbar__icon {
  width: 24px;
  height: 24px;
}

.client-tabbar__icon path {
  fill: currentColor;
}

.client-tabbar__label {
  display: block;
}

.client-header {
  background-color: var(--clr-bg-surface, #f4f4f5);
}

.client-header__title {
  color: var(--clr-text-primary, #111827);
  letter-spacing: -.6px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.client-header__logo-box {
  line-height: 0;
}

.client-header__logo {
  width: 80px;
  height: 40px;
}

.client-header__container {
  width: var(--container-width);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0 auto;
  padding: 8px 0;
  display: flex;
}

.client-header__controllers {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.client-header__button {
  min-height: 32px;
  color: inherit;
  background-color: var(--clr-button-neutral, #e7e7e8);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 6px;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.client-header__button--wide {
  min-width: 0;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}

.client-header__button:disabled {
  cursor: default;
}

.client-header__button:not(:disabled):hover {
  background-color: var(--clr-button-neutral-hover, #d3d3d3);
}

.client-header__button > :not(.client-header__button-icon) {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.client-header__button-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  display: flex;
}

.client-header__button-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.client-header__username {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: none;
  overflow: hidden;
}

.client-header__close-button {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.client-header__close-button svg {
  width: 22px;
  height: 22px;
}

.client-header__close-button svg path {
  fill: var(--clr-text-primary, #111827);
}

@media (min-width: 768px) {
  .client-header__container {
    padding: 12px 0;
  }
}

@media (min-width: 540px) {
  .client-header__button {
    max-width: unset;
  }

  .client-header__button--wide {
    width: auto;
  }

  .client-header__button--user {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
  }

  .client-header__username {
    text-align: right;
    display: inline-block;
  }
}

.client-otp-modal__subtitle {
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}

.client-otp-modal__phone {
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.client-otp-modal__sent-text {
  font-weight: 600;
}

.client-otp-modal__otp-loading {
  color: var(--clr-text-tertiary, #687588);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
  font-size: 14px;
  display: none;
}

.client-otp-modal__otp-loading--active {
  display: flex;
}

.client-otp-modal__field-error, .client-otp-modal__error {
  margin-inline-start: auto;
  margin-inline-end: auto;
  max-width: 320px;
  color: var(--clr-danger, #e03137);
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.client-otp-modal__field-error > svg, .client-otp-modal__error > svg {
  min-width: 18px;
}

.client-otp-modal__field-error {
  justify-content: flex-start;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.client-otp-modal__timer {
  margin-top: 32px;
  display: none;
}

.client-otp-modal__timer--active {
  display: block;
}

.client-otp-modal__link {
  color: inherit;
  text-underline-offset: 2px;
  text-decoration: underline;
  transition: color .2s ease-in-out;
}

.client-otp-modal__link:hover {
  color: var(--clr-info, #1677ff);
  text-decoration: underline;
}

.bmg-error-modal-client {
  text-wrap: pretty;
  max-width: 540px;
  font-size: 14px;
}

.bmg-error-modal-client__content {
  max-width: 540px;
}

.bmg-error-modal-client__body {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.bmg-error-modal-client__description {
  color: var(--clr-primary, #ff2e1f);
  background-color: var(--clr-danger-bg, #ff2e1f11);
  border-left: 6px solid var(--clr-primary, #ff2e1f);
  margin: 0;
  padding: 6px 6px 6px 12px;
  font-weight: 700;
  line-height: 140%;
}

.bmg-error-modal-client__steps-title {
  color: var(--clr-text-muted, #45404a);
  margin: 0;
  font-weight: 600;
  line-height: 140%;
}

.bmg-error-modal-client__steps {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding-left: 20px;
  display: flex;
}

.bmg-error-modal-client__step {
  color: var(--clr-text-muted, #45404a);
  line-height: 140%;
}

.bmg-error-modal-client__platform {
  color: var(--clr-text-primary, #1a1a1a);
  white-space: nowrap;
  background-color: var(--clr-bg-muted, #f0f0f0);
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 600;
}

.bmg-error-modal-client__actions {
  gap: 16px;
  margin-top: 32px;
  display: flex;
}

.loader {
  width: 20px;
  height: 20px;
  position: relative;
}

.loader > div {
  background: var(--clr-secondary, #111827);
  opacity: 1;
  border-radius: 100px;
  width: 7%;
  height: 34%;
  animation: .6s linear infinite fade;
  position: absolute;
  top: 35%;
  left: 45%;
}

.loader > div:first-child {
  animation-delay: 75ms;
  transform: rotate(0)translate(0, -100%);
}

.loader > div:nth-child(2) {
  animation-delay: .15s;
  transform: rotate(45deg)translate(0, -100%);
}

.loader > div:nth-child(3) {
  animation-delay: .225s;
  transform: rotate(90deg)translate(0, -100%);
}

.loader > div:nth-child(4) {
  animation-delay: .3s;
  transform: rotate(135deg)translate(0, -100%);
}

.loader > div:nth-child(5) {
  animation-delay: .375s;
  transform: rotate(180deg)translate(0, -100%);
}

.loader > div:nth-child(6) {
  animation-delay: .45s;
  transform: rotate(225deg)translate(0, -100%);
}

.loader > div:nth-child(7) {
  animation-delay: .525s;
  transform: rotate(270deg)translate(0, -100%);
}

.loader > div:nth-child(8) {
  animation-delay: .6s;
  transform: rotate(315deg)translate(0, -100%);
}

@keyframes fade {
  0% {
    opacity: 1;
  }

  100% {
    opacity: .2;
  }
}

.otp-form {
  justify-content: center;
  gap: 8px;
  display: flex;
}

.otp-form__field {
  text-align: center;
  border: 1px solid var(--clr-border-light, #e9eaec);
  border-radius: 10px;
  width: 56px;
  height: 56px;
  font-size: 28px;
  font-weight: 700;
}

.otp-form__field--error {
  border-color: var(--clr-danger, #e03137);
  animation: .2s shake;
}

@keyframes shake {
  0% {
    transform: translateX(-4px);
  }

  33% {
    transform: translateX(4px);
  }

  66% {
    transform: translateX(-4px);
  }

  100% {
    transform: translateX(0);
  }
}

.security-modal {
  text-wrap: pretty;
  max-width: 540px;
  font-size: 14px;
}

.security-modal__content {
  max-width: 540px;
}

.security-modal__subtitle {
  color: var(--clr-text-disabled, #a09fab);
  margin-bottom: 24px;
  line-height: 120%;
}

.security-modal__flex-line {
  align-items: center;
  gap: 16px;
  display: flex;
}

.security-modal__flex-line + .security-modal__flex-line {
  margin-top: 16px;
}

.security-modal__icon {
  background-color: var(--bg-color);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: flex;
}

.security-modal__icon svg path {
  stroke: var(--color);
}

.security-modal__text {
  color: var(--clr-text-muted, #45404a);
  line-height: 120%;
}

.security-modal__button {
  margin-top: 32px;
}

.timer__seconds {
  color: var(--clr-text-tertiary, #687588);
  text-align: center;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-size: 14px;
  display: block;
}

.timer__button {
  color: var(--clr-text-primary, #000);
  text-align: center;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: #0000;
  border: none;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  display: block;
}

.language-changer {
  --selected-item-color: var(--clr-bg-selected, #f1f1f1);
  line-height: 0;
  position: relative;
}

.language-changer__button {
  text-transform: uppercase;
  background-color: var(--clr-button-neutral, #e7e7e8);
  border: none;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
}

.language-changer__button:hover {
  background-color: var(--clr-button-neutral-hover, #d3d3d3);
}

.language-changer__popup {
  z-index: 1000;
  background-color: var(--clr-bg-white, #fff);
  border-radius: 8px;
  width: calc(100% + 8px);
  animation: .2s ease-out forwards slide-down;
  position: absolute;
  top: calc(100% + 4px);
  right: -4px;
  overflow: hidden;
  box-shadow: 0 4px 12px #00000026;
}

.language-changer__list {
  width: 100%;
  padding: 4px;
  list-style-type: none;
}

.language-changer__item {
  color: var(--clr-text-primary, #111827);
  text-align: left;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  will-change: background-color;
  border-radius: 4px;
  padding: 8px 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
}

.language-changer__item:hover {
  background-color: var(--clr-bg-surface, #f8f8f8);
}

.language-changer__item--selected, .language-changer__item--selected:hover {
  background-color: var(--selected-item-color);
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.user-dropdown {
  position: relative;
}

.user-dropdown__menu {
  z-index: 1000;
  background-color: var(--clr-bg-white, #fff);
  border-radius: 8px;
  min-width: 150px;
  max-width: 280px;
  animation: .2s ease-out forwards slide-down;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 4px 12px #00000026;
}

.user-dropdown__header {
  border-bottom: 1px solid var(--clr-border-light, #e7e7e8);
  width: 100%;
  padding: 12px 16px;
}

.user-dropdown__header-text {
  width: 100%;
  color: var(--clr-text-disabled, #a4a4a4);
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 600;
}

.user-dropdown__list {
  padding: 4px;
  list-style: none;
}

.user-dropdown__item {
  cursor: pointer;
  border-radius: 4px;
  padding: 8px 12px;
  transition: background-color .2s;
}

.user-dropdown__item:hover {
  background-color: var(--clr-bg-surface, #f8f8f8);
}

@media (min-width: 540px) {
  .user-dropdown__header {
    display: none;
  }
}

@keyframes slide-down {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.is-webview, .is-webview body {
  overscroll-behavior-y: none;
}

.is-webview * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.is-webview .client-layout {
  padding-right: max(env(safe-area-inset-right), var(--sai-right, 0px));
  padding-left: max(env(safe-area-inset-left), var(--sai-left, 0px));
  --mobile-max-width: 560px;
  --container-width: min(calc(100% - 32px), var(--mobile-max-width)) !important;
}

.is-webview .client-header {
  padding-top: max(env(safe-area-inset-top), var(--sai-top, 0px));
}

.is-webview .fixed-header__content--fixed {
  padding-top: calc(16px + max(env(safe-area-inset-top), var(--sai-top, 0px)));
}

.is-webview .client-create-order__actions {
  padding-bottom: max(env(safe-area-inset-bottom), var(--sai-bottom, 0px));
}

.is-webview .client-modal-wrapper {
  padding-top: max(env(safe-area-inset-top), var(--sai-top, 0px));
  padding-bottom: max(env(safe-area-inset-bottom), var(--sai-bottom, 0px));
}

.faq-layout {
  min-height: 100vh;
  min-height: 100dvh;
  max-height: 100vh;
  display: flex;
}

.faq-layout__wrapper {
  flex-direction: column;
  flex: 1;
  width: 0;
  display: flex;
}

.faq-layout__main {
  background-color: #dcdcdc;
  flex: 1;
  padding: 20px;
  overflow: auto;
}

.faq-layout__main > div {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.faq-layout__main--loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 520px) {
  .faq-layout__main {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

.faq-breadcrumbs {
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 16px;
  display: flex;
  overflow: auto;
}

.faq-breadcrumbs__link, .faq-breadcrumbs__non-link {
  text-wrap: nowrap;
  font-size: 14px;
}

.faq-breadcrumbs__non-link {
  color: #888;
}

.faq-breadcrumbs__non-link--active {
  color: #111827;
  font-weight: 600;
}

.faq-breadcrumbs__link {
  color: #111827;
  cursor: pointer;
  text-decoration: none;
}

.faq-breadcrumbs__link:hover {
  color: #ff2e1f;
  text-decoration: underline;
}

.faq-breadcrumbs__extension {
  color: #888;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 4px;
  margin-left: 6px;
  padding: 1px 4px;
  font-size: 11px;
  display: inline-block;
}

.faq-breadcrumbs__separator {
  color: #888;
  font-size: 10px;
}

@media (max-width: 520px) {
  .faq-breadcrumbs {
    gap: 8px;
  }
}

.faq-header {
  z-index: 997;
  background-color: #fff;
  border-bottom: 1px solid #e9eaec;
  position: sticky;
  top: 0;
}

.faq-header__container {
  justify-content: space-between;
  align-items: center;
  width: min(100% - 30px, 1120px);
  height: 72px;
  margin: 0 auto;
  padding: 8px 0;
  display: flex;
}

.faq-header__burger {
  display: none;
}

.faq-header__title-wrapper {
  align-items: center;
  gap: 16px;
  display: flex;
}

.faq-header__title-wrapper--clickable {
  cursor: pointer;
}

.faq-header__title-wrapper > svg {
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}

.faq-header__title-wrapper > svg path {
  fill: #a0aec0;
}

.faq-header__title {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.faq-header__secondary-text {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.faq-header__pagination {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.faq-header__language {
  color: #687588;
  cursor: pointer;
  background-color: #e9eaec;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 32px;
  font-size: 10px;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}

.faq-header__user {
  cursor: pointer;
}

.faq-header__user-avatar {
  background-color: #000;
}

.faq-header__user-name {
  color: #687588;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.faq-header__dropdown {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 4px;
  display: flex;
  box-shadow: 0 6px 16px #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
}

.faq-header__dropdown-item {
  color: #000000e0;
  cursor: pointer;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
  display: flex;
}

.faq-header__dropdown-item:hover {
  color: #000000e0;
  background: #0000000a;
}

.faq-header__dropdown-item--mobile {
  display: none;
}

.faq-header__cache {
  color: #111827;
}

@media (max-width: 1000px) {
  .faq-header__burger {
    cursor: pointer;
    padding: 8px;
    display: block;
  }

  .faq-header__title-wrapper {
    margin-left: 12px;
    margin-right: auto;
  }

  .faq-header__title {
    margin-bottom: 2px;
    line-height: 100%;
  }

  .faq-header__user {
    column-gap: 2px;
  }

  .faq-header__user-name {
    display: none;
  }
}

@media (max-width: 520px) {
  .faq-header__title {
    font-size: 20px;
  }

  .faq-header__language, .faq-header__cache {
    display: none;
  }

  .faq-header__dropdown-item--mobile {
    display: flex;
  }
}

@media (max-width: 360px) {
  .faq-header__title {
    font-size: 18px;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.faq-navbar {
  z-index: 999;
  width: 280px;
  height: calc(var(--vh, 1vh) * 100);
  background: #fff;
  flex-direction: column;
  height: 100dvh;
  padding: 24px 32px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden auto;
}

.faq-navbar > div, .faq-navbar > nav {
  width: 100%;
}

.faq-navbar > nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.faq-navbar__logo-box {
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  display: flex;
}

.faq-navbar__logo {
  transform-origin: 0;
  width: 100px;
  height: 50px;
}

.faq-navbar__arrow {
  filter: brightness(0);
  min-width: 32px;
  height: 100%;
  margin-left: auto;
  transition: all .4s;
}

.faq-navbar__menu {
  margin-top: 24px;
}

.faq-navbar__admin-link {
  color: #111827;
  overflow-wrap: break-word;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  width: 100%;
  margin-top: 48px;
  padding: 8px;
  font-size: 14px;
  text-decoration: none;
  transition: all .2s;
  display: inline-flex;
  overflow: hidden;
}

.faq-navbar__admin-link:hover {
  background-color: #f5f5f5;
}

.faq-navbar__admin-link--active {
  color: #ff2e1f;
}

@media (min-width: 1000px) {
  .faq-navbar {
    will-change: width, padding;
    transition: width .6s, padding .4s;
    position: sticky;
    top: 0;
    left: 0;
  }

  .faq-navbar--expanded .faq-navbar__logo-box .faq-navbar__logo, .faq-navbar--expanded .faq-navbar__logo-box .faq-navbar__arrow {
    animation: .4s show-text;
    display: inline;
  }

  .faq-navbar--expanded .faq-navbar__link--main-page {
    transition: all .6s;
  }

  .faq-navbar--expanded .faq-navbar__link-text {
    transform-origin: 0;
    animation: .4s show-text;
    display: inline;
  }
}

@media (max-width: 1000px) {
  .faq-navbar {
    z-index: 999;
    will-change: transform;
    width: 280px;
    transition: transform .2s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .faq-navbar--expanded {
    transform: translateX(0);
  }

  .faq-navbar--collapsed {
    transform: translateX(-100%);
  }

  .faq-navbar__arrow {
    display: none;
  }
}

@media (max-width: 480px) {
  .faq-navbar {
    width: min(100%, 320px);
  }
}

.faq-navbar-overlay {
  display: none;
}

@media (max-width: 1000px) {
  .faq-navbar-overlay {
    z-index: 901;
    pointer-events: none;
    opacity: 0;
    will-change: opacity, z-index;
    background-color: #00000073;
    transition: opacity .2s, z-index .2s;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .faq-navbar-overlay--shown {
    z-index: 998;
    pointer-events: all;
    opacity: 1;
  }
}

.faq-navbar-menu-item__container {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  width: 100%;
  margin-block-start: 8px;
  margin-block-end: 8px;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.faq-navbar-menu-item__container:not(.faq-navbar-menu-item__container--link) {
  cursor: pointer;
  transition: all .2s;
}

.faq-navbar-menu-item__container:not(.faq-navbar-menu-item__container--link):hover {
  background-color: #f5f5f5;
}

.faq-navbar-menu-item__chevron-button {
  cursor: pointer;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  font-size: 12px;
  transition: all .2s;
  display: inline-flex;
  overflow: hidden;
}

.faq-navbar-menu-item__chevron-button > .faq-navbar-menu-item__chevron {
  transition: all .2s;
  transform: rotate(0);
}

.faq-navbar-menu-item__chevron-button > .faq-navbar-menu-item__chevron path {
  fill: #888;
  transition: all .2s;
}

.faq-navbar-menu-item__chevron-button:hover {
  background-color: #f5f5f5;
}

.faq-navbar-menu-item__chevron-button:hover > .faq-navbar-menu-item__chevron path {
  fill: #111827;
}

.faq-navbar-menu-item__chevron-button > .faq-navbar-menu-item__chevron:not(.faq-navbar-menu-item__chevron--expanded) {
  transform: rotate(-90deg);
}

.faq-navbar-menu-item__title, .faq-navbar-menu-item__link {
  overflow-wrap: break-word;
  width: 100%;
  padding: 8px;
  font-size: 14px;
}

.faq-navbar-menu-item__link {
  color: #111827;
  border-radius: 4px;
  text-decoration: none;
  transition: all .2s;
  overflow: hidden;
}

.faq-navbar-menu-item__link:hover {
  background-color: #f5f5f5;
}

.faq-navbar-menu-item__link--active {
  color: #ff2e1f;
}

.faq-navbar-menu-item__sub-list {
  border-left: 1px solid #e0e0e0;
  width: 100%;
  padding-left: 18px;
  list-style: none;
}

.faq-navbar-menu-item__container--root-level > .faq-navbar-menu-item__title, .faq-navbar-menu-item__container--root-level > .faq-navbar-menu-item__link {
  font-weight: 600;
}

.faq-navbar-menu-item__container:not(.faq-navbar-menu-item__container--root-level) > .faq-navbar-menu-item__title {
  color: #888;
}

.faq-navbar-menu-item__extension {
  color: #888;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 4px;
  margin-left: 6px;
  padding: 1px 4px;
  font-size: 11px;
  display: inline-block;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.layout {
  min-height: 100vh;
  min-height: 100dvh;
  max-height: 100vh;
  display: flex;
}

.layout__wrapper {
  flex-direction: column;
  flex: 1;
  width: 0;
  display: flex;
}

.layout__main {
  background-color: #dcdcdc;
  flex: 1;
  padding: 20px;
  overflow: auto;
}

.layout__main > div {
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.layout__main--loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}

.layout__service-desk-fab {
  z-index: 10;
  opacity: .7;
  width: 42px;
  height: 42px;
  transition: opacity .2s;
  right: 48px;
}

.layout__service-desk-fab:hover {
  opacity: 1;
}

.layout__service-desk-fab .ant-float-btn-content {
  width: 100% !important;
  height: 100% !important;
}

.layout__service-desk-fab .ant-float-btn-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 100% !important;
  height: 100% !important;
}

.layout__service-desk-icon {
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

@media (max-width: 768px) {
  .layout__service-desk-fab {
    width: 36px;
    height: 36px;
    bottom: 36px;
    right: 36px;
  }

  .layout__service-desk-icon {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 520px) {
  .layout__main {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .layout__service-desk-fab {
    bottom: 72px;
    right: 16px;
  }
}

.admin-mobile-menu {
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  justify-content: space-evenly;
  align-items: center;
  height: 60px;
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.admin-mobile-menu__link {
  display: flex;
  display: 1;
  color: #a0aec0;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  transition: color .2s;
}

.admin-mobile-menu__link span {
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
}

.admin-mobile-menu__link--active {
  color: #111827;
}

.admin-mobile-menu__link--active svg path {
  fill: #ff2e1f;
}

.admin-mobile-menu__button-icon {
  margin: 10px;
  transform: translateY(-5px);
  color: #c4c5c8 !important;
}

.admin-mobile-menu__text {
  font-size: 10px;
}

@media (max-width: 520px) {
  .admin-mobile-menu {
    display: flex;
  }
}

.admin-navbar {
  box-sizing: border-box;
  background: #1f2937;
  border-right: 0;
  height: 100%;
  margin-top: 20px;
  transition: all .7s;
}

.admin-navbar__menu-item-content {
  position: relative;
}

.admin-navbar__menu-item {
  align-items: center;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  white-space: normal !important;
  padding-left: 12px !important;
  line-height: 20px !important;
  display: flex !important;
}

.admin-navbar__link-icon {
  min-width: 20px !important;
  font-size: 20px !important;
}

.admin-navbar .ant-menu-title-content {
  overflow: initial !important;
  white-space: initial !important;
}

.admin-navbar .ant-menu-item-selected {
  color: #ffffffa6 !important;
  background-color: #0000 !important;
}

.admin-navbar .admin-navbar__link {
  line-height: 125%;
  transition: background .3s, color .3s;
}

.admin-navbar .admin-navbar__link.ant-menu-item {
  color: #ffffffa6 !important;
}

.admin-navbar .admin-navbar__link--active {
  color: #fff !important;
  background-color: #1677ff !important;
}

.admin-navbar .admin-navbar__link--active .ant-menu-item-icon {
  color: red;
}

.admin-navbar__link-badge {
  color: #fff;
  text-align: center;
  pointer-events: none;
  background-color: #ff2e1f;
  border-radius: 100px;
  width: max-content;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-weight: 500;
  line-height: 18px;
  transition: transform .2s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}

.admin-navbar__link-badge--collapsed {
  transform: scale(.8);
}

@media (max-width: 520px) {
  .admin-navbar__menu-item {
    line-height: 20px !important;
  }
}

.notifications-sidebar {
  position: absolute;
}

.notifications-sidebar__delete {
  width: 100%;
  margin-bottom: 20px;
}

.notification-item {
  border: 1px solid #000;
  border-radius: 10px;
  width: 320px;
  margin-bottom: 10px;
  padding: 10px;
}

.notification-item__message {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.header {
  z-index: 997;
  background-color: #fff;
  border-bottom: 1px solid #e9eaec;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.header__container {
  justify-content: space-between;
  align-items: center;
  width: min(100% - 30px, 1120px);
  height: 72px;
  margin: 0 auto;
  padding: 8px 0;
  display: flex;
}

.header__title-wrapper {
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  display: flex;
}

.header__title-wrapper--clickable {
  cursor: pointer;
}

.header__title-wrapper > svg {
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}

.header__title-wrapper > svg path {
  fill: #a0aec0;
}

.header__title {
  color: #111827;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

@media screen and (max-width: 980px) {
  .header__title {
    margin-bottom: 2px;
    line-height: 100%;
  }
}

.header__secondary-text {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.header__pagination {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.header__dealer {
  color: #a0aec0;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.header__language {
  color: #687588;
  cursor: pointer;
  background-color: #e9eaec;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 32px;
  font-size: 10px;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}

.header__user {
  cursor: pointer;
}

.header__user-avatar {
  background-color: #000;
}

.header__user-name {
  color: #687588;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.header__bell-btn {
  cursor: pointer;
  background: none;
  border: none;
}

.header__burger {
  display: none;
}

.header__dropdown {
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 4px;
  display: flex;
  box-shadow: 0 6px 16px #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;
}

.header__dropdown-item {
  color: #000000e0;
  cursor: pointer;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 22px;
  transition: all .2s;
  display: flex;
}

.header__dropdown-item:hover {
  color: #000000e0;
  background: #0000000a;
}

.header__dropdown-item--mobile {
  display: none;
}

.header__cache {
  color: #111827;
}

@media (max-width: 768px) {
  .header__burger {
    cursor: pointer;
    padding: 8px;
    display: block;
  }

  .header__title-wrapper {
    margin-left: 12px;
    margin-right: auto;
  }

  .header__dealer {
    display: none;
  }

  .header__user {
    column-gap: 2px;
  }

  .header__user-name {
    display: none;
  }
}

@media (max-width: 520px) {
  .header__title {
    font-size: 20px;
  }

  .header__language, .header__bell, .header__cache {
    display: none;
  }

  .header__dropdown-item--mobile {
    display: flex;
  }

  .header__burger {
    display: none;
  }
}

@media (max-width: 360px) {
  .header__title {
    font-size: 18px;
  }
}

@keyframes show-text {
  0% {
    transform: scale(.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
    display: block;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.navbar {
  z-index: 999;
  height: calc(var(--vh, 1vh) * 100);
  background: #1f2937;
  flex-direction: column;
  height: 100dvh;
  padding: 24px 32px;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  overflow: hidden auto;
}

.navbar > div, .navbar > nav {
  width: 100%;
}

.navbar__logo-box {
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  display: flex;
}

.navbar__logo {
  transform-origin: 0;
  width: 100px;
  height: 50px;
}

.navbar__logo path {
  fill: #fff;
}

.navbar__arrow {
  min-width: 32px;
  height: 100%;
  margin-left: auto;
  transition: all .4s;
}

.navbar__link-icon {
  filter: brightness(0) saturate() invert(72%) sepia(11%) saturate(441%) hue-rotate(174deg) brightness(95%) contrast(86%);
  width: 24px;
  height: 24px;
  transition: all .2s;
}

.navbar__link {
  color: #a0aec0;
  letter-spacing: .2px;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 56px;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.navbar__link--main-page {
  color: #fff;
  background-color: #ff2e1f;
  border-radius: 10px;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  margin: 24px 0;
  padding: 16px 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px #ff2e1f33;
}

.navbar__link--main-page .navbar__link-icon {
  filter: invert(10%) sepia() saturate() hue-rotate(269deg) brightness(103%) contrast(101%);
}

.navbar__link--active {
  color: #fff;
}

.navbar__link--active:not(.navbar__link--main-page) .navbar__link-icon {
  filter: brightness(0) saturate() invert(27%) sepia(68%) saturate(4194%) hue-rotate(349deg) brightness(104%) contrast(103%);
}

.navbar__link:not(.navbar__link--active):hover {
  color: #fff;
}

.navbar__link:not(.navbar__link--active):hover .navbar__link-icon {
  filter: brightness(0) saturate() invert() sepia() saturate(0%) hue-rotate(30deg) brightness(104%) contrast(104%);
}

.navbar__link--margin-top {
  margin-top: 24px;
}

.navbar__navigation-box {
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  display: flex;
}

.navbar__navigation-box .ant-menu .ant-menu-submenu .ant-menu-sub {
  background: #1f2937;
}

.navbar__support-setting-box {
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  margin-top: auto;
  display: flex;
}

@media (min-width: 768px) {
  .navbar {
    will-change: width, padding;
    transition: width .6s, padding .4s;
    position: sticky;
    top: 0;
    left: 0;
  }

  .navbar--expanded {
    width: 280px;
  }

  .navbar--expanded .navbar__logo-box .navbar__logo, .navbar--expanded .navbar__logo-box .navbar__arrow {
    animation: .4s show-text;
    display: inline;
  }

  .navbar--expanded .navbar__link--main-page {
    transition: all .6s;
  }

  .navbar--expanded .navbar__link-text {
    transform-origin: 0;
    animation: .4s show-text;
    display: inline;
  }

  .navbar--collapsed {
    width: 90px;
    padding: 24px 15px;
  }

  .navbar--collapsed .navbar__logo-box {
    height: 48px;
  }

  .navbar--collapsed .navbar__logo-box button {
    background: none;
  }

  .navbar--collapsed .navbar__logo {
    transition: all .4s;
    position: absolute;
    transform: scale(0);
  }

  .navbar--collapsed .navbar__arrow {
    width: 100%;
    animation: .4s show-text;
    display: inline;
    position: relative;
    transform: rotate(-180deg);
  }

  .navbar--collapsed .navbar__link {
    justify-content: center;
  }

  .navbar--collapsed .navbar__link--main-page {
    justify-content: center;
    padding: 0;
    transition: all .6s;
  }

  .navbar--collapsed .navbar__navigation-box {
    width: 100%;
  }

  .navbar--collapsed .navbar__link-text {
    transition: all .1s;
    display: none;
    transform: translateY(100px)scale(0);
  }
}

@media (max-width: 768px) {
  .navbar {
    z-index: 999;
    will-change: transform;
    width: 300px;
    transition: transform .2s;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .navbar--expanded {
    transform: translateX(0);
  }

  .navbar--collapsed {
    transform: translateX(-100%);
  }
}

@media (max-width: 480px) {
  .navbar {
    width: min(100%, 320px);
  }
}

.navbar-overlay {
  display: none;
}

@media (max-width: 768px) {
  .navbar-overlay {
    z-index: 901;
    pointer-events: none;
    opacity: 0;
    will-change: opacity, z-index;
    background-color: #00000073;
    transition: opacity .2s, z-index .2s;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .navbar-overlay--shown {
    z-index: 998;
    pointer-events: all;
    opacity: 1;
  }
}

.mobile-menu {
  z-index: 100;
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  justify-content: space-evenly;
  align-items: center;
  height: 60px;
  display: none;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
}

.mobile-menu__link {
  color: #a0aec0;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  transition: color .2s;
  display: flex;
  position: relative;
}

.mobile-menu__link span {
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
}

.mobile-menu__link--active {
  color: #111827;
}

.mobile-menu__link--active .mobile-menu__link-icon {
  filter: brightness(0) saturate() invert(27%) sepia(68%) saturate(4194%) hue-rotate(349deg) brightness(104%) contrast(103%);
}

.mobile-menu__button-icon {
  margin: 10px;
  transform: translateY(-5px);
  color: #c4c5c8 !important;
}

.mobile-menu__text {
  font-size: 10px;
}

.mobile-menu__link-badge {
  color: #fff;
  text-align: center;
  pointer-events: none;
  background-color: #ff2e1f;
  border-radius: 100px;
  width: max-content;
  min-width: 16px;
  height: 16px;
  padding: 0 5px;
  font-weight: 500;
  line-height: 16px;
  position: absolute;
  top: -6px;
  right: -6px;
}

@media (max-width: 520px) {
  .mobile-menu {
    display: flex;
  }
}