.toast-title {
  font-weight: 700;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:focus,
.toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999;
  color: #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
@font-face {
  font-family: Suisse Intl Book;
  src: url(/build/assets/SuisseIntl-Book-0e1d3e12.eot);
  src:
    url(/build/assets/SuisseIntl-Book-0e1d3e12.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Book-341585eb.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Book-7f22dcdb.woff) format("woff"),
    url(/build/assets/SuisseIntl-Book-8ea926aa.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-BoldItalic-ff70c2cf.eot);
  src:
    url(/build/assets/SuisseIntl-BoldItalic-ff70c2cf.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-BoldItalic-c62fe80e.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-BoldItalic-11676fcd.woff) format("woff"),
    url(/build/assets/SuisseIntl-BoldItalic-bb10d3d9.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Medium-c70a3c20.eot);
  src:
    url(/build/assets/SuisseIntl-Medium-c70a3c20.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Medium-8d868071.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Medium-b3e672f1.woff) format("woff"),
    url(/build/assets/SuisseIntl-Medium-184e3321.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-BlackItalic-ad094e97.eot);
  src:
    url(/build/assets/SuisseIntl-BlackItalic-ad094e97.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-BlackItalic-a4cbd7bf.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-BlackItalic-b2d6c47e.woff) format("woff"),
    url(/build/assets/SuisseIntl-BlackItalic-e7746891.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl Book;
  src: url(/build/assets/SuisseIntl-BookItalic-181450ef.eot);
  src:
    url(/build/assets/SuisseIntl-BookItalic-181450ef.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-BookItalic-c8a1a5a2.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-BookItalic-c046def7.woff) format("woff"),
    url(/build/assets/SuisseIntl-BookItalic-6fabf575.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Bold-057892d2.eot);
  src:
    url(/build/assets/SuisseIntl-Bold-057892d2.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Bold-793b5f89.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Bold-d11b96c6.woff) format("woff"),
    url(/build/assets/SuisseIntl-Bold-1be4c85b.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Black-d5ab1a08.eot);
  src:
    url(/build/assets/SuisseIntl-Black-d5ab1a08.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Black-eef56106.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Black-7b36e32a.woff) format("woff"),
    url(/build/assets/SuisseIntl-Black-b739b89f.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Light-dd2287ce.eot);
  src:
    url(/build/assets/SuisseIntl-Light-dd2287ce.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Light-96516495.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Light-a1ee11cb.woff) format("woff"),
    url(/build/assets/SuisseIntl-Light-69c00270.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-LightItalic-6cab4eea.eot);
  src:
    url(/build/assets/SuisseIntl-LightItalic-6cab4eea.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-LightItalic-69614dbd.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-LightItalic-c7695360.woff) format("woff"),
    url(/build/assets/SuisseIntl-LightItalic-2ccd8f9f.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Italic-d95fdb1c.eot);
  src:
    url(/build/assets/SuisseIntl-Italic-d95fdb1c.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Italic-6ebcf2d6.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Italic-ce903a93.woff) format("woff"),
    url(/build/assets/SuisseIntl-Italic-13da3ec8.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Regular-9a0e04a5.eot);
  src:
    url(/build/assets/SuisseIntl-Regular-9a0e04a5.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Regular-540671fb.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Regular-4f8d3583.woff) format("woff"),
    url(/build/assets/SuisseIntl-Regular-9a8d8e53.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-MediumItalic-741ca83c.eot);
  src:
    url(/build/assets/SuisseIntl-MediumItalic-741ca83c.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-MediumItalic-2f4d935d.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-MediumItalic-eb902ac3.woff) format("woff"),
    url(/build/assets/SuisseIntl-MediumItalic-e37ea32b.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-SemiBoldItalic-ce554738.eot);
  src:
    url(/build/assets/SuisseIntl-SemiBoldItalic-ce554738.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-SemiBoldItalic-9d9c21ed.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-SemiBoldItalic-b8fe1f78.woff) format("woff"),
    url(/build/assets/SuisseIntl-SemiBoldItalic-9fb98627.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-SemiBold-cc3a9707.eot);
  src:
    url(/build/assets/SuisseIntl-SemiBold-cc3a9707.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-SemiBold-9bc4c608.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-SemiBold-6bb4f2a2.woff) format("woff"),
    url(/build/assets/SuisseIntl-SemiBold-d12567db.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-ThinItalic-648fa59f.eot);
  src:
    url(/build/assets/SuisseIntl-ThinItalic-648fa59f.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-ThinItalic-6669bd0f.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-ThinItalic-76cc47a9.woff) format("woff"),
    url(/build/assets/SuisseIntl-ThinItalic-b6f902cb.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-Thin-350f6906.eot);
  src:
    url(/build/assets/SuisseIntl-Thin-350f6906.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-Thin-0e53ac3b.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-Thin-53c75e0a.woff) format("woff"),
    url(/build/assets/SuisseIntl-Thin-a3c8751c.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-UltraLight-62427901.eot);
  src:
    url(/build/assets/SuisseIntl-UltraLight-62427901.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-UltraLight-db9cadde.woff2) format("woff2"),
    url(/build/assets/SuisseIntl-UltraLight-cb2d28d1.woff) format("woff"),
    url(/build/assets/SuisseIntl-UltraLight-3adfb2ff.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Suisse Intl;
  src: url(/build/assets/SuisseIntl-UltraLightItalic-3f2085a2.eot);
  src:
    url(/build/assets/SuisseIntl-UltraLightItalic-3f2085a2.eot?#iefix)
      format("embedded-opentype"),
    url(/build/assets/SuisseIntl-UltraLightItalic-22a30234.woff2)
      format("woff2"),
    url(/build/assets/SuisseIntl-UltraLightItalic-68a295e9.woff) format("woff"),
    url(/build/assets/SuisseIntl-UltraLightItalic-ca7d5416.ttf)
      format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-size: 1em;
  outline: none;
  line-height: 130%;
  letter-spacing: inherit;
  color: inherit;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
code,
kbd,
samp,
pre,
tt,
var,
textarea,
input,
select,
isindex,
listing,
xmp,
plaintext {
  font: inherit;
  font-size: 1em;
  white-space: normal;
}
dfn,
i,
cite,
var,
address,
em {
  font-style: inherit;
}
th,
b,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
a,
img,
a img,
iframe,
form,
fieldset,
abbr,
acronym,
object,
applet,
table {
  border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td,
center {
  text-align: left;
  vertical-align: top;
}
q {
  quotes: "" "";
}
ul,
ol,
dir,
menu {
  list-style: none;
}
sub,
sup {
  vertical-align: baseline;
}
hr {
  display: none;
}
font {
  font: inherit !important;
  color: inherit !important;
}
marquee {
  overflow: inherit !important;
  -moz-binding: none;
}
blink {
  text-decoration: none;
}
nobr {
  white-space: normal;
}
html,
body {
  padding: 0;
  margin: 0;
}
html {
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
body {
  font-family:
    Suisse Intl,
    sans-serif;
  font-weight: 400;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[id] {
  scroll-margin-top: 125px;
}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-thumb {
  background-color: #0000001a;
}
:root {
  --color-neutral-500-t48: #1414147a;
  --color-neutral-100-t52: #ffffff85;
  --color-neutral-900: #000000;
  --color-border-error: #eb4c60;
  --color-border-solid-invert: #ffffff;
  --color-border-solid: #141414;
  --color-border-transparent-invert: #ffffff29;
  --color-border-transparent: #1414141f;
  --color-icon-accent: #165a58;
  --color-icon-error: #eb4c60;
  --color-icon-high-invert: #ffffff;
  --color-icon-high: #141414;
  --color-icon-low-invert: #ffffff33;
  --color-icon-low: #14141429;
  --color-icon-medium-invert: #ffffff85;
  --color-icon-medium: #1414147a;
  --color-icon-success: #1cd069;
  --color-surface-1: #ffffff;
  --color-surface-2: #f9fafc;
  --color-surface-3: #f2f4f7;
  --color-surface-4: #e2e5e9;
  --color-surface-5: #141414;
  --color-surface-accent: #165a58;
  --color-surface-accent-low: #fbf3e4;
  --color-surface-error: #eb4c60;
  --color-surface-glass: #42444744;
  --color-surface-success: #1cd069;
  --color-text-accent: #165a58;
  --color-text-error: #eb4c60;
  --color-text-high-invert: #ffffff;
  --color-text-high: #141414;
  --color-text-low-invert: #ffffff33;
  --color-text-low: #14141429;
  --color-text-medium-invert: #ffffff85;
  --color-text-medium: #1414147a;
  --color-text-success: #1cd069;
  --color-text-map: #0975f4;
  --blur-bg-8: blur(8px);
  --blur-bg-12: blur(12px);
  --blur-bg-16: blur(16px);
  --blur-bg-20: blur(20px);
  --blur-bg-24: blur(24px);
  --blur-bg-32: blur(32px);
  --blur-bg-40: blur(40px);
  --blur-bg-64: blur(64px);
  --blur-layer-64: blur(64px);
  --gap-100: 100px;
  --gap-128: 128px;
  --gap-12: 12px;
  --gap-14: 14px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-2: 2px;
  --gap-32: 32px;
  --gap-40: 40px;
  --gap-48: 48px;
  --gap-4: 4px;
  --gap-56: 56px;
  --gap-6: 6px;
  --gap-80: 80px;
  --gap-8: 8px;
  --round-12: 12px;
  --round-16: 16px;
  --round-24: 24px;
  --round-32: 32px;
  --round-40: 40px;
  --round-8: 8px;
  --round-full: 9999px;
  --shadow-drop-header: 0px 8px 40px #1414140f;
  --shadow-drop-modal: 0px 8px 32px #14141429;
  --font-size-display-3xl-medium: 64px;
  --font-size-display-2xl-medium: 64px;
  --font-size-display-2xl-regular: 56px;
  --font-size-display-xl-medium: 48px;
  --font-size-display-xl-regular: 48px;
  --font-size-display-lg-medium: 40px;
  --font-size-display-lg-regular: 40px;
  --font-size-display-md-medium: 32px;
  --font-size-display-md-regular: 32px;
  --font-size-display-sm-medium: 24px;
  --font-size-display-sm-regular: 24px;
  --font-size-display-xs-medium: 20px;
  --font-size-display-xs-regular: 20px;
  --font-size-text-lg-medium: 18px;
  --font-size-text-lg-regular: 18px;
  --font-size-text-md-medium: 16px;
  --font-size-text-md-regular: 16px;
  --font-size-text-sm-book: 14px;
  --font-size-text-sm-medium: 14px;
  --font-size-text-sm-regular: 14px;
  --font-size-text-xs-regular: 13px;
  --font-size-text-xxs-medium: 12px;
  --font-weight-display-3xl-medium: 500;
  --font-weight-display-2xl-medium: 500;
  --font-weight-display-2xl-regular: 400;
  --font-weight-display-xl-medium: 500;
  --font-weight-display-xl-regular: 400;
  --font-weight-display-lg-medium: 500;
  --font-weight-display-lg-regular: 400;
  --font-weight-display-md-medium: 500;
  --font-weight-display-md-regular: 400;
  --font-weight-display-sm-medium: 500;
  --font-weight-display-sm-regular: 400;
  --font-weight-display-xs-medium: 500;
  --font-weight-display-xs-regular: 400;
  --font-weight-text-lg-medium: 500;
  --font-weight-text-lg-regular: 400;
  --font-weight-text-md-medium: 500;
  --font-weight-text-md-regular: 400;
  --font-weight-text-sm-book: 450;
  --font-weight-text-sm-regular: 400;
  --font-weight-text-sm-medium: 500;
  --font-weight-text-xs-regular: 400;
  --font-weight-text-xxs-medium: 500;
  --line-height-display-3xl-medium: 112%;
  --line-height-display-2xl-medium: 112%;
  --line-height-display-2xl-regular: 115%;
  --line-height-display-xl-medium: 115%;
  --line-height-display-xl-regular: 115%;
  --line-height-display-lg-medium: 120%;
  --line-height-display-lg-regular: 120%;
  --line-height-display-md-medium: 120%;
  --line-height-display-md-regular: 120%;
  --line-height-display-sm-medium: 117%;
  --line-height-display-sm-regular: 117%;
  --line-height-display-xs-medium: 130%;
  --line-height-display-xs-regular: 130%;
  --line-height-text-lg-medium: 135%;
  --line-height-text-lg-regular: 135%;
  --line-height-text-md-medium: 135%;
  --line-height-text-md-regular: 135%;
  --line-height-text-sm-medium: 140%;
  --line-height-text-sm-book: 140%;
  --line-height-text-sm-regular: 140%;
  --line-height-text-xs-regular: 125%;
  --line-height-text-xxs-medium: 125%;
  --letter-spacing-display-3xl-medium: -1.28px;
  --letter-spacing-display-2xl-medium: -0.02em;
  --letter-spacing-display-2xl-regular: -0.02em;
  --letter-spacing-display-xl-medium: -0.02em;
  --letter-spacing-display-xl-regular: -0.02em;
  --letter-spacing-display-lg-medium: -0.02em;
  --letter-spacing-display-lg-regular: -0.02em;
  --letter-spacing-display-md-medium: -0.02em;
  --letter-spacing-display-md-regular: -0.02em;
  --letter-spacing-display-sm-medium: 0em;
  --letter-spacing-display-sm-regular: 0em;
  --letter-spacing-display-xs-medium: -0.01em;
  --letter-spacing-display-xs-regular: -0.01em;
  --letter-spacing-text-lg-medium: -0.01em;
  --letter-spacing-text-lg-regular: -0.01em;
  --letter-spacing-text-md-medium: -0.01em;
  --letter-spacing-text-md-regular: -0.01em;
  --letter-spacing-text-sm-medium: 0em;
  --letter-spacing-text-sm-book: 0em;
  --letter-spacing-text-sm-regular: 0em;
  --letter-spacing-text-xs-regular: 0em;
  --letter-spacing-text-xxs-medium: 0.12px;
}
.title {
  word-break: break-word;
}
.bc,
.bc-before:before,
.before-sq:before,
.bc-after:after,
.after-sq:after,
.bc-sq,
.icon,
.bcv,
.bcv-before:before,
.before-sq-cv:before,
.bcv-after:after,
.after-sq-cv:after,
.bcv-sq {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.bcv,
.bcv-before:before,
.before-sq-cv:before,
.bcv-after:after,
.after-sq-cv:after,
.bcv-sq {
  background-size: cover;
}
.bcv-sq.contain {
  background-size: contain !important;
}
.underline {
  text-decoration: underline;
  text-underline-offset: 0.23em;
}
.link-blue {
  cursor: pointer;
  transition: 0.2s color;
}
.link-blue:hover {
  color: var(--color-text-map);
}
.nodisp {
  display: none !important;
}
.nodisp-virtual {
  position: absolute !important;
  top: 0 !important;
  left: -100vw !important;
  transform: translate(-100%) !important;
}
@media (max-width: 900px) {
  .pc {
    display: none !important;
  }
}
@media (min-width: 901px) {
  .mob {
    display: none !important;
  }
}
@media (min-width: 1001px) {
  .mob-1000 {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .pc-1000 {
    display: none !important;
  }
}
@media (min-width: 1301px) {
  .mob-1300 {
    display: none !important;
  }
}
@media (max-width: 1300px) {
  .pc-1300 {
    display: none !important;
  }
}
@media (min-width: 1276px) {
  .mob-1275 {
    display: none !important;
  }
}
@media (max-width: 1275px) {
  .pc-1275 {
    display: none !important;
  }
}
@media (min-width: 1441px) {
  .mob-1440 {
    display: none !important;
  }
}
@media (max-width: 1440px) {
  .pc-1440 {
    display: none !important;
  }
}
.sq,
.bc-sq,
.icon,
.bcv-sq {
  aspect-ratio: 1;
}
.tmi {
  color: var(--color-text-medium-invert);
}
.tm,
.gtext {
  color: var(--color-text-medium);
}
.icon {
  flex-shrink: 0;
  width: 24px;
  transition: 0.2s;
  transition-property: filter, background, transform;
}
.divider {
  background-color: var(--color-border-transparent);
  width: 100%;
  height: 1px;
  flex-shrink: 0;
}
.divider-v {
  background-color: var(--color-border-transparent);
  height: 100%;
  width: 1px;
  flex-shrink: 0;
}
.divider-white {
  background-color: var(--color-border-transparent-invert);
  height: 100%;
  height: 1px;
  flex-shrink: 0;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--color-text-medium);
}
input::placeholder,
textarea::placeholder {
  color: var(--color-text-medium);
}
.ytext {
  color: var(--color-text-accent);
}
.btext {
  color: var(--color-text-map);
}
.grtext {
  color: var(--color-text-success);
}
.rtext {
  color: var(--color-text-error);
}
.box-wrapper {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
}
.box-wrapper .box {
  box-sizing: border-box;
  padding: 0 var(--gap-80);
  width: min(100%, 1440px);
}
@media (min-width: 901px) and (max-width: 1366px) {
  .box-wrapper .box {
    padding: 0 var(--gap-40);
  }
}
@media (max-width: 900px) {
  .box-wrapper .box {
    padding: 0 var(--gap-16);
  }
}
@media (max-width: 480px) {
  .box-wrapper .box {
    padding: 0 var(--gap-12);
  }
}
.box-wrapper .box.same > * {
  flex: 1;
}
.glass {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
}
.flag {
  aspect-ratio: 4/3;
}
.glass-bg {
  -webkit-backdrop-filter: var(--blur-bg-24);
  backdrop-filter: var(--blur-bg-24);
  background-color: var(--color-surface-glass);
}
.link a {
  transition: 0.2s color;
}
.link a:hover {
  color: var(--color-text-accent);
}
.glink a {
  transition: 0.2s color;
}
.glink a:hover {
  color: var(--color-text-high);
}
.video-on-load {
  background-color: var(--color-surface-3);
  transition: 0.4s opacity;
}
label {
  display: block;
}
.under-header {
  transition: 0.2s transform;
}
.nowrap-text {
  white-space: nowrap;
}
body.gray-bg {
  background-color: var(--color-surface-3);
}
.icon.type {
  background-image: url(/images/icons/outline/parametrs/type--high.svg);
}
.icon.rooms {
  background-image: url(/images/icons/outline/parametrs/rooms--high.svg);
}
.icon.toilets {
  background-image: url(/images/icons/outline/parametrs/toilets--high.svg);
}
.icon.square {
  background-image: url(/images/icons/outline/parametrs/square--high.svg);
}
.icon.floors {
  background-image: url(/images/icons/outline/parametrs/floors--high.svg);
}
.icon.sealings {
  background-image: url(/images/icons/outline/parametrs/sealings--high.svg);
}
.icon.furniture {
  background-image: url(/images/icons/outline/parametrs/furniture--high.svg);
}
.icon.decoration {
  background-image: url(/images/icons/outline/parametrs/decoration--high.svg);
}
.icon.deadline {
  background-image: url(/images/icons/outline/parametrs/deadline--high.svg);
}
.icon.material {
  background-image: url(/images/icons/outline/parametrs/material--high.svg);
}
.icon.sight {
  background-image: url(/images/icons/outline/parametrs/sight--high.svg);
}
.icon.parking {
  background-image: url(/images/icons/outline/parametrs/parking--high.svg);
}
.icon.amenities {
  background-image: url(/images/icons/outline/parametrs/amenities--high.svg);
}
.icon.buildings {
  background-image: url(/images/icons/outline/parametrs/buildings--high.svg);
}
.icon.appartments {
  background-image: url(/images/icons/outline/parametrs/appartments--high.svg);
}
.icon.garage {
  background-image: url(/images/icons/outline/parametrs/garage--high.svg);
}
.icon.gas {
  background-image: url(/images/icons/outline/parametrs/gas--high.svg);
}
.icon.electricity {
  background-image: url(/images/icons/outline/parametrs/electricity--high.svg);
}
.icon.water {
  background-image: url(/images/icons/outline/parametrs/water--high.svg);
}
.icon.pipes {
  background-image: url(/images/icons/outline/parametrs/pipes--high.svg);
}
.icon.chevron-right {
  background-image: url(/images/icons/outline/chevron-right--high.svg);
}
.icon.share {
  background-image: url(/images/icons/outline/share--high.svg);
}
.icon.heart {
  background-image: url(/images/icons/outline/heart--high.svg);
}
.icon.chat-circle-dots {
  background-image: url(/images/icons/outline/chat-circle-dots--high.svg);
}
.icon.phone {
  background-image: url(/images/icons/outline/phone--high.svg);
}
.icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--high.svg);
}
.icon.check-circle {
  background-image: url(/images/icons/outline/check-circle--high.svg);
}
.icon.map-pin {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.icon.user {
  background-image: url(/images/icons/outline/user--high.svg);
}
.icon.question-circle {
  background-image: url(/images/icons/outline/question-circle--high.svg);
}
.icon.pencil-simple {
  background-image: url(/images/icons/outline/pencil-simple--high.svg);
}
.icon.arrows-clockwise {
  background-image: url(/images/icons/outline/arrows-clockwise--high.svg);
}
.icon.icon.eye {
  background-image: url(/images/icons/outline/eye--high.svg);
}
.icon.bolt {
  background-image: url(/images/icons/outline/bolt--high.svg);
}
.icon.percent {
  background-image: url(/images/icons/outline/percent--high.svg);
}
.before:before,
.bcv-before:before,
.before-sq-cv:before,
.bc-before:before,
.before-sq:before {
  content: "";
  display: block;
}
.bc-before,
.before-sq,
.bcv-before,
.before-sq-cv {
  display: flex;
  align-items: center;
}
.before-sq:before {
  aspect-ratio: 1;
}
.after-sq:after {
  aspect-ratio: 1;
}
.before-sq-cv:before {
  aspect-ratio: 1;
}
.after-sq-cv:after {
  aspect-ratio: 1;
}
.after:after,
.bcv-after:after,
.after-sq-cv:after,
.bc-after:after,
.after-sq:after {
  content: "";
  display: block;
}
.bc-after,
.after-sq,
.bcv-after,
.after-sq-cv {
  display: flex;
  align-items: center;
}
.ff {
  display: flex;
  align-items: stretch;
}
.ffb {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  align-items: center;
}
.ffs {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-items: center;
}
.ffc {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-items: center;
}
.ff-at {
  display: flex;
  align-items: stretch;
  align-items: flex-start;
}
.ffb-at {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
.ffs-at {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  align-items: center;
  align-items: flex-start;
}
.ffc-at {
  display: flex;
  align-items: stretch;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
}
.f-col {
  flex-direction: column;
}
.f-col-r {
  flex-direction: column-reverse;
}
.f-row {
  flex-direction: row;
}
.f-row-r {
  flex-direction: row-reverse;
}
.f-wrap {
  flex-wrap: wrap;
}
.f-wrap-r {
  flex-wrap: wrap-reverse;
}
@media (max-width: 900px) {
  .ff-mob {
    display: flex;
    align-items: stretch;
  }
  .ffb-mob {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-items: center;
  }
  .ffs-mob {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-items: center;
  }
  .ffc-mob {
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-items: center;
  }
  .ff-at-mob {
    display: flex;
    align-items: stretch;
    align-items: flex-start;
  }
  .ffb-at-mob {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
  }
  .ffs-at-mob {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start;
  }
  .ffc-at-mob {
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
  }
  .f-col-mob {
    flex-direction: column;
  }
  .f-col-r-mob {
    flex-direction: column-reverse;
  }
  .f-row-mob {
    flex-direction: row;
  }
  .f-row-r-mob {
    flex-direction: row-reverse;
  }
  .f-wrap-mob {
    flex-wrap: wrap;
  }
  .f-wrap-r-mob {
    flex-wrap: wrap-reverse;
  }
}
.f-d-3xl-m {
  font-weight: var(--font-weight-display-3xl-medium);
  font-size: var(--font-size-display-3xl-medium);
  line-height: var(--line-height-display-3xl-medium);
  letter-spacing: var(--letter-spacing-display-3xl-medium);
}
.f-d-2xl-m {
  font-weight: var(--font-weight-display-2xl-medium);
  font-size: var(--font-size-display-2xl-medium);
  line-height: var(--line-height-display-2xl-medium);
  letter-spacing: var(--letter-spacing-display-2xl-medium);
}
.f-d-2xl-r {
  font-weight: var(--font-weight-display-2xl-regular);
  font-size: var(--font-size-display-2xl-regular);
  line-height: var(--line-height-display-2xl-regular);
  letter-spacing: var(--letter-spacing-display-2xl-regular);
}
.f-d-xl-m {
  font-weight: var(--font-weight-display-xl-medium);
  font-size: var(--font-size-display-xl-medium);
  line-height: var(--line-height-display-xl-medium);
  letter-spacing: var(--letter-spacing-display-xl-medium);
}
.f-d-xl-r {
  font-weight: var(--font-weight-display-xl-regular);
  font-size: var(--font-size-display-xl-regular);
  line-height: var(--line-height-display-xl-regular);
  letter-spacing: var(--letter-spacing-display-xl-regular);
}
.f-d-lg-m {
  font-weight: var(--font-weight-display-lg-medium);
  font-size: var(--font-size-display-lg-medium);
  line-height: var(--line-height-display-lg-medium);
  letter-spacing: var(--letter-spacing-display-lg-medium);
}
.f-d-lg-r {
  font-weight: var(--font-weight-display-lg-regular);
  font-size: var(--font-size-display-lg-regular);
  line-height: var(--line-height-display-lg-regular);
  letter-spacing: var(--letter-spacing-display-lg-regular);
}
.f-d-md-m {
  font-weight: var(--font-weight-display-md-medium);
  font-size: var(--font-size-display-md-medium);
  line-height: var(--line-height-display-md-medium);
  letter-spacing: var(--letter-spacing-display-md-medium);
}
.f-d-md-r {
  font-weight: var(--font-weight-display-md-regular);
  font-size: var(--font-size-display-md-regular);
  line-height: var(--line-height-display-md-regular);
  letter-spacing: var(--letter-spacing-display-md-regular);
}
.f-d-sm-m {
  font-weight: var(--font-weight-display-sm-medium);
  font-size: var(--font-size-display-sm-medium);
  line-height: var(--line-height-display-sm-medium);
  letter-spacing: var(--letter-spacing-display-sm-medium);
}
.f-d-sm-r {
  font-weight: var(--font-weight-display-sm-regular);
  font-size: var(--font-size-display-sm-regular);
  line-height: var(--line-height-display-sm-regular);
  letter-spacing: var(--letter-spacing-display-sm-regular);
}
.f-d-xs-m {
  font-weight: var(--font-weight-display-xs-medium);
  font-size: var(--font-size-display-xs-medium);
  line-height: var(--line-height-display-xs-medium);
  letter-spacing: var(--letter-spacing-display-xs-medium);
}
.f-d-xs-r {
  font-weight: var(--font-weight-display-xs-regular);
  font-size: var(--font-size-display-xs-regular);
  line-height: var(--line-height-display-xs-regular);
  letter-spacing: var(--letter-spacing-display-xs-regular);
}
.f-t-lg-m {
  font-weight: var(--font-weight-text-lg-medium);
  font-size: var(--font-size-text-lg-medium);
  line-height: var(--line-height-text-lg-medium);
  letter-spacing: var(--letter-spacing-text-lg-medium);
}
.f-t-md-r {
  font-weight: var(--font-weight-text-md-regular);
  font-size: var(--font-size-text-md-regular);
  line-height: var(--line-height-text-md-regular);
  letter-spacing: var(--letter-spacing-text-md-regular);
}
.f-t-md-m {
  font-weight: var(--font-weight-text-md-medium);
  font-size: var(--font-size-text-md-medium);
  line-height: var(--line-height-text-md-medium);
  letter-spacing: var(--letter-spacing-text-md-medium);
}
.f-t-sm-r {
  font-weight: var(--font-weight-text-sm-regular);
  font-size: var(--font-size-text-sm-regular);
  line-height: var(--line-height-text-sm-regular);
  letter-spacing: var(--letter-spacing-text-sm-regular);
}
.f-t-sm-b {
  font-weight: var(--font-weight-text-sm-book);
  font-size: var(--font-size-text-sm-book);
  line-height: var(--line-height-text-sm-book);
  letter-spacing: var(--letter-spacing-text-sm-book);
}
.f-t-sm-m {
  font-weight: var(--font-weight-text-sm-medium);
  font-size: var(--font-size-text-sm-medium);
  line-height: var(--line-height-text-sm-medium);
  letter-spacing: var(--letter-spacing-text-sm-medium);
}
.f-t-xs-r {
  font-weight: var(--font-weight-text-xs-regular);
  font-size: var(--font-size-text-xs-regular);
  line-height: var(--line-height-text-xs-regular);
  letter-spacing: var(--letter-spacing-text-xs-regular);
}
.f-t-xxs-m {
  font-weight: var(--font-weight-text-xxs-medium);
  font-size: var(--font-size-text-xxs-medium);
  line-height: var(--line-height-text-xxs-medium);
  letter-spacing: var(--letter-spacing-text-xxs-medium);
}
@media (max-width: 900px) {
  .f-d-3xl-m-mob {
    font-weight: var(--font-weight-display-3xl-medium);
    font-size: var(--font-size-display-3xl-medium);
    line-height: var(--line-height-display-3xl-medium);
    letter-spacing: var(--letter-spacing-display-3xl-medium);
  }
  .f-d-2xl-m-mob {
    font-weight: var(--font-weight-display-2xl-medium);
    font-size: var(--font-size-display-2xl-medium);
    line-height: var(--line-height-display-2xl-medium);
    letter-spacing: var(--letter-spacing-display-2xl-medium);
  }
  .f-d-2xl-r-mob {
    font-weight: var(--font-weight-display-2xl-regular);
    font-size: var(--font-size-display-2xl-regular);
    line-height: var(--line-height-display-2xl-regular);
    letter-spacing: var(--letter-spacing-display-2xl-regular);
  }
  .f-d-xl-m-mob {
    font-weight: var(--font-weight-display-xl-medium);
    font-size: var(--font-size-display-xl-medium);
    line-height: var(--line-height-display-xl-medium);
    letter-spacing: var(--letter-spacing-display-xl-medium);
  }
  .f-d-xl-r-mob {
    font-weight: var(--font-weight-display-xl-regular);
    font-size: var(--font-size-display-xl-regular);
    line-height: var(--line-height-display-xl-regular);
    letter-spacing: var(--letter-spacing-display-xl-regular);
  }
  .f-d-lg-m-mob {
    font-weight: var(--font-weight-display-lg-medium);
    font-size: var(--font-size-display-lg-medium);
    line-height: var(--line-height-display-lg-medium);
    letter-spacing: var(--letter-spacing-display-lg-medium);
  }
  .f-d-lg-r-mob {
    font-weight: var(--font-weight-display-lg-regular);
    font-size: var(--font-size-display-lg-regular);
    line-height: var(--line-height-display-lg-regular);
    letter-spacing: var(--letter-spacing-display-lg-regular);
  }
  .f-d-md-m-mob {
    font-weight: var(--font-weight-display-md-medium);
    font-size: var(--font-size-display-md-medium);
    line-height: var(--line-height-display-md-medium);
    letter-spacing: var(--letter-spacing-display-md-medium);
  }
  .f-d-md-r-mob {
    font-weight: var(--font-weight-display-md-regular);
    font-size: var(--font-size-display-md-regular);
    line-height: var(--line-height-display-md-regular);
    letter-spacing: var(--letter-spacing-display-md-regular);
  }
  .f-d-sm-m-mob {
    font-weight: var(--font-weight-display-sm-medium);
    font-size: var(--font-size-display-sm-medium);
    line-height: var(--line-height-display-sm-medium);
    letter-spacing: var(--letter-spacing-display-sm-medium);
  }
  .f-d-sm-r-mob {
    font-weight: var(--font-weight-display-sm-regular);
    font-size: var(--font-size-display-sm-regular);
    line-height: var(--line-height-display-sm-regular);
    letter-spacing: var(--letter-spacing-display-sm-regular);
  }
  .f-d-xs-m-mob {
    font-weight: var(--font-weight-display-xs-medium);
    font-size: var(--font-size-display-xs-medium);
    line-height: var(--line-height-display-xs-medium);
    letter-spacing: var(--letter-spacing-display-xs-medium);
  }
  .f-d-xs-r-mob {
    font-weight: var(--font-weight-display-xs-regular);
    font-size: var(--font-size-display-xs-regular);
    line-height: var(--line-height-display-xs-regular);
    letter-spacing: var(--letter-spacing-display-xs-regular);
  }
  .f-t-lg-m-mob {
    font-weight: var(--font-weight-text-lg-medium);
    font-size: var(--font-size-text-lg-medium);
    line-height: var(--line-height-text-lg-medium);
    letter-spacing: var(--letter-spacing-text-lg-medium);
  }
  .f-t-md-r-mob {
    font-weight: var(--font-weight-text-md-regular);
    font-size: var(--font-size-text-md-regular);
    line-height: var(--line-height-text-md-regular);
    letter-spacing: var(--letter-spacing-text-md-regular);
  }
  .f-t-md-m-mob {
    font-weight: var(--font-weight-text-md-medium);
    font-size: var(--font-size-text-md-medium);
    line-height: var(--line-height-text-md-medium);
    letter-spacing: var(--letter-spacing-text-md-medium);
  }
  .f-t-sm-r-mob {
    font-weight: var(--font-weight-text-sm-regular);
    font-size: var(--font-size-text-sm-regular);
    line-height: var(--line-height-text-sm-regular);
    letter-spacing: var(--letter-spacing-text-sm-regular);
  }
  .f-t-sm-b-mob {
    font-weight: var(--font-weight-text-sm-book);
    font-size: var(--font-size-text-sm-book);
    line-height: var(--line-height-text-sm-book);
    letter-spacing: var(--letter-spacing-text-sm-book);
  }
  .f-t-sm-m-mob {
    font-weight: var(--font-weight-text-sm-medium);
    font-size: var(--font-size-text-sm-medium);
    line-height: var(--line-height-text-sm-medium);
    letter-spacing: var(--letter-spacing-text-sm-medium);
  }
  .f-t-xs-r-mob {
    font-weight: var(--font-weight-text-xs-regular);
    font-size: var(--font-size-text-xs-regular);
    line-height: var(--line-height-text-xs-regular);
    letter-spacing: var(--letter-spacing-text-xs-regular);
  }
  .f-t-xxs-m-mob {
    font-weight: var(--font-weight-text-xxs-medium);
    font-size: var(--font-size-text-xxs-medium);
    line-height: var(--line-height-text-xxs-medium);
    letter-spacing: var(--letter-spacing-text-xxs-medium);
  }
}
.gap-100 {
  gap: var(--gap-100);
}
.gap-128 {
  gap: var(--gap-128);
}
.gap-12 {
  gap: var(--gap-12);
}
.gap-14 {
  gap: var(--gap-14);
}
.gap-16 {
  gap: var(--gap-16);
}
.gap-20 {
  gap: var(--gap-20);
}
.gap-24 {
  gap: var(--gap-24);
}
.gap-28 {
  gap: var(--gap-28);
}
.gap-2 {
  gap: var(--gap-2);
}
.gap-32 {
  gap: var(--gap-32);
}
.gap-40 {
  gap: var(--gap-40);
}
.gap-48 {
  gap: var(--gap-48);
}
.gap-4 {
  gap: var(--gap-4);
}
.gap-56 {
  gap: var(--gap-56);
}
.gap-6 {
  gap: var(--gap-6);
}
.gap-80 {
  gap: var(--gap-80);
}
.gap-8 {
  gap: var(--gap-8);
}
@media (max-width: 900px) {
  .gap-100-mob {
    gap: var(--gap-100);
  }
  .gap-128-mob {
    gap: var(--gap-128);
  }
  .gap-12-mob {
    gap: var(--gap-12);
  }
  .gap-14-mob {
    gap: var(--gap-14);
  }
  .gap-16-mob {
    gap: var(--gap-16);
  }
  .gap-20-mob {
    gap: var(--gap-20);
  }
  .gap-24-mob {
    gap: var(--gap-24);
  }
  .gap-28-mob {
    gap: var(--gap-28);
  }
  .gap-2-mob {
    gap: var(--gap-2);
  }
  .gap-32-mob {
    gap: var(--gap-32);
  }
  .gap-40-mob {
    gap: var(--gap-40);
  }
  .gap-48-mob {
    gap: var(--gap-48);
  }
  .gap-4-mob {
    gap: var(--gap-4);
  }
  .gap-56-mob {
    gap: var(--gap-56);
  }
  .gap-6-mob {
    gap: var(--gap-6);
  }
  .gap-80-mob {
    gap: var(--gap-80);
  }
  .gap-8-mob {
    gap: var(--gap-8);
  }
}
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: 0.2s;
  transition-property: background, color, border;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: var(--round-full);
  gap: var(--gap-4);
  padding: var(--gap-14);
  border: 1px solid transparent;
}
.button.small {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: 0.2s;
  transition-property: background, color, border;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: var(--round-full);
  gap: var(--gap-4);
  padding: var(--gap-14);
  border: 1px solid transparent;
  padding: var(--gap-6) var(--gap-8);
  gap: 0;
}
.button.med {
  padding: var(--gap-16) var(--gap-20);
}
.button.big {
  padding: var(--gap-20) var(--gap-24);
}
.button.black {
  background-color: var(--color-surface-5);
  color: var(--color-text-high-invert);
}
.button.black:hover,
.button.black:active,
.button.black:focus,
.button.black.active {
  background-color: var(--color-surface-accent);
}
.button.red {
  background-color: var(--color-surface-error);
  color: var(--color-text-high-invert);
}
.button.red:hover,
.button.red:active,
.button.red:focus,
.button.red.active {
  background-color: var(--color-surface-accent);
}
.button.white {
  background-color: var(--color-surface-1);
  color: var(--color-text-high);
  box-shadow: 0 8px 32px #14141429;
}
.button.white:hover,
.button.white:active,
.button.white:focus,
.button.white.active {
  background-color: var(--color-surface-accent);
  color: #fff;
}
.button.white:hover .icon,
.button.white:active .icon,
.button.white:focus .icon,
.button.white.active .icon {
  filter: invert(100%) sepia(0%) saturate(16%) hue-rotate(359deg)
    brightness(103%) contrast(101%);
}
.button.gray {
  background-color: var(--color-surface-3);
}
.button.gray:hover,
.button.gray:active,
.button.gray:focus,
.button.gray.active {
  background-color: var(--color-surface-4);
}
.button.glass {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
}
.button.white-border {
  border: 1px solid var(--color-border-transparent-invert);
  color: var(--color-text-high-invert);
}
.button.white-border:hover,
.button.white-border:active,
.button.white-border:focus,
.button.white-border.active {
  border: 1px solid transparent;
  background-color: var(--color-surface-accent);
}
.button.accent {
  background-color: var(--color-surface-accent);
  color: var(--color-surface-5);
}
.button.accent:hover,
.button.accent:active,
.button.accent:focus,
.button.accent.active {
  background-color: var(--color-surface-5);
  color: var(--color-text-high-invert);
}
.button.border {
  border: 1px solid var(--color-border-transparent);
}
.button.cursor-default {
  cursor: default;
}
.button.border:hover,
.button.border:active,
.button.border:focus,
.button.border.active {
  border: 1px solid var(--color-border-solid);
}
.button .text {
  margin: 0 var(--gap-4);
}
.title.ffs-at.f-col.f-d-2xl-m.f-d-lg-m-mob.mob {
  font-size: 30px;
}
.footer-margin-fix {
  height: var(--gap-80);
  background-color: var(--color-surface-3);
}
.footer-margin-fix-inner {
  background-color: var(--color-surface-1);
  width: 100%;
  height: 100%;
  border-radius: 0 0 var(--round-40) var(--round-40);
}
@media (max-width: 900px) {
  .footer.move-top {
    margin-top: calc(-1 * var(--gap-24));
  }
}
.footer-inner {
  background-color: var(--color-surface-3);
  padding-top: var(--gap-56);
  padding-bottom: var(--gap-24);
}
.footer-inner .top .left .logo {
  background-image: url(/logo.jpg);
  height: 80px;
  width: 142px;
  transition: 0.2s background;
}
@media (min-width: 901px) {
  .footer-inner .top .right {
    justify-content: flex-end;
    max-width: 100%;
    flex-wrap: wrap;
  }
}
.footer-inner .top .right .callback .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
  width: 24px;
}
.footer-inner .top .right .callback .phone-data .phone {
  white-space: nowrap;
}
.footer-inner .top .right .callback .phone-data .comment {
  color: var(--color-text-medium);
  transition: 0.2s color;
}
.footer-inner .top .right .buttons .footer-button {
  box-shadow: none;
}
@media (max-width: 900px) {
  .footer-inner .top .right .buttons .footer-button {
    flex: 1;
  }
}
.footer-inner .top .right .buttons .footer-button .icon {
  width: 20px;
  filter: none;
}
.footer-inner .top .right .buttons .footer-button .icon.search {
  background-image: url(/images/icons/outline/search--high.svg);
}
.footer-inner .top .right .buttons .footer-button .icon.menu {
  background-image: url(/images/icons/outline/menu--high.svg);
}
.footer-inner .top .right .buttons .footer-button .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.footer-inner .top .right .buttons .footer-button .icon.globe {
  background-image: url(/images/icons/outline/globe--high.svg);
}
.footer-inner .top .right .buttons .footer-button .icon.favorite {
  background-image: url(/images/icons/outline/heart--high.svg);
}
.footer-inner .top .right .buttons .footer-button .icon.lk {
  background-image: url(/images/icons/outline/user--high.svg);
}
.footer-inner .top .right .buttons .footer-button .lang-settings .dot {
  transition: 0.2s background;
  width: 12px;
  background-image: url(/images/icons/fill/dot--medium.svg);
}
.footer-inner .top .right .buttons .footer-button:hover {
  background-color: var(--color-surface-4);
  color: var(--color-text-high);
}
.footer-inner .top .right .buttons .footer-drop {
  position: relative;
}
.footer-inner .top .right .buttons .footer-drop .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 15px;
  top: 100%;
  right: 0;
  width: 295px;
}
.footer-inner .top .right .buttons .footer-drop .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-4) var(--gap-16) var(--gap-16);
  box-shadow: 0 8px 32px #14141429;
}
.footer-inner .top .right .buttons .footer-drop:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 900px) {
  .footer-inner .contacts-dividers .left {
    width: 100%;
    padding: var(--gap-8);
  }
  .footer-inner .contacts-dividers .left .social {
    width: 100%;
  }
  .footer-inner .contacts-dividers .left .social .gray-button .button {
    width: 24px;
    padding: 0;
    border: none;
  }
}
.footer-inner .contact .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high.svg);
}
.footer-inner .contact .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high.svg);
}
.footer-inner .contact .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high.svg);
}
.footer-inner .contact .icon.instagram {
  background-image: url(/images/icons/fill/instagram--high.svg);
}
.footer-inner .contact .icon.linkedin {
  background-image: url(/images/icons/fill/linkedin--high.svg);
}
.footer-inner .contact .icon.youtube {
  background-image: url(/images/icons/fill/youtube--high.svg);
}
.footer-inner .contact .icon.zen {
  background-image: url(/images/icons/fill/zen--high.svg);
}
.footer-inner .contact .icon.yandexq {
  background-image: url(/images/icons/fill/yandexq.svg);
}
.footer-inner .contact .icon.tiktok {
  background-image: url(/images/icons/fill/tiktok--high.svg);
}
.footer-inner .contact .icon.vk {
  background-image: url(/images/icons/fill/vk.svg);
}
.footer-inner .contact .right {
  text-align: right;
}
@media (max-width: 900px) {
  .footer-inner .contact .right .callbacks {
    width: 100%;
  }
}
.footer-inner .legals {
  white-space: nowrap;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .footer-inner .legals {
    white-space: break-spaces;
  }
}
.footer-inner .legals .made-by .maca {
  aspect-ratio: 110/22;
  width: 110px;
  background-image: url(/images/logo-maca.svg);
}
@media (min-width: 901px) {
  .footer-inner .texts .spoiler .head {
    pointer-events: none;
  }
  .footer-inner .texts .spoiler .head .open-arrow {
    display: none;
  }
  .footer-inner .texts .spoiler .hidden {
    height: auto !important;
    max-height: initial !important;
  }
}
@media (max-width: 900px) {
  .footer-inner .texts .spoiler {
    border-bottom: 1px solid var(--color-border-transparent);
  }
  .footer-inner .texts .spoiler .head {
    color: var(--color-text-high);
  }
  .footer-inner .texts .spoiler .hidden {
    color: var(--color-text-medium);
  }
}
.header {
  position: fixed;
  top: 0;
  width: 100%;
  color: var(--color-text-high-invert);
  z-index: 7;
  padding: var(--gap-12) 0;
  background-color: transparent;
  transition: 0.2s;
  transition-property: color, background, transform;
}
.header .header-wrapper .box .left {
  width: 100%;
  flex-shrink: 1;
  overflow: hidden;
}
.header .header-wrapper .box .left .logo {
  background-image: url(/logo.png);
  height: 80px;
  width: 150px;
  transition: 0.2s background;
  flex-shrink: 0;
}
@media (max-width: 350px) {
  .header .header-wrapper .box .left .logo {
    width: 120px;
  }
}
.header .header-wrapper .box .left .navs-h {
  width: 100%;
  overflow: hidden;
}
.header .header-wrapper .box .left .navs-h .overflow {
  overflow: hidden;
  width: 100%;
}
.header .header-wrapper .box .left .navs-h .nav-p {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.header .header-wrapper .box .left .navs-h .nav-p .text {
  transition: 0.2s -webkit-text-decoration;
  transition: 0.2s text-decoration;
  transition:
    0.2s text-decoration,
    0.2s -webkit-text-decoration;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 10px;
}
.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 40px;
  top: calc(100% - 20px);
  left: 0;
}
.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-4) 0;
  box-shadow: 0 8px 32px #14141429;
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .dropdown__nav-p {
  padding: var(--gap-12) var(--gap-16);
  transition: 0.2s;
  transition-property: color, background;
  white-space: nowrap;
  display: block;
  border-radius: var(--round-8);
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .dropdown__nav-p:hover {
  background-color: var(--color-surface-3);
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .action
  .text {
  white-space: nowrap;
}
.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper {
  left: calc(-1 * var(--gap-16));
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .gray-button {
  margin-top: var(--gap-4);
  margin-left: var(--gap-16);
  margin-right: var(--gap-16);
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .gray-button:last-child {
  margin-bottom: var(--gap-12);
}
.header .header-wrapper .box .left .navs-h .nav-p:hover > .text {
  text-decoration-color: var(--color-text-high-invert);
}
.header .header-wrapper .box .left .navs-h .nav-p:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.header .header-wrapper .box .right {
  max-width: 100%;
  flex-shrink: 0;
}
.header .header-wrapper .box .right .callback .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
  width: 12px;
}
.header .header-wrapper .box .right .callback .phone-data .phone {
  white-space: nowrap;
}
.header .header-wrapper .box .right .callback .phone-data .comment {
  color: var(--color-text-medium-invert);
  transition: 0.2s color;
}
.header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button:not(.open-select-city-popup) {
  padding: 14px;
  border: 1px solid var(--color-border-transparent-invert);
  position: relative;
  transition: 0.2s;
  transition-property: border;
}
@media (max-width: 400px) {
  .header
    .header-wrapper
    .box
    .right
    .buttons
    .header-button:not(.open-select-city-popup) {
    padding: 8px;
  }
}
.header .header-wrapper .box .right .buttons .header-button:hover {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
  border-color: transparent;
}
.header .header-wrapper .box .right .buttons .header-button .selected-city {
  max-width: 61px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-wrapper .box .right .buttons .header-button .icon {
  width: 20px;
  transition: 0.2s background;
}
.header .header-wrapper .box .right .buttons .header-button .icon.search {
  background-image: url(/images/icons/outline/search--high-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .icon.menu {
  background-image: url(/images/icons/outline/menu--high-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .icon.globe {
  background-image: url(/images/icons/outline/globe--high-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .icon.favorite {
  background-image: url(/images/icons/outline/heart--high-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .icon.lk {
  background-image: url(/images/icons/outline/user--high-invert.svg);
}
.header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .lang-settings
  .dot {
  transition: 0.2s background;
  width: 12px;
  background-image: url(/images/icons/fill/dot--medium-invert.svg);
}
.header .header-wrapper .box .right .buttons .header-button .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 15px;
  top: 100%;
  right: 0;
  width: 281px;
}
@media (max-width: 360px) {
  .header
    .header-wrapper
    .box
    .right
    .buttons
    .header-button
    .dropdown-wrapper {
    right: -30%;
  }
}
.header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
}
.header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.header.broker-header {
  padding: 0;
  box-shadow: var(--shadow-drop-header);
}
.header.broker-header .lk-link .lk-text {
  position: relative;
}
.header.broker-header .lk-link .lk-text div:first-child {
  transition: 0.2s color;
}
.header.broker-header .lk-link .lk-text .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 30px;
  top: 30px;
  right: 20px;
}
.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 281px;
}
.header.broker-header .lk-link .lk-text .dropdown-wrapper .dropdown .drop-item {
  padding: var(--gap-12);
  transition: 0.2s;
  width: 100%;
  margin: 0;
}
.header.broker-header
  .lk-link
  .lk-text
  .dropdown-wrapper
  .dropdown
  .drop-item:hover {
  background-color: var(--color-surface-3);
}
.header.broker-header
  .lk-link
  .lk-text
  .dropdown-wrapper
  .dropdown
  .drop-item:first-child {
  border-radius: var(--gap-16) var(--gap-16) 0 0;
}
.header.broker-header
  .lk-link
  .lk-text
  .dropdown-wrapper
  .dropdown
  .drop-item:last-child {
  border-radius: 0 0 var(--gap-16) var(--gap-16);
}
.header.broker-header
  .lk-link
  .lk-text
  .dropdown-wrapper
  .dropdown
  .drop-item
  .icon.arrow-circle-left {
  background-image: url(/images/icons/outline/arrow-circle-left--medium.svg);
}
.header.broker-header
  .lk-link
  .lk-text
  .dropdown-wrapper
  .dropdown
  .drop-item
  .text {
  color: var(--color-text-high);
}
.header.broker-header .lk-link .lk-text:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.header.broker-header .lk-link:hover .button {
  background-color: var(--color-surface-3);
}
.header.broker-header .lk-link:hover .lk-text div:first-child {
  color: var(--color-text-map);
}
.header.broker-header .left,
.header.broker-header .left .navs-h,
.header.broker-header .left .navs-h .nav-p {
  height: 100%;
}
.header.broker-header .left .navs-h .nav-p.active {
  color: var(--color-text-accent);
  border-bottom: 2px solid var(--color-surface-accent);
}
.header.broker-header .left .navs-h .nav-p .text.text.text.text {
  transition: 0.2s color;
  text-decoration: none;
}
.header.broker-header .right {
  padding: var(--gap-12) 0;
}
body.scrolled-100 .header.index-header:not(.broker-header) {
  color: var(--color-text-high);
  background-color: var(--color-surface-1);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .left
  .logo {
  background-image: url(/logo.png);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p:hover
  > .text {
  color: var(--color-text-map);
  text-decoration-color: var(--color-text-map);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .callback
  .phone-data
  .comment {
  color: var(--color-text-medium);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s background-color;
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.search {
  background-image: url(/images/icons/outline/search--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.menu {
  background-image: url(/images/icons/outline/menu--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.globe {
  background-image: url(/images/icons/outline/globe--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.favorite {
  background-image: url(/images/icons/outline/heart--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.lk {
  background-image: url(/images/icons/outline/user--high.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .lang-settings
  .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
}
body.scrolled-100
  .header.index-header:not(.broker-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button:hover {
  background-color: var(--color-surface-3);
}
body.scrolled-100
.header .header-wrapper .box .left .logo {
  filter: brightness(10%)
}

body .header.normal-header {
  color: var(--color-text-high);
  background-color: var(--color-surface-1);
}
body .header.normal-header .header-wrapper .box .left .logo {
  background-image: url(/logo.png);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p:hover
  > .text {
  color: var(--color-text-map);
  text-decoration-color: var(--color-text-map);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .callback
  .phone-data
  .comment {
  color: var(--color-text-medium);
}
body .header.normal-header .header-wrapper .box .right .buttons .header-button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s background-color;
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.search {
  background-image: url(/images/icons/outline/search--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.menu {
  background-image: url(/images/icons/outline/menu--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.globe {
  background-image: url(/images/icons/outline/globe--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.favorite {
  background-image: url(/images/icons/outline/heart--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.lk {
  background-image: url(/images/icons/outline/user--high.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .lang-settings
  .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
}
body
  .header.normal-header
  .header-wrapper
  .box
  .right
  .buttons
  .header-button:hover {
  background-color: var(--color-surface-3);
}
.header:not(.index-header) {
  color: var(--color-text-high);
  background-color: var(--color-surface-1);
}
.header:not(.index-header) .header-wrapper .box .left .logo {
  background-image: url(/logo.png);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p:hover
  > .text {
  color: var(--color-text-map);
  text-decoration-color: var(--color-text-map);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .callback
  .phone-data
  .comment {
  color: var(--color-text-medium);
}
.header:not(.index-header) .header-wrapper .box .right .buttons .header-button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s background-color;
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.search {
  background-image: url(/images/icons/outline/search--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.menu {
  background-image: url(/images/icons/outline/menu--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.globe {
  background-image: url(/images/icons/outline/globe--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.favorite {
  background-image: url(/images/icons/outline/heart--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .icon.lk {
  background-image: url(/images/icons/outline/user--high.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button
  .lang-settings
  .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
}
.header:not(.index-header)
  .header-wrapper
  .box
  .right
  .buttons
  .header-button:hover {
  background-color: var(--color-surface-3);
}
.mob-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 8;
  background-color: #fff;
  max-height: 100%;
  overflow-y: scroll;
  opacity: 0;
  left: 20px;
  transition: 0.2s;
  transition-property: opacity, left;
  pointer-events: none;
}
.mob-nav .mob-nav-header-fixer {
  height: 78px;
}
.mob-nav .top {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  padding: var(--gap-16) 0;
  max-height: 78px;
}
.mob-nav .top .logo {
  height: 80px;
  width: 96px;
  background-image: url(/logo.png);
}
.mob-nav .top .close-mob-nav .button {
  padding: 12px;
}
.mob-nav .top .close-mob-nav .button .close {
  width: 20px;
  background-image: url(/images/icons/outline/close--high.svg);
}
.mob-nav .search-box {
  padding-top: var(--gap-20);
  padding-bottom: var(--gap-16);
}
.mob-nav .search-box .searchbar {
  height: 48px;
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-8);
  padding: 0 var(--gap-12);
}
.mob-nav .search-box .searchbar .search {
  background-image: url(/images/icons/outline/search--medium.svg);
}
.mob-nav .search-box .searchbar input[type="text"] {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0 var(--gap-4);
}
.mob-nav .content .mob-nav-box {
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-16);
}
.mob-nav .content .mob-nav-box .bottom-nav-buttons .gray-button {
  flex: 1;
}
.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon {
  width: 20px;
}
.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon.map-pin {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.mob-nav .content .mob-nav-box .bottom-nav-buttons .icon.user {
  background-image: url(/images/icons/outline/user--high.svg);
}
.mob-nav .content .mob-nav-box .social .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high.svg);
}
.mob-nav .content .mob-nav-box .social .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high.svg);
}
.mob-nav .content .mob-nav-box .social .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high.svg);
}
.mob-nav .content .mob-nav-box .social .icon.instagram {
  background-image: url(/images/icons/fill/instagram--high.svg);
}
.mob-nav .content .mob-nav-box .social .icon.linkedin {
  background-image: url(/images/icons/fill/linkedin--high.svg);
}
.mob-nav.open {
  opacity: 1;
  left: 0;
  pointer-events: all;
  transition: 0.35s;
}
.index-nav-measures {
  padding: var(--gap-16) 0;
}
.index-nav-measures .selectors {
  flex-wrap: wrap;
}
.index-nav-measures .selectors .selector {
  border-radius: var(--round-full);
  overflow: hidden;
}
.index-nav-measures .selectors .selector .button .flag {
  height: 15px;
}
.index-nav-measures .selectors .selector .button .flag.ru {
  background-image: url(/images/flags/kg.svg);
}
.index-nav-measures .selectors .selector .button .flag.en {
  background-image: url(/images/flags/gb.svg);
}
.index-nav-measures .selectors .selector .button .text {
  white-space: nowrap;
}
.index-nav-measures .selectors .selector input:checked ~ .button {
  background-color: var(--color-surface-5);
  color: var(--color-text-high-invert);
}
.spoiler {
  padding-bottom: 0;
  transition: 0.2s padding;
  width: 100%;
}
.spoiler.open {
  padding-bottom: var(--gap-8);
}
.spoiler::marker {
  content: "";
}
.spoiler .hidden {
  overflow: hidden;
  height: 0;
  margin-top: 0;
  display: block;
}
.spoiler .hidden .inner {
  background: none;
  padding-left: 0;
}
.spoiler .hidden .inner .nav-sub-lines .nav-sub-line {
  padding: var(--gap-8) 0;
}
.spoiler .hidden .inner .nav-sub-lines .nav-sub-line:first-of-type {
  padding-top: 0;
}
.spoiler.open .open-arrow .arrow-tick {
  transform: rotate(-180deg);
}
.spoiler:not(.show-more-spoiler) .head {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  gap: 10px;
  padding: var(--gap-16) 0;
  transition: 0.2s padding;
}
.spoiler.show-more-spoiler .head {
  display: none;
}
.spoiler.show-more-spoiler .head.active {
  display: flex;
}
.spoiler:not(.show-more-spoiler) .head .open-arrow {
  overflow: hidden;
}
.spoiler:not(.show-more-spoiler) .head .open-arrow .arrow-tick {
  background-image: url(/images/icons/outline/caret-down--medium.svg);
  transition: 0.2s transform;
}
.index-title-banner {
  position: relative;
  min-height: 100vh;
}
@media (max-width: 900px) {
  .index-title-banner {
    flex-direction: column;
  }
}
@media (min-width: 901px) {
  .how-does-it-work {
    border-radius: var(--round-40) var(--round-40) 0 0;
    margin-top: calc(-1 * var(--gap-40));
    position: relative;
    background-color: var(--color-surface-1);
    padding-top: var(--gap-80);
  }
}
@media (max-width: 900px) {
  .how-does-it-work {
    padding-top: var(--gap-40);
  }
  .index-title-banner {
    padding-top: var(--gap-80);
    padding-bottom: 48px;
  }
}
.index-title-banner .video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-title-banner .blackout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-surface-5);
}
.index-title-banner .box {
  position: relative;
  color: #fff;
  gap: 56px;
}
.index-title-banner .box > * {
  transition: 0.2s transform;
}
@media (min-width: 901px) {
  .index-title-banner .box > * {
    transform: translateY(-150px);
  }
}
@media (max-width: 900px) {
  .index-title-banner .box {
    gap: 36px;
  }
}
.index-title-banner .box .title .selector {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.index-title-banner .box .title .selector .arrow {
  background-image: url(/images/icons/outline/caret-down--high-invert.svg);
  width: 48px;
  transform: translateY(15%);
}
@media (max-width: 900px) {
  .index-title-banner .box .title .selector .arrow {
    width: 32px;
  }
}
.index-title-banner .box .search-section {
  width: 100%;
}
@media (max-width: 900px) {
  .index-title-banner .box .search-section .buttons {
    gap: 4px;
  }
}
.index-title-banner .box .search-section .buttons .button {
  padding: var(--gap-8) var(--gap-12);
}
.index-title-banner .box .search-section .buttons .button:hover,
.index-title-banner .box .search-section .buttons .button:active,
.index-title-banner .box .search-section .buttons .button.active {
  background-color: var(--color-surface-5);
  color: var(--color-text-high-invert);
}
.index-title-banner .box .search-section .buttons .button:hover:hover,
.index-title-banner .box .search-section .buttons .button:hover:active,
.index-title-banner .box .search-section .buttons .button:hover:focus,
.index-title-banner .box .search-section .buttons .button:active:hover,
.index-title-banner .box .search-section .buttons .button:active:active,
.index-title-banner .box .search-section .buttons .button:active:focus,
.index-title-banner .box .search-section .buttons .button.active:hover,
.index-title-banner .box .search-section .buttons .button.active:active,
.index-title-banner .box .search-section .buttons .button.active:focus {
  background-color: var(--color-surface-5);
}
.index-title-banner .box .search-section .searchbar {
  width: 100%;
  background-color: var(--color-surface-1);
  border-radius: var(--round-16);
  color: var(--color-text-high);
}
.index-title-banner .box .search-section .searchbar .search-dropdown {
  padding: 0 var(--gap-24);
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown:not([open-drop="address-search"])
  input {
  pointer-events: none;
}
@media (min-width: 1251px) {
  .index-title-banner
    .box
    .search-section
    .searchbar
    .search-dropdown:first-child {
    min-width: 364px;
  }
  .index-title-banner
    .box
    .search-section
    .searchbar
    .search-dropdown:last-child {
    min-width: 531px;
  }
}
@media (max-width: 1250px) {
  .index-title-banner .box .search-section .searchbar .search-dropdown {
    padding: 0 var(--gap-16);
    justify-content: space-between;
  }
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .input-wrapper {
  padding: 0;
  border-radius: 0;
  cursor: pointer;
  flex: 1;
}
@media (max-width: 600px) {
  #home-search-bar-app .input-wrapper.ffs.f-t-md-r.no-border input {
    pointer-events: none;
  }
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .input-wrapper,
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .input-wrapper
  input {
  background-color: transparent;
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .input-wrapper
  input:disabled {
  cursor: pointer;
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown.full-width {
  width: 100%;
}
@media (min-width: 1251px) {
  .index-title-banner
    .box
    .search-section
    .searchbar
    .search-dropdown.full-width {
    min-width: 531px;
  }
}
.index-title-banner .box .search-section .searchbar .search-dropdown .value {
  white-space: nowrap;
}
@media (max-width: 900px) {
  .index-title-banner .box .search-section .searchbar .search-dropdown .value {
    white-space: break-spaces;
  }
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .value:not(.active) {
  color: var(--color-text-medium);
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .icon.drop-arrow {
  transition: 0.2s transform;
  background-image: url(/images/icons/outline/caret-down--medium.svg);
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown
  .icon.search {
  background-image: url(/images/icons/outline/search--medium.svg);
}
@media (max-width: 1250px) {
  .index-title-banner
    .box
    .search-section
    .searchbar
    .search-dropdown
    .icon.search {
    background-image: url(/images/icons/outline/caret-down--medium.svg);
  }
}
.index-title-banner
  .box
  .search-section
  .searchbar
  .search-dropdown.drop-opened
  .icon.drop-arrow {
  transform: scaleY(-1);
}
.index-title-banner .box .search-section .searchbar .divider-v {
  height: calc(100% - var(--gap-16) * 2);
}
.index-title-banner .box .search-section .bottom-menu {
  width: 100%;
}
.index-title-banner .box .search-section .bottom-menu .filters {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: var(--round-full);
}
@media (max-width: 900px) {
  .index-title-banner .box .search-section .bottom-menu .filters {
    margin-bottom: var(--gap-12);
  }
}
.index-title-banner .box .search-section .bottom-menu .filters .settings {
  background-image: url(/images/icons/outline/settings-adjust--high-invert.svg);
  width: 20px;
}
.index-title-banner .box .search-section .bottom-menu .filters .button {
  padding: var(--gap-8) var(--gap-12);
}
.index-title-banner .box .search-section .bottom-menu .filters:hover .button {
  background-color: var(--color-surface-5);
}
@media (max-width: 900px) {
  .index-title-banner .box .search-section .bottom-menu .bottom-buttons {
    width: 100%;
  }
}
.index-title-banner .box .search-section .bottom-menu .bottom-buttons .button {
  height: 56px;
}
@media (max-width: 900px) {
  .index-title-banner
    .box
    .search-section
    .bottom-menu
    .bottom-buttons
    .button {
    width: 100%;
  }
}
.index-title-banner
  .box
  .search-section
  .bottom-menu
  .bottom-buttons
  .button
  .geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.index-title-banner .box .search-section .sell-form {
  background-color: #fff;
  border-radius: var(--round-24);
  width: 100%;
  padding: var(--gap-32);
}
@media (min-width: 901px) {
  .index-title-banner .box .search-section .sell-form {
    background-image: url(/images/index-keys.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
  }
}
@media (max-width: 900px) {
  .index-title-banner .box .search-section .sell-form {
    padding: var(--gap-20);
  }
}
.index-title-banner .box .search-section .sell-form .title,
.index-title-banner .box .search-section .sell-form .form-data {
  color: var(--color-text-high);
}
@media (min-width: 901px) {
  .index-title-banner .box .search-section .sell-form .input-wrapper {
    width: 328px;
  }
}
.index-title-banner .box .search-section .sell-form .form-data {
  width: 100%;
}
.index-title-banner .box .search-section .sell-form .form-data .gray-button,
.index-title-banner .box .search-section .sell-form .form-data .button {
  height: 100%;
}
@media (max-width: 1050px) {
  .index-title-banner .box .search-section .sell-form .form-data .gray-button,
  .index-title-banner .box .search-section .sell-form .form-data .button {
    height: 64px;
  }
}
@media (max-width: 1250px) {
  .index-title-banner .box .search-section .searchbar {
    flex-direction: column;
  }
  .index-title-banner .box .search-section .searchbar .divider-v {
    height: 1px;
    width: 100%;
  }
}
.input-wrapper {
  height: 64px;
  padding: 0 var(--gap-20);
  background-color: var(--color-surface-3);
  border-radius: var(--round-16);
  position: relative;
  outline: 1px solid transparent;
  transition: 0.2s outline;
  flex-shrink: 0;
}
.input-wrapper.thin {
  height: 48px;
}
.input-wrapper.long {
  width: 100%;
}
.input-wrapper.error.error.error {
  outline: 1px solid var(--color-border-error);
  margin-bottom: calc(var(--gap-8) + 16.25px);
}
.input-wrapper.error.error.error:after {
  content: var(--error-text);
  display: block;
  position: absolute;
  top: calc(100% + var(--gap-8));
  left: 0;
  color: var(--color-text-error);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}
.input-wrapper:not(.no-border):hover,
.input-wrapper:not(.no-border):active,
.input-wrapper:not(.no-border):focus {
  outline: 1px solid var(--color-border-transparent);
}
.input-wrapper:not(.no-border):has(input:hover, input:active, input:focus) {
  outline: 1px solid var(--color-border-transparent);
}
.input-wrapper .icon.search {
  background-image: url(/images/icons/outline/search--medium.svg);
}
.input-wrapper .icon.drop {
  background-image: url(/images/icons/outline/chevron-down--medium.svg);
}
.input-wrapper .icon.clear {
  background-image: url(/images/icons/fill/close-circle--medium.svg);
  margin-right: var(--gap-8);
  cursor: pointer;
}
.input-wrapper .icon.eye-close {
  background-image: url(/images/icons/outline/eye-closed--medium.svg);
  cursor: pointer;
}
.input-wrapper .icon.eye-open {
  background-image: url(/images/icons/outline/eye--medium.svg);
  cursor: pointer;
}
.input-wrapper input {
  height: 100%;
  padding: 0 var(--gap-4);
  border: none;
  background-color: transparent;
  width: 100%;
  border-radius: var(--round-8);
}
.input-wrapper input:-moz-placeholder-shown ~ .clear {
  display: none;
}
.input-wrapper input:placeholder-shown ~ .clear {
  display: none;
}
.input-wrapper .flag {
  width: 21px;
}
.input-wrapper .phone-prefix {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  height: 100%;
}
.input-wrapper .phone-prefix .flag {
  position: relative;
  top: -0.1em;
}
.input-wrapper .phone-prefix .open-drop {
  width: 20px;
  background-image: url(/images/icons/outline/chevron-down--medium.svg);
}
.input-wrapper .phone-prefix.open .open-drop {
  transform: scaleY(-1);
}
.input-wrapper .phone-prefix .phone-code {
  white-space: nowrap;
}
.input-wrapper .phones-dropdown {
  position: absolute;
  z-index: 4;
  border-radius: var(--round-8);
  box-shadow: 0 8px 32px #14141429;
  top: calc(100% + var(--gap-4));
  left: 0;
  background-color: var(--color-surface-1);
  max-height: 288px;
  overflow-y: scroll;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  transition-property: opacity;
}
.input-wrapper .phones-dropdown .search-phone-code {
  margin: 12px;
}
.input-wrapper .phones-dropdown .phone-code,
.input-wrapper .phones-dropdown .flag {
  flex-shrink: 0;
}
.input-wrapper .phones-dropdown .flag {
  display: none;
}
.input-wrapper .phones-dropdown.open {
  opacity: 1;
  pointer-events: all;
}
.input-wrapper .phones-dropdown .drop-line {
  padding: var(--gap-12) var(--gap-16);
  width: 100%;
  cursor: pointer;
  transition: 0.2s background;
}
.input-wrapper .phones-dropdown .drop-line:first-child {
  padding-top: var(--gap-16);
}
.input-wrapper .phones-dropdown .drop-line:last-child {
  padding-bottom: var(--gap-16);
}
.input-wrapper .phones-dropdown .drop-line:hover {
  background-color: var(--color-surface-2);
}
.checkbox-input-group .checkbox-line {
  cursor: pointer;
}
.checkbox-input-group .icon.checkbox {
  background-image: url(/images/icons/outline/checkbox--medium.svg);
}
.checkbox-input-group input:checked + .checkbox-line .icon.checkbox {
  background-image: url(/images/icons/fill/checkbox--high.svg);
}
.input-text-buttons {
  width: 100%;
}
.double-input {
  background-color: var(--color-surface-3);
  border-radius: var(--round-8);
  height: 48px;
  padding: var(--gap-12) 0;
  width: 292px;
}
.double-input.double-input-long {
  width: 100%;
}
.double-input.double-input-long .input-wrapper {
  height: 48px;
}
.double-input.double-input-price .price-input {
  width: 100%;
}
.double-input.double-input-price .with-price {
  width: 167px;
}
@media (max-width: 900px) {
  .double-input {
    width: 100%;
  }
}
.double-input .input-wrapper {
  height: 100%;
  flex: 1;
}
@media (max-width: 900px) {
  .broker-moder {
    gap: 0;
  }
}
.broker-moder .selection-wrapper {
  cursor: pointer;
  max-width: 238px;
}
@media (max-width: 900px) {
  .broker-moder .selection-wrapper {
    max-width: none;
    width: 100%;
  }
}
.broker-moder .selection-wrapper .selection {
  border-radius: var(--round-8);
  transition: 0.2s background;
  padding: var(--gap-20);
}
.broker-moder .selection-wrapper .selection .title-line {
  width: 100%;
}
.broker-moder .selection-wrapper .selection .title-line .radio {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/radio--low.svg);
}
.broker-moder .selection-wrapper input:checked + .selection {
  background-color: var(--color-surface-3);
}
.broker-moder .selection-wrapper input:checked + .selection .title-line .radio {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.broker-moder .selection-wrapper input:hover + .selection {
  background-color: var(--color-surface-3);
}
.input-wrapper.input-wrapper--textarea {
  height: auto;
  min-height: 64px;
  padding: var(--gap-20);
}
.input-wrapper.input-wrapper--textarea .textarea {
  width: 100%;
  height: 88px;
  background-color: transparent;
  border: none;
  resize: none;
}
.jk-fil-panel-box {
  background-color: var(--color-surface-1);
  border-radius: var(--round-40);
  margin-top: 100px;
}
@media (max-width: 900px) {
  .jk-fil-panel-box {
    border-radius: var(--round-24);
  }
}
.jk-fil-panel-box.overlay-slider {
  margin-top: 0;
  background-color: #fff;
  position: relative;
}
.jk-fil-panel-box .jk-slider-panel {
  padding: var(--gap-32) 0;
  border-bottom: 1px solid var(--color-border-transparent);
}
.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list {
  width: 100%;
}
@media (max-width: 1240px) {
  .jk-fil-panel-box .jk-slider-panel {
    align-items: flex-start;
  }
  .jk-fil-panel-box .jk-slider-panel .jk-panel-item-list {
    flex-wrap: wrap;
    gap: var(--gap-16) var(--gap-56);
  }
}
.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item {
  flex-shrink: 0;
}
.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item.loca {
  flex-shrink: 1;
}
.jk-fil-panel-box .jk-slider-panel .jk-panel-item-list .jk-panel-item .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow-y: hidden;
}
.jk-fil-panel-box .under-gal {
  padding-top: var(--gap-16);
}
.jk-fil-panel-box .under-gal .check-circle {
  width: 16px;
  background-image: url(/images/icons/outline/check-circle--medium.svg);
}
.jk-fil-panel-box .under-gal .desc .dot {
  width: 12px;
  background-image: url(/images/icons/fill/dot--medium.svg);
}
.jk-slider {
  height: calc(648px + var(--round-40));
  padding-bottom: calc(32px + var(--round-40));
  margin-bottom: calc(-1 * var(--round-40));
  position: relative;
}
@media (max-width: 900px) {
  .jk-slider {
    height: calc(496px + var(--round-24));
    padding-bottom: calc(30px + var(--round-24));
    margin-bottom: calc(-1 * var(--round-24));
  }
}
.jk-slider .slides,
.jk-slider .blackout,
.jk-slider .controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jk-slider .slides {
  pointer-events: none;
}
.jk-slider .slides .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s opacity;
  -o-object-fit: cover;
  object-fit: cover;
}
.jk-slider .slides .slide.video-slide {
  -o-object-fit: cover;
  object-fit: cover;
}
.jk-slider .slides .slide.active {
  opacity: 1;
}
.jk-slider .blackout {
  background-color: var(--color-surface-5);
  pointer-events: none;
}
.jk-slider .controls {
  overflow: hidden;
}
.jk-slider .controls .arrow-wrapper {
  height: 100%;
  cursor: pointer;
  position: relative;
}
.jk-slider .controls .arrow-wrapper .gray-button {
  opacity: 0;
}
.jk-slider .controls .arrow-wrapper:hover .gray-button {
  opacity: 1;
}
.jk-slider .controls .arrow-wrapper .click-area-fixer {
  position: absolute;
  top: 0;
  height: 100%;
}
@media (max-width: 900px) {
  .jk-slider .controls .arrow-wrapper {
    height: 100%-var(--round-24);
  }
}
.jk-slider .controls .arrow-wrapper.prev {
  padding-right: var(--gap-80);
}
.jk-slider .controls .arrow-wrapper.prev .click-area-fixer {
  right: 0;
  width: 50vw;
}
.jk-slider .controls .arrow-wrapper.next {
  padding-left: var(--gap-80);
}
.jk-slider .controls .arrow-wrapper.next .click-area-fixer {
  left: 0;
  width: 50vw;
}
.jk-slider .icon.share {
  background-image: url(/images/icons/outline/share--high-invert.svg);
}
.jk-slider .icon.image-square {
  background-image: url(/images/icons/outline/image-square--high-invert.svg);
}
.jk-slider .icon.phone {
  background-image: url(/images/icons/outline/phone--high-invert.svg);
}
.jk-slider .icon.chat-circle-dots {
  background-image: url(/images/icons/outline/chat-circle-dots--high-invert.svg);
}
.jk-slider .icon.caret-right {
  background-image: url(/images/icons/outline/caret-right--high-invert.svg);
}
.jk-slider .icon.caret-left {
  background-image: url(/images/icons/outline/caret-left--high-invert.svg);
}
.jk-slider .content {
  position: relative;
  justify-content: flex-end;
  pointer-events: none;
}
.jk-slider .content > * {
  pointer-events: all;
}
.jk-slider .content .share-buttons .button:hover {
  background-color: var(--color-surface-accent);
}
.jk-slider .content .title-line .title {
  color: #fff;
}
.jk-slider .progress-bar {
  height: 4px;
}
.jk-slider .progress-bar .progress-tile {
  background-color: var(--color-surface-1);
  opacity: 0.3;
  transition: 0.2s opacity;
  width: 100%;
  height: 100%;
  border-radius: var(--round-full);
  cursor: pointer;
  position: relative;
}
.jk-slider .progress-bar .progress-tile.active {
  opacity: 1;
}
.jk-slider .progress-bar .progress-tile .click-surface-fix {
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: calc(100% + 20px);
}
@media (min-width: 901px) {
  .share-buttons {
    position: relative;
  }
  .share-buttons .share-drop-hover + .share-drop {
    left: 0;
    top: 32px;
  }
  .share-buttons .share-drop-hover:hover + .share-drop,
  .share-buttons .share-drop:hover {
    opacity: 1;
    pointer-events: all;
  }
}
.complex {
  gap: 16px;
}
@media (max-width: 900px) {
  .complex {
    margin-top: 0;
    border-radius: 0;
  }
}
.complex .block-title .icon {
  background-image: url(/images/icons/fill/fire--accent.svg);
  width: 48px;
}
@media (max-width: 900px) {
  .complex .block-title .icon {
    width: 24px;
  }
}
.complex .complex-flex,
.complex-slider {
  margin-top: 40px;
}
@media (max-width: 900px) {
  .complex-slider {
    margin-top: 24px;
  }
}
.complex-slider .complex-img-slider__arrows .button {
  width: 48px;
  height: 48px;
}
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  width: 100%;
}
@media (min-width: 901px) {
  .cards-grid .complex-card {
    max-width: 400px;
  }
}
.complex-card {
  width: 100%;
}
.complex-card .bottom {
  transition: 0.2s opacity;
}
.complex-card .complex-favorite-change {
  position: relative;
  z-index: 2;
}
.complex-card .complex-img {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--round-24);
  overflow: hidden;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  transition: 0.2s opacity;
}
.complex-card .complex-img .link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) {
  .complex-card .complex-img .link {
    z-index: initial;
  }
}
.complex-card .complex-img .complex-img-top {
  position: relative;
  align-items: flex-start;
  pointer-events: none;
}
.complex-card .complex-img .complex-img-top > * {
  pointer-events: all;
}
.complex-card .complex-img .complex-img-top .tags {
  flex-wrap: wrap;
  pointer-events: none;
}
.complex-card .complex-img .complex-img-top .tags .tag .icon {
  width: 16px;
  position: relative;
  transform: translateY(-10%);
}
.complex-card .complex-img .complex-img-top .tags .tag .icon.fire {
  background-image: url(/images/icons/fill/fire--accent.svg);
  filter: none;
}
.complex-card .complex-img .complex-img-top .tags .tag .text {
  white-space: nowrap;
}
.complex-card .complex-img .complex-img-top .tags .tag:hover {
  background-color: var(--color-surface-1);
  color: var(--color-text-high);
}
.complex-card .complex-img .complex-img-top .fav .button {
  aspect-ratio: 1;
  width: 48px;
  padding: 0;
}
.complex-card .complex-img .complex-img-top .fav .button .icon {
  background-image: url(/images/icons/outline/heart--high-invert.svg);
}
.complex-card .complex-img .complex-img-top .fav .button:hover,
.complex-card .complex-img .complex-img-top .fav .button:active,
.complex-card .complex-img .complex-img-top .fav .button.active {
  background-color: var(--color-surface-error);
  transition: 0.2s;
}
.complex-card .complex-img .complex-img-top .fav .button:hover .icon,
.complex-card .complex-img .complex-img-top .fav .button:active .icon,
.complex-card .complex-img .complex-img-top .fav .button.active .icon {
  background-image: url(/images/heart-full-white.svg);
}
.complex-card.viewed .complex-img,
.complex-card.viewed .bottom {
  opacity: 0.6;
}
.complex-card.viewed .complex-img-slider .complex-img-slider__dots {
  bottom: calc(var(--gap-12) + 36px);
}
.complex-card.viewed:hover .complex-img,
.complex-card.viewed:hover .bottom {
  opacity: 1;
}
.complex-card .complex-bottom {
  width: 100%;
  padding: var(--gap-16);
}
@media (max-width: 900px) {
  .complex-card .complex-bottom {
    padding: var(--gap-12);
  }
}
.complex-card .complex-bottom .main,
.complex-card .complex-bottom .secondary {
  width: 100%;
}
.complex-card .complex-bottom .main {
  transition: 0.2s color;
}
.complex-card .complex-bottom .main .title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.complex-card .complex-bottom .main .price {
  white-space: nowrap;
  min-width: 112px;
  text-align: right;
}
.complex-card:hover .complex-bottom .main {
  color: var(--color-text-map);
}
.residental-comp-card {
  position: relative;
}
.residental-comp-card .size > * {
  display: inline-block;
}
.residental-comp-card .complex-img {
  position: relative;
  cursor: pointer;
}
@media (max-width: 600px) {
  .residental-comp-card .complex-img {
    aspect-ratio: 343/260;
  }
}
.residental-comp-card .viewed-label {
  position: relative;
  margin-bottom: -36px;
  top: -35px;
  background-color: var(--color-surface-3);
  width: 100%;
  border-radius: 0 0 22px 22px;
  padding: var(--gap-6);
}
.residental-comp-card .viewed-label .icon.eye {
  background-image: url(/images/icons/outline/eye--medium.svg);
}
.residental-comp-card .viewed-label .icon.eye-slash {
  background-image: url(/images/icons/outline/eye-slash--medium.svg);
}
.residental-comp-card .bottom {
  position: relative;
  padding: var(--gap-12) var(--gap-16);
}
.residental-comp-card .bottom .details {
  width: 100%;
}
.residental-comp-card .bottom .details .price {
  transition: 0.2s color;
}
.residental-comp-card .bottom .details .size .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
@media (max-width: 900px) {
  .residental-comp-card .bottom .details .size .time {
    color: var(--color-text-medium);
  }
}
.residental-comp-card .bottom .button-hov .button {
  padding: 6px 8px;
  background-color: var(--color-surface-2);
}
.residental-comp-card .bottom .button-hov .dropdown-wrapper {
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-bottom: 10px;
  bottom: calc(100% - 15px);
  right: 4px;
  max-width: calc(100% - 8px);
  filter: drop-shadow(0px 8px 32px rgba(20, 20, 20, 0.16));
  width: 100%;
}
.residental-comp-card .bottom .button-hov .dropdown-wrapper:after {
  content: "";
  position: absolute;
  top: calc(100% - 10px);
  right: var(--gap-48);
  width: 12px;
  height: 6px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/images/pointer.svg);
}
@media (max-width: 900px) {
  .residental-comp-card .bottom .button-hov .dropdown-wrapper {
    display: none;
  }
}
.residental-comp-card .bottom .button-hov .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  width: 100%;
  max-width: 100%;
}
.residental-comp-card
  .bottom
  .button-hov
  .dropdown-wrapper
  .dropdown
  .list
  .type {
  width: 94px;
}
.residental-comp-card .bottom .button-hov:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.residental-comp-card .bottom .button-hov .show-price {
  color: var(--color-text-map);
}
.residental-comp-card .bottom .loca {
  max-width: 100%;
}
.residental-comp-card .bottom .loca .gtext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.residental-comp-card:hover .price {
  color: var(--color-text-map);
}
.object-card {
  width: 100%;
}
.object-card .bottom {
  padding: var(--gap-8) var(--gap-12);
}
.object-card .bottom .info {
  gap: 2px;
}
.object-card .bottom .info > * {
  display: inline-block;
}
.object-card .bottom .info .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .object-card .bottom .info .dot {
    width: 10px;
  }
}
.object-card .bottom .info .text {
  flex-shrink: 0;
}
.slider-el .complex-card {
  width: 416px;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .slider-el .complex-card {
    width: calc((100vw - var(--gap-40) * 2 - var(--gap-16) * 2) / 3);
  }
}
@media (max-width: 900px) {
  .slider-el .complex-card {
    width: 290px;
  }
}
.complex-img-slider {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--color-surface-3);
  left: 0;
  top: 0;
}
.complex-img-slider__arrows,
.complex-img-slider__dots,
.complex-img-slider__slides {
  position: absolute;
  width: 100%;
}
@media (max-width: 900px) {
  .complex-img-slider__arrows {
    display: none;
  }
}
.complex-img-slider .complex-img-slider__slides {
  flex: 0 0 100%;
  height: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
}
.complex-img-slider .complex-img-slider__slides::-webkit-scrollbar {
  display: none;
}
.complex-img-slider .complex-img-slider__slides .complex-slide {
  position: relative;
  flex: 0 0 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.complex-slide__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.complex-img-slider__arrows {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 0 var(--gap-16);
  opacity: 0;
  pointer-events: none;
}
.complex-img-slider__arrows .icon.caret-left {
  background-image: url(/images/icons/outline/caret-left--high-invert.svg);
}
.complex-img-slider__arrows .icon.caret-right {
  background-image: url(/images/icons/outline/caret-right--high-invert.svg);
}
.complex-img-slider__arrows .complex-img-slider__arrow {
  pointer-events: all;
}
.complex-img-slider__arrows .complex-img-slider__arrow:hover .button {
  background-color: var(--color-surface-accent);
}
.complex-img-slider__dots {
  bottom: var(--gap-16);
  height: 8px;
  z-index: 1;
}
.complex-img-slider__dots .complex-img-slider__dot {
  width: 8px;
  background-color: #fff;
  border-radius: var(--round-full);
  transition: 0.2s;
  transition-property: margin, background, width;
}
.complex-img-slider__dots .complex-img-slider__dot:not(:first-child) {
  margin-left: 4px;
}
@media (max-width: 900px) {
  .complex-img-slider.fixed-scroll .complex-img-slider__slides {
    scroll-snap-type: x mandatory;
  }
  .complex-img-slider.fixed-scroll .complex-slide {
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
}
.complex-card:hover .complex-img-slider__arrows,
.galera-item:hover .complex-img-slider__arrows {
  opacity: 1;
}
.complex .link {
  display: block;
}
@media (max-width: 900px) {
  .complex .complex-img-slider__slides .complex-slide:not(:first-child) {
    display: none;
  }
  .complex .complex-img-slider__dots {
    display: none;
  }
}
.video-controls {
  aspect-ratio: 1;
  width: 64px;
  border-radius: var(--round-full);
  cursor: pointer;
  transition: 0.2s background-color;
}
.video-controls .play.icon {
  background-image: url(/images/icons/fill/play--high-invert.svg);
  width: 24px;
}
.video-controls:hover,
.video-controls:active,
.video-controls.active {
  background-color: var(--color-surface-accent);
}
.rate-link {
  aspect-ratio: 1;
  width: 48px;
  border-radius: var(--round-full);
  background-color: var(--color-surface-1);
  cursor: pointer;
  transition: 0.2s background;
  box-shadow: 0 8px 32px #14141429;
}
.rate-link:hover,
.rate-link:active,
.rate-link.active {
  background-color: var(--color-surface-accent);
}
.rate-link:hover .icon,
.rate-link:active .icon,
.rate-link.active .icon {
  background-image: url(/images/icons/outline/caret-up-right--high-invert.svg);
}
.rate-link .icon {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/caret-up-right--high.svg);
}
.gray-button {
  border-radius: var(--round-full);
  display: inline-block;
  width: 100%;
  flex-shrink: 0;
}
.gray-button .button.gray {
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .gray-button .button.gray {
    width: auto%;
  }
}
.gray-button .button.gray:hover,
.gray-button .button.gray:active,
.gray-button .button.gray.active {
  background-color: var(--color-surface-4);
  transition: 0.2s;
}
.block-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-stats {
  margin-top: var(--gap-100);
}
@media (max-width: 900px) {
  .index-stats {
    margin-top: var(--gap-80);
  }
  .index-stats .top-block .left-side .text {
    max-width: 270px;
  }
}
.index-stats .top-block .left-side .flags {
  position: relative;
}
.index-stats .top-block .left-side .flags .flag {
  aspect-ratio: 1;
  width: 72px;
  border-radius: var(--round-full);
  background-color: var(--color-surface-3);
  border: 4px solid var(--color-surface-1);
}
.index-stats .top-block .left-side .flags .flag:first-child {
  border-left: 0;
}
.index-stats .top-block .left-side .flags .flag:not(:first-child) {
  margin-left: -20px;
}
@media (max-width: 900px) {
  .index-stats .top-block .left-side .flags .flag {
    width: 56px;
  }
  .index-stats .top-block .left-side .flags .flag:not(:first-child) {
    margin-left: -15.5px;
  }
}
.index-stats .top-block .left-side .flags .flag .country {
  flex-shrink: 0;
  aspect-ratio: 4/3;
  width: 40px;
  border-radius: var(--round-8);
}
@media (max-width: 900px) {
  .index-stats .top-block .left-side .flags .flag .country {
    width: 31.1px;
  }
}
.index-stats .top-block .right-side .text {
  max-width: 848px;
}
@media (max-width: 900px) {
  .index-stats .top-block .right-side .text {
    font-size: var(--font-size-display-sm-medium);
  }
}
.index-stats .bottom-block {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  margin-top: 40px;
}
@media (max-width: 950px) {
  .index-stats .bottom-block {
    display: none;
  }
}
.index-stats .bottom-block .rate-gen {
  border-radius: var(--round-24);
  padding: var(--gap-32);
  background-color: var(--color-surface-3);
  min-height: 208px;
  position: relative;
  width: 100%;
}
@media (max-width: 900px) {
  .index-stats .bottom-block .rate-gen {
    width: 100%;
    max-width: none;
  }
  .index-stats .bottom-block .rate-gen .top {
    width: 100%;
  }
}
.index-stats .bottom-block .rate-gen .top .rate-link {
  flex-shrink: 0;
}
.index-stats .bottom-block .rate-gen .bottom .rate-stat .stars .icon {
  background-image: url(/images/icons/fill/star--accent.svg);
}
.index-stats .bottom-block .rate-gen .but {
  position: absolute;
  right: 32px;
  bottom: 32px;
}
.index-stats .bottom-block .rate-gen:hover .rate-link {
  background-color: var(--color-icon-accent);
}
.index-stats .bottom-block .rate-gen:hover .icon {
  background-image: url(/images/icons/outline/caret-up-right--high-invert.svg);
}
@media (min-width: 951px) {
  .slider.bottom-block-slider {
    display: none;
  }
}
@media (max-width: 950px) {
  .slider.bottom-block-slider {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    gap: var(--gap-16);
  }
  .slider.bottom-block-slider::-webkit-scrollbar {
    display: none;
  }
  .slider.bottom-block-slider > * {
    flex-shrink: 0;
  }
}
.slider.bottom-block-slider .rate-gen {
  width: 343px;
  border-radius: var(--round-24);
  padding: var(--gap-20);
  background-color: var(--color-surface-3);
  min-height: 236px;
  position: relative;
}
.slider.bottom-block-slider .rate-gen .top {
  max-width: 230px;
}
.slider.bottom-block-slider .rate-gen .top .rate-link {
  flex-shrink: 0;
}
.slider.bottom-block-slider .rate-gen .bottom .rate-stat .stars .icon {
  background-image: url(/images/icons/fill/star--accent.svg);
}
.slider.bottom-block-slider .rate-gen .but {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 900px) {
  .mb-32 {
    margin-bottom: 32px;
  }
}
.stats-card {
  background-color: var(--color-surface-3);
  border-radius: 24px;
  padding: var(--gap-32);
  box-sizing: border-box;
  min-height: var(--height);
  width: 100%;
  position: relative;
}
@media (max-width: 950px) {
  .stats-card {
    width: 300px;
    padding: var(--gap-20);
    min-height: var(--mobHeight);
  }
}
.stats-card .card-info {
  width: 100%;
  flex: 100%;
}
@media (max-width: 900px) {
  .stats-card .card-info {
    gap: var(--gap-8);
  }
}
.stats-card .card-info .top {
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 950px) {
  .stats-card .card-info .top .text {
    font-size: 24px;
  }
}
.stats-card .card-info .top .icon {
  width: 32px;
  transform: translateY(10%);
}
@media (max-width: 950px) {
  .stats-card .card-info .top .icon {
    width: 24px;
  }
}
.stats-card .card-info .bottom .rate-link {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .stats-card .card-info .gtext {
    font-size: 14px;
  }
}
.stats-card .but {
  position: absolute;
  right: 32px;
  bottom: 32px;
}
.stats-card:hover .bottom .rate-link {
  background-color: var(--color-icon-accent);
}
.stats-card:hover .bottom .icon {
  background-image: url(/images/icons/outline/caret-up-right--high-invert.svg);
}
@media (max-width: 900px) {
  .box:has(.slider) {
    padding-left: 0;
    padding-right: 0;
  }
  .box:has(.slider) > *:not(.slider-wrapper) {
    padding-left: var(--gap-16);
    padding-right: var(--gap-16);
  }
  .box:has(.slider) .slider-el:first-child {
    padding-left: var(--gap-16);
  }
  .box:has(.slider) .slider-el:last-child {
    padding-right: var(--gap-16);
  }
}
@media (max-width: 1015px) {
  .title.h1 {
    font-size: 16px;
  }
}
.slider-wrapper {
  position: relative;
}
.slider {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.slider::-webkit-scrollbar {
  display: none;
}
.slider > * {
  flex-shrink: 0;
}
.move-slider {
  left: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}
.move-slider.controls-outer {
  width: calc(100% + 128px);
  left: -64px;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .move-slider.controls-outer {
    top: 0 !important;
    width: calc(108px + var(--gap-32));
    left: auto;
    right: 0;
    height: 54px;
    transform: translateY(calc(-100% - var(--gap-32))) !important;
  }
}
@media (max-width: 900px) {
  .move-slider {
    display: none;
  }
  .obj-slider .move-slider.controls-outer {
    display: flex;
    top: 33% !important;
    left: 8px;
    right: 8px;
    width: auto;
  }
  .obj-slider .move-slider.controls-outer .arrow-button {
    pointer-events: all;
  }
}
.obj-slider .complex-img-slider__slides {
  overscroll-behavior: contain;
}
.move-slider .arrows-wrapper {
  position: absolute;
  z-index: 2;
  padding: 0 5px;
  flex-shrink: 0;
  width: 100%;
}
.move-slider .arrows-wrapper .arrow-button {
  cursor: pointer;
  width: 56px;
  border-radius: 1000px;
  transition: 0.2s opacity;
  opacity: 0;
  flex-shrink: 0;
}
.move-slider .arrows-wrapper .arrow-button.enabled {
  opacity: 1;
  pointer-events: all;
}
.move-slider .arrows-wrapper .arrow-button .icon.caret-left {
  background-image: url(/images/icons/outline/caret-left--high.svg);
}
.move-slider .arrows-wrapper .arrow-button .icon.caret-right {
  background-image: url(/images/icons/outline/caret-right--high.svg);
}
.glass-bg-abs {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: 0.2s opacity;
}
.glass-bg-abs .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.glass-bg-abs .link + .rate-link {
  background-color: var(--color-surface-accent);
}
.glass-bg-abs .link + .rate-link .icon {
  background-image: url(/images/icons/outline/caret-up-right--high-invert.svg);
}
.glass-bg-abs .rate-link {
  position: absolute;
  top: var(--gap-32);
  right: var(--gap-32);
}
.glass-bg-abs .tags {
  position: absolute;
  bottom: var(--gap-32);
  left: var(--gap-32);
  max-width: calc(100% - var(--gap-32) * 2);
  flex-wrap: wrap;
  pointer-events: none;
}
@media (max-width: 900px) {
  .glass-bg-abs .tags {
    bottom: var(--gap-20);
    left: var(--gap-20);
    max-width: calc(100% - var(--gap-20) * 2);
  }
}
.glass-bg-abs .tags .gray-button {
  width: auto;
  pointer-events: all;
}
.glass-bg-abs .tags .gray-button .button:hover,
.glass-bg-abs .tags .gray-button .button:active,
.glass-bg-abs .tags .gray-button .button:focus {
  background-color: var(--color-surface-1);
  color: var(--color-text-high);
  box-shadow: 0 8px 32px #14141429;
}
@media (max-width: 900px) {
  .glass-bg-abs:not(.team-glass) {
    opacity: 1;
    background-color: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .glass-bg-abs:not(.team-glass) .rate-link {
    display: none;
  }
  .glass-bg-abs:not(.team-glass) .tags .gray-button .button {
    background-color: var(--color-surface-1);
    color: var(--color-text-high);
    box-shadow: 0 8px 32px #14141429;
  }
}
.team-glass {
  padding: var(--gap-24);
}
.team-glass .text-quote {
  overflow: auto;
  height: 156px;
  color: var(--color-text-high-invert);
  padding-right: 8px;
}
@media (max-width: 900px) {
  .team-glass .text-quote {
    height: 48px;
  }
}
.team-glass .divider-white {
  margin-top: 20px;
  margin-bottom: 16px;
}
.team-glass .tags {
  margin-top: 16px;
}
.team-glass .quote {
  background-image: url(/images/cite.svg);
}
.team-glass .lang {
  color: var(--color-text-high-invert);
}
.team-glass .tags {
  position: static;
}
.team-glass .med {
  height: 48px;
}
@media (max-width: 900px) {
  .team-glass .med {
    width: 200px;
  }
}
.team-glass .eye-button-close {
  aspect-ratio: 1;
  width: 44px;
  border-radius: var(--round-full);
}
.team-glass .eye-button-close .icon {
  background-image: url(/images/icons/outline/eye-closed--high-invert.svg);
}
.team-glass .team-glass-buttons {
  width: 100%;
  align-items: flex-end;
}
.team-glass .button.pc {
  margin-top: 24px;
  width: -moz-fit-content;
  width: fit-content;
}
.team-glass .button.mob {
  margin-top: 32px;
}
.index-compilation {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .index-compilation {
    margin-top: 80px;
  }
}
.index-compilation .compilation {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 900px) {
  .index-compilation .compilation {
    grid-template-columns: repeat(1, 1fr);
  }
}
.index-compilation .compilation .compilation-card {
  width: 100%;
  height: 450px;
  border-radius: 32px;
  padding: var(--gap-32);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 420px) {
  .index-compilation .compilation .compilation-card {
    aspect-ratio: 343/412;
    width: 100%;
    height: auto;
    padding: var(--gap-20);
  }
}
.index-compilation .compilation .compilation-card .black-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-surface-5);
  opacity: 0.24;
  border-radius: 100%;
  filter: var(--blur-bg-32);
}
.index-compilation .compilation .compilation-card .title {
  color: #fff;
  max-width: 370px;
  position: relative;
  pointer-events: none;
}
.index-compilation .compilation .compilation-card .title .text {
  position: relative;
}
.index-compilation .compilation .compilation-card:hover .glass-bg {
  opacity: 1;
}
.index-benefits {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .index-benefits {
    margin-top: 80px;
  }
}
.index-benefits .benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  margin-top: 40px;
}
@media (max-width: 950px) {
  .index-benefits .benefits-grid {
    display: none;
  }
}
@media (min-width: 951px) {
  .slider.benefits-grid-slider {
    display: none;
  }
  .slider.benefits-grid-slider + .move-slider {
    display: none;
  }
}
@media (max-width: 950px) {
  .slider.benefits-grid-slider {
    width: 100%;
    display: flex;
    overflow-x: scroll;
    scrollbar-width: none;
    gap: var(--gap-16);
    margin-top: 24px;
  }
  .slider.benefits-grid-slider::-webkit-scrollbar {
    display: none;
  }
  .slider.benefits-grid-slider > * {
    flex-shrink: 0;
  }
}
.steps-about {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .steps-about {
    margin-top: 80px;
  }
}
@media (max-width: 800px) {
  .steps-about .index-steps {
    gap: 40px;
  }
  .steps-about .index-steps .top-block {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .steps-about .index-steps .top-block .left-top {
    width: 100%;
  }
}
.steps-about .index-steps .top-block .left-top .video-block {
  height: 100%;
}
@media (max-width: 800px) {
  .steps-about .index-steps .top-block .left-top .video-block {
    gap: 24px;
    height: 232px;
  }
}
.steps-about .index-steps .top-block .left-top .video-block .video {
  height: 100%;
  width: 384px;
  border-radius: var(--round-24);
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.steps-about .index-steps .top-block .left-top .video-block .video > * {
  position: relative;
}
.steps-about .index-steps .top-block .left-top .video-block .video .bg {
  width: 100%;
  aspect-ratio: 380 / 200;
  -o-object-fit: cover;
  object-fit: cover;
  transition: 0.4s transform;
}
@media (max-width: 900px) {
  .steps-about .index-steps .top-block .left-top .video-block .video .bg {
    aspect-ratio: unset;
  }
}
@media (max-width: 800px) {
  .steps-about .index-steps .top-block .left-top .video-block .video {
    width: 100%;
  }
}
.steps-about
  .index-steps
  .top-block
  .left-top
  .video-block
  .video
  .white:hover {
  background-color: var(--color-surface-1);
  color: #000;
}
.steps-about
  .index-steps
  .top-block
  .left-top
  .video-block
  .video
  .video-bottom
  .text {
  color: var(--color-icon-high-invert);
  max-width: 70%;
}
.steps-about .index-steps .top-block .left-top:hover .video-controls {
  background-color: var(--color-surface-accent);
}
.steps-about .index-steps .top-block .left-top:hover .video .bg {
  transform: scale(1.15);
}
.steps-about .index-steps .top-block .right-top {
  flex: 85%;
}
@media (max-width: 1080px) {
  .steps-about .index-steps .top-block .right-top .title {
    font-size: 24px;
  }
}
@media (max-width: 800px) {
  .steps-about .index-steps .top-block .right-top .button {
    display: none;
  }
}
@media (max-width: 950px) {
  .steps-about .index-steps .top-block .right-top .button .text {
    font-size: 14px;
  }
}
.steps-about .index-steps .top-block .right-top .detail .text {
  transition: 0.2s color;
}
.steps-about .index-steps .top-block .right-top .detail:hover .text {
  color: var(--color-text-accent);
}
.steps-about .index-steps .top-block .right-top .detail:hover .icon {
  background-image: url(/images/icons/outline/chevron-right--accent.svg);
}
@media (max-width: 800px) {
  .steps-about .index-steps .bottom-block .steps {
    gap: 32px;
  }
}
.steps-about .index-steps .bottom-block .steps .arrows-wrapper {
  display: none;
}
.steps-about .index-steps .bottom-block .steps .step {
  width: 314px;
}
@media (max-width: 800px) {
  .steps-about .index-steps .bottom-block .steps .step {
    gap: 16px;
  }
}
.steps-about .index-steps .bottom-block .steps .step .top-step {
  width: 100%;
}
.steps-about .index-steps .bottom-block .steps .step .top-step .button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s border;
}
.steps-about .index-steps .bottom-block .steps .step .top-step .divider {
  margin: 0;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .steps-about .index-steps .bottom-block .steps .step .bottom-step {
    gap: 8px;
  }
}
.steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
  opacity: 0;
  transition: 0.2s opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 280px;
}
@media (max-width: 800px) {
  .steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
    opacity: 1;
  }
}
.steps-about .index-steps .bottom-block .steps .step:hover .top-step .button,
.steps-about .index-steps .bottom-block .steps .step:active .top-step .button,
.steps-about .index-steps .bottom-block .steps .step.active .top-step .button {
  border: 1px solid var(--color-border-solid);
}
@media (max-width: 800px) {
  .steps-about .index-steps .bottom-block .steps .step:hover .top-step .button,
  .steps-about .index-steps .bottom-block .steps .step:active .top-step .button,
  .steps-about
    .index-steps
    .bottom-block
    .steps
    .step.active
    .top-step
    .button {
    border: 1px solid var(--color-border-transparent);
  }
}
.steps-about .index-steps .bottom-block .steps .step:hover .bottom-step .gtext,
.steps-about .index-steps .bottom-block .steps .step:active .bottom-step .gtext,
.steps-about
  .index-steps
  .bottom-block
  .steps
  .step.active
  .bottom-step
  .gtext {
  opacity: 1;
}
.index-rate .rating {
  margin-top: var(--gap-40);
}
@media (max-width: 1270px) {
  .index-rate .rating {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.index-rate .rating .slider-wrapper {
  overflow: hidden;
}
.index-rate .rating .rate-text {
  flex-shrink: 0;
}
@media (max-width: 1270px) {
  .index-rate .rating .rate-text {
    flex-direction: row;
    width: 100%;
  }
}
.index-rate .rating .rate-text .rate-gen,
.index-rate .rating .rate-text .rate-user {
  max-width: 384px;
  border-radius: var(--round-24);
  padding: var(--gap-24);
}
.index-rate .rating .rate-text .rate-gen {
  background-color: var(--color-surface-3);
  min-height: 208px;
}
@media (max-width: 900px) {
  .index-rate .rating .rate-text .rate-gen {
    width: 100%;
    max-width: none;
  }
  .index-rate .rating .rate-text .rate-gen .top {
    width: 100%;
  }
}
.index-rate .rating .rate-text .rate-gen .top .rate-link {
  flex-shrink: 0;
}
.index-rate .rating .rate-text .rate-gen .bottom .rate-stat .stars .icon {
  background-image: url(/images/icons/fill/star--accent.svg);
}
.index-rate .rating .rate-text .rate-user {
  border: 1px solid var(--color-border-transparent);
}
.index-rate .rating .rate-text .rate-user .user-date .avatar {
  aspect-ratio: 1;
  width: 48px;
  border-radius: var(--round-full);
}
.index-rate .rating .rate-text .rate-user .user-date .name-mark .mark:before {
  width: 16px;
  margin-right: 4px;
  background-image: url(/images/icons/fill/star--accent.svg);
}
.index-rate .rating .rate-text .rate-user .user-date .date {
  flex-shrink: 0;
}
.index-rate .rating .rate-text .rate-user .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-rate .rating .rate-video {
  height: 100%;
}
.index-rate .rating .rate-video .video-card {
  aspect-ratio: 416/604;
  width: 416px;
  color: var(--color-text-high-invert);
  position: relative;
}
@media (max-width: 1000px) {
  .index-rate .rating .rate-video .video-card {
    aspect-ratio: 290/420;
    width: 290px;
  }
}
.index-rate .rating .rate-video .video-card video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  border-radius: var(--round-24);
}
.index-rate .rating .rate-video .video-card .video-feed {
  position: absolute;
  top: 32px;
  left: 32px;
}
.index-rate .rating .rate-video .video-card .video-feed:before {
  width: 24px;
  background-image: url(/images/icons/fill/dot--accent.svg);
}
.index-rate .rating .rate-video .video-card .play-but {
  position: absolute;
  bottom: 32px;
  left: 32px;
}
.index-rate-slider .slider-el .video-card {
  padding: var(--gap-20);
  aspect-ratio: 416/604;
  width: 416px;
  border-radius: var(--round-24);
  color: var(--color-text-high-invert);
  position: relative;
  overflow: hidden;
}
.index-rate-slider .slider-el .video-card > * {
  position: relative;
}
.index-rate-slider .slider-el .video-card video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .index-rate-slider .slider-el .video-card {
    aspect-ratio: 290/420;
    width: 290px;
  }
  .index-rate-slider .slider-el .video-card .video-feed:before {
    width: 24px;
    background-image: url(/images/icons/fill/dot--accent.svg);
  }
  .index-rate-slider .slider-el .video-card .play-but .name {
    max-width: 40px;
  }
}
.user-rate-slider {
  margin-top: 24px;
}
.user-rate-slider .slider-el .rate-user {
  border: 1px solid var(--color-border-transparent);
  max-width: 290px;
  border-radius: var(--round-24);
  padding: var(--gap-24);
}
.user-rate-slider .slider-el .rate-user .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.user-rate-slider .slider-el .rate-user .user-date .avatar {
  aspect-ratio: 1;
  width: 48px;
  border-radius: var(--round-full);
}
.user-rate-slider .slider-el .rate-user .user-date .name-mark .mark:before {
  width: 16px;
  margin-right: 4px;
  background-image: url(/images/icons/fill/star--accent.svg);
}
.user-rate-slider .slider-el .rate-user .user-date .date {
  flex-shrink: 0;
}
.rate-title {
  margin-top: var(--gap-100);
  margin-bottom: var(--gap-32);
}
@media (max-width: 900px) {
  .rate-title {
    margin-top: var(--gap-80);
    margin-bottom: var(--gap-32);
  }
}
.disp-1270-flex {
  display: none;
}
@media (max-width: 1270px) {
  .disp-1270-flex {
    display: flex;
  }
  .nodisp-1270 {
    display: none;
  }
}
.index-forbes {
  margin-top: var(--gap-100);
}
@media (max-width: 900px) {
  .index-forbes {
    margin-top: var(--gap-80);
  }
}
.index-forbes .forbes .forbes-flex {
  margin-top: var(--gap-40);
}
@media (max-width: 1250px) {
  .index-forbes .forbes .forbes-flex {
    flex-direction: column;
  }
}
.index-forbes .forbes .forbes-flex .image,
.index-forbes .forbes .forbes-flex .forbes-art {
  aspect-ratio: 632/410;
  width: 632px;
  border-radius: var(--round-24);
  width: 100%;
}
@media (max-width: 900px) {
  .index-forbes .forbes .forbes-flex .image,
  .index-forbes .forbes .forbes-flex .forbes-art {
    gap: var(--gap-32);
  }
}
.index-forbes .forbes .forbes-flex .forbes-art {
  background-color: var(--color-surface-3);
  padding: var(--gap-32);
}
@media (max-width: 1250px) {
  .index-forbes .forbes .forbes-flex .forbes-art {
    aspect-ratio: 632/210;
    padding: var(--gap-20);
  }
}
.index-forbes .forbes .forbes-flex .forbes-art .logo {
  background-image: url(/images/photos/forbes-logo.svg);
  aspect-ratio: 112/28;
  width: 112px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .index-forbes .forbes .forbes-flex .forbes-art .logo {
    aspect-ratio: 64/16;
    width: 64px;
  }
  .index-forbes .forbes .forbes-flex .forbes-art .button {
    width: 100%;
  }
}
.index-team .team .title {
  margin-top: var(--gap-100);
  margin-bottom: var(--gap-40);
}
@media (max-width: 900px) {
  .index-team .team .title {
    margin-top: var(--gap-80);
    margin-bottom: var(--gap-32);
  }
}
.team-button {
  margin-top: 24px;
}
@media (max-width: 900px) {
  .team-button {
    margin-top: 16px;
  }
}
.team-slider .team-card {
  width: 416px;
}
@media (max-width: 900px) {
  .team-slider .team-card {
    width: 312px;
  }
}
.team-slider .team-card .team-card-photo {
  aspect-ratio: 1 / 1;
  width: 100%;
  border-radius: var(--round-24);
  position: relative;
  overflow: hidden;
}
.team-slider .team-card .photo .eye-button {
  aspect-ratio: 1;
  width: 44px;
  border-radius: var(--round-full);
  position: absolute;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}
.team-slider .team-card .photo .eye-button .icon {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/eye--high-invert.svg);
}
.team-slider .team-card .bottom {
  padding: var(--gap-16);
}
@media (min-width: 901px) {
  .team-slider .team-card:hover .glass-bg {
    opacity: 1;
  }
}
@media (max-width: 900px) {
  .team-slider .team-card .team-glass {
    padding: var(--gap-20);
    opacity: 0;
    pointer-events: none;
  }
  .team-slider .team-card.open .team-glass {
    opacity: 1;
    pointer-events: all;
  }
  .team-slider .team-card.open .eye-button .icon {
    background-image: url(/images/icons/outline/eye-closed--high-invert.svg);
  }
}
.team-slider .team-card.team-card-new {
  width: 308px;
}
@media (max-width: 900px) {
  .team-slider .team-card.team-card-new {
    width: 290px;
  }
}
.team-slider .team-card.team-card-new .photo {
  width: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
}
.team-slider .team-card.team-card-new .gray-button {
  position: absolute;
  right: var(--gap-12);
  bottom: var(--gap-12);
}
.team-slider .team-card.team-card-new .gray-button .button .icon {
  background-image: url(/images/icons/fill/whatsapp--success.svg);
  filter: none;
}
.team-slider .team-card.team-card-new .gray-button .button:hover {
  filter: none;
  background-color: var(--color-surface-success);
}
.team-slider .team-card.team-card-new .gray-button .button:hover .icon {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.index-news-slider-mob .yt-wrap,
.index-news .yt-wrap {
  border-bottom: 1px solid var(--color-border-transparent);
  display: inline-flex;
  position: relative;
  top: 0.3em;
}
.index-news-slider-mob .yt-wrap .yt,
.index-news .yt-wrap .yt {
  width: 48px;
  background-image: url(/images/youtube.svg);
  display: inline-block;
}
@media (max-width: 900px) {
  .index-news-slider-mob .yt-wrap .yt,
  .index-news .yt-wrap .yt {
    width: 32px;
  }
}
.index-news-slider-mob .yt-wrap .text,
.index-news .yt-wrap .text {
  transition: 0.2s color;
}
.index-news-slider-mob .yt-wrap:hover .text,
.index-news .yt-wrap:hover .text {
  color: var(--color-text-map);
}
@media (max-width: 1270px) {
  .index-news-slider-mob {
    margin-top: 80px;
  }
}
.index-news-slider-mob .video-cards-block {
  background-color: var(--color-surface-3);
  padding: var(--gap-20);
  border-radius: var(--round-24);
}
@media (max-width: 1270px) {
  .index-news-slider-mob .video-cards-block .title {
    margin-bottom: 0.7em;
  }
}
.index-news-slider-mob .video-cards-block .title .yt-wrap {
  top: 0.6em;
}
.index-news-slider-mob .video-cards-block .video-card {
  max-width: 282px;
}
.index-news-slider-mob .video-cards-block .video-card .video {
  aspect-ratio: 282/158;
  width: 282px;height: 400px;
  border-radius: var(--round-16);
  flex-shrink: 0;
}
.index-news-slider-mob .video-cards-block .video-card .video .icon {
  width: 48px;
  background-image: url(/images/youtube.svg);
}
.index-news-slider-mob .video-cards-block .video-card .bottom-text {
  padding: var(--gap-12);
}
.index-news-slider-mob .video-cards-block .video-card .bottom-text .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  overflow-y: hidden;
}
.index-news {
  margin-top: 100px;
}
@media (max-width: 1270px) {
  .index-news {
    margin-top: 0;
  }
}
.index-news .news .left-news {
  padding: var(--gap-32);
  background-color: var(--color-surface-3);
  border-radius: var(--round-32);
  width: 100%;
}
@media (max-width: 750px) {
  .index-news .news .left-news {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (max-width: 1270px) {
  .index-news .news .left-news {
    margin-top: var(--gap-16);
  }
}
@media (max-width: 900px) {
  .index-news .news .left-news {
    padding: var(--gap-20);
  }
}
@media (max-width: 1270px) {
  .index-news .news .left-news .bottom {
    margin-top: 80px;
  }
}
@media (max-width: 900px) {
  .index-news .news .left-news .bottom .social {
    gap: 12px;
    flex-wrap: wrap;
  }
}
@media (max-width: 750px) {
  .index-news .news .left-news .social {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
.index-news .news .left-news .social .button {
  box-shadow: none;
}
.index-news .news .left-news .social .button .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high.svg);
}
.index-news .news .left-news .social .button .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high.svg);
}
.index-news .news .left-news .social .button .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high.svg);
}
.index-news .news .left-news .social .button .icon.instagram {
  background-image: url(/images/icons/fill/instagram--high.svg);
}
.index-news .news .left-news .social .button .icon.tiktok {
  background-image: url(/images/icons/fill/tiktok--high.svg);
}
.index-news .news .left-news .social .button .icon.youtube {
  background-image: url(/images/icons/fill/youtube--high.svg);
}
.index-news .news .left-news .social .button .icon.zen {
  background-image: url(/images/icons/fill/zen--high.svg);
}
.index-news .news .left-news .social .button .icon.yandexq {
  background-image: url(/images/icons/fill/yandexq.svg);
}
.index-news .news .left-news .social .button .icon.vk {
  background-image: url(/images/icons/fill/vk.svg);
}
.index-news .news .right-news {
  background-color: var(--color-surface-3);
  border-radius: var(--round-32);
  padding: var(--gap-32);
  width: 100%;
}
.index-news .news .right-news .title {
  line-height: 80%;
}
.index-news .news .right-news .video-cards-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.index-news .news .right-news .video-cards-block .video-card .video {
  aspect-ratio: 248/148;
  width: 248px;
  border-radius: var(--round-16);
  flex-shrink: 0;
}
.index-news .news .right-news .video-cards-block .video-card .video .icon {
  width: 48px;
  background-image: url(/images/youtube.svg);
}
.index-news
  .news
  .right-news
  .video-cards-block
  .video-card
  .video-right
  .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow-y: hidden;
  transition: 0.2s color;
}
.index-news
  .news
  .right-news
  .video-cards-block
  .video-card:hover
  .video-right
  .text {
  color: var(--color-text-map);
}
@media (max-width: 1270px) {
  .nodisp-1300 {
    display: none;
  }
}
.disp-1300 {
  display: none;
}
@media (max-width: 1270px) {
  .disp-1300 {
    display: flex;
  }
}
.cities-block {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .cities-block {
    margin-top: 80px;
  }
}
.cities-block .cities .cities-card {
  display: block;
  width: 416px;
  height: 586px;
  border-radius: 32px;
  padding: var(--gap-32);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 420px) {
  .cities-block .cities .cities-card {
    width: 290px;
    height: 412px;
    padding: var(--gap-20);
  }
}
.cities-block .cities .cities-card .title {
  pointer-events: none;
}
.cities-block .cities .cities-card .black-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-surface-5);
  opacity: 0.24;
  border-radius: 100%;
  filter: var(--blur-bg-32);
}
.cities-block .cities .cities-card .title {
  color: #fff;
  max-width: 320px;
  position: relative;
}
.cities-block .cities .cities-card .title .text {
  position: relative;
}
.cities-block .cities .cities-card:hover .glass-bg {
  opacity: 1;
}
.partners-wrapper {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .partners-wrapper {
    margin-top: 80px;
  }
  .partners-wrapper .box {
    padding: 0;
  }
}
.partners-wrapper .box .index-partners {
  background-image: url(https://avatars.mds.yandex.net/get-ydo/4393845/2a0000017d04bb55991bd639638119d778d3/diploma);
  width: 100%;
  padding: var(--gap-24);
  border-radius: var(--round-24);
}
@media (max-width: 900px) {
  .partners-wrapper .box .index-partners {
    background-image: url(https://www.chamblisslaw.com/wp-content/uploads/2019/12/PrivateEquity.png);
    background-position: top center;
    padding: var(--gap-24) var(--gap-16);
    align-items: flex-end;
    min-height: 640px;
  }
}
.partners-wrapper .box .index-partners .content {
  padding: var(--gap-32);
  width: 100%;
  background-color: var(--color-surface-1);
  border-radius: var(--round-16);
}
@media (min-width: 901px) {
  .partners-wrapper .box .index-partners .content {
    max-width: 514px;
  }
}
@media (max-width: 900px) {
  .partners-wrapper .box .index-partners .content {
    padding: var(--gap-20);
  }
}
.partners-wrapper .box .index-partners .content .button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 24px;
}
@media (max-width: 900px) {
  .partners-wrapper .box .index-partners .content .button {
    width: auto;
  }
}
.partners-wrapper .box .index-partners .content .top .text.accent {
  color: var(--color-text-accent);
}
.catalog-wrapper {
  margin-top: 50px;
}
.box-wrapper.catalog-wrapper .gray-button {
  align-self: flex-start;
}
@media (max-width: 900px) {
  .catalog-wrapper {
    margin-top: 40px;
  }
  .catalog-wrapper .box {
    padding: 0;
  }
}
.catalog-wrapper .box .index-catalog {
  background-image: url(https://get.wallhere.com/photo/bridge-windows-sky-Sun-sunlight-Canada-Calgary-glass-lines-architecture-clouds-buildings-downtown-angle-wide-perspective-lookingup-walkway-Alberta-infrastructure-HDR-pedway-superwide-legermain-tokina1116mm-nikond300s-814763.jpg);
  width: 100%;
  min-height: 372px;
  padding: var(--gap-24);
  border-radius: var(--round-24);
}
.catalog-wrapper .box .index-catalog:lang(en) {
  background-image: url(/images/photos/index-banner-en.webp);
}
@media (max-width: 900px) {
  .catalog-wrapper .box .index-catalog {
    background-image: url(https://get.wallhere.com/photo/bridge-windows-sky-Sun-sunlight-Canada-Calgary-glass-lines-architecture-clouds-buildings-downtown-angle-wide-perspective-lookingup-walkway-Alberta-infrastructure-HDR-pedway-superwide-legermain-tokina1116mm-nikond300s-814763.jpg);
    background-position: bottom center;
    padding: var(--gap-24) var(--gap-16);
    min-height: 538px;
  }
  .catalog-wrapper .box .index-catalog:lang(en) {
    background-image: url(/images/photos/index-banner-mob-en.webp);
  }
}
.catalog-wrapper .box .index-catalog .content {
  padding: var(--gap-32);
  width: 100%;
  background-color: var(--color-surface-1);
  border-radius: var(--round-16);
}
@media (min-width: 901px) {
  .catalog-wrapper .box .index-catalog .content {
    max-width: 514px;
  }
}
@media (max-width: 900px) {
  .catalog-wrapper .box .index-catalog .content {
    padding: var(--gap-20);
  }
}
.catalog-wrapper .box .index-catalog .content .button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 24px;
}
@media (max-width: 900px) {
  .catalog-wrapper .box .index-catalog .content .button {
    width: auto;
  }
}
.index-form-callback {
  background-color: var(--color-surface-1);
  max-width: 514px;
  flex-shrink: 0;
  position: relative;
  border-radius: var(--round-16);
  padding: var(--gap-32);
}
@media (max-width: 1270px) {
  .index-form-callback {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 900px) {
  .index-form-callback {
    padding: var(--gap-20);
  }
}
.index-form-callback .title-text .title.ytext .clock {
  background-image: url(/images/icons/fill/clock--accent.svg);
}
.index-form-callback .title-text .title span {
  color: var(--color-text-high);
}
.index-form-callback .title-text > .text .callnum {
  position: relative;
  display: inline-block;
  padding-left: var(--gap-24);
}
.index-form-callback .title-text > .text .callnum .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.index-form-callback .form-body .ur-state .ur-line-wrapper {
  padding: var(--gap-12) 0;
}
.index-form-callback
  .form-body
  .ur-state
  .ur-line-wrapper
  input:checked[type="checkbox"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.index-form-callback
  .form-body
  .ur-state
  .ur-line-wrapper
  input:checked[type="radio"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.index-form-callback
  .form-body
  .ur-state
  .ur-line-wrapper
  input[type="checkbox"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.index-form-callback
  .form-body
  .ur-state
  .ur-line-wrapper
  input[type="radio"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.index-form-callback .form-popup {
  position: absolute;
  background-color: var(--color-surface-1);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 16px;
  padding: var(--gap-32);
  pointer-events: none;
  opacity: 0;
  transition: 0.2s;
  transition-property: opacity;
}
@media (max-width: 900px) {
  .index-form-callback .form-popup {
    background-color: var(--color-surface-3);
    border-radius: var(--round-24);
  }
}
.index-form-callback .form-popup.open {
  opacity: 1;
  pointer-events: all;
}
.index-form-callback .form-popup .message {
  height: 100%;
}
.index-form-callback .form-popup .message .ybox {
  border-radius: var(--round-full);
  background-color: var(--color-icon-accent);
  width: 72px;
  aspect-ratio: 1;
}
.index-form-callback .form-popup .message .ybox .success {
  background-image: url(/images/icons/outline/check--high-invert.svg);
}
.index-form-callback .form-popup .message .text {
  margin-top: 24px;
}
.index-form-callback .form-popup .message .gtext {
  margin-top: 16px;
}
.index-form-wrapper {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .index-form-wrapper {
    margin-top: 80px;
  }
}
.index-form-wrapper .index-form {
  padding: var(--gap-24);
  border-radius: var(--round-32);
}
@media (max-width: 1270px) {
  .index-form-wrapper .index-form {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form {
    padding: 24px 16px;
    background-image: url(https://i.pinimg.com/originals/5f/a9/ba/5fa9ba88ef5d876c5500ce76acf3e8d0.jpg) !important;
  }
}
.index-form-wrapper .index-form > .contacts .contact-block {
  border-radius: var(--round-16);
  padding: var(--gap-32);
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form > .contacts .contact-block {
    padding: var(--gap-20);
  }
}
.index-form-wrapper .index-form .contacts {
  width: 100%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.index-form-wrapper .index-form .contacts:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(20, 20, 20, 0) 0%,
    rgba(20, 20, 20, 0) 6.67%,
    rgba(20, 20, 20, 0.02) 13.33%,
    rgba(20, 20, 20, 0.04) 20%,
    rgba(20, 20, 20, 0.07) 26.67%,
    rgba(20, 20, 20, 0.11) 33.33%,
    rgba(20, 20, 20, 0.16) 40%,
    rgba(20, 20, 20, 0.21) 46.67%,
    rgba(20, 20, 20, 0.27) 53.33%,
    rgba(20, 20, 20, 0.32) 60%,
    rgba(20, 20, 20, 0.37) 66.67%,
    rgba(20, 20, 20, 0.41) 73.33%,
    rgba(20, 20, 20, 0.44) 80%,
    rgba(20, 20, 20, 0.46) 86.67%,
    rgba(20, 20, 20, 0.48) 93.33%,
    rgba(20, 20, 20, 0.48) 100%
  );
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form .contacts {
    flex-direction: column;
  }
}
.index-form-wrapper .index-form .contacts > * {
  position: relative;
}
.index-form-wrapper .index-form .contacts.glass-bg-form {
  background: var(--colors-surface-surface-glass, rgba(66, 68, 71, 0.48));
  -webkit-backdrop-filter: var(--blur-bg-20);
  backdrop-filter: var(--blur-bg-20);
}
.index-form-wrapper .index-form .contacts .divider {
  width: 1px;
  height: 100%;
  background-color: var(--color-border-transparent-invert);
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form .contacts .divider {
    width: 100%;
    height: 1px;
  }
}
.index-form-wrapper .index-form .contacts .contact-block {
  width: 100%;
  max-width: 351px;
  color: var(--color-text-high-invert);
  height: 100%;
  align-items: flex-start;
}
@media (max-width: 1270px) {
  .index-form-wrapper .index-form .contacts .contact-block {
    max-width: none;
    min-height: 435px;
  }
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form .contacts .contact-block {
    min-height: unset;
  }
}
.index-form-wrapper .index-form .contacts .contact-block:nth-child(1) {
  border-radius: var(--round-16) 0 0 var(--round-16);
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form .contacts .contact-block:nth-child(1) {
    border-radius: var(--gap-16) var(--gap-16) 0 0;
  }
}
.index-form-wrapper .index-form .contacts .contact-block:nth-child(3) {
  border-radius: 0 var(--round-16) var(--round-16) 0;
}
@media (max-width: 900px) {
  .index-form-wrapper .index-form .contacts .contact-block:nth-child(3) {
    border-radius: 0 0 var(--gap-16) var(--gap-16);
  }
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block:nth-child(3)
  .success-icon-wrapper {
  width: 100%;
  height: 100%;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block:nth-child(3)
  .success-icon-wrapper
  .success-icon {
  background-color: var(--color-surface-accent);
  width: 72px;
  aspect-ratio: 1;
  border-radius: var(--round-full);
}
@media (max-width: 900px) {
  .index-form-wrapper
    .index-form
    .contacts
    .contact-block:nth-child(3)
    .success-icon-wrapper
    .success-icon {
    margin-top: 0;
  }
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block:nth-child(3)
  .success-icon-wrapper
  .success-icon
  .icon {
  background-image: url(/images/icons/outline/check--high-invert.svg);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block:nth-child(3)
  .succes-text
  .text {
  color: var(--color-text-medium-invert);
  text-align: center;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .social
  .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .social
  .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high-invert.svg);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .social
  .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high-invert.svg);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .social
  .icon.instagram {
  background-image: url(/images/icons/fill/instagram--high-invert.svg);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper {
  background-color: var(--color-border-transparent-invert);
  height: 48px;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input {
  width: 100%;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input::-moz-placeholder {
  color: var(--color-text-medium-invert);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input::placeholder {
  color: var(--color-text-medium-invert);
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .callback
  .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
  width: 24px;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .callback
  .phone-data
  .phone {
  white-space: nowrap;
}
.index-form-wrapper
  .index-form
  .contacts
  .contact-block
  .callbacks
  .callback
  .phone-data
  .comment {
  color: var(--color-text-medium-invert);
}
.index-form-wrapper .index-form .contacts .contact-block.accent {
  background-color: var(--color-surface-accent);
}
.index-form-wrapper .index-form .contacts .contact-block.white {
  background-color: var(--color-surface-1);
  color: var(--color-text-high);
}
.index-form-wrapper .index-form .contacts .contact-block .descr {
  color: var(--color-text-medium-invert);
}
@media (max-width: 900px) {
  .index-form-wrapper .box {
    padding: 0;
  }
  .index-form-wrapper.disable-contacts .box .form {
    width: 100%;
    max-width: none;
    background-color: var(--color-surface-3);
    border-radius: var(--round-24);
    padding: var(--gap-32) var(--gap-16);
  }
  .index-form-wrapper.disable-contacts .box .form .input-wrapper {
    background-color: var(--color-surface-1);
  }
  .index-form-wrapper.enable-contacts .box .contacts .contact-block {
    background-color: var(--color-surface-3);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--color-text-high);
    padding: var(--gap-20);
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button {
    background-color: var(--color-surface-1);
    color: var(--color-text-high);
    box-shadow: 0 8px 32px #14141429;
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high.svg);
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high.svg);
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high.svg);
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high.svg);
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .callbacks {
    flex-wrap: wrap;
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .callbacks
    .callback
    .phone-data
    .comment {
    color: var(--color-text-medium);
  }
  .index-form-wrapper.enable-contacts .box .contacts .contact-block.ffs-mob {
    align-items: flex-end;
  }
  .index-form-wrapper.enable-contacts
    .box
    .contacts
    .contact-block.ffs-mob
    .text {
    width: 100%;
  }
}
.city-popup-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #14141466;
  padding: 40px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  transition-property: opacity, z-index;
  z-index: -1;
}
.city-popup-wrapper.open {
  opacity: 1;
  pointer-events: all;
  z-index: 11;
}
@media (max-width: 900px) {
  .city-popup-wrapper {
    padding: 0;
    align-items: flex-end;
  }
}
.city-popup-wrapper .city-popup {
  background-color: #fff;
  border-radius: var(--round-32);
  max-width: 896px;
  width: 100%;
  padding: var(--gap-24);
  position: relative;
  height: min(616px, 100vh - var(--gap-40) * 2);
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup {
    padding: 0;
    border-radius: var(--round-16) var(--round-16) 0 0;
  }
  .city-popup-wrapper .city-popup .top-wrapper {
    padding: var(--gap-12) var(--gap-16);
  }
}
.city-popup-wrapper .city-popup .top-wrapper .close-popup {
  position: absolute;
  top: 0;
  left: calc(100% + var(--gap-16));
}
.city-popup-wrapper .city-popup .top-wrapper .close-popup .button {
  box-shadow: none;
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup .top-wrapper .close-popup {
    position: static;
  }
  .city-popup-wrapper .city-popup .top-wrapper .close-popup .button {
    background-color: var(--color-surface-3);
  }
}
.city-popup-wrapper .city-popup .top-wrapper .close-popup .close {
  background-image: url(/images/icons/outline/close--high.svg);
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup .top-wrapper .title-wrapper {
    padding: var(--gap-16);
  }
  .city-popup-wrapper .city-popup .searchbar-wrapper {
    padding: 0 var(--gap-16);
  }
  .city-popup-wrapper .city-popup .searchbar-wrapper .input-wrapper {
    padding: var(--gap-12);
    height: auto;
    border-radius: var(--round-8);
    background-color: var(--color-surface-1);
    border: 1px solid var(--color-border-transparent);
  }
}
.city-popup-wrapper .city-popup .buttons {
  overflow: scroll;
  gap: 8px;
  scrollbar-width: none;
}
.city-popup-wrapper .city-popup .buttons::-webkit-scrollbar {
  display: none;
}
.city-popup-wrapper .city-popup .cities-wrapper {
  overflow-y: auto;
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup .cities-wrapper {
    margin-top: var(--gap-32);
    display: flex;
    flex-direction: row;
  }
}
.city-popup-wrapper .city-popup .cities-wrapper > * {
  flex: 1;
}
.city-popup-wrapper .city-popup .cities-wrapper .select-line {
  border-left: 1px solid var(--color-border-transparent);
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select {
    color: var(--color-text-medium);
  }
}
.city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select,
.city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city {
  padding-left: var(--gap-24);
}
@media (max-width: 900px) {
  .city-popup-wrapper .city-popup .cities-wrapper .select-line .title-select,
  .city-popup-wrapper .city-popup .cities-wrapper .select-line .select-city {
    padding-left: 0;
    padding: 0 var(--gap-16);
  }
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper.not-city {
  pointer-events: none;
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper.not-city
  .select-city:before {
  display: none;
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper:hover,
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper:hover
  .select-city {
  color: var(--color-text-accent);
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper
  .select-city {
  width: 100%;
  cursor: pointer;
  transition: 0.2s;
  transition-property: border, color;
  border-left: 2px solid transparent;
  position: relative;
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper
  .select-city
  .country {
  margin-left: 8px;
}
@media (max-width: 900px) {
  .city-popup-wrapper
    .city-popup
    .cities-wrapper
    .select-line
    .select-city-wrapper
    .select-city {
    border: none;
  }
  .city-popup-wrapper
    .city-popup
    .cities-wrapper
    .select-line
    .select-city-wrapper
    .select-city:before {
    content: "";
    aspect-ratio: 1;
    width: 24px;
    background-image: url(/images/icons/outline/radio--medium.svg);
    transition: 0.2s background;
    flex-shrink: 0;
  }
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper
  input {
  display: none;
}
.city-popup-wrapper
  .city-popup
  .cities-wrapper
  .select-line
  .select-city-wrapper
  input:checked
  + .select-city {
  border-left: 2px solid var(--color-surface-accent);
  color: var(--color-text-accent);
}
@media (max-width: 900px) {
  .city-popup-wrapper
    .city-popup
    .cities-wrapper
    .select-line
    .select-city-wrapper
    input:checked
    + .select-city {
    border: none;
  }
  .city-popup-wrapper
    .city-popup
    .cities-wrapper
    .select-line
    .select-city-wrapper
    input:checked
    + .select-city:before {
    background-image: url(/images/icons/fill/radio-fill--accent.svg);
  }
}
.city-popup-wrapper .city-popup .submit-buttons {
  padding: var(--gap-16);
}
.city-popup-wrapper .city-popup .submit-buttons .gray-button {
  flex: 1;
}
.city-popup-wrapper:not(.searching) .select-city .country {
  display: none;
}
.city-popup-wrapper.searching .slider.buttons,
.city-popup-wrapper.searching .country-select {
  display: none;
}
.city-popup-wrapper.searching .city-select:not(.nodisp-search) {
  display: flex !important;
  width: 100%;
}
.city-popup-wrapper.searching .cities-wrapper {
  flex-direction: column;
  gap: var(--gap-16);
}
@media (max-width: 900px) {
  .city-popup-wrapper.searching .cities-wrapper {
    margin-top: 0;
  }
}
.city-popup-wrapper.searching .title-select {
  display: none;
}
.filters-popup-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #14141466;
  padding: 40px;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  transition-property: opacity, z-index;
  z-index: 12;
}
.filters-popup-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.filters-popup-wrapper.open {
  opacity: 1;
  pointer-events: all;
  z-index: 11;
}
@media (max-width: 900px) {
  .filters-popup-wrapper {
    padding: 0;
    align-items: flex-end;
  }
}
.filters-popup-wrapper .filters-popup {
  background-color: #fff;
  border-radius: var(--round-32);
  max-width: min(100vw, 896px);
  width: 100%;
  padding: var(--gap-24);
  position: relative;
  max-height: min(900px, 100vh - var(--gap-40) * 2);
}
@media (max-width: 900px) {
  .filters-popup-wrapper .filters-popup {
    padding: var(--gap-24) var(--gap-20);
    border-radius: var(--round-16) var(--round-16) 0 0;
  }
}
.filters-popup-wrapper .filters-popup .top-wrapper .close-popup {
  position: absolute;
  top: 0;
  left: calc(100% + var(--gap-16));
}
@media (max-width: 1024px) {
  .filters-popup-wrapper .filters-popup .top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .filters-popup-wrapper .filters-popup .top-wrapper .close-popup {
    position: static;
  }
  .filters-popup-wrapper .filters-popup .top-wrapper .close-popup .button {
    background-color: var(--color-surface-3);
  }
}
.filters-popup-wrapper .filters-popup .top-wrapper .close-popup .close {
  background-image: url(/images/icons/outline/close--high.svg);
}
.filters-popup-wrapper .filters-popup .select-groups {
  max-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: var(--gap-8);
}
@media (max-width: 900px) {
  .filters-popup-wrapper .filters-popup .select-groups {
    padding-right: 0;
  }
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-title {
  width: 250px;
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-title
  .icon {
  background-image: url(/images/icons/outline/question-circle--medium.svg);
  width: 20px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  top: 5px;
  left: 5px;
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-title
  .icon
  .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-left: 12px;
  left: 12px;
  z-index: 1000;
  top: 50%;
  transform: translateY(-50%);
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-title
  .icon
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
  width: 274px;
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-title
  .icon:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.filters-popup-wrapper
  .filters-popup
  .select-groups
  .select-group
  .group-selects {
  flex-wrap: wrap;
  width: 100%;
}
.filters-popup-wrapper .filters-popup .bottom-buttons {
  width: 100%;
}
@media (max-width: 900px) {
  .filters-popup-wrapper .filters-popup .bottom-buttons .gray-button {
    flex: 1;
  }
}
.filters-popup-wrapper .filters-popup .bottom-buttons .clear {
  cursor: pointer;
}
.filters-popup-wrapper .filters-popup .bottom-buttons .clear .icon {
  background-image: url(/images/icons/outline/close--high.svg);
}
.filters-popup-location {
  width: -moz-fit-content;
  width: fit-content;
}
.filters-popup-location .icon.geo {
  background-image: url(/images/icons/outline/map-pin--high.svg);
}
.dropdown-line {
  width: 100%;
  position: relative;
}
.dropdown-line .input-wrapper {
  height: 48px;
}
.dropdown-line .icon.drop {
  transition: 0.2s transform;
}
.dropdown-line.drop-opened .icon.drop {
  transform: scaleY(-1);
}
.dropdown-line.pointer .input-wrapper {
  cursor: pointer;
}
.dropdown-line.pointer .input-wrapper input {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: pointer;
}
body:has(.filters-popup-wrapper.open) #home-search-bar-app {
  z-index: 10;
}
.custom-dropdown {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 13;
  transition: 0.2s opacity;
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  top: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}
.custom-dropdown::-webkit-scrollbar {
  display: none;
}
.custom-dropdown:not(.open) .slider,
.popup__wrapper:not(.open) .slider {
  pointer-events: none !important;
}
@media (min-width: 901px) {
  .custom-dropdown.auto-width,
  .popup__wrapper.auto-width {
    width: auto !important;
  }
}
.custom-dropdown.open,
.popup__wrapper.open {
  opacity: 1;
  pointer-events: all;
}
.custom-dropdown .checkbox-line-wrapper,
.popup__wrapper .checkbox-line-wrapper {
  padding: var(--gap-12) var(--gap-8);
  cursor: pointer;
  border-radius: var(--gap-12);
  transition: 0.2s background;
}
.custom-dropdown .checkbox-line-wrapper .icon,
.popup__wrapper .checkbox-line-wrapper .icon {
  position: relative;
  top: -0.03em;
}
.custom-dropdown .checkbox-line-wrapper:hover,
.popup__wrapper .checkbox-line-wrapper:hover {
  background-color: var(--color-surface-3);
}
.checkbox-line-wrapper:hover input[type="checkbox"] + .checkbox-line .checkbox,
.popup__wrapper
  .checkbox-line-wrapper:hover
  input[type="checkbox"]
  + .checkbox-line
  .checkbox {
  background-image: url(/images/icons/outline/checkbox--high.svg);
}
.checkbox-line-wrapper:hover input[type="radio"] + .checkbox-line .checkbox,
.popup__wrapper
  .checkbox-line-wrapper:hover
  input[type="radio"]
  + .checkbox-line
  .checkbox {
  background-image: url(/images/icons/outline/radio--high.svg);
}
.checkbox-line-wrapper input[type="checkbox"] + .checkbox-line .checkbox,
.popup__wrapper
  .checkbox-line-wrapper
  input[type="checkbox"]
  + .checkbox-line
  .checkbox {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/checkbox--medium.svg);
}
.checkbox-line-wrapper input[type="radio"] + .checkbox-line .checkbox,
.popup__wrapper
  .checkbox-line-wrapper
  input[type="radio"]
  + .checkbox-line
  .checkbox {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.checkbox-line-wrapper
  input:checked[type="checkbox"]
  + .checkbox-line
  .checkbox,
.popup__wrapper
  .checkbox-line-wrapper
  input:checked[type="checkbox"]
  + .checkbox-line
  .checkbox {
  background-image: url(/images/icons/fill/checkbox--high.svg);
}
.checkbox-line-wrapper input:checked[type="radio"] + .checkbox-line .checkbox,
.popup__wrapper
  .checkbox-line-wrapper
  input:checked[type="radio"]
  + .checkbox-line
  .checkbox {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.custom-dropdown .checkbox-line-wrapper.no-icon,
.popup__wrapper .checkbox-line-wrapper.no-icon {
  padding: 0;
}
.custom-dropdown .checkbox-line-wrapper.no-icon .checkbox-line,
.popup__wrapper .checkbox-line-wrapper.no-icon .checkbox-line {
  padding: var(--gap-12);
  transition: 0.2s background;
}
.custom-dropdown .checkbox-line-wrapper.no-icon input:checked + .checkbox-line,
.popup__wrapper .checkbox-line-wrapper.no-icon input:checked + .checkbox-line {
  background-color: var(--color-surface-3);
}
.checkbox-line-wrapper.no-icon input:checked + .checkbox-line .icon,
.popup__wrapper
  .checkbox-line-wrapper.no-icon
  input:checked
  + .checkbox-line
  .icon {
  background-image: url(/images/icons/outline/check--medium.svg);
}
.custom-dropdown .people-line-wrapper,
.custom-dropdown .params-line-wrapper,
.popup__wrapper .people-line-wrapper,
.popup__wrapper .params-line-wrapper {
  padding: var(--gap-12) 0;
  cursor: pointer;
}
.custom-dropdown .people-line-wrapper .photo,
.custom-dropdown .params-line-wrapper .photo,
.popup__wrapper .people-line-wrapper .photo,
.popup__wrapper .params-line-wrapper .photo {
  border-radius: var(--round-full);
  aspect-ratio: 1;
  width: 24px;
}
.custom-dropdown .people-line-wrapper .input-height-fix,
.custom-dropdown .params-line-wrapper .input-height-fix,
.popup__wrapper .people-line-wrapper .input-height-fix,
.popup__wrapper .params-line-wrapper .input-height-fix {
  height: 48px;
}
.custom-dropdown .people-line-wrapper .people-line .checkbox,
.custom-dropdown .params-line-wrapper .people-line .checkbox,
.popup__wrapper .people-line-wrapper .people-line .checkbox,
.popup__wrapper .params-line-wrapper .people-line .checkbox {
  background-image: url(/images/transparent.png);
}
.custom-dropdown
  .people-line-wrapper
  input:checked[type="checkbox"]
  + .people-line
  .checkbox,
.custom-dropdown
  .params-line-wrapper
  input:checked[type="checkbox"]
  + .people-line
  .checkbox,
.popup__wrapper
  .people-line-wrapper
  input:checked[type="checkbox"]
  + .people-line
  .checkbox,
.popup__wrapper
  .params-line-wrapper
  input:checked[type="checkbox"]
  + .people-line
  .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
.custom-dropdown
  .people-line-wrapper
  input:checked[type="radio"]
  + .people-line
  .checkbox,
.custom-dropdown
  .params-line-wrapper
  input:checked[type="radio"]
  + .people-line
  .checkbox,
.popup__wrapper
  .people-line-wrapper
  input:checked[type="radio"]
  + .people-line
  .checkbox,
.popup__wrapper
  .params-line-wrapper
  input:checked[type="radio"]
  + .people-line
  .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
.custom-dropdown .select-line-wrapper,
.popup__wrapper .select-line-wrapper {
  cursor: pointer;
  background-color: var(--color-surface-1);
  transition: 0.2s background;
  padding: var(--gap-12);
}
.custom-dropdown .select-line-wrapper:hover,
.popup__wrapper .select-line-wrapper:hover {
  background-color: var(--color-surface-3);
}
.custom-dropdown.title-dropdown,
.popup__wrapper.title-dropdown {
  padding: var(--gap-12);
}
.custom-dropdown.title-dropdown .checkbox-group:first-child,
.popup__wrapper.title-dropdown .checkbox-group:first-child {
  padding-top: var(--gap-4);
}
.custom-dropdown.title-dropdown .checkbox-group:last-child,
.popup__wrapper.title-dropdown .checkbox-group:last-child {
  padding-bottom: var(--gap-4);
}
.custom-dropdown.title-dropdown .checkbox-group:not(:last-child):not(.noline),
.popup__wrapper.title-dropdown .checkbox-group:not(:last-child):not(.noline) {
  margin-bottom: var(--gap-4);
  padding-bottom: var(--gap-4);
  border-bottom: 1px solid var(--color-border-transparent);
}
.custom-dropdown.title-dropdown .dropdown-buttons-line,
.popup__wrapper.title-dropdown .dropdown-buttons-line {
  gap: var(--gap-8);
}
.custom-dropdown.no-side-padding,
.popup__wrapper.no-side-padding {
  padding: 0;
}
.custom-dropdown.filter-popup-dropdown,
.popup__wrapper.filter-popup-dropdown {
  max-height: 402px;
  overflow-y: auto;
}
.custom-dropdown.filter-popup-dropdown .gline,
.popup__wrapper.filter-popup-dropdown .gline {
  padding: var(--gap-12) var(--gap-12) var(--gap-4) var(--gap-12);
}
.custom-dropdown.search-dropdown,
.popup__wrapper.search-dropdown {
  max-height: 400px;
  overflow-y: auto;
  padding-left: var(--gap-4);
  padding-right: var(--gap-4);
}
.custom-dropdown.search-dropdown .gtext,
.popup__wrapper.search-dropdown .gtext {
  padding: var(--gap-8) var(--gap-12);
}
.custom-dropdown.search-dropdown .value,
.popup__wrapper.search-dropdown .value {
  padding: var(--gap-8) var(--gap-12);
  border-radius: var(--round-8);
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
  transition: 0.2s background-color;
}
.custom-dropdown.search-dropdown .value:hover,
.popup__wrapper.search-dropdown .value:hover {
  background-color: var(--color-surface-3);
}
.custom-dropdown.title-room-count-drop .input-button-wrapper.round .gray-button,
.popup__wrapper.title-room-count-drop .input-button-wrapper.round .gray-button {
  height: 100%;
}
.custom-dropdown.title-room-count-drop
  .input-button-wrapper.round
  .gray-button
  .button,
.popup__wrapper.title-room-count-drop
  .input-button-wrapper.round
  .gray-button
  .button {
  padding: 0;
  height: 52px;
  width: 52px;
}
.custom-dropdown.add-user-role-dropdown,
.popup__wrapper.add-user-role-dropdown {
  padding: var(--gap-8);
  width: 238px !important;
}
.custom-dropdown.add-user-role-dropdown .broker-moder,
.popup__wrapper.add-user-role-dropdown .broker-moder {
  flex-direction: column;
}
.custom-dropdown.add-user-role-dropdown .broker-moder .selection-wrapper,
.popup__wrapper.add-user-role-dropdown .broker-moder .selection-wrapper {
  max-width: none;
}
.custom-dropdown.people-sort-obj .checkbox-group:last-child,
.popup__wrapper.people-sort-obj .checkbox-group:last-child {
  max-height: 265px;
  overflow: scroll;
  scrollbar-width: none;
}
.custom-dropdown.people-sort-obj .checkbox-group:last-child::-webkit-scrollbar,
.popup__wrapper.people-sort-obj .checkbox-group:last-child::-webkit-scrollbar {
  display: none;
}
.custom-dropdown[drop-id="map-complex"],
.popup__wrapper[drop-id="map-complex"] {
  max-height: 321px;
}
.custom-dropdown[drop-id="map-complex"] .current-jk,
.popup__wrapper[drop-id="map-complex"] .current-jk {
  width: 365px;
}
.custom-dropdown[drop-id="select-types-dropdown"],
.popup__wrapper[drop-id="select-types-dropdown"],
.custom-dropdown[drop-id="select-types-popup-dropdown"],
.popup__wrapper[drop-id="select-types-popup-dropdown"] {
  padding: 0;
}
.custom-dropdown[drop-id="select-types-dropdown"] .drop-section,
.popup__wrapper[drop-id="select-types-dropdown"] .drop-section,
.custom-dropdown[drop-id="select-types-popup-dropdown"] .drop-section,
.popup__wrapper[drop-id="select-types-popup-dropdown"] .drop-section {
  padding: 0 12px;
}
.custom-dropdown[drop-id="select-types-dropdown"] .slider-wrapper,
.popup__wrapper[drop-id="select-types-dropdown"] .slider-wrapper,
.custom-dropdown[drop-id="select-types-popup-dropdown"] .slider-wrapper,
.popup__wrapper[drop-id="select-types-popup-dropdown"] .slider-wrapper {
  border-bottom: 1px solid var(--color-border-transparent);
  padding: 0 12px;
}
.custom-dropdown[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button,
.popup__wrapper[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button,
.custom-dropdown[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button,
.popup__wrapper[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button {
  border-radius: 0;
}
.custom-dropdown[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button,
.popup__wrapper[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button,
.custom-dropdown[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button,
.popup__wrapper[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button {
  background-color: transparent;
  color: var(--color-text-high);
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-12);
}
.custom-dropdown[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  input:checked
  + .gray-button
  .button,
.popup__wrapper[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  input:checked
  + .gray-button
  .button,
.custom-dropdown[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  input:checked
  + .gray-button
  .button,
.popup__wrapper[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  input:checked
  + .gray-button
  .button,
.custom-dropdown[drop-id="select-types-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button.selected,
.custom-dropdown[drop-id="select-types-popup-dropdown"]
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button.selected {
  color: var(--color-text-accent);
  background-color: transparent;
  border-bottom: 2px solid var(--color-surface-accent);
}
.params-line-wrapper {
  cursor: pointer;
}
.params-line-wrapper:last-child {
  border-radius: 0 0 var(--round-16) var(--round-16);
}
.params-line-wrapper:first-child {
  border-radius: var(--round-16) var(--round-16) 0 0;
}
.params-line-wrapper:hover {
  background-color: var(--color-surface-3);
}
@media (max-width: 900px) {
  .params-line-wrapper:hover {
    background-color: var(--color-surface-1);
  }
}
.params-line-wrapper .input-height-fix {
  height: 48px;
}
.params-line-wrapper .params-line {
  padding: var(--gap-12);
}
@media (max-width: 900px) {
  .params-line-wrapper .params-line {
    padding: 0;
  }
}
.params-line-wrapper .params-line:first-child {
  padding: 0;
  border-radius: var(--round-16) var(--round-16) 0 0;
}
.params-line-wrapper .params-line .checkbox {
  background-image: url(/images/transparent.png);
}
.params-line-wrapper input:checked[type="checkbox"] + .params-line .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
@media (max-width: 900px) {
  .params-line-wrapper input:checked[type="checkbox"] + .params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--accent.svg);
  }
}
.params-line-wrapper input:checked[type="radio"] + .params-line .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
@media (max-width: 900px) {
  .params-line-wrapper input:checked[type="radio"] + .params-line .checkbox {
    background-image: url(/images/icons/fill/radio-fill--accent.svg);
  }
  .params-line-wrapper input[type="checkbox"] + .params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg);
  }
  .params-line-wrapper input[type="radio"] + .params-line .checkbox {
    background-image: url(/images/icons/outline/radio--medium.svg);
  }
}
.input-button-wrapper {
  flex-shrink: 0;
}
.input-button-wrapper .gray-button {
  display: block;
  width: auto;
}
.input-button-wrapper input:checked + .gray-button {
  width: auto;
}
.input-button-wrapper input:checked + .gray-button .button {
  background-color: var(--color-surface-5);
  color: var(--color-text-high-invert);
}
.youtube-popup-wrapper {
  position: fixed;
  background-color: #14141466;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 7;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
}
.youtube-popup-wrapper iframe {
  display: none;
}
.youtube-popup-wrapper.open {
  opacity: 1;
  pointer-events: all;
}
.youtube-popup-wrapper.open iframe {
  display: block;
}
.youtube-popup-wrapper .youtube-popup {
  width: min(90vw, 1280px);
  height: min(90vh, 720px);
  position: relative;
}
.youtube-popup-wrapper .youtube-popup .close-popup {
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
}
@media (max-width: 900px) {
  .youtube-popup-wrapper .youtube-popup .close-popup {
    left: initial;
    right: 16px;
    top: 16px;
  }
}
.youtube-popup-wrapper .youtube-popup .close-popup .icon {
  background-image: url(/images/icons/outline/close--high-invert.svg);
}
.youtube-popup-wrapper .youtube-popup .iframe-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--round-8);
}
.youtube-popup-wrapper .youtube-popup .iframe-wrapper iframe {
  width: 100%;
  height: 100%;
}
.popup__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #14141466;
  z-index: 11;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  left: 100vw;
}
@media (max-width: 900px) {
  .popup__wrapper {
    flex-direction: column;
    justify-content: flex-end;
  }
}
.popup__wrapper.open {
  opacity: 1;
  pointer-events: all;
  left: 0;
}
.popup__wrapper .popup__body {
  position: relative;
  background-color: var(--color-surface-1);
  border-radius: var(--round-16);
  max-height: calc(100% - 32px);
  max-width: min(90%, 1440px);
}
@media (max-width: 900px) {
  .popup__wrapper .popup__body {
    border-radius: var(--round-16) var(--round-16) 0 0;
    width: 100%;
    max-width: none;
  }
}
.popup__wrapper .popup__body-inner {
  overflow-y: auto;
  max-height: 100%;
  border-radius: var(--round-16);
  width: 100%;
}
.popup__wrapper .popup__body .popup-content-wrapper {
  padding: var(--gap-24);
  width: 100%;
}
.popup__wrapper .popup__body .ytext .icon.clock {
  background-image: url(/images/icons/fill/clock--accent.svg);
}
.popup__wrapper .popup__body .title .icon {
  width: 36px;
}
.popup__wrapper .popup__body .close-popup {
  position: absolute;
  top: 0;
  left: calc(100% + 16px);
}
@media (max-width: 900px) {
  .popup__wrapper .popup__body .close-popup {
    left: initial;
    right: 16px;
    top: 16px;
  }
  .popup__wrapper .popup__body .close-popup .button {
    background-color: var(--color-surface-3);
    box-shadow: none;
  }
}
.popup__wrapper .popup__body .close-popup .icon.close {
  background-image: url(/images/icons/outline/close--high.svg);
}
.popup__wrapper.index-form-popup .index-form-callback {
  width: 100%;
  background-color: var(--color-surface-1);
  max-width: none;
}
.popup__wrapper.index-form-popup .index-form-callback .phones-dropdown {
  max-height: 206px;
}
.popup__wrapper.index-form-popup .popup__body {
  max-width: 640px;
}
.popup__wrapper.reg-popup .popup__body,
.popup__wrapper.change-popup .popup__body,
.popup__wrapper.recall-popup .popup__body,
.popup__wrapper.auth-popup .popup__body {
  max-width: 514px;
  width: 100%;
}
.popup__wrapper.reg-popup .popup__body .popup__body-inner,
.popup__wrapper.change-popup .popup__body .popup__body-inner,
.popup__wrapper.recall-popup .popup__body .popup__body-inner,
.popup__wrapper.auth-popup .popup__body .popup__body-inner {
  width: 100%;
}
.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form {
  padding: var(--gap-32);
  width: 100%;
  overflow-y: auto;
}
.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .gtext a,
.popup__wrapper.change-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .gtext
  a,
.popup__wrapper.recall-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .gtext
  a,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .gtext a {
  color: var(--color-text-high);
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
}
.popup__wrapper.reg-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap,
.popup__wrapper.change-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap,
.popup__wrapper.recall-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap,
.popup__wrapper.auth-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap {
  margin-top: 40px;
}
.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .cent,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .cent {
  text-align: center;
}
.popup__wrapper.reg-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.change-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.recall-popup .popup__body .popup__body-inner .auth-form .alert,
.popup__wrapper.auth-popup .popup__body .popup__body-inner .auth-form .alert {
  color: var(--color-text-error);
}
.popup__wrapper.reg-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap
  .gtext-wrapper,
.popup__wrapper.change-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap
  .gtext-wrapper,
.popup__wrapper.recall-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap
  .gtext-wrapper,
.popup__wrapper.auth-popup
  .popup__body
  .popup__body-inner
  .auth-form
  .form-cont-wrap
  .gtext-wrapper {
  text-align: center;
}
.popup__wrapper.change-mail-popup .popup__body {
  max-width: 514px;
  width: 100%;
}
.popup__wrapper.change-mail-popup .popup__body .auth-form {
  padding: var(--gap-32);
  width: 100%;
  overflow-y: auto;
}
.popup__wrapper.change-mail-popup .popup__body .auth-form .form-cont-wrap {
  margin-top: 12px;
}
.popup__wrapper.change-mail-popup
  .popup__body
  .auth-form
  .form-cont-wrap
  .spam {
  text-align: center;
}
.popup__wrapper.change-mail-popup
  .popup__body
  .auth-form
  .form-cont-wrap
  .button.inactive {
  background-color: var(--color-surface-3);
  color: var(--color-text-medium);
  pointer-events: none;
}
.popup__wrapper.ref-id-popup .ref-id-content {
  width: 100%;
}
.popup__wrapper.partner-deals-popup .deal-content {
  max-width: 375px;
  width: 100%;
}
.popup__wrapper.user-request-popup .request-wrapper .done {
  padding: var(--gap-20);
  border-radius: var(--round-16);
  background-color: #e4fbee;
}
.popup__wrapper.user-request-popup .request-wrapper .done .check-circle {
  background-image: url(/images/icons/outline/check-circle--success.svg);
}
.popup__wrapper.user-request-popup .request-wrapper .buttons {
  width: 100%;
}
.popup__wrapper.user-request-popup .request-wrapper .buttons .button.fullwidth {
  width: 100%;
  flex-shrink: 1;
}
.popup__wrapper.user-request-popup
  .request-wrapper
  .buttons
  .button
  .icon.phone {
  background-image: url(/images/icons/outline/phone--high.svg);
}
.popup__wrapper.user-request-popup
  .request-wrapper
  .buttons
  .button
  .icon.chat-circle-dots {
  background-image: url(/images/icons/outline/chat-circle-dots--high.svg);
}
.popup__wrapper.partner-percents-popup .partner-percents-content {
  width: 100%;
}
.popup__wrapper.partner-percents-popup .partner-percents-content .steps {
  background-color: var(--color-surface-1);
  border-radius: var(--round-32);
}
@media (max-width: 900px) {
  .popup__wrapper.partner-percents-popup .partner-percents-content .steps {
    border-radius: var(--round-24);
    border-radius: 0;
  }
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step:not(:last-child)
  .step__body
  .right {
  padding-bottom: var(--gap-12);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step:last-child
  .step__body
  .left
  .line {
  display: none;
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .icon {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .left {
  justify-content: flex-start;
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .left
  .line {
  flex-shrink: 1;
  border-radius: var(--round-full);
  width: 2px;
  height: 100%;
  background-color: var(--color-border-transparent);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .right
  .progress {
  padding: var(--gap-6) var(--gap-8);
  border-radius: var(--round-full);
  background-color: var(--color-surface-3);
  width: -moz-fit-content;
  width: fit-content;
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .right
  .progress
  .icon {
  width: 16px;
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step__body
  .right
  .progress
  .icon.clock {
  background-image: url(/images/icons/fill/clock--high.svg);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step.active:before,
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step.done:before {
  background-color: var(--color-border-solid);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step.active
  .step__body
  .line {
  background-color: var(--color-border-solid);
}
.popup__wrapper.partner-percents-popup
  .partner-percents-content
  .steps
  .step.done
  .step__body
  .icon {
  background-image: url(/images/icons/fill/radio-fill--success.svg);
}
.popup__wrapper.share-page-mob-popup .share-popup-wrapper {
  width: 100%;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons {
  overflow: auto;
  scrollbar-width: none;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons::-webkit-scrollbar {
  display: none;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .green,
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .blue,
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .lightblue {
  padding: var(--gap-12);
  border-radius: var(--round-full);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .green {
  background-color: #25d366;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .blue {
  background-color: #1877f2;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .lightblue {
  background-color: #3db7f4;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high-invert.svg);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high-invert.svg);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .line {
  height: 48px;
  width: 1px;
  background-color: var(--color-border-transparent);
  flex-shrink: 0;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .button.gray {
  height: 48px;
  aspect-ratio: 1;
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .button
  .icon.link {
  background-image: url(/images/icons/outline/link--high.svg);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .button
  .icon.download-simple {
  background-image: url(/images/icons/outline/download-simple--high.svg);
}
.popup__wrapper.share-page-mob-popup
  .share-popup-wrapper
  .share-content
  .content-buttons
  .button
  .icon.dotsthree {
  background-image: url(/images/icons/DotsThree--high.svg);
}
@media (min-width: 901px) {
  .popup__wrapper.lead-form .timer-wrapper {
    min-height: 80vh;
  }
}
.popup__wrapper.lead-form .popup__body {
  max-width: 514px;
  width: 100%;
}
.popup__wrapper.lead-form .popup__body .popup__body-inner {
  width: 100%;
}
.popup__wrapper.lead-form .popup__body .popup__body-inner .phones-dropdown {
  max-height: 168px;
}
.popup__wrapper.lead-form
  .popup__body
  .popup__body-inner
  .catalog-popup-wrapper {
  padding: var(--gap-32);
  width: 100%;
}
.popup__wrapper.lead-form
  .popup__body
  .popup__body-inner
  .catalog-popup-wrapper
  .gtext {
  margin-top: var(--gap-12);
}
.popup__wrapper.lead-form
  .popup__body
  .popup__body-inner
  .catalog-popup-wrapper
  .form-cont-wrap {
  margin-top: 40px;
}
.popup__wrapper.lead-form
  .popup__body
  .popup__body-inner
  .catalog-popup-wrapper
  .form-cont-wrap
  .gtext {
  margin-top: 0;
}
.popup__wrapper.lead-form .popup__body .popup__body-inner .autoclose {
  white-space: nowrap;
  flex-wrap: wrap;
}
.popup__wrapper.lead-form .popup__body .popup__body-inner .autoclose .gtext {
  margin-top: 0;
}
.popup__wrapper.lead-form .popup__body .popup__body-inner .thanks .success {
  aspect-ratio: 1;
  width: 72px;
  border-radius: var(--round-full);
  background-color: var(--color-surface-accent);
}
.popup__wrapper.lead-form
  .popup__body
  .popup__body-inner
  .thanks
  .success
  .icon.check {
  background-image: url(/images/icons/outline/check--high-invert.svg);
}
.popup__wrapper.success-popup .popup__body {
  max-width: 514px;
  width: 100%;
}
.popup__wrapper.success-popup .popup__body .popup__body-inner {
  width: 100%;
}
.popup__wrapper.success-popup .popup__body .popup__body-inner .success-wrap {
  padding: var(--gap-32);
  width: 100%;
}
.popup__wrapper.success-popup
  .popup__body
  .popup__body-inner
  .success-wrap
  .success-change
  .success-icon {
  background-color: var(--color-icon-accent);
  width: 72px;
  aspect-ratio: 1;
  border-radius: var(--round-full);
  margin-top: 60px;
}
@media (max-width: 900px) {
  .popup__wrapper.success-popup
    .popup__body
    .popup__body-inner
    .success-wrap
    .success-change
    .success-icon {
    margin-top: 0;
  }
}
.popup__wrapper.success-popup
  .popup__body
  .popup__body-inner
  .success-wrap
  .success-change
  .success-icon
  .icon {
  background-image: url(/images/icons/outline/check--high-invert.svg);
}
@media (max-width: 900px) {
  .popup__wrapper.success-popup
    .popup__body
    .popup__body-inner
    .success-wrap
    .success-change {
    align-items: flex-start;
  }
}
.popup__wrapper.success-popup
  .popup__body
  .popup__body-inner
  .success-wrap
  .button {
  margin-top: 100px;
}
.popup__wrapper.comp-hov-popup,
.popup__wrapper.sort-hov-popup,
.popup__wrapper.params-info-popup {
  display: none;
}
@media (max-width: 900px) {
  .popup__wrapper.comp-hov-popup,
  .popup__wrapper.sort-hov-popup,
  .popup__wrapper.params-info-popup {
    display: flex;
  }
}
.popup__wrapper.comp-hov-popup .popup__body-inner,
.popup__wrapper.sort-hov-popup .popup__body-inner,
.popup__wrapper.params-info-popup .popup__body-inner {
  width: 100%;
}
.popup__wrapper.comp-hov-popup .popup__body-inner .title-wrapper,
.popup__wrapper.sort-hov-popup .popup__body-inner .title-wrapper,
.popup__wrapper.params-info-popup .popup__body-inner .title-wrapper {
  height: 90px;
  max-width: 279px;
}
.popup__wrapper.comp-hov-popup .popup__body-inner .title-wrapper .title,
.popup__wrapper.sort-hov-popup .popup__body-inner .title-wrapper .title,
.popup__wrapper.params-info-popup .popup__body-inner .title-wrapper .title {
  padding: var(--gap-12) var(--gap-16);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.2em;
  box-sizing: content-box;
}
.popup__wrapper.comp-hov-popup .popup__body-inner .list-wrap,
.popup__wrapper.sort-hov-popup .popup__body-inner .list-wrap,
.popup__wrapper.params-info-popup .popup__body-inner .list-wrap {
  width: 100%;
  padding: var(--gap-24) var(--gap-16);
  padding-top: var(--gap-8);
}
.popup__wrapper.comp-hov-popup .popup__body-inner .list-wrap .list,
.popup__wrapper.sort-hov-popup .popup__body-inner .list-wrap .list,
.popup__wrapper.params-info-popup .popup__body-inner .list-wrap .list {
  gap: 12px;
}
.popup__wrapper.sort-hov-popup .params-wrapper {
  padding: var(--gap-12) var(--gap-16);
  width: 100%;
  gap: 12px;
}
.popup__wrapper.sort-hov-popup
  .params-wrapper
  .params-line-wrapper
  .params-line {
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: var(--gap-8);
}
.popup__wrapper.params-info-popup .params-info-wrapper {
  padding: var(--gap-16);
  padding-bottom: var(--gap-40);
}
.popup__wrapper.params-info-popup .params-info-wrapper .image {
  aspect-ratio: 88/60;
  width: 88px;
  border-radius: var(--round-8);
}
.popup__wrapper.rename-coll-popup .popup__body,
.popup__wrapper.delete-coll-popup .popup__body,
.popup__wrapper.create-coll-popup .popup__body,
.popup__wrapper.add-to-collection-popup .popup__body {
  max-width: 540px;
  width: 100%;
}
.popup__wrapper.rename-coll-popup .popup__body-inner,
.popup__wrapper.delete-coll-popup .popup__body-inner,
.popup__wrapper.create-coll-popup .popup__body-inner,
.popup__wrapper.add-to-collection-popup .popup__body-inner {
  width: 100%;
}
@media (max-width: 900px) {
  .popup__wrapper.rename-coll-popup .popup__body-inner,
  .popup__wrapper.delete-coll-popup .popup__body-inner,
  .popup__wrapper.create-coll-popup .popup__body-inner,
  .popup__wrapper.add-to-collection-popup .popup__body-inner {
    padding: var(--gap-16);
  }
}
.popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper {
  width: 100%;
  padding: var(--gap-24);
}
@media (max-width: 900px) {
  .popup__wrapper.rename-coll-popup .popup__body-inner .rename-popup-wrapper,
  .popup__wrapper.delete-coll-popup .popup__body-inner .rename-popup-wrapper,
  .popup__wrapper.create-coll-popup .popup__body-inner .rename-popup-wrapper,
  .popup__wrapper.add-to-collection-popup
    .popup__body-inner
    .rename-popup-wrapper {
    padding: 0;
    height: 256px;
    gap: var(--gap-32);
  }
}
.popup__wrapper.rename-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .input-limits,
.popup__wrapper.delete-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .input-limits,
.popup__wrapper.create-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .input-limits,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper
  .input-limits {
  margin-top: 16px;
}
.popup__wrapper.rename-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus,
.popup__wrapper.rename-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image,
.popup__wrapper.delete-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus,
.popup__wrapper.delete-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image,
.popup__wrapper.create-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus,
.popup__wrapper.create-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image {
  aspect-ratio: 1;
  width: 64px;
  background-color: var(--color-surface-3);
  border-radius: 16px;
}
.popup__wrapper.rename-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus
  .icon.plus,
.popup__wrapper.rename-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image
  .icon.plus,
.popup__wrapper.delete-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus
  .icon.plus,
.popup__wrapper.delete-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image
  .icon.plus,
.popup__wrapper.create-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus
  .icon.plus,
.popup__wrapper.create-coll-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image
  .icon.plus,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .bigplus
  .icon.plus,
.popup__wrapper.add-to-collection-popup
  .popup__body-inner
  .rename-popup-wrapper
  .choose-coll
  .coll-item
  .image
  .icon.plus {
  background-image: url(/images/icons/outline/plus--high.svg);
}
.popup__wrapper.rename-coll-popup .popup__body-inner .button,
.popup__wrapper.delete-coll-popup .popup__body-inner .button,
.popup__wrapper.create-coll-popup .popup__body-inner .button,
.popup__wrapper.add-to-collection-popup .popup__body-inner .button {
  margin: var(--gap-12) var(--gap-12) var(--gap-12) auto;
}
@media (max-width: 900px) {
  .popup__wrapper.rename-coll-popup .popup__body-inner .button,
  .popup__wrapper.delete-coll-popup .popup__body-inner .button,
  .popup__wrapper.create-coll-popup .popup__body-inner .button,
  .popup__wrapper.add-to-collection-popup .popup__body-inner .button {
    margin: 16px 0 0;
    width: 100%;
  }
}
.popup__wrapper.add-to-collection-popup .popup__body-inner {
  height: 550px;
}
.popup__wrapper.delete-coll-popup .rename-popup-wrapper {
  width: 416px;
}
.popup__wrapper.user-lk-logout-popup .popup__body {
  max-width: 416px;
  width: 100%;
}
.popup__wrapper.user-lk-logout-popup .popup__body .rename-popup-wrapper {
  padding: var(--gap-24);
}
@media (max-width: 900px) {
  .popup__wrapper.user-lk-logout-popup .popup__body .rename-popup-wrapper {
    height: 128px;
    gap: var(--gap-32);
  }
}
.popup__wrapper.user-lk-logout-popup .popup__body .buttons {
  margin: var(--gap-12) var(--gap-12) var(--gap-12) auto;
}
@media (max-width: 900px) {
  .popup__wrapper.user-lk-logout-popup .popup__body .buttons {
    margin: 0;
    padding: var(--gap-16);
    justify-content: center;
    width: 100%;
  }
}
.popup__wrapper.role-remove-user-popup form,
.popup__wrapper.role-recovery-user-popup form,
.popup__wrapper.role-delete-user-popup form {
  width: 100%;
}
.popup__wrapper.role-remove-user-popup form .title,
.popup__wrapper.role-recovery-user-popup form .title,
.popup__wrapper.role-delete-user-popup form .title {
  height: 40px;
}
.popup__wrapper.role-remove-user-popup form .gtext,
.popup__wrapper.role-recovery-user-popup form .gtext,
.popup__wrapper.role-delete-user-popup form .gtext {
  max-width: 450px;
}
.popup__wrapper.role-remove-user-popup form span,
.popup__wrapper.role-recovery-user-popup form span,
.popup__wrapper.role-delete-user-popup form span {
  display: inline-block;
}
.popup__wrapper.role-remove-user-popup form textarea,
.popup__wrapper.role-recovery-user-popup form textarea,
.popup__wrapper.role-delete-user-popup form textarea {
  width: 492px;
  height: 130px;
  border-radius: 16px;
  padding: var(--gap-20);
  background-color: var(--color-surface-3);
  border: none;
  resize: none;
}
@media (max-width: 900px) {
  .popup__wrapper.role-remove-user-popup form textarea,
  .popup__wrapper.role-recovery-user-popup form textarea,
  .popup__wrapper.role-delete-user-popup form textarea {
    width: 100%;
  }
}
.popup__wrapper.role-recovery-user-popup form .title,
.popup__wrapper.role-delete-user-popup form .title {
  height: 110px;
}
.popup__wrapper.role-recovery-user-popup form .button.white,
.popup__wrapper.role-delete-user-popup form .button.white {
  box-shadow: none;
}
.popup__wrapper.role-change-user-popup form {
  width: 100%;
}
.popup__wrapper.role-change-user-popup form .title {
  height: 40px;
}
.popup__wrapper.role-add-user-popup form {
  width: 100%;
}
.popup__wrapper.role-add-user-popup form .title {
  height: 40px;
}
.popup__wrapper.role-add-user-popup form .input-drop-wrapper {
  background-color: var(--color-surface-3);
  border-radius: var(--gap-8);
}
.popup__wrapper.role-add-user-popup form .input-drop-wrapper .divider-v {
  height: 24px;
}
@media (max-width: 900px) {
  .popup__wrapper.role-add-user-popup form .input-drop-wrapper .divider-v {
    display: none;
  }
}
.popup__wrapper.role-add-user-popup form .input-drop-wrapper .input-wrapper {
  height: 48px;
  padding: 0 var(--gap-12);
}
.popup__wrapper.role-add-user-popup
  form
  .input-drop-wrapper
  .input-wrapper:first-child {
  width: 354px;
}
@media (max-width: 900px) {
  .popup__wrapper.role-add-user-popup
    form
    .input-drop-wrapper
    .input-wrapper:first-child {
    width: 100%;
  }
}
.popup__wrapper.role-add-user-popup
  form
  .input-drop-wrapper
  .input-wrapper[open-drop] {
  width: 160px;
  cursor: pointer;
}
.popup__wrapper.role-add-user-popup
  form
  .input-drop-wrapper
  .input-wrapper[open-drop]
  input {
  pointer-events: none;
}
.popup__wrapper.help-choose-popup .popup__body {
  max-width: 514px;
  width: 100%;
}
.popup__wrapper.help-choose-popup .popup__body .popup__body-inner {
  overflow-y: hidden;
  width: 100%;
}
.popup__wrapper.help-choose-popup
  .popup__body
  .popup__body-inner
  .rename-popup-wrapper {
  width: 100%;
  padding: 32px;
}
.popup__wrapper.help-choose-popup
  .popup__body
  .popup__body-inner
  .rename-popup-wrapper
  .numb {
  position: relative;
  top: 0.3em;
  display: inline-flex;
}
.popup__wrapper.help-choose-popup
  .popup__body
  .popup__body-inner
  .rename-popup-wrapper
  .numb
  .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
}
.popup__wrapper.room-search-popup .checkbox-group:last-child {
  max-height: 265px;
  overflow: scroll;
  scrollbar-width: none;
}
.popup__wrapper.room-search-popup
  .checkbox-group:last-child::-webkit-scrollbar {
  display: none;
}
.popup__wrapper.title-room-type-popup .checkbox-group:first-child {
  padding-top: var(--gap-4);
}
.popup__wrapper.title-room-type-popup .checkbox-group:last-child {
  padding-bottom: var(--gap-4);
}
.popup__wrapper.title-room-type-popup
  .checkbox-group:not(:last-child):not(.noline) {
  margin-bottom: var(--gap-4);
  padding-bottom: var(--gap-4);
  border-bottom: 1px solid var(--color-border-transparent);
}
.popup__wrapper.title-room-type-popup .slider-wrapper {
  border-bottom: 1px solid var(--color-border-transparent);
  padding: 0 12px;
}
.popup__wrapper.title-room-type-popup
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button {
  border-radius: 0;
}
.popup__wrapper.title-room-type-popup
  .slider-wrapper
  .slider
  .input-button-wrapper
  .gray-button
  .button {
  background-color: transparent;
  color: var(--color-text-high);
  border-radius: 0;
  border: none;
  border-bottom: 2px solid transparent;
  padding-left: 0;
  padding-right: 0;
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-12);
}
.popup__wrapper.title-room-type-popup
  .slider-wrapper
  .slider
  .input-button-wrapper
  input:checked
  + .gray-button
  .button {
  color: var(--color-text-accent);
  background-color: transparent;
  border-bottom: 2px solid var(--color-surface-accent);
}
.popup__wrapper.title-room-type-popup .popup__body-inner,
.popup__wrapper.people-sort-obj-popup .popup__body-inner,
.popup__wrapper.title-room-count-popup .popup__body-inner,
.popup__wrapper.title-room-price-popup .popup__body-inner,
.popup__wrapper.room-search-popup .popup__body-inner,
.popup__wrapper.filter-popup .popup__body-inner,
.popup__wrapper.add-user-role-popup .popup__body-inner,
.popup__wrapper.radio-list-popup .popup__body-inner,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner,
.popup__wrapper.radio-currency-popup .popup__body-inner,
.popup__wrapper.map-complex-popup .popup__body-inner,
.popup__wrapper.country-popup .popup__body-inner,
.popup__wrapper.share-page-mob-popup .popup__body-inner,
.popup__wrapper.partner-deals-popup .popup__body-inner,
.popup__wrapper.partner-percents-popup .popup__body-inner,
.popup__wrapper.ref-id-popup .popup__body-inner,
.popup__wrapper.user-request-popup .popup__body-inner,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner,
.popup__wrapper.office-description-popup .popup__body-inner,
.popup__wrapper.language-popup .popup__body-inner {
  padding: var(--gap-12);
}
.popup__wrapper.title-room-type-popup .popup__body-inner > *,
.popup__wrapper.people-sort-obj-popup .popup__body-inner > *,
.popup__wrapper.title-room-count-popup .popup__body-inner > *,
.popup__wrapper.title-room-price-popup .popup__body-inner > *,
.popup__wrapper.room-search-popup .popup__body-inner > *,
.popup__wrapper.filter-popup .popup__body-inner > *,
.popup__wrapper.add-user-role-popup .popup__body-inner > *,
.popup__wrapper.radio-list-popup .popup__body-inner > *,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner > *,
.popup__wrapper.radio-currency-popup .popup__body-inner > *,
.popup__wrapper.map-complex-popup .popup__body-inner > *,
.popup__wrapper.country-popup .popup__body-inner > *,
.popup__wrapper.share-page-mob-popup .popup__body-inner > *,
.popup__wrapper.partner-deals-popup .popup__body-inner > *,
.popup__wrapper.partner-percents-popup .popup__body-inner > *,
.popup__wrapper.ref-id-popup .popup__body-inner > *,
.popup__wrapper.user-request-popup .popup__body-inner > *,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner > *,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner > *,
.popup__wrapper.office-description-popup .popup__body-inner > *,
.popup__wrapper.language-popup .popup__body-inner > * {
  width: 100%;
}
.popup__wrapper.title-room-type-popup .popup__body-inner .popup-title,
.popup__wrapper.people-sort-obj-popup .popup__body-inner .popup-title,
.popup__wrapper.title-room-count-popup .popup__body-inner .popup-title,
.popup__wrapper.title-room-price-popup .popup__body-inner .popup-title,
.popup__wrapper.room-search-popup .popup__body-inner .popup-title,
.popup__wrapper.filter-popup .popup__body-inner .popup-title,
.popup__wrapper.add-user-role-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-list-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-list-no-icon-popup .popup__body-inner .popup-title,
.popup__wrapper.radio-currency-popup .popup__body-inner .popup-title,
.popup__wrapper.map-complex-popup .popup__body-inner .popup-title,
.popup__wrapper.country-popup .popup__body-inner .popup-title,
.popup__wrapper.share-page-mob-popup .popup__body-inner .popup-title,
.popup__wrapper.partner-deals-popup .popup__body-inner .popup-title,
.popup__wrapper.partner-percents-popup .popup__body-inner .popup-title,
.popup__wrapper.ref-id-popup .popup__body-inner .popup-title,
.popup__wrapper.user-request-popup .popup__body-inner .popup-title,
.popup__wrapper.user-lk-ref-client-popup .popup__body-inner .popup-title,
.popup__wrapper.user-lk-ref-partner-popup .popup__body-inner .popup-title,
.popup__wrapper.office-description-popup .popup__body-inner .popup-title,
.popup__wrapper.language-popup .popup__body-inner .popup-title {
  max-width: calc(100% - 70px);
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-40);
}
.popup__wrapper.title-room-type-popup .popup-control-buttons-fixer,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons-fixer,
.popup__wrapper.title-room-count-popup .popup-control-buttons-fixer,
.popup__wrapper.title-room-price-popup .popup-control-buttons-fixer,
.popup__wrapper.room-search-popup .popup-control-buttons-fixer,
.popup__wrapper.filter-popup .popup-control-buttons-fixer,
.popup__wrapper.add-user-role-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-list-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons-fixer,
.popup__wrapper.radio-currency-popup .popup-control-buttons-fixer,
.popup__wrapper.map-complex-popup .popup-control-buttons-fixer,
.popup__wrapper.country-popup .popup-control-buttons-fixer,
.popup__wrapper.share-page-mob-popup .popup-control-buttons-fixer,
.popup__wrapper.partner-deals-popup .popup-control-buttons-fixer,
.popup__wrapper.partner-percents-popup .popup-control-buttons-fixer,
.popup__wrapper.ref-id-popup .popup-control-buttons-fixer,
.popup__wrapper.user-request-popup .popup-control-buttons-fixer,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons-fixer,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons-fixer,
.popup__wrapper.office-description-popup .popup-control-buttons-fixer,
.popup__wrapper.language-popup .popup-control-buttons-fixer {
  height: 85px;
  flex-shrink: 0;
}
.popup__wrapper.title-room-type-popup .popup-control-buttons,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons,
.popup__wrapper.title-room-count-popup .popup-control-buttons,
.popup__wrapper.title-room-price-popup .popup-control-buttons,
.popup__wrapper.room-search-popup .popup-control-buttons,
.popup__wrapper.filter-popup .popup-control-buttons,
.popup__wrapper.add-user-role-popup .popup-control-buttons,
.popup__wrapper.radio-list-popup .popup-control-buttons,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons,
.popup__wrapper.radio-currency-popup .popup-control-buttons,
.popup__wrapper.map-complex-popup .popup-control-buttons,
.popup__wrapper.country-popup .popup-control-buttons,
.popup__wrapper.share-page-mob-popup .popup-control-buttons,
.popup__wrapper.partner-deals-popup .popup-control-buttons,
.popup__wrapper.partner-percents-popup .popup-control-buttons,
.popup__wrapper.ref-id-popup .popup-control-buttons,
.popup__wrapper.user-request-popup .popup-control-buttons,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons,
.popup__wrapper.office-description-popup .popup-control-buttons,
.popup__wrapper.language-popup .popup-control-buttons {
  position: absolute;
  padding: var(--gap-16);
  padding-top: 0;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  left: 0;
}
.popup__wrapper.title-room-type-popup .popup-control-buttons .divider,
.popup__wrapper.people-sort-obj-popup .popup-control-buttons .divider,
.popup__wrapper.title-room-count-popup .popup-control-buttons .divider,
.popup__wrapper.title-room-price-popup .popup-control-buttons .divider,
.popup__wrapper.room-search-popup .popup-control-buttons .divider,
.popup__wrapper.filter-popup .popup-control-buttons .divider,
.popup__wrapper.add-user-role-popup .popup-control-buttons .divider,
.popup__wrapper.radio-list-popup .popup-control-buttons .divider,
.popup__wrapper.radio-list-no-icon-popup .popup-control-buttons .divider,
.popup__wrapper.radio-currency-popup .popup-control-buttons .divider,
.popup__wrapper.map-complex-popup .popup-control-buttons .divider,
.popup__wrapper.country-popup .popup-control-buttons .divider,
.popup__wrapper.share-page-mob-popup .popup-control-buttons .divider,
.popup__wrapper.partner-deals-popup .popup-control-buttons .divider,
.popup__wrapper.partner-percents-popup .popup-control-buttons .divider,
.popup__wrapper.ref-id-popup .popup-control-buttons .divider,
.popup__wrapper.user-request-popup .popup-control-buttons .divider,
.popup__wrapper.user-lk-ref-client-popup .popup-control-buttons .divider,
.popup__wrapper.user-lk-ref-partner-popup .popup-control-buttons .divider,
.popup__wrapper.office-description-popup .popup-control-buttons .divider,
.popup__wrapper.language-popup .popup-control-buttons .divider {
  margin-bottom: var(--gap-16);
}
.popup__wrapper.title-room-type-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.people-sort-obj-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.title-room-count-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.title-room-price-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.room-search-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.filter-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.add-user-role-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.radio-list-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.radio-list-no-icon-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.radio-currency-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.map-complex-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.country-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.share-page-mob-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.partner-deals-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.partner-percents-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.ref-id-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.user-request-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.user-lk-ref-client-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.user-lk-ref-partner-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.office-description-popup
  .popup-control-buttons
  .buttons
  .gray-button,
.popup__wrapper.language-popup .popup-control-buttons .buttons .gray-button,
.popup__wrapper.title-room-type-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.people-sort-obj-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.title-room-count-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.title-room-price-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.room-search-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.filter-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.add-user-role-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.radio-list-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.radio-list-no-icon-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.radio-currency-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.map-complex-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.country-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.share-page-mob-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.partner-deals-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.partner-percents-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.ref-id-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.user-request-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.user-lk-ref-client-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.user-lk-ref-partner-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.office-description-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button,
.popup__wrapper.language-popup
  .popup-control-buttons
  .buttons
  .gray-button
  .button {
  flex-shrink: 1;
}
[open-popup] {
  cursor: pointer;
}
.user-request-popup__info {
  margin-bottom: 20px;
}
.user-request-popup__builder span {
  color: #000;
}
.popup-to-page {
  position: static;
  margin-top: 75px;
  opacity: 0;
  transition: 0.2s opacity;
}
.popup-to-page .popup__wrapper {
  position: static;
  opacity: 1;
  pointer-events: all;
  background-color: transparent;
}
.popup-to-page .popup__wrapper .close-popup {
  display: none;
}
.broker-collection {
  margin-top: 75px;
}
.broker-collection .collections {
  flex-wrap: wrap;
}
.broker-invest {
  margin-top: 100px;
}
.broker-invest .page-title {
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  .broker-invest .page-title .title-buttons {
    display: none;
  }
}
.broker-invest .page-title .title-buttons .button .icon.share {
  background-image: url(/images/icons/outline/share--high.svg);
}
.broker-invest .page-title .title-buttons .button .icon.download {
  background-image: url(/images/icons/outline/download-simple--high-invert.svg);
}
.broker-invest .collection-page-wrapper {
  margin-top: 24px;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .broker-invest .collection-page-wrapper {
    gap: 16px;
  }
}
@media (max-width: 750px) {
  .broker-invest .collection-page-wrapper {
    flex-direction: column-reverse;
  }
}
.broker-invest .collection-page-wrapper .cards {
  flex-wrap: wrap;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .broker-invest .collection-page-wrapper .cards {
    gap: 16px;
  }
}
@media (max-width: 600px) {
  .broker-invest .collection-page-wrapper .cards .complex-card {
    width: 100%;
    max-width: none;
  }
}
.broker-objects {
  margin-top: 85px;
}
.add-coll-menu {
  background-color: var(--color-surface-1);
  padding: 8px 0;
}
@media (max-width: 1000px) {
  .add-coll-menu {
    flex-direction: column;
    gap: 16px;
  }
}
@media (max-width: 900px) {
  .add-coll-menu .left {
    gap: 16px;
  }
}
.add-coll-menu .option {
  cursor: pointer;
  transition: 0.2s color;
}
.add-coll-menu .option:hover {
  color: var(--color-text-accent);
}
.add-coll-menu .icon.download {
  background-image: url(/images/icons/outline/download-simple--high.svg);
}
.add-coll-menu .icon.copy {
  background-image: url(/images/icons/outline/Copy--high.svg);
}
.menu-coll {
  background-color: var(--color-surface-1);
  position: sticky;
  bottom: 0;
}
@media (min-width: 901px) {
  .broker-obj-header .top-price .button.border {
    display: none;
  }
}
.broker-obj-top {
  padding-top: var(--gap-56);
  padding-bottom: var(--gap-24);
}
@media (max-width: 900px) {
  .broker-obj-top {
    padding-top: var(--gap-24);
    padding-bottom: var(--gap-32);
  }
}
.broker-obj-top .page-title .button .icon {
  position: relative;
  top: -0.05em;
}
.broker-obj-top .page-title .button .icon.add {
  background-image: url(/images/icons/outline/plus--high.svg);
}
@media (max-width: 900px) {
  .broker-obj-top .coll-search {
    flex-direction: column;
    gap: var(--gap-8);
  }
}
.broker-obj-top .coll-search .coll-search-drop {
  width: 375px;
}
@media (max-width: 900px) {
  .broker-obj-top .coll-search .coll-search-drop {
    width: 100%;
  }
}
.broker-obj-top .filters .line {
  width: 100%;
}
.broker-obj-top .filters .line .gray-button .button {
  height: 48px;
  box-shadow: none;
}
.broker-obj-top .filters .line .input-wrapper {
  flex: 1;
  max-width: none;
  background-color: var(--color-surface-1);
  height: 48px;
}
.broker-obj-top .filters .line .multiselect {
  flex: 1;
}
.broker-obj-top
  .filters
  .line
  .input-wrapper:not([open-drop="address-search"]) {
  cursor: pointer;
}
.broker-obj-top
  .filters
  .line
  .input-wrapper:not([open-drop="address-search"])
  input:not(.text-search) {
  pointer-events: none;
}
.broker-obj-top .text-filters .button,
.broker-obj-top .text-filters .input-wrapper,
.broker-obj-top .text-filters input {
  height: 24px;
  padding: 0;
}
.broker-obj-top .text-filters .button {
  transition: 0.2s color;
}
.broker-obj-top .text-filters .button .icon {
  transition: 0.2s background;
}
.broker-obj-top .text-filters .button .icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--high.svg);
}
.broker-obj-top .text-filters .button:hover {
  color: var(--color-icon-accent);
}
.broker-obj-top .text-filters .button:hover .icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--accent.svg);
}
.broker-obj-top .text-filters .input-wrapper {
  cursor: pointer;
}
.broker-obj-top .text-filters .input-wrapper input {
  width: 70px;
  pointer-events: none;
}
.broker-obj-top .text-filters .input-wrapper .icon.drop {
  background-image: url(/images/icons/outline/chevron-down--high.svg);
}
.broker-add {
  margin-top: calc(75px + var(--gap-48));
  margin-bottom: var(--gap-80);
}
@media (max-width: 900px) {
  .broker-add {
    margin-top: 75px;
  }
  .broker-add .box {
    padding: var(--gap-8);
  }
}
.broker-add .box .left {
  width: 100%;
}
@media (max-width: 900px) {
  .broker-add .box .left {
    margin-top: 110px;
  }
}
.broker-add .box .left .object-add-sections {
  width: 100%;
}
.broker-add .box .left .object-add-sections .object-add-section {
  background-color: var(--color-surface-1);
  padding: var(--gap-32);
  border-radius: var(--round-32);
}
@media (max-width: 900px) {
  .broker-add .box .left .object-add-sections .object-add-section {
    border-radius: var(--round-24);
    padding: var(--gap-24) var(--gap-16);
  }
}
.broker-add .box .left .object-add-sections .object-add-section__content {
  width: 100%;
}
.broker-add .box .left .object-add-sections .object-add-section .short-text {
  max-width: 540px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .icon.load {
  background-image: url(/images/spinner-white.png);
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .icon.dots {
  background-image: url(/images/icons/DotsThree--high-invert.svg);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file {
  width: 211px;
  border-radius: var(--round-16);
  position: relative;
  background-color: var(--color-surface-3);
  background-image: url(/images/transparent.png);
  transition: 0.2s background;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .loader {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
  width: 48px;
  aspect-ratio: 1;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .loader,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .cover-label {
  position: absolute;
  border-radius: var(--round-full);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .loader {
  transition: 0.2s opacity;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button {
  top: var(--gap-8);
  right: var(--gap-8);
  transition: 0.2s;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 23px;
  right: 20px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 290px;
}
@media (max-width: 900px) {
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .uploaded-files
    .uploaded-file
    .actions-button
    .dots
    .dropdown-wrapper
    .dropdown {
    max-width: 176px;
  }
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper
  .dropdown
  .text {
  padding: var(--gap-12);
  transition: 0.2s;
  width: 100%;
  margin: 0;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper
  .dropdown
  .text:hover {
  background-color: var(--color-surface-3);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper
  .dropdown
  .text:first-child {
  border-radius: var(--gap-16) var(--gap-16) 0 0;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots
  .dropdown-wrapper
  .dropdown
  .text:last-child {
  border-radius: 0 0 var(--gap-16) var(--gap-16);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button
  .dots:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .actions-button:hover {
  background-color: var(--color-surface-accent);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .uploaded-files
  .uploaded-file
  .cover-label {
  top: var(--gap-8);
  left: var(--gap-8);
  background-color: var(--color-surface-1);
  padding: var(--gap-6) var(--gap-12);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line {
  width: 100%;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .new-tag-input,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .add-tag {
  height: 48px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .new-tag-input {
  width: 100%;
  border-radius: var(--round-8);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .add-tag {
  flex-shrink: 0;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .add-tag
  .button {
  height: 100%;
  transition: 0.2s;
  transition-property: color, background;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .add-tag
  .button.inactive {
  background-color: var(--color-surface-3);
  color: var(--color-text-medium);
  pointer-events: none;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .tag {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: var(--gap-8) var(--gap-12);
  background-color: var(--color-surface-3);
  border-radius: var(--round-full);
  border: 2px solid transparent;
  transition: 0.2s;
  transition-property: border, background;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .tag:hover {
  background-color: var(--color-surface-1);
  border: 2px solid var(--color-surface-5);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add-tags
  .tags-input-line
  .tag
  .icon.close {
  width: 16px;
  background-image: url(/images/icons/outline/close--medium.svg);
}
.broker-add .box .left .object-add-sections .object-add-section .yt-link {
  width: 100%;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-input,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-submit {
  height: 48px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-input {
  width: 100%;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-submit {
  flex-shrink: 0;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-submit.inactive
  .button {
  background-color: var(--color-surface-3);
  color: var(--color-text-medium);
  pointer-events: none;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .yt-link
  .yt-submit
  .button {
  height: 100%;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload {
  cursor: pointer;
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-16);
  width: 100%;
  padding: var(--gap-24);
  transition: 0.2s border;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload:hover,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload.active {
  border-color: var(--color-border-solid);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload:hover
  .button,
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload.active
  .button {
  background-color: var(--color-surface-4);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .object-add__file-upload
  .button
  .icon.upload-simple {
  background-image: url(/images/icons/outline/upload-simple--high.svg);
}
@media (max-width: 900px) {
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .object-add__file-upload.photo {
    aspect-ratio: 1;
    width: 154px;
  }
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .object-add__file-upload.photo
    .button
    .icon.upload-simple {
    background-image: url(/images/icons/outline/plus--high.svg);
  }
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .object-add__file-upload.document {
    padding: var(--gap-16);
  }
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .object-add__file-upload.document
    .button {
    padding: var(--gap-12);
  }
}
.broker-add .box .left .object-add-sections .object-add-section .select-group {
  width: 100%;
  align-items: top;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title {
  width: 331px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title
  .icon {
  background-image: url(/images/icons/outline/question-circle--medium.svg);
  width: 20px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  top: 5px;
  left: 5px;
}
@media (max-width: 900px) {
  .broker-add
    .box
    .left
    .object-add-sections
    .object-add-section
    .select-group
    .group-title
    .icon {
    display: none;
  }
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title
  .icon
  .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-left: 12px;
  left: 12px;
  z-index: 1000;
  top: 50%;
  transform: translateY(-50%);
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title
  .icon
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
  width: 274px;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title
  .icon
  .dropdown-wrapper
  .dropdown
  .text {
  white-space: normal;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-title
  .icon:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.broker-add
  .box
  .left
  .object-add-sections
  .object-add-section
  .select-group
  .group-selects {
  flex-wrap: wrap;
  width: 100%;
}
.broker-add .box .left .object-add-sections textarea {
  width: 100%;
  height: 140px;
  min-height: 90px;
  max-height: 500px;
  resize: vertical;
  background-color: var(--color-surface-3);
  padding: var(--gap-24);
  border: none;
  border-radius: var(--round-16);
}
.broker-add .box .left .long-obj-wrapper {
  width: 100%;
  background-color: var(--color-surface-1);
  border-radius: var(--round-32);
}
@media (max-width: 900px) {
  .broker-add .box .left .long-obj-wrapper {
    border-radius: var(--round-24);
  }
}
.broker-add .box .left .long-obj-wrapper .long-obj {
  width: 100%;
  padding: var(--gap-24);
  border: 1px solid var(--color-border-transparent);
  margin-bottom: 32px;
}
@media (max-width: 900px) {
  .broker-add .box .left .long-obj-wrapper .long-obj {
    padding: var(--gap-20);
  }
}
@media (max-width: 1370px) {
  .broker-add .box .left .long-obj-wrapper .long-obj .main-card-block {
    flex-direction: column;
  }
}
.broker-add
  .box
  .left
  .long-obj-wrapper
  .long-obj
  .main-card-block
  .content
  .left {
  margin-top: 0;
}
.broker-add
  .box
  .left
  .long-obj-wrapper
  .long-obj
  .main-card-block
  .content
  .cent
  .par {
  white-space: nowrap;
}
.broker-add .box .left .long-obj-wrapper .buttons {
  justify-content: flex-end;
}
@media (max-width: 1050px) {
  .broker-add .box .left .long-obj-wrapper .buttons {
    flex-direction: column;
  }
  .broker-add .box .left .long-obj-wrapper .buttons .button {
    width: 100%;
  }
}
.broker-add .box .right {
  width: 308px;
  flex-shrink: 0;
  position: relative;
}
@media (min-width: 901px) {
  .broker-add .box .right {
    margin-top: calc(var(--gap-56) + var(--gap-40));
  }
}
@media (max-width: 900px) {
  .broker-add .box .right {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 901px) {
  .broker-add .box .right .sticky {
    position: sticky;
    top: 100px;
  }
}
@media (max-width: 900px) {
  .broker-add .box .right .sticky {
    width: 100%;
    gap: 0;
  }
}
.broker-add .box .right .sticky .steps {
  background-color: var(--color-surface-1);
  border-radius: var(--round-32);
  padding: var(--gap-32) var(--gap-24);
}
@media (max-width: 900px) {
  .broker-add .box .right .sticky .steps {
    border-radius: var(--round-24);
    border-radius: 0;
    padding: var(--gap-12) var(--gap-16);
  }
  .broker-add .box .right .sticky .steps .step:not(:first-child) {
    width: 100%;
  }
}
.broker-add .box .right .sticky .steps .step:not(:first-child):before {
  content: "";
  display: block;
  background-color: var(--color-border-transparent);
  transition: 0.2s background;
  width: 2px;
  height: 20px;
  margin-left: 11px;
  border-radius: var(--round-full);
}
@media (max-width: 900px) {
  .broker-add .box .right .sticky .steps .step:not(:first-child):before {
    width: 100%;
    height: 2px;
    margin-left: 0;
  }
}
.broker-add .box .right .sticky .steps .step__body .icon {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.broker-add .box .right .sticky .steps .step.active:before,
.broker-add .box .right .sticky .steps .step.done:before {
  background-color: var(--color-border-solid);
}
.broker-add .box .right .sticky .steps .step.active .step__body .icon {
  background-image: url(/images/icons/outline/radio--high.svg);
}
.broker-add .box .right .sticky .steps .step.done .step__body .icon {
  background-image: url(/images/icons/fill/radio-fill--success.svg);
}
@media (max-width: 900px) {
  .broker-add .box .right .sticky .buttons {
    background-color: #fff;
    padding: 0 var(--gap-16);
    padding-bottom: 12px;
  }
  .broker-add .box .right .sticky .buttons .button {
    padding: 0;
  }
}
.broker-invest-card {
  max-width: 302px;
  padding: var(--gap-24);
  border-radius: var(--round-24);
  box-shadow: 0 10px 40px #1414141a;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .broker-invest-card {
    max-width: 288px;
  }
}
@media (max-width: 961px) {
  .broker-invest-card {
    max-width: 282px;
  }
}
@media (max-width: 900px) {
  .broker-invest-card {
    background-color: var(--color-surface-3);
    box-shadow: none;
  }
}
@media (max-width: 600px) {
  .broker-invest-card {
    max-width: none;
  }
}
.broker-invest-card .top {
  width: 100%;
}
.broker-invest-card .top .avatar {
  aspect-ratio: 1;
  width: 100px;
  border-radius: var(--round-full);
}
@media (max-width: 900px) {
  .broker-invest-card .top .buttons .button.gray {
    background-color: var(--color-surface-1);
  }
}
.broker-invest-card .top .buttons .button.gray .icon.share {
  background-image: url(/images/icons/outline/share--high.svg);
}
.broker-invest-card .top .buttons .button.gray .icon.download {
  background-image: url(/images/icons/outline/download-simple--high.svg);
}
.broker-invest-card .cent {
  margin-top: 16px;
}
.broker-invest-card .lang {
  margin-top: 12px;
}
.card-preview {
  background-color: var(--color-surface-1);
  padding: var(--gap-32);
  max-width: 384px;
  box-shadow: 0 8px 32px #1414141f;
  border-radius: var(--round-24);
  width: 100%;
}
.new-right .card-preview .price {
  align-items: flex-end;
}
@media (min-width: 901px) {
  .card-preview {
    top: 75px;
  }
}
@media (max-width: 600px) {
  .card-preview {
    max-width: none;
  }
}
.card-preview .top {
  width: 100%;
}
.card-preview .top .stats .icon {
  width: 24px;
}
.card-preview .top .stats .icon.heart {
  background-image: url(/images/icons/outline/heart--medium.svg);
}
.card-preview .top .stats .icon.view {
  background-image: url(/images/icons/outline/eye--medium.svg);
}
.card-preview .top .stats .like {
  cursor: pointer;
}
.card-preview .info a {
  transition: 0.2s color;
  cursor: pointer;
}
.card-preview .info a:hover {
  color: var(--color-text-map);
}
.card-preview .buttons .icon.phone {
  background-image: url(/images/icons/outline/phone--high.svg);
}
.card-preview .buttons .icon.chat {
  background-image: url(/images/icons/outline/chat-circle-dots--high.svg);
}
.card-preview .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
.card-preview .check-circle {
  background-image: url(/images/icons/outline/check-circle--medium.svg);
  margin-right: 4px;
}
.card-preview span {
  color: var(--color-text-high);
  margin-left: 6px;
}
.broker-badge {
  display: flex;
  align-items: center;
  gap: 12px;
}
.broker-badge__img {
  width: 80px;
  height: auto;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}
.broker-badge__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.broker-badge__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.broker-badge__position {
  color: #1414147a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
.sort-content {
  z-index: 5;
}
.sort-content .sort {
  position: relative;
  cursor: pointer;
}
.sort-content .sort .text-name {
  transition: 0.2s;
}
.sort-content .sort:hover .text-name {
  color: var(--color-text-accent);
}
.sort-content .sort:hover .icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--accent.svg);
}
.sort-content .sort .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  top: 20px;
  padding-top: 20px;
  right: 0;
}
@media (max-width: 900px) {
  .sort-content .sort .dropdown-wrapper {
    right: unset;
    left: 0;
  }
}
.sort-content .sort .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 231px !important;
}
.sort-content .sort:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.sort-content__item {
  cursor: pointer;
}
.sort-content__item:last-child {
  border-radius: 0 0 var(--round-16) var(--round-16);
}
.sort-content__item:first-child {
  border-radius: var(--round-16) var(--round-16) 0 0;
}
.sort-content__item:hover {
  background-color: var(--color-surface-3);
}
.sort-content__item .input-height-fix {
  height: 48px;
}
.sort-content__item-body {
  padding: var(--gap-12);
}
.sort-content__item-body:first-child {
  padding: 0;
  border-radius: var(--round-16) var(--round-16) 0 0;
}
.sort-content__item-body .checkbox {
  background-image: url(/images/transparent.png);
}
.sort-content__item
  input:checked[type="checkbox"]
  + .sort-content__item-body
  .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
.sort-content__item
  input:checked[type="radio"]
  + .sort-content__item-body
  .checkbox {
  background-image: url(/images/icons/outline/check--medium.svg);
}
.broker-drafts {
  margin-top: 75px;
  background-color: var(--color-surface-3);
}
.fix-broker-inner-callback {
  width: 100%;
  padding: var(--gap-12) var(--gap-16);
  position: sticky;
  bottom: 0;
  left: 0;
  flex-shrink: 0;
  z-index: 2;
  display: flex;
  max-width: 100vw;
}
.fix-broker-inner-callback .black {
  max-width: 151px;
  width: 100%;
}
.broker-inner-obj {
  margin-top: 140px;
  position: relative;
  padding-bottom: 80px;
}
.broker-inner-obj > .box {
  position: relative;
}
@media (max-width: 900px) {
  .broker-inner-obj {
    margin-top: 100px;
  }
}
.broker-inner-obj .rights {
  flex-shrink: 0;
}
@media (min-width: 901px) {
  .broker-inner-obj .rights {
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
  }
}
.broker-inner-obj .rights .right {
  position: sticky;
  top: 140px;
}
.broker-inner-obj .left {
  position: relative;
  width: 100%;
}
@media (max-width: 900px) {
  .broker-inner-obj .left.left {
    padding-left: 0;
    padding-right: 0;
  }
  .broker-inner-obj .left.left .broker-obj-header > *:not(.slider-wrapper) {
    padding-left: var(--gap-16);
    padding-right: var(--gap-16);
  }
  .broker-inner-obj
    .left.left
    > .section:has(.slider-wrapper)
    > *:not(.slider-wrapper) {
    padding-left: var(--gap-8);
    padding-right: var(--gap-8);
  }
  .broker-inner-obj .left.left > .section:not(:has(.slider-wrapper)) {
    padding-left: var(--gap-16);
    padding-right: var(--gap-16);
  }
}
.broker-inner-obj .left .broker-obj-header .back-to-obj {
  margin-bottom: 24px;
}
.broker-inner-obj .left .broker-obj-header .back-to-obj .icon.chevron-left {
  background-image: url(/images/icons/outline/chevron-left--medium.svg);
}
.broker-inner-obj .left .broker-obj-header .title {
  max-width: 500px;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .broker-obj-header .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow-y: hidden;
  }
}
.broker-inner-obj .left .broker-obj-header .title a {
  transition: 0.2s -webkit-text-decoration;
  transition: 0.2s text-decoration;
  transition:
    0.2s text-decoration,
    0.2s -webkit-text-decoration;
  text-decoration: underline;
  text-decoration-color: transparent;
}
.broker-inner-obj .left .broker-obj-header .title a:hover {
  text-decoration-color: var(--color-text-map);
}
.broker-inner-obj .left .broker-obj-header .fav-share .heart:hover,
.broker-inner-obj .left .broker-obj-header .fav-share .heart.active {
  background-image: url(/images/heart-full-red.svg);
}
.broker-inner-obj .left .broker-obj-header .under-gal {
  max-width: 848px;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .broker-obj-header .under-gal {
    margin-top: 24px;
  }
}
.broker-inner-obj .left .broker-obj-header .under-gal .check-circle {
  background-image: url(/images/icons/outline/check-circle--medium.svg);
  margin-right: 4px;
}
.broker-inner-obj .left .broker-obj-header .under-gal span {
  color: var(--color-text-high);
  margin-left: 6px;
}
.broker-inner-obj .left .broker-obj-header .gallera {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 848px;
  height: 609px;
  grid-template-columns: repeat(5, 1fr);
  margin-top: 24px;
}
.broker-inner-obj
  .left
  .broker-obj-header
  .gallera.with-slider
  .complex-img-slider {
  position: relative;
}
.broker-inner-obj .left .broker-obj-header .gallera .galera-item {
  aspect-ratio: 160/120;
  width: 100%;
  max-width: 160px;
  border-radius: var(--round-16);
  cursor: pointer;
}
.broker-inner-obj
  .left
  .broker-obj-header
  .gallera
  .galera-item:hover
  .video-controls {
  background-color: var(--color-surface-accent);
}
.broker-inner-obj .left .broker-obj-header .gallera .galera-item:first-child {
  grid-column: 1/6;
  aspect-ratio: 848/477;
  width: 100%;
  max-width: initial;
  border-radius: var(--round-24);
  overflow: hidden;
  position: relative;
}
.broker-inner-obj
  .left
  .broker-obj-header
  .gallera
  .galera-item:first-child
  .open-gallery {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.broker-inner-obj
  .left
  .broker-obj-header
  .gallera
  .galera-item
  .video-controls {
  width: 48px;
}
.broker-inner-obj .left .broker-obj-header .gallera .galera-item .blur-wrapper {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-12);
  backdrop-filter: var(--blur-bg-12);
  width: 100%;
  height: 100%;
  border-radius: var(--round-16);
}
.broker-inner-obj
  .left
  .broker-obj-header
  .gallera
  .galera-item
  .blur-wrapper
  .text {
  color: var(--color-surface-1);
}
.broker-inner-obj .left .broker-obj-header .gallera .active {
  background-clip: 1px;
  padding: 1px;
  outline: 2px solid var(--color-surface-accent);
}
.broker-inner-obj .left .broker-obj-header .slider-wrapper {
  margin-top: 24px;
}
.broker-inner-obj
  .left
  .broker-obj-header
  .slider-wrapper
  .slider-el
  .galera-item {
  aspect-ratio: 343/240;
  width: 343px;
  border-radius: var(--round-16);
}
.broker-inner-obj .left .section .title {
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .section .title {
    margin-bottom: 24px;
  }
}
.broker-inner-obj .left .section .video,
.broker-inner-obj .left .section .more-gal {
  aspect-ratio: 272/180;
  width: 100%;
  max-width: 272px;
  border-radius: var(--round-24);
  cursor: pointer;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .section .video,
  .broker-inner-obj .left .section .more-gal {
    aspect-ratio: 290/192;
    width: 290px;
  }
}
.broker-inner-obj .left .section .more-gal .blur-wrapper {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-12);
  backdrop-filter: var(--blur-bg-12);
  width: 100%;
  height: 100%;
  border-radius: var(--round-24);
}
.broker-inner-obj .left .section .more-gal .blur-wrapper .text {
  color: var(--color-surface-1);
}
.broker-inner-obj .left .section .obj-list-title {
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 600px) {
  .broker-inner-obj .left .section .obj-list-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.broker-inner-obj .left .section .obj-list-title .title {
  margin-bottom: 0;
}
.broker-inner-obj .left .section .obj-list-title .text {
  color: var(--color-text-high);
}
.broker-inner-obj .left .section .docs .doc {
  max-width: 200px;
  cursor: pointer;
}
.broker-inner-obj .left .section .docs .doc .img {
  aspect-ratio: 200/276;
  width: 200px;
  border-radius: var(--round-12);
}
.broker-inner-obj .left .section .docs .doc .text {
  margin-top: 12px;
  transition: 0.2s color;
}
.broker-inner-obj .left .section .docs .doc:hover .text {
  color: var(--color-text-map);
}
.broker-inner-obj .left .section .more {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 24px;
}
.broker-inner-obj .left .section .tags {
  margin-bottom: 24px;
}
.broker-inner-obj .left .section .params {
  display: grid;
  row-gap: 32px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 980px) {
  .broker-inner-obj .left .section .params {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .broker-inner-obj .left .section .params {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.broker-inner-obj .left .section .params .full-text .icon {
  position: relative;
  cursor: pointer;
}
.broker-inner-obj .left .section .params .full-text .icon.question-cirlce {
  background-image: url(/images/icons/fill/question-circle--medium.svg);
  top: -0.05em;
}
.broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-left: 11px;
  bottom: -28px;
  left: 22px;
  z-index: 1;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .section .params .full-text .icon .dropdown-wrapper {
    display: none;
  }
}
.broker-inner-obj
  .left
  .section
  .params
  .full-text
  .icon
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
  width: 400px;
}
.broker-inner-obj
  .left
  .section
  .params
  .full-text
  .icon
  .dropdown-wrapper
  .dropdown
  .image {
  aspect-ratio: 88/60;
  width: 88px;
  border-radius: var(--round-8);
}
.broker-inner-obj
  .left
  .section
  .params
  .full-text
  .icon:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.broker-inner-obj .left .section .params-spoiler .full-text .icon {
  position: relative;
  cursor: pointer;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .section .params-spoiler .full-text .icon {
    aspect-ratio: 1;
    width: 20px;
  }
}
.broker-inner-obj
  .left
  .section
  .params-spoiler
  .full-text
  .icon.question-cirlce {
  background-image: url(/images/icons/fill/question-circle--medium.svg);
}
.broker-inner-obj .left .section .params-spoiler .hidden {
  min-height: 200px;
}
.broker-inner-obj .left .section .params-spoiler .hidden .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image {
  aspect-ratio: 1;
  width: 48px;
  border-radius: var(--round-full);
  border: 1px solid var(--color-border-transparent);
}
@media (max-width: 750px) {
  .broker-inner-obj .left .section .all-cond .conditions .param-line {
    display: block;
  }
}
.broker-inner-obj .left .section .all-cond .conditions .param-line .left {
  width: 420px;
}
@media (max-width: 900px) {
  .broker-inner-obj .left .section .all-cond .conditions .param-line .left {
    width: 100%;
  }
}
.broker-inner-obj .left .section .all-cond .conditions .param-line .left .text {
  flex-shrink: 0;
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .border {
  border: 1px dashed var(--color-border-transparent);
  width: 100%;
  position: relative;
  top: 0.05em;
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .text-block {
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .text-block
  .question-cirlce {
  background-image: url(/images/icons/fill/question-circle--medium.svg);
  cursor: pointer;
  position: relative;
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .text-block
  .question-cirlce
  .dropdown-wrapper {
  z-index: 1;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  left: calc(100% + var(--gap-8));
  top: 50%;
  transform: translateY(-50%);
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .text-block
  .question-cirlce
  .dropdown-wrapper
  .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 290px;
  padding: var(--gap-12);
}
@media (max-width: 900px) {
  .broker-inner-obj
    .left
    .section
    .all-cond
    .conditions
    .param-line
    .left
    .text-block
    .question-cirlce
    .dropdown-wrapper
    .dropdown {
    max-width: 176px;
  }
}
.broker-inner-obj
  .left
  .section
  .all-cond
  .conditions
  .param-line
  .left
  .text-block
  .question-cirlce:hover
  .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.broker-inner-obj .left .section .image-gen {
  aspect-ratio: 848/412;
  width: 100%;
  border-radius: var(--round-32);
}
.broker-inner-obj .left .section .all-objects .object {
  width: 100%;
  background-color: var(--color-surface-3);
  padding: var(--gap-24);
  border-radius: var(--round-16);
  transition: 0.2s background;
}
.broker-inner-obj .left .section .all-objects .object:hover {
  background-color: var(--color-surface-4);
}
.broker-inner-obj .left .section .all-objects .object .left-obj,
.broker-inner-obj .left .section .all-objects .object .right-obj {
  flex: 50%;
}
.broker-inner-obj .left .section .all-objects .object .right-obj .am-obj {
  cursor: pointer;
}
.broker-inner-obj .left .section .all-objects .object .icon.chev {
  background-image: url(/images/icons/outline/chevron-right--high.svg);
}
.broker-inner-obj .left .section.obj-descr .spoiler .hidden {
  height: 6.5em;
}
.broker-inner-obj .left .section .spoiler .head .icon.down {
  transition: 0.2s transform;
}
.broker-inner-obj .left .section .spoiler.open .head .icon.down {
  transform: scaleY(-1);
}
.broker-inner-obj .left .section .spoiler.file-spoiler .hidden {
  height: 350px;
}
.broker-inner-obj .right {
  background-color: var(--color-surface-1);
  padding: var(--gap-32);
  max-width: 384px;
  box-shadow: 0 8px 32px #1414141f;
  border-radius: var(--round-24);
  width: 100%;
}
@media (min-width: 901px) {
  .broker-inner-obj .right {
    top: 75px;
  }
}
@media (max-width: 600px) {
  .broker-inner-obj .right {
    max-width: none;
  }
}
.broker-inner-obj .right .top {
  width: 100%;
}
.broker-inner-obj .right .top .stats .icon {
  width: 24px;
}
.broker-inner-obj .right .top .stats .icon.heart {
  background-image: url(/images/icons/outline/heart--medium.svg);
}
.broker-inner-obj .right .top .stats .icon.view {
  background-image: url(/images/icons/outline/eye--medium.svg);
}
.broker-inner-obj .right .top .stats .like {
  cursor: pointer;
}
.broker-inner-obj .right .cancel {
  width: 100%;
}
.broker-inner-obj .right .cancel .reason {
  margin-top: 16px;
}
.broker-inner-obj .right .cancel .reason .icon.warning {
  background-image: url(/images/icons/outline/warning--error.svg);
}
.broker-inner-obj .right .cancel .text {
  margin-top: 8px;
}
.broker-inner-obj .right .bottom {
  width: 100%;
}
.broker-inner-obj .right .bottom .buttons .button .icon.pencil {
  background-image: url(/images/icons/outline/pencil-simple--high.svg);
}
.broker-inner-obj .right .bottom .buttons .button .icon.archive {
  background-image: url(/images/icons/outline/archive--high.svg);
}
.broker-inner-obj .right .bottom .buttons .button .icon.plus {
  background-image: url(/images/icons/outline/plus--high.svg);
}
.broker-inner-obj .right .bottom .buttons .button .icon.clockwise {
  background-image: url(/images/icons/outline/arrows-clockwise--high.svg);
}
.broker-inner-obj .right .bottom .buttons .button .icon.close {
  background-image: url(/images/icons/outline/close--high.svg);
}
.broker-inner-obj .right .bottom .buttons .button .icon.check {
  background-image: url(/images/icons/outline/check--high.svg);
}
.broker-inner-obj .right .bottom .buttons .black .icon.plus {
  background-image: url(/images/icons/outline/plus--high-invert.svg);
}
.broker-inner-obj .right .bottom .buttons .black .icon.pencil {
  background-image: url(/images/icons/outline/pencil-simple--high-invert.svg);
}
.broker-inner-obj .right .bottom .buttons .black .icon.plus {
  background-image: url(/images/icons/outline/plus--high-invert.svg);
}
.broker-inner-obj .new-right-wrapper {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
@media (min-width: 901px) {
  .broker-inner-obj .new-right-wrapper {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.broker-inner-obj .new-right-wrapper .new-right {
  width: 100%;
}
.broker-inner-obj .new-right-wrapper .new-right.sticky {
  position: sticky;
  top: 140px;
}
.broker-inner-obj .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
.broker-inner-obj .icon.down {
  background-image: url(/images/icons/outline/chevron-down--high.svg);
}
@media (max-width: 1400px) {
  .broker-inner-obj .pc-1400 {
    display: none;
  }
}
.broker-inner-obj .mob-1400 {
  display: none;
}
@media (max-width: 1400px) {
  .broker-inner-obj .mob-1400 {
    display: flex;
  }
}
@media (max-width: 600px) {
  .broker-inner-obj .pc-600 {
    display: none;
  }
}
.broker-inner-obj .mob-600 {
  display: none;
}
@media (max-width: 600px) {
  .broker-inner-obj .mob-600 {
    display: flex;
  }
}
.object-page-full {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .object-page-full {
    margin-top: 80px;
  }
  .object-page-full .slider.objs .info {
    gap: 0;
  }
  .object-page-full .complex-card {
    width: 290px;
  }
  .object-page-full .complex-card .complex-img {
    aspect-ratio: 290/290;
  }
}
.broker-bar-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.broker-bar-wrapper .box {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 900px) {
  .broker-bar-wrapper .box {
    padding: 0;
  }
}
.broker-bar-wrapper .box .broker-bar {
  width: 100%;
  position: sticky;
  bottom: 0;
  background-color: #fff;
  pointer-events: all;
  box-shadow: 0 10px 40px #1414141a;
  padding: var(--gap-8) var(--gap-8) var(--gap-8) var(--gap-24);
  border-radius: var(--round-full);
}
@media (max-width: 900px) {
  .broker-bar-wrapper .box .broker-bar {
    padding: var(--gap-8) var(--gap-16);
    border-radius: 0;
  }
}
.broker-bar-wrapper .box .broker-bar .broker-bar-wrap {
  width: 100%;
}
@media (max-width: 900px) {
  .broker-bar-wrapper .box .broker-bar .broker-bar-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-left {
  width: 100%;
}
.broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-right {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .broker-bar-wrapper .box .broker-bar .broker-bar-wrap .bar-right {
    padding: var(--gap-12) 0;
    flex-direction: row-reverse;
  }
}
.broker-bar-wrapper
  .box
  .broker-bar
  .broker-bar-wrap
  .bar-right
  .black
  .arrows-clockwise {
  background-image: url(/images/icons/outline/arrows-clockwise--high-invert.svg);
}
.broker-jk-fil {
  margin-top: 85px;
}
.broker-lk {
  margin-top: 100px;
}
.broker-lk .box .lk-wrapper {
  max-width: 632px;
  width: 100%;
}
.broker-lk .box .lk-wrapper .profile-wrapper {
  padding: var(--gap-32);
  border-radius: var(--round-32);
  background-color: #fff;
}
@media (max-width: 900px) {
  .broker-lk .box .lk-wrapper .profile-wrapper {
    padding: var(--gap-16);
    padding-top: var(--gap-24);
  }
}
.broker-lk .box .lk-wrapper .profile-wrapper .link-but {
  transition: 0.2s color;
}
.broker-lk .box .lk-wrapper .profile-wrapper .link-but:hover {
  color: var(--color-text-high);
}
.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit {
  justify-content: start;
}
@media (max-width: 900px) {
  .broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit {
    gap: var(--gap-16);
  }
}
.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .avatar {
  aspect-ratio: 1;
  width: 100px;
  border-radius: var(--round-full);
  border: 1px solid var(--color-border-transparent);
}
@media (max-width: 900px) {
  .broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .avatar {
    width: 56px;
  }
}
.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .edit,
.broker-lk .box .lk-wrapper .profile-wrapper .avatar-edit .delete {
  cursor: pointer;
  white-space: nowrap;
}
.broker-lk .box .lk-wrapper .profile-wrapper .user-info {
  width: 100%;
}
.broker-lk
  .box
  .lk-wrapper
  .profile-wrapper
  .user-info
  .contacts-info-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 32px;
  width: 100%;
}
@media (max-width: 900px) {
  .broker-lk
    .box
    .lk-wrapper
    .profile-wrapper
    .user-info
    .contacts-info-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.broker-lk .box .lk-wrapper .profile-wrapper .user-info .other-info,
.broker-lk .box .lk-wrapper .profile-wrapper .user-info .info-item,
.broker-lk
  .box
  .lk-wrapper
  .profile-wrapper
  .user-info
  .info-item
  .change-smth {
  width: 100%;
}
.broker-lk
  .box
  .lk-wrapper
  .profile-wrapper
  .user-info
  .info-item
  .change-smth
  .gtext {
  cursor: pointer;
}
.broker-lk .box .lk-wrapper .profile-wrapper .user-info .input-wrapper,
.broker-lk .box .lk-wrapper .profile-wrapper .change-pass {
  width: 100%;
}
.broker-lk .box .lk-wrapper .profile-wrapper:not(:first-child) {
  margin-top: 16px;
}
.broker-lk .box .lk-wrapper .profile-wrapper .button {
  margin-left: auto;
}
.broker-lk .box .lk-wrapper .profile-wrapper .button.inactive {
  pointer-events: none;
  background-color: var(--color-surface-3);
  color: var(--color-text-low);
}
@media (max-width: 900px) {
  .broker-lk .box .lk-wrapper .profile-wrapper .button {
    margin: 0;
  }
}
.foot-button {
  margin-top: var(--gap-40);
  margin-bottom: 15px;
}
.foot-button .button {
  box-shadow: none;
}
.foot-button .pages {
  margin-top: var(--gap-24);
}
.foot-button .pages .numbs .num {
  padding: var(--gap-8);
  aspect-ratio: 1;
  width: 40px;
  transition: 0.2s background-color;
  border-radius: var(--round-12);
  cursor: pointer;
}
.foot-button .pages .numbs .num:hover,
.foot-button .pages .numbs .num.active {
  background-color: var(--color-surface-3);
}
.foot-button .pages .white .num:hover,
.foot-button .pages .white .num.active {
  background-color: var(--color-surface-1);
}
.foot-button .pages .icon {
  padding: var(--gap-8);
  position: relative;
  top: -0.05em;
  cursor: auto;
}
.foot-button .pages .icon.arrow-left {
  background-image: url(/images/icons/outline/chevron-left--medium.svg);
}
.foot-button .pages .icon.arrow-left.active {
  background-image: url(/images/icons/outline/chevron-left--high.svg);
  cursor: pointer;
}
.foot-button .pages .icon.arrow-right {
  background-image: url(/images/icons/outline/chevron-right--medium.svg);
}
.foot-button .pages .icon.arrow-right.active {
  background-image: url(/images/icons/outline/chevron-right--high.svg);
  cursor: pointer;
}
@media (max-width: 900px) {
  .collection-card {
    width: 100%;
  }
}
.collection-card .image-coll {
  aspect-ratio: 1;
  width: 100%;
  gap: 1px;
  position: relative;
}
@media (max-width: 900px) {
  .collection-card .image-coll {
    aspect-ratio: 343/341;
    width: 100%;
  }
}
.collection-card .image-coll .big-image {
  aspect-ratio: 302/200;
  width: 100%;
  border-radius: var(--round-24) var(--round-24) 0 0;
}
.collection-card .image-coll .small-imgs {
  border-radius: var(--round-24);
  width: 100%;
  gap: 1px;
  flex: 33%;
}
.collection-card .image-coll .small-imgs .small-image {
  aspect-ratio: 151/102;
  width: 100%;
}
.collection-card .image-coll .small-imgs .small-image:nth-child(1) {
  border-radius: 0 0 0 var(--round-24);
}
.collection-card .image-coll .small-imgs .small-image:nth-child(2) {
  border-radius: 0 0 var(--round-24) 0;
}
.collection-card .image-coll .button.glass {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.collection-card .image-coll .button.glass .icon.more {
  background-image: url(/images/icons/DotsThree--high-invert.svg);
}
.collection-card .image-coll .button.glass:hover {
  background-color: var(--color-surface-accent);
}
.collection-card .image-coll .button.glass .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 30px;
  top: 30px;
  right: 20px;
}
.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 290px;
}
.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown .text {
  padding: var(--gap-12);
  transition: 0.2s;
  width: 100%;
  margin: 0;
}
.collection-card
  .image-coll
  .button.glass
  .dropdown-wrapper
  .dropdown
  .text:hover {
  background-color: var(--color-surface-3);
}
.collection-card
  .image-coll
  .button.glass
  .dropdown-wrapper
  .dropdown
  .text:first-child {
  border-radius: var(--gap-16) var(--gap-16) 0 0;
}
.collection-card
  .image-coll
  .button.glass
  .dropdown-wrapper
  .dropdown
  .text:last-child {
  border-radius: 0 0 var(--gap-16) var(--gap-16);
}
.collection-card .image-coll .button.glass:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.collection-card .bottom {
  padding: var(--gap-12);
}
.more .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 23px;
  right: 20px;
}
.more .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 290px;
}
.more .dropdown-wrapper .dropdown .text {
  padding: var(--gap-12);
  transition: 0.2s;
  width: 100%;
  margin: 0;
}
.more .dropdown-wrapper .dropdown .text:hover {
  background-color: var(--color-surface-3);
}
.more .dropdown-wrapper .dropdown .text:first-child {
  border-radius: var(--gap-16) var(--gap-16) 0 0;
}
.more .dropdown-wrapper .dropdown .text:last-child {
  border-radius: 0 0 var(--gap-16) var(--gap-16);
}
.more:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
.long-obj {
  padding: var(--gap-24);
  border-radius: var(--round-24);
  background-color: var(--color-surface-1);
  max-width: 1280px;
  width: 100%;
  position: relative;
}
.long-obj .divider {
  margin: var(--gap-16) 0;
}
.long-obj .image-wrapper {
  flex-shrink: 0;
  width: 104px;
}
.long-obj .image-wrapper .image {
  width: 100%;
  border-radius: var(--round-16);
}
.long-obj .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
.long-obj .content {
  position: relative;
  width: 100%;
}
@media (max-width: 1000px) {
  .long-obj .content {
    flex-direction: column;
  }
}
.long-obj .content .left {
  max-width: 339px;
  width: 100%;
}
.long-obj .content .left .author span {
  color: var(--color-text-high);
  margin-left: 4px;
}
.long-obj .content .left .status {
  flex-wrap: wrap;
}
.long-obj .content .cent {
  flex-shrink: 1;
}
.long-obj .content .cent .par {
  flex-wrap: wrap;
  justify-content: stretch;
}
.long-obj .content .right {
  width: 181px;
  flex-shrink: 0;
}
.long-obj .stats-buttons {
  flex-shrink: 0;
}
.long-obj .stats-buttons .stats .icon {
  width: 24px;
}
.long-obj .stats-buttons .stats .icon.heart {
  background-image: url(/images/icons/outline/heart--medium.svg);
}
.long-obj .stats-buttons .stats .icon.view {
  background-image: url(/images/icons/outline/eye--medium.svg);
}
.long-obj .stats-buttons .stats .icon.more {
  background-image: url(/images/icons/DotsThree--medium.svg);
  cursor: pointer;
}
.long-obj .stats-buttons .stats .like {
  cursor: pointer;
}
.long-obj .stats-buttons .buttons {
  opacity: 0;
  transition: 0.2s opacity;
  width: 100%;
  height: 100%;
}
.long-obj .stats-buttons .buttons .button {
  width: 100%;
}
.long-obj .warn .warning {
  background-image: url(/images/warning.svg);
  width: 20px;
}
.long-obj .add-to-coll-pad {
  position: absolute;
  top: 0;
  left: -64px;
  padding-right: 20px;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1367px) {
  .long-obj .add-to-coll-pad {
    left: 8px;
    top: 8px;
  }
}
.long-obj .add-to-coll-pad .add-to-coll-inner {
  cursor: pointer;
  border-radius: var(--round-full);
}
.long-obj .add-to-coll-pad .add-to-coll-inner .add-to-coll {
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  display: flex;
  aspect-ratio: 1;
  border-radius: var(--round-full);
  width: 48px;
  background-color: var(--color-surface-1);
}
.long-obj .add-to-coll-pad .add-to-coll-inner .add-to-coll .icon.check {
  background-image: url(/images/icons/outline/checkbox--medium.svg);
}
.long-obj .add-to-coll-pad .add-to-coll-inner input:checked + .add-to-coll {
  opacity: 1;
  pointer-events: all;
}
.long-obj
  .add-to-coll-pad
  .add-to-coll-inner
  input:checked
  + .add-to-coll
  .icon.check {
  background-image: url(/images/icons/fill/checkbox--high.svg);
}
.long-obj:hover .add-to-coll-pad {
  pointer-events: all;
}
.long-obj:hover .add-to-coll-pad .add-to-coll-inner .add-to-coll {
  opacity: 1;
  pointer-events: all;
}
.long-obj:hover .stats-buttons .buttons {
  opacity: 1;
}
.long-obj-mob {
  padding: var(--gap-20);
  border-radius: var(--round-24);
  background-color: var(--color-surface-1);
  width: 100%;
}
.long-obj-mob .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
.long-obj-mob .top {
  width: 100%;
}
.long-obj-mob .top .add-to-coll {
  display: none;
}
.long-obj-mob .top .image_info {
  position: relative;
  width: 100%;
}
.long-obj-mob .top .image_info .icon {
  width: 24px;
}
.long-obj-mob .top .image_info .icon.more {
  background-image: url(/images/icons/DotsThree--medium.svg);
  position: absolute;
  right: 0;
}
.long-obj-mob .top .image_info .image {
  width: 104px;
  border-radius: var(--round-16);
  flex-shrink: 0;
}
.long-obj-mob .top .image_info .status {
  min-height: 100%;
}
.long-obj-mob .top .image_info .status .status_icons {
  margin-top: auto;
}
.long-obj-mob .top .image_info .status .status_icons .stats .icon {
  width: 24px;
}
.long-obj-mob .top .image_info .status .status_icons .stats .icon.heart {
  background-image: url(/images/icons/outline/heart--medium.svg);
}
.long-obj-mob .top .image_info .status .status_icons .stats .icon.view {
  background-image: url(/images/icons/outline/eye--medium.svg);
}
.long-obj-mob .top .image_info .status .status_icons .stats .icon.more {
  background-image: url(/images/icons/DotsThree--medium.svg);
  cursor: pointer;
}
.long-obj-mob .top .image_info .status .status_icons .stats .like {
  cursor: pointer;
}
.long-obj-mob .author span {
  color: var(--color-text-high);
  margin-left: 4px;
}
.long-obj-mob .warn .warning {
  background-image: url(/images/warning.svg);
  width: 20px;
}
.long-obj-mob .buttons,
.coll-add .top {
  width: 100%;
}
.coll-add .top .add-to-coll {
  display: flex;
  width: 100%;
}
.coll-add .top .add-to-coll .icon {
  width: 24px;
}
.coll-add .top .add-to-coll .icon.more {
  background-image: url(/images/icons/DotsThree--medium.svg);
}
.coll-add .abs {
  display: none;
}
.objects {
  margin-top: 160px;
}
@media (max-width: 1440px) {
  .objects {
    margin-top: 200px;
  }
}
@media (max-width: 900px) {
  .objects {
    margin-top: 160px;
  }
}
.objects .filters {
  margin-top: 24px;
}
@media (max-width: 900px) {
  .objects .filters {
    flex-direction: column;
  }
}
.objects .filters .sort {
  cursor: pointer;
}
.objects .filters .sort .text {
  transition: 0.2s color;
}
.objects .filters .sort .icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--high.svg);
}
.objects .filters:hover {
  color: var(--color-text-accent);
}
.objects .filters:hover .icon {
  transition: 0.2s background;
}
.objects .filters:hover .icon.arrows-down-up {
  background-image: url(/images/icons/outline/arrows-down-up--accent.svg);
}
.objects .objects-flex {
  flex-wrap: wrap;
  margin-top: 24px;
}
.objects .objects-flex .bottom {
  cursor: pointer;
}
@media (min-width: 901px) and (max-width: 1366px) {
  .objects .objects-flex {
    gap: 16px;
  }
}
.object-filters-header {
  position: fixed;
  background-color: var(--color-surface-1);
  width: 100%;
  top: 74px;
  left: 0;
  z-index: 6;
}
@media screen and (max-width: 400px) {
  .object-filters-header {
    top: 62px;
  }
}
.object-filters-header.broker-under-header {
  transform: translateY(-100%);
}
.object-filters-header.inner-obj-under-header {
  transition: 0.2s;
  transition-property: opacity, transform;
}
.second-user-header {
  display: flex;
  justify-content: space-between;
  width: min(100%, 1440px);
}
.object-filters-header .second-user-header .anchors {
  height: 56px;
}
.object-filters-header .second-user-header .anchors .anchor {
  cursor: pointer;
  height: 100%;
  transition: 0.2s;
  transition-property: color, border;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.object-filters-header .second-user-header .anchors .anchor.active {
  color: var(--color-text-accent);
  border-bottom: 2px solid var(--color-surface-accent);
}
.object-filters-header .second-user-header .anchors .anchor:hover {
  color: var(--color-text-accent);
}
.object-filters-header .second-user-header .header-icons .icon {
  cursor: pointer;
}
.object-filters-header .second-user-header .header-icons .icon.share {
  position: relative;
}
.icon.share:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
.gray-button:has(.share):hover .dropdown-wrapper,
.button:has(.share):hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
p:has(span) {
  color: red;
}
.dropdown-wrapper.left {
  left: 0;
  position: relative;
  top: 25px;
}
.object-filters-header .filters {
  padding-top: var(--gap-12);
  max-width: 100%;
}
@media (max-width: 900px) {
  .object-filters-header .filters__buttons {
    padding-bottom: 8px;
  }
}
.object-filters-header .filters__buttons,
.object-filters-header .filters__tags {
  gap: var(--gap-8);
}
.object-filters-header .filters__tags {
  max-width: 100%;
  flex-wrap: wrap;
}
.object-filters-header .filters__tags .tag {
  white-space: nowrap;
  padding: var(--gap-8) var(--gap-12);
  background-color: var(--color-surface-3);
  border-radius: var(--round-full);
  cursor: pointer;
  transition: 0.2s;
  transition-property: background, border;
  border: 2px solid transparent;
}
.object-filters-header .filters__tags .tag:hover {
  background-color: var(--color-surface-1);
  border-color: var(--color-surface-3);
}
.object-filters-header .filters__tags .tag .text {
  padding: 0 var(--gap-4);
}
.object-filters-header .filters__tags .tag .text:after {
  flex-shrink: 0;
  background-image: url(/images/icons/outline/close--medium.svg);
  width: 16px;
}
.object-filters-header .filters__buttons {
  max-width: 1280px;
}
.object-filters-header .filters__buttons .input-wrapper {
  height: 48px;
  border-radius: var(--round-8);
}
.object-filters-header .filters__buttons .filters__inputs,
.object-filters-header .filters__buttons .filters__controls {
  gap: var(--gap-8);
}
.object-filters-header .filters__buttons .filters__inputs .input-wrapper,
.object-filters-header .filters__buttons .filters__inputs .input-wrapper input,
.object-filters-header .filters__buttons .filters__controls .input-wrapper,
.object-filters-header
  .filters__buttons
  .filters__controls
  .input-wrapper
  input {
  cursor: pointer;
}
.object-filters-header .filters__buttons .filters__inputs .input-wrapper input,
.object-filters-header
  .filters__buttons
  .filters__controls
  .input-wrapper
  input {
  pointer-events: none;
}
.object-filters-header
  .filters__buttons
  .filters__inputs
  .input-wrapper[open-drop="title-room-type"],
.object-filters-header
  .filters__buttons
  .filters__controls
  .input-wrapper[open-drop="title-room-type"] {
  min-width: 308px;
}
@media (max-width: 1200px) {
  .object-filters-header
    .filters__buttons
    .filters__inputs
    .input-wrapper[open-drop="title-room-type"],
  .object-filters-header
    .filters__buttons
    .filters__controls
    .input-wrapper[open-drop="title-room-type"] {
    min-width: 200px;
  }
}
.object-filters-header
  .filters__buttons
  .filters__inputs
  .input-wrapper:not([open-drop="title-room-type"]),
.object-filters-header
  .filters__buttons
  .filters__inputs
  .input-wrapper:not([open-drop="title-room-type"])
  input,
.object-filters-header
  .filters__buttons
  .filters__controls
  .input-wrapper:not([open-drop="title-room-type"]),
.object-filters-header
  .filters__buttons
  .filters__controls
  .input-wrapper:not([open-drop="title-room-type"])
  input {
  min-width: 75px;
  flex: 1;
}
@media (max-width: 900px) {
  .object-filters-header .filters__buttons .filters__search {
    width: 100%;
  }
}
.object-filters-header .filters__buttons .filters__search .input-wrapper {
  min-width: 308px;
}
@media (max-width: 1200px) {
  .object-filters-header .filters__buttons .filters__search .input-wrapper {
    min-width: 250px;
  }
}
@media (max-width: 900px) {
  .object-filters-header .filters__buttons .filters__search .input-wrapper {
    min-width: 0;
    width: 100%;
  }
}
.object-filters-header .filters__buttons .filters__controls {
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .object-filters-header .filters__buttons .filters__inputs {
    display: none;
  }
}
body.scrolled-down .inner-obj-under-header {
  transform: translateY(0);
}
body.scrolled-100 .broker-under-header {
  transform: translateY(73px);
}
#account-properties-app .broker-under-header {
  display: none;
}
body:not(.scrolled-100) .inner-obj-under-header.hide-on-top {
  opacity: 0;
  pointer-events: none;
}
.dropdown-wrapper.share-drop {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 30px;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.button .share .dropdown-wrapper.share-drop {
  padding-top: 40px;
}
.dropdown-wrapper.share-drop .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-16);
  box-shadow: 0 8px 32px #14141429;
}
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .green,
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .blue,
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .lightblue {
  padding: var(--gap-12);
  border-radius: var(--round-full);
}
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .green {
  background-color: #25d366;
}
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .blue {
  background-color: #1877f2;
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .lightblue {
  background-color: #3db7f4;
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high-invert.svg);
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high-invert.svg);
}
.dropdown-wrapper.share-drop .dropdown .share-content .content-buttons .line {
  height: 100%;
  width: 1px;
  background-color: var(--color-border-transparent);
  flex-shrink: 0;
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .button.gray {
  height: 48px;
  aspect-ratio: 1;
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .button
  .icon.link {
  background-image: url(/images/icons/outline/link--high.svg);
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .button
  .icon.download-simple {
  background-image: url(/images/icons/outline/download-simple--high.svg);
}
.dropdown-wrapper.share-drop
  .dropdown
  .share-content
  .content-buttons
  .button
  .icon.dotsthree {
  background-image: url(/images/icons/DotsThree--high.svg);
}
.checkbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  gap: 6px;
  align-items: center;
}
.checkbox .checkbox-icon {
  transition: 0.2s background;
  flex-shrink: 0;
  background-image: url(/images/icons/outline/checkbox--medium.svg);
  width: 20px;
  cursor: pointer;
}
.checkbox:hover .checkbox-icon {
  background-image: url(/images/icons/outline/checkbox--high.svg);
}
.checkbox .checkbox-text {
  position: relative;
  top: 1px;
}
.checkbox input {
  display: none;
}
.checkbox input:checked + .checkbox-icon {
  background-image: url(/images/icons/fill/checkbox--high.svg);
}
.checkbox-radio {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  gap: 6px;
  align-items: center;
}
.checkbox-radio .checkbox-icon {
  transition: 0.2s background;
  flex-shrink: 0;
  background-image: url(/images/radio.svg);
  width: 20px;
  cursor: pointer;
}
.checkbox-radio .checkbox-text {
  position: relative;
  top: 1px;
}
.checkbox-radio input {
  display: none;
}
.checkbox-radio input:checked + .checkbox-icon {
  background-image: url(/images/radio-checked.svg);
}
.res-comp {
  margin-top: 160px;
}
.res-comp--small {
  margin-top: 100px;
}
@media (max-width: 1440px) {
  .res-comp {
    margin-top: 200px;
  }
  .res-comp--small {
    margin-top: 100px;
  }
}
@media (max-width: 900px) {
  .res-comp {
    margin-top: 150px;
  }
  .res-comp--small {
    margin-top: 100px;
  }
}
.res-comp .filters {
  margin-top: 24px;
}
@media (max-width: 900px) {
  .res-comp .filters {
    flex-direction: column;
  }
  .res-comp .filters .dropdown-wrapper {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: 0.2s opacity;
    color: var(--color-text-high);
    padding-bottom: 40px;
  }
  .res-comp .filters .dropdown-wrapper .dropdown {
    background-color: var(--color-surface-1);
    border-radius: var(--round-16);
    padding: var(--gap-12);
    box-shadow: 0 8px 32px #14141429;
    width: 400px;
  }
  .res-comp .filters:hover .dropdown-wrapper {
    opacity: 1;
    pointer-events: all;
    filter: none;
  }
}
.res-comp .cards-grid {
  margin-top: 24px;
  grid-template-columns: repeat(auto-fit, minmax(1fr, 1fr))
}
@media (max-width: 350px) {
  .res-comp .cards-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.gallery {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-surface-5);
  z-index: 14;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
}
.gallery.open {
  opacity: 1;
  pointer-events: all;
}
.gallery .top {
  height: 100%;
  padding: var(--gap-16);
  padding-bottom: 0;
}
.gallery .top .image,
.gallery .top iframe {
  width: 100%;
  height: 100%;
}
.gallery .top .gray-button {
  flex-shrink: 0;
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
}
.gallery .top .gray-button .button {
  background-color: #4244477a;
}
.gallery .top .gray-button .button .icon.arrow.left {
  background-image: url(/images/icons/outline/caret-left--high-invert.svg);
}
.gallery .top .gray-button .button .icon.arrow.right {
  background-image: url(/images/icons/outline/caret-right--high-invert.svg);
}
.gallery .top .gray-button .button .icon.close {
  background-image: url(/images/icons/outline/close--high-invert.svg);
}
.gallery .top .gray-button.close-button {
  position: absolute;
  right: var(--gap-16);
  top: var(--gap-16);
}
.gallery .bottom {
  height: 80px;
  flex-shrink: 0;
  overflow-x: hidden;
  position: relative;
}
.gallery .bottom .previews {
  height: calc(100% - var(--gap-16));
  position: absolute;
  top: var(--gap-8);
  left: 0;
  transition: 0.2s left;
}
.gallery .bottom .previews .preview {
  position: relative;
  height: 100%;
  width: 48px;
  flex-shrink: 0;
  border-radius: var(--round-8);
  overflow: hidden;
  transition: 0.2s width;
  cursor: pointer;
}
.gallery .bottom .previews .preview__dark-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  opacity: 1;
  transition: 0.2s opacity;
}
.gallery .bottom .previews .preview__image {
  width: 100%;
  height: 100%;
}
.gallery .bottom .previews .preview__play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  width: 20px;
  background-image: url(/images/icons/fill/play--high-invert.svg);
}
.gallery .bottom .previews .preview:hover .preview__dark-front {
  opacity: 0;
}
.gallery .bottom .previews .preview.active {
  width: 96px;
}
.gallery .bottom .previews .preview.active .preview__dark-front {
  opacity: 0;
}
.role-management {
  margin-top: 120px;
}
@media (max-width: 900px) {
  .role-management {
    margin-top: 100px;
  }
}
.role-management .title .icon.plus {
  background-image: url(/images/icons/outline/plus--high.svg);
}
.role-management .roles__top {
  margin-top: 24px;
}
.role-management .roles__top .dropdowns .input-wrapper {
  background-color: #fff;
  height: 48px;
  width: 100%;
}
.role-management .roles__top .dropdowns .input-wrapper:not(.search) {
  cursor: pointer;
}
.role-management .roles__top .dropdowns .input-wrapper:not(.search) input {
  pointer-events: none;
}
.role-management .roles__top .filters {
  overflow-x: hidden;
}
@media (min-width: 901px) {
  .role-management .roles__top .filters {
    color: var(--color-text-medium);
    padding: 0 var(--gap-24);
  }
}
@media (max-width: 900px) {
  .role-management .roles__top .filters {
    overflow-x: scroll;
    scrollbar-width: none;
  }
  .role-management .roles__top .filters::-webkit-scrollbar {
    display: none;
  }
}
.role-management .roles__top .filters .filter {
  cursor: pointer;
  transition: 0.2s color;
}
.role-management .roles__top .filters .filter .icon {
  transition: 0.2s background;
  background-image: url(/images/icons/outline/arrows-down-up--medium.svg);
}
@media (max-width: 900px) {
  .role-management .roles__top .filters .filter .icon {
    background-image: url(/images/icons/outline/arrows-down-up--high.svg);
  }
}
.role-management .roles__top .filters .filter:hover {
  color: var(--color-text-accent);
}
.role-management .roles__top .filters .filter:hover .icon {
  background-image: url(/images/icons/outline/arrows-down-up--accent.svg);
}
.role-management .roles__top .filters .filter:hover.nohover {
  color: var(--color-text-medium);
}
.role-management .rtext.active {
  color: var(--color-text-success);
}
.role-management .role-cards {
  margin-top: 24px;
}
@media (max-width: 900px) {
  .role-management .role-cards {
    margin-top: 32px;
  }
}
.role-management .role-cards .manage-card {
  border-radius: var(--round-24);
  padding: var(--gap-24);
  position: relative;
  width: 100%;
  background-color: var(--color-surface-1);
}
.role-management .role-cards .manage-card .broker {
  max-width: 241px;
  width: 100%;
}
.role-management .role-cards .manage-card .broker .name {
  width: -moz-min-content;
  width: min-content;
}
.role-management .role-cards .manage-card .broker .photo {
  aspect-ratio: 1;
  width: 48px;
  border-radius: var(--round-full);
  flex-shrink: 0;
}
.role-management .role-cards .manage-card .contacts {
  max-width: 241px;
  width: 100%;
}
.role-management .role-cards .manage-card .add-to-group {
  width: 100%;
}
@media (max-width: 900px) {
  .role-management .role-cards .manage-card .add-to-group {
    max-width: 118px;
  }
}
.role-management .role-cards .manage-card .languages {
  width: 172px;
  flex-wrap: wrap;
}
.role-management .role-cards .manage-card .languages .dot {
  background-image: url(/images/icons/fill/dot--medium.svg);
  width: 12px;
}
.role-management .role-cards .manage-card .broker-role-wrapper {
  width: 100%;
  max-width: 130px;
}
.role-management .role-cards .manage-card .broker-date-wrapper {
  width: 100%;
  max-width: 146px;
}
.role-management .role-cards .manage-card .more {
  background-image: url(/images/icons/DotsThree--medium.svg);
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 24px;
}
.role-management .role-cards .manage-card .more .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  padding-top: 30px;
  top: 15px;
  right: 0;
  z-index: 13;
}
.role-management .role-cards .manage-card .more .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  width: 320px;
}
.role-management
  .role-cards
  .manage-card
  .more
  .dropdown-wrapper
  .dropdown
  .text {
  padding: var(--gap-12);
  transition: 0.2s;
  width: 100%;
  margin: 0;
}
.role-management
  .role-cards
  .manage-card
  .more
  .dropdown-wrapper
  .dropdown
  .text:hover {
  background-color: var(--color-surface-3);
}
.role-management .role-cards .manage-card .more:hover .dropdown-wrapper {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 900px) {
  .role-management .role-cards .manage-card .manage-card__section {
    width: 100%;
  }
  .role-management .role-cards .manage-card .manage-card__section > * {
    width: 100%;
    max-width: none;
  }
}
.small-footer {
  background-color: var(--color-surface-1);
  padding-top: var(--gap-56);
  padding-bottom: var(--gap-32);
  margin-top: var(--gap-24);
}
@media (max-width: 900px) {
  .small-footer {
    padding-top: var(--gap-48);
    padding-bottom: var(--gap-24);
  }
}
@media (min-width: 901px) {
  .small-footer {
    border-top: 1px solid var(--color-border-transparent);
  }
}
.small-footer .top .logo {
  aspect-ratio: 144/48;
  width: 144px;
  background-image: url(/logo.png);
}
@media (max-width: 900px) {
  .small-footer .top .buttons {
    width: 100%;
  }
}
.small-footer .bottom .madeby .maca {
  aspect-ratio: 90/18;
  width: 90px;
  background-image: url(/images/logo-maca-gray.svg);
}
.about {
  margin-top: 75px;
}
.about .skyscrapers-bg {
  background-repeat: no-repeat;
  background-image: url(/images/skyscrapers-bg.svg);
  background-position: center -250px;
}
.about .center-text {
  text-align: center;
}
.about .about-countries {
  padding-top: var(--gap-80);
  padding-bottom: 170px;
}
@media (max-width: 900px) {
  .about .about-countries {
    padding-top: var(--gap-16);
    padding-bottom: 64px;
  }
}
.about .about-countries .country {
  display: inline-flex;
  position: relative;
  top: -0.1em;
}
.about .about-countries .country .flag-wrapper {
  width: 72px;
  border-radius: var(--round-full);
  display: inline-flex;
  aspect-ratio: 1;
  background-color: var(--color-surface-3);
}
@media (max-width: 900px) {
  .about .about-countries .country .flag-wrapper {
    width: 32px;
  }
}
.about .about-countries .country .flag-wrapper .flag {
  width: 40px;
  border-radius: var(--round-8);
}
@media (max-width: 900px) {
  .about .about-countries .country .flag-wrapper .flag {
    width: 18px;
  }
}
.about .about-countries .country .flag-wrapper .flag.tr {
  background-image: url(/images/flags/tr.svg);
}
.about .about-countries .country .flag-wrapper .flag.ae {
  background-image: url(/images/flags/ae.svg);
}
.about .about-countries .country .flag-wrapper .flag.th {
  background-image: url(/images/flags/th.svg);
}
.about .about-countries .country .flag-wrapper .flag.ge {
  background-image: url(/images/flags/ge.svg);
}
.about .about-countries .country .flag-wrapper .flag.kz {
  background-image: url(/images/flags/kz.svg);
}
.about .about-countries .country .flag-wrapper .flag.by {
  background-image: url(/images/flags/by.svg);
}
.about .about-countries .country .flag-wrapper .flag.ru {
  background-image: url(/images/flags/kg.svg);
}
.about .logos-marguee {
  height: 124px;
  margin-top: var(--gap-40);
  background-repeat: repeat-x;
  animation: marquee-bg var(--marquee-cycle) linear infinite;
  background-size: var(--background-width);
}
@media (max-width: 900px) {
  .about .logos-marguee {
    height: 56px;
    margin-top: var(--gap-20);
  }
}
.about .about-work {
  margin-top: var(--gap-100);
}
@media (max-width: 900px) {
  .about .about-work {
    margin-top: var(--gap-56);
  }
}
.about .about-work .logo-yellow {
  aspect-ratio: 120/40;
  width: 120px;
  background-image: url(/images/logo-yellow.svg);
}
@media (max-width: 900px) {
  .about .about-work .logo-yellow {
    width: 24px;
  }
}
.about .about-work .title {
  max-width: 848px;
  margin-top: var(--gap-32);
}
@media (max-width: 900px) {
  .about .about-work .title {
    margin-top: var(--gap-12);
  }
}
.about .about-work .texts {
  margin-top: 60px;
}
@media (max-width: 900px) {
  .about .about-work .texts {
    margin-top: var(--gap-32);
  }
}
@media (min-width: 901px) {
  .about .about-work .texts .text {
    max-width: 380px;
  }
}
.about .about-history {
  background-color: var(--color-surface-3);
}
.about .about-history .image {
  aspect-ratio: 852/630;
  width: 100%;
  margin: var(--gap-80) 0;
  border-radius: var(--round-40);
}
@media (max-width: 900px) {
  .about .about-history .image {
    margin: 0;
    border-radius: var(--round-24);
  }
}
.about .about-history .cards {
  width: 412px;
  flex-shrink: 0;
  height: 100%;
  max-height: 790px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.about .about-history .cards::-webkit-scrollbar {
  display: none;
}
@media (max-width: 900px) {
  .about .about-history .cards {
    width: 100%;
  }
}
.about .about-history .cards .empty {
  height: 64px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .about .about-history .cards .empty {
    height: 0;
  }
}
.about .about-history .cards .card {
  background-color: var(--color-surface-1);
  border-radius: var(--round-40);
  padding: var(--gap-40);
  height: 630px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .about .about-history .cards .card {
    border-radius: var(--round-24);
    padding: var(--gap-24);
    height: auto;
  }
}
.about .about-history .cards .card .top {
  width: 100%;
}
.job-page {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .job-page {
    margin-top: 80px;
  }
  .job-page > .box > .title {
    width: 100%;
  }
}
.job-page .jobs-list {
  max-width: 840px;
  width: 100%;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .job-page .jobs-list {
    margin-top: var(--gap-20);
  }
}
.job-page .jobs-list .job-row {
  width: 100%;
  background-color: var(--color-surface-3);
  border-radius: var(--round-32);
  padding: var(--gap-32);
}
.job-page .jobs-list .job-row .top .job-name {
  transition: color 0.2s;
}
@media (max-width: 700px) {
  .job-page .jobs-list .job-row .top {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-4);
  }
}
.job-page .jobs-list .job-row:hover .top .job-name {
  color: var(--color-text-map);
}
.job-page .jobs-list .job-row .bottom {
  align-items: flex-end;
}
@media (max-width: 700px) {
  .job-page .jobs-list .job-row .bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-16);
  }
}
.job-page .jobs-list .job-row .bottom .tag-list {
  flex-wrap: wrap;
}
.job-page .jobs-list .job-row .bottom .tag-list .tag {
  padding: var(--gap-8);
  border-radius: var(--round-full);
  border: 1px solid var(--color-border-transparent);
  width: -moz-fit-content;
  width: fit-content;
}
.job-page .jobs-list .job-row .bottom .tag-list .tag .icon {
  width: 16px;
  border-radius: var(--round-full);
}
.job-page .jobs-list .job-row .bottom .check-vac {
  flex-shrink: 0;
}
.job-page .jobs-list .job-row .bottom .check-vac .icon.chevron-right {
  background-image: url(/images/icons/outline/chevron-right--medium.svg);
}
.job-page .job-banner {
  margin-top: 80px;
  border-radius: 32px;
  padding: var(--gap-24);
  width: 100%;
  position: relative;
  overflow: hidden;
  background-image: url(/images/photos/team.webp);
}
@media (max-width: 900px) {
  .job-page .job-banner {
    padding: var(--gap-24) var(--gap-16);
    background-image: url(/images/photos/team-mob.webp);
    height: 1006px;
    justify-content: flex-end;
    background-position: top;
  }
}
.documents {
  margin-top: 100px;
  margin-bottom: var(--gap-40);
}
@media (max-width: 900px) {
  .documents {
    margin-top: 80px;
    margin-bottom: var(--gap-24);
  }
}
.documents .documents-page {
  align-items: center;
}
@media (max-width: 900px) {
  .documents .documents-page {
    align-items: flex-start;
  }
  .licence {
    margin-bottom: 64px;
  }
}
.licence .licence-grid {
  margin-top: var(--gap-40);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  -moz-column-gap: var(--gap-16);
  column-gap: var(--gap-16);
  row-gap: var(--gap-32);
  width: 100%;
  max-width: 848px;
}
@media (max-width: 900px) {
  .licence .licence-grid {
    margin-top: var(--gap-24);
  }
}
.licence .licence-grid .doc {
  width: 100%;
  max-width: 300px;
  cursor: pointer;
}
.licence .licence-grid .doc .img {
  aspect-ratio: 200/276;
  width: 100%;
  border-radius: var(--round-12);
}
.licence .licence-grid .doc .text {
  margin-top: 12px;
  transition: 0.2s color;
}
.licence .licence-grid .doc:hover .text {
  color: var(--color-text-map);
}
@media (max-width: 900px) {
  .documents-page .tabs-mob {
    padding-left: 16px;
  }
}
.documents-page .tab.tab {
  padding: var(--gap-16);
  border-bottom: none;
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-full);
  color: var(--color-text-high);
  transition: 0.2s;
  transition-property: color, background-color, border;
}
.documents-page .tab.tab.active {
  border-bottom: none;
  color: var(--color-text-high-invert);
  background-color: var(--color-icon-high);
  border: 1px solid var(--color-surface-1);
}
.index-title-banner .box .partnership-banner-content .title {
  max-width: 740px;
}
.program-sugg {
  border-radius: var(--round-40);
  margin-top: calc(-1 * var(--gap-40));
  position: relative;
  background-color: var(--color-surface-1);
}
.program-sugg .index-stats {
  width: 100%;
}
.program-sugg .index-stats .top-block {
  justify-content: space-between;
}
.logos-line {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .logos-line {
    margin-top: 80px;
  }
}
.logos-line .logos-marguee {
  height: 124px;
  margin-top: var(--gap-40);
  background-repeat: repeat-x;
  animation: marquee-bg var(--marquee-cycle) linear infinite;
  background-size: var(--background-width);
}
@keyframes marquee-bg {
  0% {
    background-position: 0px 0px;
  }
  to {
    background-position: calc(-1 * var(--background-width)) 0px;
  }
}
@media (max-width: 900px) {
  .logos-line .logos-marguee {
    height: 56px;
    margin-top: var(--gap-20);
  }
}
.partners-page {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .partners-page {
    margin-top: 80px;
  }
}
.partners-page .cashback {
  width: 100%;
  background-color: var(--color-surface-3);
  border-radius: var(--round-32);
  padding: var(--gap-32);
  align-items: stretch;
}
@media (max-width: 900px) {
  .partners-page .cashback {
    padding: var(--gap-32) var(--gap-16);
    flex-direction: column;
    gap: 32px;
  }
}
.partners-page .cashback .left {
  max-width: 450px;
}
@media (max-width: 900px) {
  .partners-page .cashback .left {
    gap: 12px;
  }
}
.partners-page .cashback .right {
  max-width: 600px;
  width: 100%;
}
.partners-page .cashback .right .deal-num {
  padding: var(--gap-8) var(--gap-12);
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-full);
  flex-shrink: 0;
}
.partners-page .cashback .right .border {
  border: 1px dashed var(--color-border-transparent);
  width: 100%;
  position: relative;
}
@media (max-width: 900px) {
  .partners-page .cashback .right .border {
    border: 1px solid var(--color-border-transparent);
  }
  .partners-page .divider {
    display: none;
  }
}
.partners-page .partner-steps .steps-title {
  margin-bottom: 80px;
}
@media (max-width: 900px) {
  .partners-page .partner-steps .steps-title {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: var(--gap-32);
  }
}
.partners-page .partner-steps .steps-title .check-present .image {
  aspect-ratio: 97/56;
  width: 97px;
  border-radius: var(--round-8);
}
@media (max-width: 800px) {
  .partners-page .partner-steps .steps {
    gap: 32px;
  }
}
.partners-page .partner-steps .steps .arrows-wrapper {
  display: none;
}
.partners-page .partner-steps .steps .step {
  max-width: 314px;
  width: 100%;
}
@media (max-width: 800px) {
  .partners-page .partner-steps .steps .step {
    gap: 16px;
  }
}
.partners-page .partner-steps .steps .step .top-step {
  width: 100%;
}
.partners-page .partner-steps .steps .step .top-step .button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s border;
}
.partners-page .partner-steps .steps .step .top-step .divider {
  margin: 0;
  flex-shrink: 1;
}
@media (max-width: 900px) {
  .partners-page .partner-steps .steps .step .top-step .divider {
    display: block;
  }
}
@media (max-width: 800px) {
  .partners-page .partner-steps .steps .step .bottom-step {
    gap: 8px;
  }
}
.partners-page .partner-steps .steps .step .bottom-step .gtext {
  opacity: 0;
  transition: 0.2s opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 800px) {
  .partners-page .partner-steps .steps .step .bottom-step .gtext {
    opacity: 1;
  }
}
.partners-page .partner-steps .steps .step:hover .top-step .button,
.partners-page .partner-steps .steps .step:active .top-step .button,
.partners-page .partner-steps .steps .step.active .top-step .button {
  border: 1px solid var(--color-border-solid);
}
@media (max-width: 800px) {
  .partners-page .partner-steps .steps .step:hover .top-step .button,
  .partners-page .partner-steps .steps .step:active .top-step .button,
  .partners-page .partner-steps .steps .step.active .top-step .button {
    border: 1px solid var(--color-border-transparent);
  }
}
.partners-page .partner-steps .steps .step:hover .bottom-step .gtext,
.partners-page .partner-steps .steps .step:active .bottom-step .gtext,
.partners-page .partner-steps .steps .step.active .bottom-step .gtext {
  opacity: 1;
}
.partners-page .reasons-to-work .title {
  margin-bottom: var(--gap-40);
}
@media (max-width: 900px) {
  .partners-page .reasons-to-work .title {
    margin-bottom: var(--gap-32);
  }
}
.partners-page .reasons-to-work .reason-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.partners-page .index-form {
  padding: var(--gap-24);
  border-radius: var(--round-32);
}
@media (max-width: 1300px) {
  .partners-page .index-form {
    flex-direction: column;
  }
}
@media (max-width: 900px) {
  .partners-page .index-form {
    padding: 24px 16px;
    background-image: url(https://i.pinimg.com/originals/5f/a9/ba/5fa9ba88ef5d876c5500ce76acf3e8d0.jpg) !important;
  }
}
.partners-page .index-form > .contacts .contact-block {
  border-radius: var(--round-16);
  padding: var(--gap-32);
}
.partners-page .index-form .contacts {
  width: 100%;
  border-radius: 16px;
}
@media (max-width: 900px) {
  .partners-page .index-form .contacts {
    flex-direction: column;
  }
}
.partners-page .index-form .contacts .divider {
  width: 1px;
  height: 100%;
  background-color: var(--color-border-transparent-invert);
}
@media (max-width: 900px) {
  .partners-page .index-form .contacts .divider {
    width: 100%;
    height: 1px;
  }
}
.partners-page .index-form .contacts .contact-block {
  width: 100%;
  max-width: 351px;
  color: var(--color-text-high-invert);
  height: 100%;
  align-items: flex-start;
}
@media (max-width: 1300px) {
  .partners-page .index-form .contacts .contact-block {
    max-width: none;
    min-height: 414px;
  }
}
@media (max-width: 900px) {
  .partners-page .index-form .contacts .contact-block {
    min-height: unset;
  }
}
.partners-page .index-form .contacts .contact-block:nth-child(1) {
  border-radius: var(--round-16) 0 0 var(--round-16);
}
@media (max-width: 900px) {
  .partners-page .index-form .contacts .contact-block:nth-child(1) {
    border-radius: var(--gap-16) var(--gap-16) 0 0;
  }
}
.partners-page .index-form .contacts .contact-block:nth-child(3) {
  border-radius: 0 var(--round-16) var(--round-16) 0;
}
@media (max-width: 900px) {
  .partners-page .index-form .contacts .contact-block:nth-child(3) {
    border-radius: 0 0 var(--gap-16) var(--gap-16);
  }
}
.partners-page .index-form .contacts .contact-block .social .icon.whatsapp {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.partners-page .index-form .contacts .contact-block .social .icon.telegram {
  background-image: url(/images/icons/fill/telegram--high-invert.svg);
}
.partners-page .index-form .contacts .contact-block .social .icon.facebook {
  background-image: url(/images/icons/fill/facebook--high-invert.svg);
}
.partners-page .index-form .contacts .contact-block .social .icon.instagram {
  background-image: url(/images/icons/fill/instagram--high-invert.svg);
}
.partners-page .index-form .contacts .contact-block .callbacks {
  width: 100%;
}
.partners-page .index-form .contacts .contact-block .callbacks .input-wrapper {
  background-color: var(--color-border-transparent-invert);
}
.partners-page
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input {
  width: 100%;
}
.partners-page
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input::-moz-placeholder {
  color: var(--color-text-medium-invert);
}
.partners-page
  .index-form
  .contacts
  .contact-block
  .callbacks
  .input-wrapper
  input::placeholder {
  color: var(--color-text-medium-invert);
}
.partners-page .index-form .contacts .contact-block .callbacks .callback .dot {
  background-image: url(/images/icons/fill/dot--success.svg);
  width: 24px;
}
.partners-page
  .index-form
  .contacts
  .contact-block
  .callbacks
  .callback
  .phone-data
  .phone {
  white-space: nowrap;
}
.partners-page
  .index-form
  .contacts
  .contact-block
  .callbacks
  .callback
  .phone-data
  .comment {
  color: var(--color-text-medium-invert);
}
.partners-page .index-form .contacts .contact-block.accent {
  background-color: var(--color-surface-accent);
}
.partners-page .index-form .contacts .contact-block.white {
  background-color: var(--color-surface-1);
  color: var(--color-text-high);
}
.partners-page .index-form .contacts .contact-block .descr {
  color: var(--color-text-medium-invert);
}
@media (max-width: 900px) {
  .partners-page .box {
    padding: 0;
  }
  .partners-page.disable-contacts .box .form {
    width: 100%;
    max-width: none;
    background-color: var(--color-surface-3);
    border-radius: var(--round-24);
    padding: var(--gap-32) var(--gap-16);
  }
  .partners-page.disable-contacts .box .form .input-wrapper {
    background-color: var(--color-surface-1);
  }
  .partners-page.enable-contacts .box .contacts .contact-block {
    background-color: var(--color-surface-3);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: var(--color-text-high);
    padding: var(--gap-20);
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button {
    background-color: var(--color-surface-1);
    color: var(--color-text-high);
    box-shadow: 0 8px 32px #14141429;
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.whatsapp {
    background-image: url(/images/icons/fill/whatsapp--high.svg);
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.telegram {
    background-image: url(/images/icons/fill/telegram--high.svg);
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.facebook {
    background-image: url(/images/icons/fill/facebook--high.svg);
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .social
    .button
    .icon.instagram {
    background-image: url(/images/icons/fill/instagram--high.svg);
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .callbacks {
    flex-wrap: wrap;
  }
  .partners-page.enable-contacts
    .box
    .contacts
    .contact-block
    .bottom
    .callbacks
    .callback
    .phone-data
    .comment {
    color: var(--color-text-medium);
  }
  .partners-page.enable-contacts .box .contacts .contact-block.ffs-mob {
    align-items: flex-end;
  }
  .partners-page.enable-contacts .box .contacts .contact-block.ffs-mob .text {
    width: 100%;
  }
}
.how-does-it-work .step {
  max-width: 314px;
  width: 100%;
}
@media (max-width: 800px) {
  .how-does-it-work .step {
    gap: 16px;
  }
}
.how-does-it-work .step .top-step {
  width: 100%;
}
.how-does-it-work .step .top-step .button {
  border: 1px solid var(--color-border-transparent);
  transition: 0.2s border;
  padding: var(--gap-8) var(--gap-12);
}
.how-does-it-work .step .top-step .divider {
  margin: 0;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .how-does-it-work .step .bottom-step {
    gap: 8px;
  }
}
.how-does-it-work .step .bottom-step .gtext {
  opacity: 0;
  transition: 0.2s opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 800px) {
  .how-does-it-work .step .bottom-step .gtext {
    opacity: 1;
  }
}
.how-does-it-work .step:hover .top-step .button,
.how-does-it-work .step:active .top-step .button,
.how-does-it-work .step.active .top-step .button {
  border: 1px solid var(--color-border-solid);
}
@media (max-width: 800px) {
  .how-does-it-work .step:hover .top-step .button,
  .how-does-it-work .step:active .top-step .button,
  .how-does-it-work .step.active .top-step .button {
    border: 1px solid var(--color-border-transparent);
  }
}
.how-does-it-work .step:hover .bottom-step .gtext,
.how-does-it-work .step:active .bottom-step .gtext,
.how-does-it-work .step.active .bottom-step .gtext {
  opacity: 1;
}
.broker-obj-empty {
  margin-top: 140px;
}
.broker-obj-empty .empty-obj {
  width: 100%;
  border-radius: var(--round-32);
  background-repeat: no-repeat;
  background-color: var(--color-surface-1);
  background-position: bottom right;
}
@media (max-width: 900px) {
  .broker-obj-empty .empty-obj {
    background-image: none;
  }
}
.broker-obj-empty .empty-obj .empty-obj-wrapper {
  padding: var(--gap-24);
}
.broker-obj-empty .empty-obj .empty-obj-wrapper .left {
  padding: var(--gap-32);
  background-color: var(--color-surface-3);
  max-width: 409px;
  border-radius: var(--round-16);
  min-height: 392px;
}
@media (max-width: 900px) {
  .broker-obj-empty .empty-obj .empty-obj-wrapper .left {
    max-width: none;
    width: 100%;
  }
}
.broker-obj-empty .empty-obj .empty-obj-wrapper .left .button {
  width: 100%;
}
.broker-obj-empty .empty-obj.gray {
  background-color: var(--color-surface-3);
}
.broker-obj-empty .empty-obj.gray .left {
  background-color: var(--color-surface-1);
}
.object-gk-map .map {
  border-radius: var(--round-32);
  width: 100%;
  height: 412px;
  aspect-ratio: auto;
}
.description-spoiler__more {
  display: none;
}
.description-spoiler--hidden .description-spoiler__more {
  display: flex;
}
.current-jk .left .image {
  aspect-ratio: 80/48;
  width: 80px;
  border-radius: var(--round-8);
}
.select-current-jk-to-map-sidebar {
  cursor: pointer;
}
.map-wrapper .map-list-button {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.map-wrapper .map-list-button .button {
  flex-direction: row-reverse;
}
.map-wrapper .map-list-button .button .icon.listbullets {
  background-image: url(/images/icons/outline/ListBullets--high-invert.svg);
}
.map-wrapper .map-sidebar {
  top: 0;
  left: 0;
  height: 100%;
  flex-shrink: 0;
  border-top: 1px solid var(--color-border-transparent);
  position: relative;
  overflow-y: hidden;
}
@media (max-width: 900px) {
  .map-wrapper .map-sidebar {
    position: absolute;
    pointer-events: none;
    top: 71px;
    left: 0;
    width: 100%;
    height: calc(100vh - 71px);
    z-index: 1;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .map-wrapper .map-sidebar::-webkit-scrollbar {
    display: none;
  }
}
.map-wrapper .map-sidebar .transparent-box {
  width: 100%;
  height: calc(100vh - 112px);
  flex-shrink: 0;
}
.map-wrapper .map-sidebar .mob-thumb-open {
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
  flex-shrink: 0;
  pointer-events: all;
}
.map-wrapper .map-sidebar .mob-thumb-open .line {
  width: 48px;
  height: 6px;
  border-radius: var(--round-full);
  background-color: var(--color-icon-low);
}
.map-wrapper .map-sidebar:not(.open) {
  display: none;
}
.map-wrapper .map-sidebar__inner {
  position: relative;
  flex-shrink: 0;
  height: calc(100vh - 72px);
}
@media (max-width: 900px) {
  .map-wrapper .map-sidebar__inner {
    pointer-events: all;
  }
}
.map-wrapper .map-sidebar__header,
.map-wrapper .map-sidebar__content {
  padding: var(--gap-16);
}
.map-wrapper .map-sidebar__header {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: #fff;
  box-shadow: 0 8px 40px #1414140f;
}
.map-wrapper .map-sidebar__header .underline {
  cursor: pointer;
}
.map-wrapper .map-sidebar__header .icon.close {
  cursor: pointer;
  background-image: url(/images/icons/outline/close--medium.svg);
}
.map-wrapper .map-sidebar__content {
  height: calc(100vh - 72px);
  overflow-y: auto;
  width: 652px;
  background-color: #fff;
  flex-shrink: 0;
  scrollbar-width: none;
}
.map-wrapper .map-sidebar__content::-webkit-scrollbar {
  display: none;
}
@media (max-width: 900px) {
  .map-wrapper .map-sidebar__content {
    width: 100%;
  }
}
.map-wrapper .map-sidebar__content .current-jk {
  border-top: 1px solid var(--color-border-transparent);
  padding-top: 20px;
  margin: 40px 0;
  position: relative;
  z-index: 1;
  background-color: #fff;
  width: 100%;
}
.map-wrapper .map-sidebar__content .cards-grid {
  max-width: 100%;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 600px) {
  .map-wrapper .map-sidebar__content .cards-grid {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
}
.map-wrapper .map-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.map-wrapper .map-inner .map-frame {
  height: 100%;
  min-height: none;
}
.map-hover-cards .map-hover-card {
  border-radius: var(--round-24);
  overflow: hidden;
  width: 290px;
  background-color: var(--color-surface-1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.map-hover-cards .map-hover-card .image {
  height: 164px;
}
.map-hover-cards .map-hover-card .bottom {
  padding: var(--gap-12);
}
.map-frame {
  width: 100%;
}
.social .share-btn {
  position: relative;
}
.social .share-btn .dropdown-wrapper.share-drop {
  bottom: 100%;
  left: 0;
}
@media (max-width: 900px) {
  .button.border.share-btn {
    border: 0;
  }
}
.share-social {
  padding: var(--gap-6);
  border-radius: var(--round-full);
  background-color: #1976d2;
}
.share-social.share-social .icon.vk {
  width: 36px;
  background-image: url(/images/social-colored/vk.png);
}
.user-lk-deals .deal-status {
  padding: var(--gap-4) var(--gap-6);
  padding-left: 10px;
  border-radius: var(--round-full);
  flex-shrink: 0;
}
.user-lk-deals .deal-status .text {
  color: var(--color-surface-1);
}
.user-lk-deals .deal-status .icon {
  width: 16px;
  aspect-ratio: 1;
}
.user-lk-deals .deal-status .icon.question-circle {
  background-image: url(/images/icons/fill/question-circle--high-invert.svg);
  position: relative;
  opacity: 0.5;
}
.user-lk-deals .deal-status .icon.question-circle .dropdown-percent-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  bottom: -200px;
  left: 5px;
  padding-left: 20px;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
  width: 276px;
  cursor: default;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .text,
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .gtext {
  cursor: text;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .text {
  color: var(--color-text-high);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps {
  background-color: var(--color-surface-1);
  border-radius: var(--round-32);
}
@media (max-width: 900px) {
  .user-lk-deals
    .deal-status
    .icon.question-circle
    .dropdown-percent-wrapper
    .dropdown-percent
    .steps {
    border-radius: var(--round-24);
    border-radius: 0;
    padding: var(--gap-12) var(--gap-16);
  }
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step:not(:last-child)
  .step__body
  .right {
  padding-bottom: var(--gap-12);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step:last-child
  .step__body
  .left
  .line {
  display: none;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .icon {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .left {
  justify-content: flex-start;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .left
  .line {
  flex-shrink: 1;
  border-radius: var(--round-full);
  width: 2px;
  height: 100%;
  background-color: var(--color-border-transparent);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress {
  padding: var(--gap-6) var(--gap-8);
  border-radius: var(--round-full);
  background-color: var(--color-surface-3);
  width: -moz-fit-content;
  width: fit-content;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress
  .icon {
  width: 16px;
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress
  .icon.clock {
  background-image: url(/images/icons/fill/clock--high.svg);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.active:before,
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.done:before {
  background-color: var(--color-border-solid);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.active
  .step__body
  .line {
  background-color: var(--color-border-solid);
}
.user-lk-deals
  .deal-status
  .icon.question-circle
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.done
  .step__body
  .icon {
  background-image: url(/images/icons/fill/radio-fill--success.svg);
}
.user-lk-deals .deal-status .icon.question-circle:hover {
  opacity: 1;
}
.user-lk-deals
  .deal-status
  .icon.question-circle:hover
  .dropdown-percent-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.user-lk-deals .ref-deal {
  padding: var(--gap-16) var(--gap-20) var(--gap-20) var(--gap-20);
  background-color: var(--color-surface-3);
  border-radius: var(--round-16);
  position: relative;
}
.user-lk-deals .ref-deal .icon.chevron-down {
  background-image: url(/images/icons/outline/chevron-down--medium.svg);
  position: absolute;
  right: 20px;
  top: 16px;
  cursor: pointer;
}
.user-lk-deals .ref-deal .deal-wrapper {
  transition: 0.2s gap;
}
@media (max-width: 600px) {
  .user-lk-deals .ref-deal .deal-wrapper .top-info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.user-lk-deals .ref-deal .deal-wrapper .top-info .divider-v {
  min-height: 48px;
}
@media (max-width: 600px) {
  .user-lk-deals .ref-deal .deal-wrapper .top-info .divider-v {
    display: none;
  }
}
.user-lk-deals .ref-deal .deal-wrapper .top-info .top-left {
  flex: 1;
}
@media (max-width: 1050px) {
  .user-lk-deals .ref-deal .deal-wrapper .top-info .top-left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.user-lk-deals .ref-deal .deal-wrapper .top-info .top-left .info {
  max-width: 180px;
  width: 100%;
}
.user-lk-deals .ref-deal .deal-wrapper .top-info .top-right {
  flex: 1;
  width: 100%;
}
.user-lk-deals .ref-deal .deal-wrapper .top-info .top-right .info {
  max-width: 190px;
  width: 100%;
}
.user-lk-deals .ref-deal .deal-wrapper .bottom-info {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s;
}
.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner {
  overflow: hidden;
}
@media (max-width: 600px) {
  .user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .divider-v {
  min-height: 48px;
  height: 100%;
}
@media (max-width: 600px) {
  .user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .divider-v {
    display: none;
  }
}
.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-left,
.user-lk-deals .ref-deal .deal-wrapper .bottom-info__inner .bottom-right {
  flex: 1;
}
.user-lk-deals
  .ref-deal
  .deal-wrapper
  .bottom-info__inner
  .bottom-right
  .text:after {
  width: 16px;
  aspect-ratio: 1;
  background-image: url(/images/icons/outline/clock--high.svg);
  position: relative;
  left: 4px;
}
.user-lk-deals
  .ref-deal
  .deal-wrapper
  .bottom-info__inner
  .bottom-right
  .text.decline {
  color: var(--color-text-error);
}
.user-lk-deals
  .ref-deal
  .deal-wrapper
  .bottom-info__inner
  .bottom-right
  .text.decline:after {
  width: 16px;
  aspect-ratio: 1;
  background-image: url(/images/icons/outline/close-circle--error.svg);
  position: relative;
  left: 4px;
}
.user-lk-deals
  .ref-deal
  .deal-wrapper
  .bottom-info__inner
  .bottom-right
  .text.success {
  color: var(--color-text-success);
}
.user-lk-deals
  .ref-deal
  .deal-wrapper
  .bottom-info__inner
  .bottom-right
  .text.success:after {
  width: 16px;
  aspect-ratio: 1;
  background-image: url(/images/icons/outline/check-circle--success.svg);
  position: relative;
  left: 4px;
}
.user-lk-deals .ref-deal:not(.open) .deal-wrapper {
  gap: 0;
}
.user-lk-deals .ref-deal.open .icon.chevron-down {
  transform: scaleY(-1);
}
.user-lk-deals .ref-deal.open .deal-wrapper .bottom-info {
  grid-template-rows: 1fr;
}
@media (min-width: 901px) {
  .user-lk-favorites-tab-group {
    margin-top: var(--gap-16);
  }
}
.user-lk-content .card-complex-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1050px) {
  .user-lk-content .card-complex-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 900px) {
  .user-lk-content .card-complex-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .user-lk-content .card-complex-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.user-lk-content .card-objects-grid {
  display: grid;
  grid-template-columns: repeat(3, 33%);
  row-gap: var(--gap-32);
  -moz-column-gap: var(--gap-24);
  column-gap: var(--gap-24);
}
@media (max-width: 1250px) {
  .user-lk-content .card-objects-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .user-lk-content .card-objects-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.user-lk-content .user-fav-empty .empty-obj {
  width: 100%;
  border-radius: var(--round-32);
  background-repeat: no-repeat;
  background-color: var(--color-surface-1);
  background-position: bottom right;
}
@media (max-width: 1000px) {
  .user-lk-content .user-fav-empty .empty-obj {
    background-position: bottom center;
    height: 656px;
  }
}
.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper {
  padding: var(--gap-24);
  padding-left: 80px;
}
@media (max-width: 1000px) {
  .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper {
    padding: var(--gap-32);
    display: flex;
    justify-content: center;
  }
}
.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
  background-color: var(--color-surface-3);
  max-width: 300px;
  border-radius: var(--round-16);
  min-height: 392px;
}
@media (max-width: 900px) {
  .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left {
    background-color: transparent;
    justify-content: stretch;
  }
}
.user-lk-content .user-fav-empty .empty-obj .empty-obj-wrapper .left .button {
  width: -moz-fit-content;
  width: fit-content;
}
.user-lk-content .user-fav-empty .empty-obj.gray {
  background-color: var(--color-surface-3);
}
@media (max-width: 900px) {
  .user-lk-sidebar-wrapper {
    display: none;
  }
}
.user-lk-sidebar-wrapper .user-lk-sidebar {
  width: 244px;
  flex-shrink: 0;
  position: sticky;
  top: 100px;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc {
  width: 100%;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .border {
  flex-shrink: 0;
  width: 72px;
  aspect-ratio: 1;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info {
  width: 100%;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info > .text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  cursor: text;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail .can-short {
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow-y: hidden;
  word-break: break-word;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .mail .domain {
  flex-shrink: 0;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .my-acc .acc-info .id {
  padding: 0 6px;
  background-color: var(--color-surface-3);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--round-full);
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  cursor: text;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option {
  padding: var(--gap-12);
  transition: 0.2s background-color;
  border-radius: var(--round-12);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option .count {
  padding: var(--gap-4) var(--gap-6);
  background-color: var(--color-surface-4);
  border-radius: var(--round-full);
}
.user-lk-sidebar-wrapper
  .user-lk-sidebar
  .tabs
  .option
  .icon.arrow-circle-left {
  background-image: url(/images/icons/outline/arrow-circle-left--medium.svg);
}
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option:hover,
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.active {
  background-color: var(--color-surface-3);
}
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.blue {
  color: var(--color-text-map);
}
.user-lk-sidebar-wrapper .user-lk-sidebar .tabs .option.blue .icon.percent {
  background-image: url(/images/icons/outline/percent--map.svg);
}
.user-lk-sidebar-wrapper-mob {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background-color: var(--color-surface-1);
  box-shadow: 0 10px 40px #1414141a;
  z-index: 6;
}
.user-lk-sidebar-wrapper-mob.user-lk-sidebar-wrapper-mob.user-lk-sidebar-wrapper-mob {
  padding-left: 0;
  padding-right: 0;
}
.user-lk-sidebar-wrapper-mob .tabs {
  height: 100%;
}
.user-lk-sidebar-wrapper-mob .tabs .option {
  height: 100%;
  width: 100%;
  flex: 1;
  color: var(--color-text-medium);
  transition: 0.2s color;
  padding: var(--gap-12) var(--gap-2);
}
.user-lk-sidebar-wrapper-mob .tabs .option:first-child {
  padding-left: var(--gap-8);
}
.user-lk-sidebar-wrapper-mob .tabs .option:last-child {
  padding-right: var(--gap-8);
}
.user-lk-sidebar-wrapper-mob .tabs .option .icon.heart {
  background-image: url(/images/icons/outline/heart--medium.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option .icon.bolt {
  background-image: url(/images/icons/outline/bolt--medium.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option .icon.percent {
  background-image: url(/images/icons/outline/percent--medium.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option .icon.user {
  background-image: url(/images/icons/outline/user--medium.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.heart {
  background-image: url(/images/icons/outline/heart--map.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.bolt {
  background-image: url(/images/icons/outline/bolt--map.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.percent {
  background-image: url(/images/icons/outline/percent--map.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.blue .icon.user {
  background-image: url(/images/icons/outline/user--map.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.heart {
  background-image: url(/images/icons/outline/heart--high.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.bolt {
  background-image: url(/images/icons/outline/bolt--high.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.percent {
  background-image: url(/images/icons/outline/percent--high.svg);
}
.user-lk-sidebar-wrapper-mob .tabs .option.active .icon.user {
  background-image: url(/images/icons/outline/user--high.svg);
}
.user-lk-layout {
  margin-top: 100px;
}
.user-lk-layout .user-lk-content {
  width: 100%;
}
.user-partner {
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.user-partner .new-partner-head .partner-buttons {
  margin-top: var(--gap-48);
}
@media (max-width: 600px) {
  .user-partner .new-partner-head .partner-buttons {
    margin-top: var(--gap-40);
    flex-direction: column;
  }
}
.user-partner .new-partner-head .partner-buttons .button {
  width: -moz-fit-content;
  width: fit-content;
}
.user-partner .cashback {
  width: 100%;
  background-color: var(--color-surface-3);
  border-radius: var(--round-32);
  padding: var(--gap-32);
  align-items: stretch;
}
@media (max-width: 1150px) {
  .user-partner .cashback {
    padding: var(--gap-32) var(--gap-16);
    flex-direction: column;
    gap: 32px;
  }
}
.user-partner .cashback .left {
  max-width: 450px;
}
@media (max-width: 900px) {
  .user-partner .cashback .left {
    gap: 12px;
  }
}
.user-partner .cashback .right {
  max-width: 600px;
  width: 100%;
}
.user-partner .cashback .right .deal-num {
  padding: var(--gap-8) var(--gap-12);
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-full);
  flex-shrink: 0;
}
.user-partner .cashback .right .border {
  border: 1px dashed var(--color-border-transparent);
  width: 100%;
  position: relative;
}
@media (max-width: 900px) {
  .user-partner .cashback .right .border {
    border: 1px solid var(--color-border-transparent);
  }
}
.user-partner .partner-banner {
  border-radius: 32px;
  padding: var(--gap-24);
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 900px) {
  .user-partner .partner-banner {
    padding: var(--gap-24) var(--gap-16);
  }
}
.user-partner .partner-banner .woman {
  aspect-ratio: 547/800;
  width: 493px;
  position: absolute;
  bottom: -57px;
  right: -9px;
  background-image: url(/images/partner-bg-woman.webp);
}
@media (max-width: 900px) {
  .user-partner .partner-banner .woman {
    display: none;
  }
}
.blur-loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff9;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.blur-loading-screen.open {
  opacity: 1;
  pointer-events: all;
}
.blur-loading-screen .icon {
  background-image: url(/images/building-accent.svg);
  aspect-ratio: 52/72;
  width: 52px;
}
.blur-loading-screen .text {
  color: var(--color-text-accent);
}
.user-partner .dropdown-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
}
.user-partner .dropdown-wrapper .dropdown {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
}
@media (max-width: 1150px) {
  .user-partner .user-partner-top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.user-partner .left-partner-top .black {
  width: -moz-fit-content;
  width: fit-content;
}
.user-partner .left-partner-top .partner-buttons .download-button {
  cursor: pointer;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .download-button
  .icon.download {
  background-image: url(/images/icons/outline/download-simple--medium.svg);
}
.user-partner .left-partner-top .partner-buttons .percents {
  cursor: help;
  position: relative;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s opacity;
  color: var(--color-text-high);
  top: 100%;
  right: 0;
  padding-top: var(--gap-8);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent {
  background-color: #fff;
  border-radius: var(--round-16);
  padding: var(--gap-12);
  box-shadow: 0 8px 32px #14141429;
  width: 276px;
  cursor: default;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .text,
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .gtext {
  cursor: text;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps {
  background-color: var(--color-surface-1);
  border-radius: var(--round-32);
}
@media (max-width: 900px) {
  .user-partner
    .left-partner-top
    .partner-buttons
    .percents
    .dropdown-percent-wrapper
    .dropdown-percent
    .steps {
    border-radius: var(--round-24);
    border-radius: 0;
    padding: var(--gap-12) var(--gap-16);
  }
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step:not(:last-child)
  .step__body
  .right {
  padding-bottom: var(--gap-12);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step:last-child
  .step__body
  .left
  .line {
  display: none;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .icon {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .left {
  justify-content: flex-start;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .left
  .line {
  flex-shrink: 1;
  border-radius: var(--round-full);
  width: 2px;
  height: 100%;
  background-color: var(--color-border-transparent);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress {
  padding: var(--gap-6) var(--gap-8);
  border-radius: var(--round-full);
  background-color: var(--color-surface-3);
  width: -moz-fit-content;
  width: fit-content;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress
  .icon {
  width: 16px;
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step__body
  .right
  .progress
  .icon.clock {
  background-image: url(/images/icons/fill/clock--high.svg);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.active:before,
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.done:before {
  background-color: var(--color-border-solid);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.active
  .step__body
  .line {
  background-color: var(--color-border-solid);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents
  .dropdown-percent-wrapper
  .dropdown-percent
  .steps
  .step.done
  .step__body
  .icon {
  background-image: url(/images/icons/fill/radio-fill--success.svg);
}
.user-partner
  .left-partner-top
  .partner-buttons
  .percents:hover
  .dropdown-percent-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.user-partner .left-partner-top .partner-buttons .percents .icon.percent {
  background-image: url(/images/icons/outline/percent--medium.svg);
}
.user-partner .left-partner-top .referal-links .referal .name .icon {
  cursor: help;
  position: relative;
}
.user-partner
  .left-partner-top
  .referal-links
  .referal
  .name
  .icon.question-circle {
  width: 16.67px;
  background-image: url(/images/icons/fill/question-circle--low.svg);
}
.user-partner
  .left-partner-top
  .referal-links
  .referal
  .name
  .icon:hover
  .dropdown-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.user-partner .left-partner-top .referal-links .referal .link .icon {
  position: relative;
}
@media (max-width: 900px) {
  .user-partner .left-partner-top .referal-links .referal .link .icon {
    padding: var(--gap-12);
    background-color: var(--color-surface-3);
    border-radius: var(--round-full);
    width: 48px;
    aspect-ratio: 1;
  }
}
.user-partner
  .left-partner-top
  .referal-links
  .referal
  .link
  .icon:has(.share) {
  cursor: pointer;
}
.user-partner .left-partner-top .referal-links .referal .link .icon .share {
  aspect-ratio: 1;
  width: 24px;
  background-image: url(/images/icons/outline/share--medium.svg);
}
@media (max-width: 900px) {
  .user-partner .left-partner-top .referal-links .referal .link .icon .share {
    background-image: url(/images/icons/outline/share--high.svg);
  }
}
.user-partner
  .left-partner-top
  .referal-links
  .referal
  .link
  .icon
  .share.drop-opened {
  background-image: url(/images/icons/outline/share--high.svg);
}
.user-partner .right-partner-top {
  padding: var(--gap-24);
  border-radius: var(--round-24);
  box-shadow: 0 10px 40px #1414141a;
  max-width: 308px;
  width: 100%;
}
@media (max-width: 600px) {
  .user-partner .right-partner-top {
    max-width: none;
  }
}
.user-partner .right-partner-top .withdraw .icon {
  cursor: pointer;
  position: relative;
}
.user-partner .right-partner-top .withdraw .icon.question-circle {
  width: 16.67px;
  background-image: url(/images/icons/fill/question-circle--low.svg);
}
.user-partner .right-partner-top .withdraw .icon:hover .dropdown-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.user-partner .right-partner-top .divider {
  margin: 24px 0;
}
.user-partner .right-partner-top .bottom-form .sect .icon.whatsapp {
  background-image: url(/images/social-colored/wa.svg);
}
.user-partner .right-partner-top .bottom-form .sect .icon.facebook {
  background-image: url(/images/social-colored/fb.svg);
}
.user-partner .right-partner-top .bottom-form .sect .icon.telegram {
  background-image: url(/images/social-colored/tg.svg);
}
@media (max-width: 1150px) {
  .user-partner .statistic {
    flex-wrap: wrap;
  }
}
.user-partner .statistic .stat-card {
  padding: var(--gap-24);
  background-color: var(--color-surface-3);
  max-width: 308px;
  width: 100%;
  border-radius: var(--round-24);
}
.user-partner .statistic .stat-card .top-card .deal-amount .icon {
  position: relative;
  cursor: pointer;
}
.user-partner
  .statistic
  .stat-card
  .top-card
  .deal-amount
  .icon.question-circle {
  background-image: url(/images/icons/fill/question-circle--low.svg);
}
.user-partner
  .statistic
  .stat-card
  .top-card
  .deal-amount
  .icon:hover
  .dropdown-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
.user-partner .state-banner {
  width: 100%;
  border-radius: var(--round-32);
  height: 336px;
  padding: var(--gap-24);
}
@media (max-width: 900px) {
  .user-partner .state-banner {
    display: none;
  }
}
.user-partner .state-banner .banner-block {
  padding: var(--gap-32);
  background-color: var(--color-surface-1);
  border-radius: var(--round-16);
  max-width: 454px;
}
.user-partner .state-banner .banner-block .link {
  cursor: pointer;
}
.user-partner .state-banner.state-banner-mob {
  height: 572px;
  padding: var(--gap-24) var(--gap-16);
  width: -moz-fit-content;
  width: fit-content;
  align-items: flex-end;
  display: none;
}
@media (max-width: 900px) {
  .user-partner .state-banner.state-banner-mob {
    display: flex;
  }
}
.user-partner .state-banner.state-banner-mob .banner-block {
  max-width: 343px;
  width: 100%;
}
.user-lk-partner-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 4px;
}
.user-lk-partner-table thead tr th:first-child,
.user-lk-partner-table thead tr td:first-child,
.user-lk-partner-table tbody tr th:first-child,
.user-lk-partner-table tbody tr td:first-child {
  padding-left: var(--gap-16);
}
.user-lk-partner-table thead tr th:last-child,
.user-lk-partner-table thead tr td:last-child,
.user-lk-partner-table tbody tr th:last-child,
.user-lk-partner-table tbody tr td:last-child {
  padding-right: var(--gap-16);
}
.user-lk-partner-table thead tr th:not(:last-child),
.user-lk-partner-table thead tr td:not(:last-child),
.user-lk-partner-table tbody tr th:not(:last-child),
.user-lk-partner-table tbody tr td:not(:last-child) {
  padding-right: var(--gap-12);
}
.user-lk-partner-table thead:after {
  content: "";
  display: block;
  height: var(--gap-4);
}
.user-lk-partner-table thead tr th {
  transition: 0.2s color;
  border-top: 1px solid var(--color-border-transparent);
  border-bottom: 1px solid var(--color-border-transparent);
}
.user-lk-partner-table thead tr th .flex {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-16);
}
.user-lk-partner-table thead tr th .icon.sort {
  display: block;
  background-image: url(/images/icons/outline/arrows-down-up--medium.svg);
}
.user-lk-partner-table thead tr th:hover {
  color: var(--color-text-accent);
}
.user-lk-partner-table thead tr th:hover .icon.sort {
  background-image: url(/images/icons/outline/arrows-down-up--accent.svg);
}
.user-lk-partner-table thead tr th .flex.right {
  justify-content: flex-end;
}
.user-lk-partner-table tbody tr {
  background-color: var(--color-surface-3);
}
.user-lk-partner-table tbody tr td {
  padding-top: var(--gap-16);
  padding-bottom: var(--gap-16);
}
.user-lk-partner-table tbody tr td:first-child {
  border-radius: var(--round-12) 0 0 var(--round-12);
}
.user-lk-partner-table tbody tr td:last-child {
  border-radius: 0 var(--round-12) var(--round-12) 0;
}
.user-lk-partner-table tbody tr td .text.right,
.user-lk-partner-table tbody tr td .gtext.right,
.user-lk-partner-table tbody tr td .grtext.right {
  text-align: right;
}
.user-lk-refs .no-data-wrapper,
.user-lk-payout .no-data-wrapper,
.user-lk-deals .no-data-wrapper {
  padding: var(--gap-80) 0;
}
.user-lk-refs .no-data-wrapper .no-data,
.user-lk-payout .no-data-wrapper .no-data,
.user-lk-deals .no-data-wrapper .no-data {
  max-width: 360px;
  text-align: center;
}
.user-lk-refs .no-data-wrapper .no-data .icon,
.user-lk-payout .no-data-wrapper .no-data .icon,
.user-lk-deals .no-data-wrapper .no-data .icon {
  width: 32px;
}
.user-lk-refs .no-data-wrapper .no-data .icon.users,
.user-lk-payout .no-data-wrapper .no-data .icon.users,
.user-lk-deals .no-data-wrapper .no-data .icon.users {
  background-image: url(/images/icons/outline/users--medium.svg);
}
.user-lk-refs .no-data-wrapper .no-data .icon.coin,
.user-lk-payout .no-data-wrapper .no-data .icon.coin,
.user-lk-deals .no-data-wrapper .no-data .icon.coin {
  background-image: url(/images/icons/outline/Coin--medium.svg);
}
.user-lk-refs .no-data-wrapper .no-data .icon.handshake,
.user-lk-payout .no-data-wrapper .no-data .icon.handshake,
.user-lk-deals .no-data-wrapper .no-data .icon.handshake {
  background-image: url(/images/icons/outline/handshake--medium.svg);
}
.user-lk-profile {
  max-width: 632px;
}
.user-lk-profile .profile-wrapper {
  border-radius: var(--round-32);
  background-color: #fff;
}
.user-lk-profile .profile-wrapper .link-but {
  transition: 0.2s color;
}
.user-lk-profile .profile-wrapper .link-but:hover {
  color: var(--color-text-high);
}
.user-lk-profile .profile-wrapper .avatar-edit {
  justify-content: start;
}
@media (max-width: 900px) {
  .user-lk-profile .profile-wrapper .avatar-edit {
    gap: var(--gap-16);
  }
}
.user-lk-profile .profile-wrapper .avatar-edit .avatar {
  aspect-ratio: 1;
  width: 100px;
  border-radius: var(--round-full);
  border: 1px solid var(--color-border-transparent);
}
@media (max-width: 900px) {
  .user-lk-profile .profile-wrapper .avatar-edit .avatar {
    width: 56px;
  }
}
.user-lk-profile .profile-wrapper .avatar-edit .edit,
.user-lk-profile .profile-wrapper .avatar-edit .delete {
  cursor: pointer;
  white-space: nowrap;
}
.user-lk-profile .profile-wrapper .user-info {
  width: 100%;
}
.user-lk-profile .profile-wrapper .user-info .contacts-info-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 32px;
  width: 100%;
}
@media (max-width: 900px) {
  .user-lk-profile .profile-wrapper .user-info .contacts-info-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.user-lk-profile .profile-wrapper .user-info .other-info,
.user-lk-profile .profile-wrapper .user-info .info-item,
.user-lk-profile .profile-wrapper .user-info .info-item .change-smth {
  width: 100%;
}
.user-lk-profile .profile-wrapper .user-info .info-item .change-smth .gtext {
  cursor: pointer;
}
.user-lk-profile .profile-wrapper .user-info .input-wrapper {
  width: 100%;
}
@media (max-width: 900px) {
  .user-lk-profile .profile-wrapper .user-info .ur-state .ur-line-params {
    flex-direction: column;
  }
}
.user-lk-profile
  .profile-wrapper
  .user-info
  .ur-state
  .ur-line-params
  .ur-line-wrapper {
  padding: var(--gap-12) 0;
  cursor: pointer;
}
@media (max-width: 900px) {
  .user-lk-profile
    .profile-wrapper
    .user-info
    .ur-state
    .ur-line-params
    .ur-line-wrapper {
    padding: 0;
  }
}
.user-lk-profile
  .profile-wrapper
  .user-info
  .ur-state
  .ur-line-params
  .ur-line-wrapper
  input:checked[type="checkbox"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.user-lk-profile
  .profile-wrapper
  .user-info
  .ur-state
  .ur-line-params
  .ur-line-wrapper
  input:checked[type="radio"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/fill/radio-fill--high.svg);
}
.user-lk-profile
  .profile-wrapper
  .user-info
  .ur-state
  .ur-line-params
  .ur-line-wrapper
  input[type="checkbox"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.user-lk-profile
  .profile-wrapper
  .user-info
  .ur-state
  .ur-line-params
  .ur-line-wrapper
  input[type="radio"]
  + .params-line
  .checkbox {
  background-image: url(/images/icons/outline/radio--medium.svg);
}
.user-lk-profile .profile-wrapper .change-pass {
  width: 100%;
}
.user-lk-profile .profile-wrapper:not(:first-child) {
  margin-top: 16px;
}
.user-lk-profile .profile-wrapper .button.inactive {
  pointer-events: none;
  background-color: var(--color-surface-3);
  color: var(--color-text-low);
}
@media (max-width: 900px) {
  .user-lk-profile .profile-wrapper .button {
    margin: 0;
  }
}
.user-lk-refs .user-lk-partner-table .name .icon {
  position: relative;
  width: 20px;
}
.user-lk-refs .user-lk-partner-table .name .icon.question-circle {
  background-image: url(/images/icons/fill/question-circle--low.svg);
}
.user-lk-refs .user-lk-partner-table .name .icon .dropdown {
  min-width: 175px;
}
.user-lk-refs .user-lk-partner-table .name .icon:hover .dropdown-wrapper {
  z-index: 1;
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 900px) {
  .user-lk-refs .user-lk-partner-table,
  .user-lk-refs .user-lk-partner-table tbody,
  .user-lk-refs .user-lk-partner-table tr,
  .user-lk-refs .user-lk-partner-table td {
    display: block;
  }
  .user-lk-refs .user-lk-partner-table tbody {
    display: flex;
    flex-direction: column;
    gap: var(--gap-8);
  }
  .user-lk-refs .user-lk-partner-table tbody tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: var(--gap-16);
    gap: var(--gap-4);
    border-radius: var(--round-12);
  }
  .user-lk-refs .user-lk-partner-table tbody tr td {
    padding-right: 0;
    padding-left: 0;
  }
  .user-lk-refs .user-lk-partner-table tbody tr td .added {
    text-transform: lowercase;
  }
  .user-lk-refs .user-lk-partner-table tbody tr td.left,
  .user-lk-refs .user-lk-partner-table tbody tr td.left * {
    text-align: left;
  }
  .user-lk-refs .user-lk-partner-table tbody tr td.right,
  .user-lk-refs .user-lk-partner-table tbody tr td.right * {
    text-align: right;
  }
  .user-lk-refs .user-lk-partner-table tbody tr td.mt-16 {
    margin-top: var(--gap-16);
  }
  .user-lk-refs .user-lk-partner-table tbody tr > * {
    width: 49%;
    padding: 0;
  }
  .user-lk-refs .user-lk-partner-table tbody tr > *.full-width {
    width: 100%;
  }
}
.user-lk-tabs .tab {
  cursor: pointer;
  padding-bottom: var(--gap-8);
  border-bottom: 2px solid transparent;
  transition: 0.2s;
  transition-property: color, border-bottom-color;
}
.user-lk-tabs .tab.active {
  color: var(--color-text-high);
  border-bottom: 2px solid var(--color-border-solid);
}
.team-page {
  margin-top: 100px;
}
@media (max-width: 900px) {
  .team-page {
    margin-top: 80px;
    margin-bottom: 64px;
  }
}
.team-page .descr {
  max-width: 718px;
  margin-top: var(--gap-16);
}
.team-page .team-grid {
  margin-top: var(--gap-32);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1390px) {
  .team-page .team-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  .team-page .team-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .team-page .team-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.team-page .team-grid .team-card {
  max-width: 416px;
  width: 100%;
}
@media (max-width: 700px) {
  .team-page .team-grid .team-card {
    max-width: 312px;
  }
}
@media (max-width: 500px) {
  .team-page .team-grid .team-card {
    max-width: none;
  }
}
.team-page .team-grid .team-card .photo {
  aspect-ratio: 416/448;
  width: 100%;
  border-radius: var(--round-24);
  position: relative;
  overflow: hidden;
}
.team-page .team-grid .team-card .bottom {
  width: 100%;
  padding: var(--gap-16);
}
.team-page .team-grid .team-card.team-card-new {
  width: 308px;
}
@media (max-width: 1390px) {
  .team-page .team-grid .team-card.team-card-new {
    width: 100%;
  }
}
.team-page .team-grid .team-card.team-card-new .photo {
  aspect-ratio: 1;
  width: 100%;
}
.team-page .team-grid .team-card.team-card-new .photo .gray-button {
  position: absolute;
  right: var(--gap-12);
  bottom: var(--gap-12);
}
.team-page
  .team-grid
  .team-card.team-card-new
  .photo
  .gray-button
  .button
  .icon {
  background-image: url(/images/icons/fill/whatsapp--success.svg);
  filter: none;
}
.team-page
  .team-grid
  .team-card.team-card-new
  .photo
  .gray-button
  .button:hover {
  filter: none;
  background-color: var(--color-surface-success);
}
.team-page
  .team-grid
  .team-card.team-card-new
  .photo
  .gray-button
  .button:hover
  .icon {
  background-image: url(/images/icons/fill/whatsapp--high-invert.svg);
}
.offices:first-child {
  margin-top: 75px;
}
@media (max-width: 900px) {
  .offices:last-of-type .box {
    margin-bottom: 70px;
  }
}
.offices .box > .title {
  margin: var(--gap-40) 0;
  margin-bottom: var(--gap-24);
}
@media (max-width: 900px) {
  .offices .box > .title {
    margin: 0;
    margin-top: var(--gap-16);
    margin-bottom: var(--gap-16);
  }
  .offices .box .map {
    flex-direction: column-reverse;
    padding-left: 0;
    padding-right: 0;
  }
}
.offices .box .map .offices-list {
  width: 400px;
  height: 670px;
  flex-shrink: 0;
  border-radius: var(--round-24);
  box-shadow: 0 10px 40px #1414141a;
  padding: var(--gap-20) 0;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 900px) {
  .offices .box .map .offices-list {
    width: 100%;
    padding: 0;
    height: auto;
    box-shadow: none;
  }
  .offices .box .map .offices-list > *:not(.slider-wrapper) {
    padding-left: var(--gap-16);
    padding-right: var(--gap-16);
  }
  .offices .box .map .offices-list > .slider-wrapper .slider-el:first-child {
    padding-left: var(--gap-16);
  }
  .offices .box .map .offices-list > .slider-wrapper .slider-el:last-child {
    padding-right: var(--gap-16);
  }
}
.offices .box .map .offices-list .selected-office-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.2s grid-template-rows;
  padding: 0 var(--gap-20);
}
.offices .box .map .offices-list .selected-office-wrapper .selected-office {
  height: 100%;
  overflow: hidden;
  padding-bottom: 0;
  transition: padding-bottom 0.2s;
}
.offices
  .box
  .map
  .offices-list
  .selected-office-wrapper
  .selected-office
  .address {
  margin-top: var(--gap-16);
}
.offices
  .box
  .map
  .offices-list
  .selected-office-wrapper
  .selected-office
  .route-button {
  margin-top: var(--gap-24);
}
.offices .box .map .offices-list .cities-list-wrapper {
  padding: 0 var(--gap-20);
  border-top: 1px solid transparent;
  height: 100%;
  overflow: hidden;
  transition: 0.2s;
  transition-property: padding-top, border;
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .city-offices-title-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: 0.2s grid-template-rows;
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .city-offices-title-wrapper
  .city-offices-title {
  overflow: hidden;
  margin-bottom: 0;
  transition: 0.2s margin-bottom;
}
.offices .box .map .offices-list .cities-list-wrapper .input-wrapper {
  margin-bottom: var(--gap-20);
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .offices .box .map .offices-list .cities-list-wrapper .input-wrapper {
    margin-bottom: var(--gap-4);
  }
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .cities-list-scroll-wrapper {
  height: 100%;
  overflow: auto;
}
@media (max-width: 900px) {
  .offices
    .box
    .map
    .offices-list
    .cities-list-wrapper
    .cities-list-scroll-wrapper {
    margin-top: var(--gap-24);
  }
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .cities-list-scroll-wrapper
  .cities-list {
  gap: var(--gap-12) var(--gap-8);
  flex-wrap: wrap;
  padding-bottom: var(--gap-20);
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .cities-list-scroll-wrapper
  .cities-list
  .city-letter {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .cities-list-scroll-wrapper
  .cities-list
  .city-letter:not(:first-child) {
  margin-top: var(--gap-16);
}
.offices
  .box
  .map
  .offices-list
  .cities-list-wrapper
  .cities-list-scroll-wrapper
  .cities-list
  .city {
  cursor: pointer;
  width: calc(50% - 4px);
}
.offices .box .map .offices-list.address-opened .selected-office-wrapper {
  grid-template-rows: 1fr;
}
.offices
  .box
  .map
  .offices-list.address-opened
  .selected-office-wrapper
  .selected-office {
  padding-bottom: var(--gap-32);
}
.offices .box .map .offices-list.address-opened .cities-list-wrapper {
  border-top: 1px solid var(--color-border-transparent);
  padding-top: var(--gap-24);
}
.offices
  .box
  .map
  .offices-list.address-opened
  .cities-list-wrapper
  .city-offices-title-wrapper {
  grid-template-rows: 1fr;
}
.offices
  .box
  .map
  .offices-list.address-opened
  .cities-list-wrapper
  .city-offices-title-wrapper
  .city-offices-title {
  margin-bottom: var(--gap-16);
}
.offices .box .map .offices-map {
  width: 100%;
}
@media (max-width: 900px) {
  .offices .box .map .offices-map {
    height: 450px;
    flex-shrink: 0;
  }
}
.offices .box .map .offices-map .map-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.offices .box .map .offices-map .map-inner .map-frame {
  width: 100%;
  height: 100%;
  border-radius: var(--round-32);
}
.route-button {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-radius: var(--round-full);
  border: 1px solid var(--color-border-transparent);
  padding: var(--gap-8) var(--gap-16) var(--gap-8) var(--gap-12);
  transition: 0.2s border;
}
.route-button:hover {
  border: 1px solid var(--color-border-solid);
}
.route-button .route-button-icon {
  background-image: url(/images/icons/outline/map-direction--high.svg);
}
.route-button .route-button-inner {
  width: -moz-fit-content;
  width: fit-content;
}
.country-tabs.country-tabs {
  margin-bottom: var(--gap-40);
}
@media (max-width: 900px) {
  .country-tabs.country-tabs {
    margin-bottom: var(--gap-24);
  }
}
.country-tabs.country-tabs .tab {
  padding: 13px var(--gap-20);
  border-bottom: none;
  border: 1px solid var(--color-border-transparent);
  border-radius: var(--round-full);
  color: var(--color-text-high);
  transition: 0.2s;
  transition-property: color, background-color, border;
}
.country-tabs.country-tabs .tab.active {
  border-bottom: none;
  color: var(--color-text-high-invert);
  background-color: var(--color-icon-high);
  border: 1px solid var(--color-surface-1);
}
@media (max-width: 900px) {
  .country-tabs.country-tabs .slider-el.slider-el:first-child {
    padding-left: 0;
  }
  .country-tabs.country-tabs .slider-el.slider-el:last-child {
    padding-right: 0;
  }
}
.map-frame-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--gap-16);
}
.map-frame-controls .zoom-controls__item {
  aspect-ratio: 1;
  border-radius: var(--round-16);
  background-color: var(--color-surface-1);
  cursor: pointer;
  width: 48px;
}
.map-frame-controls .zoom-controls__item--plus .zoom-controls__icon {
  background-image: url(/images/icons/outline/plus--high.svg);
}
.map-frame-controls .zoom-controls__item--minus .zoom-controls__icon {
  background-image: url(/images/icons/outline/minus--high.svg);
}
.errors {
  font-size: 16px;
  color: red;
}
.coll-item {
  cursor: pointer;
}
.button button {
  background: none;
  border: none;
  cursor: pointer;
}
.dda-drag-drop-area {
  width: 100%;
}
[drop-id="complete-dates-dropdown"],
[drop-id="developers-dropdown"],
[drop-id="residential-complexes-dropdown"] {
  overflow: scroll;
  max-height: 265px;
}
.collection-card {
  min-width: 23.3%;
}
.collection-card .image-coll .button.glass .dropdown-wrapper .dropdown {
  width: 250px;
}
@media (max-width: 1200px) {
  .collection-card {
    min-width: 31.4%;
  }
}
.dropdown .gray-button {
  display: block;
  margin: 5px 0;
  width: 100%;
}
.manage-card .contacts .mail {
  overflow-wrap: break-word;
}
.steps-about .index-steps .bottom-block .steps .step .bottom-step .gtext {
  max-width: 90%;
}
.more .dropdown-wrapper {
  z-index: 2;
}
.button.disabled {
  cursor: not-allowed;
}
#home-searchbar {
  position: relative;
}
.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image {
  height: 48px;
  flex-shrink: 0;
}
.broker-inner-obj .left .section .params-spoiler .param .image,
.broker-inner-obj .left .section .params .param .image .icon {
  display: flex;
}
.broker-inner-obj .left .broker-obj-header .title {
  max-width: inherit;
}
input[type="number"] {
  -moz-appearance: textfield;
  height: 100%;
  padding: 0 var(--gap-4);
  border: none;
  background-color: transparent;
  width: 100%;
  border-radius: var(--round-8);
  outline: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.input-wrapper:has(input[type="number"]) {
  outline: none !important;
}
.index-news-slider-mob .video-cards-block .title .yt-wrap {
  top: 0.3em;
}
.role-management .role-cards .manage-card .contacts {
  max-width: 200px;
  width: 100%;
}
.role-management .role-cards .manage-card .add-to-group {
  width: 140px;
}
.role-management .role-cards .manage-card .broker-role-wrapper {
  width: 120px;
  max-width: 120px;
}
.hidden {
  display: none;
}
.broker-obj-empty {
  margin-top: 35px;
}
@media (min-width: 1250px) {
  #home-searchbar .title-room-type {
    left: 0 !important;
  }
  .custom-dropdown.title-room-count-drop {
    left: 330px !important;
  }
  .custom-dropdown.title-room-price {
    left: 535px !important;
  }
  .custom-dropdown[drop-id="address-search"] {
    right: 0;
    left: unset !important;
  }
}
@media (min-width: 900px) {
  .index-title-banner .search-section {
    height: 200px;
  }
}
.index-title-banner .box .title .selector .arrow {
  width: 32px;
  transform: translateY(9%);
}
.index-title-banner .box {
  gap: 25px;
}
.index-title-banner .box .search-section .bottom-menu .filters .button {
  background-color: var(--color-surface-glass);
  -webkit-backdrop-filter: var(--blur-bg-8);
  backdrop-filter: var(--blur-bg-8);
}
.popup__wrapper.lead-form .popup__body {
  overflow: inherit;
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .dropdown__nav-p {
  padding: var(--gap-12) var(--gap-8);
}
.header
  .header-wrapper
  .box
  .left
  .navs-h
  .nav-p
  .dropdown-wrapper
  .dropdown
  .gray-button {
  margin-top: var(--gap-8);
  margin-left: var(--gap-8);
  margin-right: var(--gap-8);
}
.header .header-wrapper .box .left .navs-h .nav-p .dropdown-wrapper .dropdown,
.custom-dropdown.search-dropdown {
  padding: var(--gap-4);
}
custom-dropdown.search-dropdown .value,
.popup__wrapper.search-dropdown .value {
  border-radius: var(--round-12);
}
@media (max-width: 1280px) {
  .cities-block .cities .cities-card {
    width: 30vw;
  }
}
.move-slider .arrows-wrapper .arrow-button {
  width: 48px;
}
@media (max-width: 1280px) {
  .move-slider .arrows-wrapper .arrow-button {
    opacity: 0.3;
  }
}
@media (width > 1270px) {
  .team-slider .team-card.team-card-new {
    width: 19.1vw;
  }
}
@media (width > 1350px) {
  .team-slider .team-card.team-card-new {
    width: 22.5vw;
  }
}
@media (width > 1500px) {
  .team-slider .team-card.team-card-new {
    width: 19.1vw;
  }
}
.section-hidden {
  display: none;
}
.video-gal .video:hover,
.gallera.with-slider .galera-item.bcv:hover {
  background-color: #0003;
  background-blend-mode: multiply;
}
.slider.four .slider-el .complex-card {
  width: calc(25vw - 33px);
}
@media (width > 1600px) {
  .slider.four .slider-el .complex-card {
    width: calc(25vw - 93px);
  }
}
@media (width < 1600px) and (width > 1200px) {
  #home-search-bar-app .box {
    padding-top: 115px;
  }
}
.header-button .favorite-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #000;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-size: 11px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
@media (min-width: 1001px) {
  .header-button.button.open-mob-nav {
    display: none;
  }
}
.header-button .favorite-count.active {
  opacity: 1;
}
.custom-dropdown .checkbox-line-wrapper,
.popup__wrapper .checkbox-line-wrapper {
  padding: var(--gap-8) var(--gap-6);
}
.title.ffs-at.f-col.f-d-lg-m .text {
  line-height: 105%;
}
.index-title-banner .box {
  gap: 8px;
}
.input-wrapper .phones-dropdown .search-phone-code {
  width: auto !important;
}
body:not(.scrolled-100) .inner-obj-under-header {
  display: none;
}
.inner-obj-under-header {
  box-shadow: var(--shadow-drop-header);
}
.inner-obj-under-header .fav-share .button {
  padding: var(--gap-8);
}
.fav-share .button .icon {
  position: relative;
  z-index: 5;
  width: 24px;
}
.button.active .heart {
  background-image: url(/images/heart-full-red.svg);
}
.inner-obj-under-header .fav-share .heart:hover,
.inner-obj-under-header .fav-share .heart.active {
  background-image: url(/images/heart-full-red.svg);
}
.jk-slider {
  height: calc(95vh - var(--round-40));
  max-height: 650px;
}
.jk-slider .icon.heart {
  background-image: url(/images/icons/outline/heart--high-invert.svg);
}
.jk-slider .active .icon.heart {
  background-image: url(/images/heart-full-red.svg);
}
.gk .button.border:hover {
  border: 1px solid var(--color-border-transparent);
  cursor: auto;
}
.button.border:hover .icon.heart {
  background-image: url(/images/heart-full-red.svg);
}
.main .input-button-wrapper .button {
  padding: var(--gap-8);
}
.main .double-input {
  height: 40px;
}
#home-searchbar .title-room-type {
  width: 330px !important;
}
@media (min-width: 1251px) {
  .index-title-banner
    .box
    .search-section
    .searchbar
    .search-dropdown:first-child {
    min-width: 330px;
  }
}
.gallery .image {
  background-size: contain !important;
}
#home-search-bar-app {
  z-index: 1;
}
#home-search-bar-app > .box {
  min-height: 100%;
}
.complex-card .loc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.complex-card .date {
  min-width: 47%;
  text-align: end;
}
.right-form-wrapper__connect {
  display: flex;
  flex-direction: column;
  gap: var(--gap-12);
}
.right-form-wrapper__connect-label {
  color: #1414147a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}
.right-form-wrapper__connect-buttons {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  flex-wrap: wrap;
}
.right-form-wrapper__connect-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 14px 18px;
  border-radius: 9999px;
  background-color: transparent;
  border: 1px solid #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
@media (hover: hover) {
  .right-form-wrapper__connect-button:hover {
    background-color: #000;
    color: #fff;
  }
}
.right-form-wrapper__connect-button.active {
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1276px) {
  .right-form-wrapper .broker-badge {
    display: none;
  }
}
.right-form-wrapper .input-wrapper.success {
  background: rgba(228, 251, 238, 1);
  display: none;
}
.right-form-wrapper .success .gtext {
  color: var(--color-text-success);
}
.right-form-wrapper .success .icon.check-circle {
  background-image: url(/images/icons/outline/check-circle--success.svg);
}
.user-not-found:lang(ru):after {
  content: "Пользователь не найден" !important;
}
.user-not-found:lang(en):after {
  content: "User not found" !important;
}
.user-exist:lang(ru):after {
  content: "Такой пользователь уже существует" !important;
}
.user-exist:lang(en):after {
  content: "User already exists" !important;
}
.password-lenght:lang(ru):after {
  content: "Пароль должен быть не менее 8 символов" !important;
}
.password-lenght:lang(en):after {
  content: "The password field must be at least 8 characters" !important;
}
.password-confirm:lang(ru):after {
  content: "Пароли не совпадают" !important;
}
.password-confirm:lang(en):after {
  content: "The password confirmation field confirmation does not match" !important;
}
.mt-20 {
  margin-top: 20px;
}
@media (max-width: 900px) {
  .user-lk-layout.box-wrapper .box {
    margin-bottom: 50px;
  }
}
.box-wrapper.complex {
  padding-top: var(--gap-40);
}
.share-buttons {
  position: relative;
}
.filters-popup-wrapper.open {
  z-index: 1001;
}
.__jivoMobileButton {
  z-index: 900 !important;
}
.popup__wrapper .popup__body-inner {
  overflow-y: auto;
}
.fix-broker-inner-callback .black {
  width: calc(100% - 125px);
  max-width: inherit;
  flex: 1;
}
@media (max-width: 900px) {
  .obj-slider:has(.slider) .title {
    padding-left: var(--gap-16);
  }
  .index-news-slider-mob .box:has(.slider) {
    padding-left: var(--gap-16);
    padding-right: var(--gap-16);
  }
}
.hidden-text {
  max-width: 144px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-lk-refs .no-data-wrapper,
.user-lk-payout .no-data-wrapper,
.user-lk-deals .no-data-wrapper {
  padding: 0 0 var(--gap-80) 0;
}
.foot-button {
  margin-bottom: 60px;
}
@media (max-width: 900px) {
  .gallery.open .arrow-button {
    display: none;
  }
  .footer.move-top {
    margin-top: calc(1 * var(--gap-24));
  }
}
.multiselect {
  --ms-font-size: 1rem;
  --ms-line-height: 1.375;
  --ms-bg: #ffffff;
  --ms-bg-disabled: #f3f4f6;
  --ms-border-color: transparent;
  --ms-border-width: 1px;
  --ms-border-color-active: var(--color-border-transparent);
  --ms-border-width-active: 1px;
  --ms-radius: var(--round-16);
  --ms-py: 8px;
  --ms-px: var(--gap-20);
  --ms-ring-width: 0;
  --ms-ring-color: transparent;
  --ms-placeholder-color: var(--color-text-medium);
  --ms-max-height: 300px;
  --ms-spinner-color: #000000;
  --ms-caret-color: #000000;
  --ms-clear-color: #000000;
  --ms-clear-color-hover: #000000;
  --ms-tag-font-size: 0.875rem;
  --ms-tag-line-height: 1.25rem;
  --ms-tag-font-weight: 600;
  --ms-tag-bg: #000000;
  --ms-tag-bg-disabled: #000000;
  --ms-tag-color: #ffffff;
  --ms-tag-color-disabled: #ffffff;
  --ms-tag-radius: 4px;
  --ms-tag-py: 0.125rem;
  --ms-tag-px: 0.5rem;
  --ms-tag-my: 0.25rem;
  --ms-tag-mx: 0.25rem;
  --ms-tag-remove-radius: 4px;
  --ms-tag-remove-py: 0.25rem;
  --ms-tag-remove-px: 0.25rem;
  --ms-tag-remove-my: 0rem;
  --ms-tag-remove-mx: 0.125rem;
  --ms-dropdown-bg: #ffffff;
  --ms-dropdown-border-color: #d1d5db;
  --ms-dropdown-border-width: 1px;
  --ms-dropdown-radius: var(--round-16);
  --ms-group-label-py: 0.3rem;
  --ms-group-label-px: 0.75rem;
  --ms-group-label-line-height: 1.375;
  --ms-group-label-bg: #e5e7eb;
  --ms-group-label-color: #374151;
  --ms-group-label-bg-pointed: #d1d5db;
  --ms-group-label-color-pointed: #374151;
  --ms-group-label-bg-disabled: #f3f4f6;
  --ms-group-label-color-disabled: #d1d5db;
  --ms-group-label-bg-selected: #059669;
  --ms-group-label-color-selected: #ffffff;
  --ms-group-label-bg-selected-pointed: #0c9e70;
  --ms-group-label-color-selected-pointed: #ffffff;
  --ms-group-label-bg-selected-disabled: #75cfb1;
  --ms-group-label-color-selected-disabled: #d1fae5;
  --ms-option-font-size: inherit;
  --ms-option-line-height: inherit;
  --ms-option-bg-pointed: var(--color-surface-3);
  --ms-option-color-pointed: #1f2937;
  --ms-option-bg-selected: transparent;
  --ms-option-color-selected: #000000;
  --ms-option-bg-disabled: #ffffff;
  --ms-option-color-disabled: #d1d5db;
  --ms-option-bg-selected-pointed: var(--color-surface-3);
  --ms-option-color-selected-pointed: #000000;
  --ms-option-bg-selected-disabled: #ffffff;
  --ms-option-color-selected-disabled: #d1fae5;
  --ms-option-py: var(--gap-12);
  --ms-option-px: var(--gap-12);
  --ms-empty-color: #4b5563;
}
.multiselect.multiselect--filter {
  --ms-bg: var(--color-neutral-200);
  --ms-border-color: var(--color-neutral-200);
  --ms-radius: 16px;
  --ms-font-size: 14px;
  --ms-line-height: 1.14;
  --ms-py: 10px;
  --ms-px: 12px;
  --ms-option-font-size: 14px;
  --ms-option-line-height: 1.14;
}
.multiselect.multiselect--filter .multiselect-wrapper {
  min-height: 40px;
}
.multiselect:hover {
  --ms-border-color: var(--color-border-transparent);
}
.multiselect.is-open {
  border-radius: var(--ms-radius) !important;
}
.multiselect.multiselect--dark {
  --ms-bg: var(--color-surface-3);
}
.multiselect.multiselect--placeholder-value {
  --ms-placeholder-color: var(--color-neutral-900);
}
.multiselect .multiselect-wrapper {
  min-height: 48px;
}
.multiselect .multiselect-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: var(--round-12);
}
.multiselect .multiselect-option.is-selected:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(/images/icons/outline/check--medium.svg);
}
.multiselect .multiselect-caret {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cscript xmlns=''/%3E%3Cscript xmlns=''/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%231414147a'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cscript xmlns=''/%3E%3Cscript xmlns=''/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%231414147a'/%3E%3Cscript xmlns=''/%3E%3C/svg%3E");
}
.multiselect .multiselect-dropdown {
  bottom: -10px;
  padding: 0;
  border: none;
  border-radius: var(--round-16);
  box-shadow: 0 8px 32px #14141429;
  overflow: hidden;
}
.multiselect .multiselect-options {
  padding: 0;
  overflow-y: auto;
}
.multiselect .multiselect-tags-search {
  background: inherit;
}
.dp__main .dp__theme_light {
  --dp-background-color: #ffffff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: #000000;
  --dp-primary-disabled-color: #000000;
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: transpaerent;
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: var(--color-border-transparent);
  --dp-border-color-focus: var(--color-border-transparent);
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2;
}
.dp__main .dp__input {
  --dp-border-radius: 16px;
  --dp-border-color: transpaerent;
  height: 48px;
  background-color: var(--color-surface-3);
}
.dp__main .dp__input:hover {
  outline: 1px solid var(--color-border-transparent);
}
.main-blog {
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
  margin-top: var(--gap-100);
}
@media (max-width: 900px) {
  .main-blog {
    margin-top: var(--gap-80);
    gap: var(--gap-32);
  }
}
.main-blog__slider {
  position: relative;
  display: flex;
  flex-direction: column;
}
.main-blog__slider .swiper {
  margin: 0;
  max-width: 100%;
}
.main-blog__slider .swiper-buttons {
  display: none;
}
@media (any-hover: hover) {
  .main-blog__slider .swiper-buttons {
    display: block;
  }
}
@media (max-width: 1400px) {
  .main-blog__slider .swiper-buttons {
    display: none;
  }
}
.main-blog__slider .swiper-button {
  position: absolute;
  top: 93px;
  width: 54px;
  height: 54px;
  background-color: var(--color-neutral-100);
  border-radius: 50%;
  z-index: 2;
  border: none;
  box-shadow: 0 8px 32px #14141429;
  transition: background-color 0.3s ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cg id='Icons / caret-right'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 3.79289C7.68342 3.40237 8.31658 3.40237 8.70711 3.79289L16.7071 11.7929C17.0976 12.1834 17.0976 12.8166 16.7071 13.2071L8.70711 21.2071C8.31658 21.5976 7.68342 21.5976 7.29289 21.2071C6.90237 20.8166 6.90237 20.1834 7.29289 19.7929L14.5858 12.5L7.29289 5.20711C6.90237 4.81658 6.90237 4.18342 7.29289 3.79289Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.main-blog__slider .swiper-button:hover {
  background-color: var(--color-surface-accent);
}
.main-blog__slider .swiper-button-prev {
  left: -68px;
  transform: scaleX(-1);
}
@media (max-width: 900px) {
  .main-blog__slider .swiper-button-prev {
    left: 0;
  }
}
.main-blog__slider .swiper-button-next {
  right: -68px;
}
.main-blog__slider .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.main-blog__slider-link {
  width: -moz-fit-content;
  width: fit-content;
  margin: 24px auto 0;
  text-align: center;
}
@media (max-width: 550px) {
  .main-blog__slider-link {
    width: 100%;
  }
}
.blog-news {
  display: grid;
  align-content: flex-start;
  gap: 40px;
  grid-template-columns: 2fr 1fr;
}
@media (max-width: 1024px) {
  .blog-news {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .blog-news {
    grid-template-columns: 100%;
  }
}
.blog-main {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  min-height: 480px;
  height: 100%;
  border-radius: 20px;
  isolation: isolate;
  overflow: hidden;
}
@media (max-width: 768px) {
  .blog-main {
    aspect-ratio: 3 / 2;
    min-height: unset;
  }
}
@media (max-width: 550px) {
  .blog-main {
    aspect-ratio: 3 / 4;
  }
}
.blog-main:hover .blog-main__bg {
  transform: scale(1.05);
}
.blog-main__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.5s ease-out;
  will-change: transform;
}
.blog-main__bg:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0.15;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.blog-main__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-main__content {
  display: grid;
  align-content: flex-start;
  gap: 8px;
  color: #fff;
  margin-top: auto;
}
.blog-main__content-main {
  display: grid;
  align-content: flex-start;
  gap: 6px;
}
.blog-main__content-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 50%;
}
.blog-main__content-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 16px;
  margin-top: 8px;
}
.blog-main__labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 16px;
}
.blog-main__label {
  display: flex;
  align-items: center;
  gap: 6px;
}
.blog-main__label:not(:last-child):after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
}
.blog-aside {
  --gap: 30px;
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid rgba(20, 20, 20, 0.16);
}
@media (max-width: 1024px) {
  .blog-aside {
    --gap: 16px;
  }
}
.blog-aside:empty {
  display: none;
}
.blog-aside__item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--gap) 0;
  border-top: 1px solid rgba(20, 20, 20, 0.16);
}
.blog-aside__item:hover .blog-aside__content-title {
  color: var(--color-text-map);
}
.blog-aside__content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  transition: 0.3s ease;
}
.blog-aside__content {
  display: grid;
  align-content: flex-start;
  gap: 8px;
}
.blog-card {
  position: relative;
  display: grid;
  align-content: flex-start;
  gap: 12px;
}
.blog-card:hover .blog-card__content-title {
  color: var(--color-text-map);
}
.blog-card__image {
  aspect-ratio: 400/228;
  width: 100%;
  border-radius: var(--round-12);
  overflow: hidden;
}
.blog-card__image-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top center;
  object-position: top center;
}
.blog-card__content {
  display: grid;
  align-content: flex-start;
  gap: 8px;
  padding: 0 16px;
}
.blog-card__content-title {
  transition: color 0.3s ease;
}
.blog-card__content-main {
  display: grid;
  align-content: flex-start;
  gap: 6px;
}
.blog-card__content-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.blog-labels {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--color-neutral-500-t48);
}
@media (max-width: 550px) {
  .blog-labels {
    font-size: 12px;
  }
}
.blog-labels__item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.blog-labels__item:not(:last-child):after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--color-text-low);
}
.blog-tags {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-map);
}
.blog-tags--detail {
  gap: 12px;
  font-size: 16px;
}
@media (max-width: 550px) {
  .blog-tags--detail {
    font-size: 14px;
  }
}
.blogs-page {
  display: grid;
  gap: 24px;
  align-content: flex-start;
}
.blogs-page__wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 30px;
}
@media (max-width: 900px) {
  .blogs-page__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.blogs-page__author {
  display: none;
  margin-top: 24px;
}
@media (max-width: 900px) {
  .blogs-page__author {
    display: flex;
  }
}
.blogs-page__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 40px;
}
@media (max-width: 550px) {
  .blogs-page__info {
    font-size: 14px;
  }
}
.blogs-page__info-share {
  position: relative;
}
.blogs-page__tags {
  margin-right: auto;
}
.blogs-page__content {
  grid-column: span 8;
}
@media (max-width: 900px) {
  .blogs-page__content {
    grid-column: 1;
  }
}
.blogs-page__right {
  grid-column: span 4;
  height: 100%;
}
@media (max-width: 900px) {
  .blogs-page__right {
    grid-column: 1;
  }
}
.blogs-page__aside {
  position: sticky;
  top: 84px;
}
@media (max-width: 900px) {
  .blogs-page__aside {
    position: static;
  }
}
.blogs-page__back {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  gap: 6px;
  color: var(--color-neutral-500-t48);
  margin-bottom: 24px;
}
.blogs-page__back:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url(/images/icons/outline/caret-left--accent.svg);
  mask-image: url(/images/icons/outline/caret-left--accent.svg);
}
.blogs-page__news {
  margin-bottom: 64px;
}
@media (max-width: 768px) {
  .blogs-page__news {
    margin-bottom: 40px;
  }
}
.blogs-page__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}
@media (max-width: 1024px) {
  .blogs-page__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .blogs-page__list {
    gap: 24px;
  }
}
@media (max-width: 550px) {
  .blogs-page__list {
    grid-template-columns: 100%;
  }
}
.blogs-page__more {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
@media (max-width: 768px) {
  .blogs-page__more {
    margin-top: 40px;
  }
}
.blogs-page__more-btn {
  width: -moz-fit-content;
  width: fit-content;
}
.blog-banner {
  display: grid;
  align-content: flex-start;
  gap: 20px;
}
.blog-banner__image {
  display: flex;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .blog-banner__image {
    max-width: 100%;
  }
}
.blog-banner__image-img {
  width: 100%;
  height: 100%;
}
.blog-banner__bottom {
  display: flex;
  align-items: center;
  gap: 16px;
}
.blog-banner__bottom-back {
  margin: 0;
}
.blog-banner__bottom-share {
  position: relative;
  margin-left: auto;
}
.blog-content {
  display: grid;
  align-content: flex-start;
  gap: 40px;
  max-width: 844px;
  width: 100%;
  overflow: hidden;
  table {
    min-width: 100%;
    border-collapse: collapse;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    @media (max-width: 768px) {
      font-size: 12px;
    }
    &[border="1"] {
      min-width: 100%;
      td,
      th {
        border: 1px solid;
      }
      tbody {
        td {
          &:first-child {
            border-left: 0;
          }
          &:last-child {
            border-right: 0;
          }
        }
        tr:last-child {
          td {
            border-bottom: 0;
          }
        }
      }
    }
    thead {
      th,
      td {
        padding-top: 18px;
        padding-bottom: 18px;
        background-color: var(--color-neutral-100);
        font-weight: 400;
        text-align: left;
      }
    }
    td,
    th {
      padding: 16px 20px;
      border: 1px solid var(--color-border-transparent);
      font-weight: inherit;
      &:not([valign]),
      &[valign="middle"] {
        vertical-align: middle;
      }
      &[valign="top"] {
        vertical-align: top;
      }
      &[valign="bottom"] {
        vertical-align: bottom;
      }
    }
    td {
      transition: background 0.3s ease;
    }
  }
}
@media (max-width: 768px) {
  .blog-content {
    margin-bottom: 24px;
  }
}
.blog-content b {
  font-weight: 700;
}
.blog-content em {
  font-style: italic;
}
.blog-content a {
  text-decoration: underline;
}
.blog-content ul {
  list-style-type: disc;
  margin-left: 20px;
}
.blog-content ol {
  list-style-type: decimal;
  margin-left: 20px;
}
.blog-content__text {
  display: grid;
  align-content: flex-start;
  gap: 20px;
}
.blog-content__image {
  display: flex;
  width: 100%;
  height: auto;
  border-radius: 20px;
  overflow: hidden;
}
.blog-content__image-img {
  width: 100%;
  height: 100%;
}
.blog-content__slider {
  border-radius: 20px;
  overflow: hidden;
}
.blog-content__slider-image {
  display: flex;
  width: 100%;
  aspect-ratio: 844 / 475;
  border-radius: 20px;
  overflow: hidden;
}
.blog-content__slider-image-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper {
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.swiper .swiper-pagination {
  position: absolute;
  z-index: 1;
  bottom: 24px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
}
.swiper .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  opacity: 1;
  background-color: var(--color-neutral-100-t52);
  transition: 0.15s ease;
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background-color: var(--color-neutral-100);
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  display: none;
  background-color: #42444745;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95158 3.29289C8.34211 2.90237 8.97527 2.90237 9.3658 3.29289L17.3658 11.2929C17.7563 11.6834 17.7563 12.3166 17.3658 12.7071L9.3658 20.7071C8.97527 21.0976 8.34211 21.0976 7.95158 20.7071C7.56106 20.3166 7.56106 19.6834 7.95158 19.2929L15.2445 12L7.95158 4.70711C7.56106 4.31658 7.56106 3.68342 7.95158 3.29289Z' fill='white'/%3E%3C/svg%3E");
  transition: 0.15s ease;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
.swiper .swiper-button-prev {
  left: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1739 3.29289C16.7834 2.90237 16.1502 2.90237 15.7597 3.29289L7.7597 11.2929C7.3692 11.6834 7.3692 12.3166 7.7597 12.7071L15.7597 20.7071C16.1502 21.0976 16.7834 21.0976 17.1739 20.7071C17.5644 20.3166 17.5644 19.6834 17.1739 19.2929L9.881 12L17.1739 4.70711C17.5644 4.31658 17.5644 3.68342 17.1739 3.29289Z' fill='white'/%3E%3C/svg%3E");
}
.swiper .swiper-button-next {
  right: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.95158 3.29289C8.34211 2.90237 8.97527 2.90237 9.3658 3.29289L17.3658 11.2929C17.7563 11.6834 17.7563 12.3166 17.3658 12.7071L9.3658 20.7071C8.97527 21.0976 8.34211 21.0976 7.95158 20.7071C7.56106 20.3166 7.56106 19.6834 7.95158 19.2929L15.2445 12L7.95158 4.70711C7.56106 4.31658 7.56106 3.68342 7.95158 3.29289Z' fill='white'/%3E%3C/svg%3E");
}
@media (any-hover: hover) {
  .swiper .swiper-button-prev,
  .swiper .swiper-button-next {
    display: block;
  }
  .swiper:hover .swiper-button-prev,
  .swiper:hover .swiper-button-next {
    opacity: 1;
    pointer-events: all;
  }
}
.blog-callback {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding: 32px;
  box-shadow: 0 8px 32px #14141429;
  border-radius: 20px;
}
@media (max-width: 900px) {
  .blog-callback {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.blog-callback__desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.blog-callback__desc-title {
  color: #000;
  font-size: 20px;
  font-weight: 550;
  line-height: 1.3;
}
.blog-callback__desc-text {
  color: #1414147a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}
.property-complain {
  position: relative;
}
.property-complain:before {
  content: attr(data-tooltip);
  position: absolute;
  top: -45px;
  left: 50%;
  display: block;
  padding: 6px;
  color: #fff;
  font-family:
    Suisse Intl,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
  white-space: nowrap;
  background-color: #000;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translate(-50%);
  pointer-events: none;
}
.property-complain:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  border-width: 10px;
  border-radius: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
  transform: translate(-50%);
  pointer-events: none;
}
.property-complain:hover:before,
.property-complain:hover:after {
  opacity: 1;
}
@media screen and (max-width: 1275px) {
  .property-complain:before,
  .property-complain:after {
    content: none;
  }
}
.property-plug {
  width: 54px;
  height: 54px;
  opacity: 0;
}
.top-price {
  display: flex;
  align-items: center;
  gap: 16px;
}
.top-price .price {
  flex: 1;
}
.icon.warning.warning--error {
  aspect-ratio: 1;
  width: 24px;
  background-image: url(/images/icons/outline/warning--error.svg);
}
:root {
  --wrapper-padding: 16px;
  --wrapper-max-width: 1280px;
  --color-primary-100: #fbf3e4;
  --color-primary-200: #165a58;
  --color-primary-300: #165a58;
  --color-secondary-100: #0975f4;
  --color-neutral-100: #fff;
  --color-neutral-100-trans-12: #ffffff1e;
  --color-neutral-100-trans-16: #ffffff28;
  --color-neutral-100-trans-20: #ffffff33;
  --color-neutral-100-trans-52: #ffffff84;
  --color-neutral-200: #f9fafc;
  --color-neutral-300: #f2f4f7;
  --color-neutral-400: #e2e5e9;
  --color-neutral-500: #141414;
  --color-neutral-500-trans-16: #14141428;
  --color-neutral-500-trans-48: #1414147a;
  --color-neutral-600: #000;
  --color-negative: #eb4c60;
  --color-positive: #1cd069;
  --gap-10xl: 200px;
  --gap-9xl: 120px;
  --gap-8xl: 100px;
  --gap-7xl: 80px;
  --gap-6xl: 64px;
  --gap-5xl: 40px;
  --gap-4xl: 24px;
  --gap-3xl: 20px;
  --gap-xxl: 16px;
  --gap-xl: 14px;
  --gap-l: 12px;
  --gap-m: 8px;
  --gap-s: 4px;
  --gap-xs: 2px;
  --radius-3xl: 40px;
  --radius-xxl: 32px;
  --radius-xl: 24px;
  --radius-l: 20px;
  --radius-m: 16px;
  --radius-s: 12px;
  --radius-xs: 8px;
  --font-family-primary: "Suisse Intl", sans-serif;
  --font-size-h1-promo: 56px;
  --font-size-h1: 48px;
  --font-size-h2: 40px;
  --font-size-h3: 32px;
  --font-size-h4: 24px;
  --font-size-h5: 20px;
  --font-size-h6: 20px;
  --font-size-text-l: 18px;
  --font-size-text-m: 16px;
  --font-size-text-s: 14px;
  --font-size-text-xs: 12px;
  --line-height-3xl: 1.4;
  --line-height-xxl: 1.35;
  --line-height-xl: 1.3;
  --line-height-l: 1.25;
  --line-height-m: 1.2;
  --line-height-s: 1.15;
  --line-height-xs: 1.1;
  --line-height-xxs: 1.05;
  --line-height-3xs: 1;
  --z-index-base: 0;
  --z-index-above: 1;
  --z-index-above-secondary: 2;
  --z-index-below: -1;
  --z-index-below-secondary: -2;
  --z-index-dropdown: calc(var(--z-index-above) * 3);
  --z-index-header: calc(var(--z-index-dropdown) * 3);
  --z-index-modal: calc(var(--z-index-header) * 3);
  --di-font-size: var(--font-size-text-m);
  --di-line-height: 1.14;
  --di-py: 12px;
  --di-px: 10px;
  --di-color: var(--color-neutral-600);
  --di-color-disabled: var(--color-neutral-500-trans-48);
  --di-color-error: var(--color-negative);
  --di-placeholder-color: var(--color-neutral-500-trans-48);
  --di-bg: var(--color-neutral-200);
  --di-bg-disabled: var(--color-neutral-200);
  --di-bg-focus: var(--color-neutral-200);
  --di-border-color: var(--color-neutral-200);
  --di-border-color-hover: var(--color-neutral-500-trans-48);
  --di-border-color-active: var(--color-neutral-600);
  --di-border-color-disabled: var(--color-neutral-200);
  --di-border-color-error: var(--color-negative);
  --di-border-width: 2px;
  --di-border-radius: 16px;
  --di-icon-size: 20px;
  --di-label-color: var(--color-neutral-500-trans-48);
  --di-label-font-size: var(--font-size-text-m);
  --di-label-font-weight: 400;
}
@media (max-width: 900px) {
  :root {
    --gap-10xl: 92px;
    --gap-9xl: 60px;
    --gap-8xl: 40px;
    --gap-7xl: 40px;
    --gap-6xl: 32px;
    --gap-5xl: 28px;
    --gap-4xl: 20px;
    --gap-3xl: 16px;
    --gap-xxl: 12px;
    --gap-xl: 12px;
    --gap-l: 12px;
    --gap-m: 8px;
    --gap-s: 4px;
    --gap-xs: 2px;
  }
}
@media (max-width: 900px) {
  :root {
    --radius-3xl: 32px;
    --radius-xxl: 24px;
    --radius-xl: 24px;
    --radius-l: 20px;
    --radius-m: 16px;
    --radius-s: 12px;
    --radius-xs: 8px;
  }
}
@media (max-width: 900px) {
  :root {
    --font-size-h1-promo: 40px;
    --font-size-h1: 32px;
    --font-size-h2: 24px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 18px;
  }
}
@media (max-width: 900px) {
  :root {
    --font-size-text-l: 16px;
    --font-size-text-m: 16px;
    --font-size-text-s: 14px;
    --font-size-text-xs: 12px;
  }
}
html.modal-lock,
body.modal-lock {
  padding-right: var(--scrollbar-compensate, 0);
  overflow: hidden;
}
.scroll-lock {
  overflow: hidden;
}
@keyframes spin360 {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes skeleton-animation {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(200%);
  }
}
.search-main-wrapper {
  display: none;
}
@media (max-width: 900px) {
  .search-main-wrapper {
    display: contents;
  }
}
.filter-list {
  background-color: var(--color-neutral-100);
  border-radius: 20px;
  overflow-x: hidden;
}
.filter-list .filter-list__row:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-300);
}
.filter-row {
  --wrapper-padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 8px;
}
.filter-row .filter-row__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.filter-row .filter-row__label {
  color: var(--color-neutral-500-trans-48);
  font-size: var(--font-size-text-s);
  font-weight: 400;
  line-height: 1.42;
}
.filter-row .filter-row__select {
  --tag-font-weight: 500;
}
.filter-row .filter-row__tooltip {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-row .filter-row__list {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  max-width: calc(100% + var(--wrapper-padding) * 2);
  margin-right: calc(-1 * var(--wrapper-padding));
  margin-left: calc(-1 * var(--wrapper-padding));
  padding-right: var(--wrapper-padding);
  padding-left: var(--wrapper-padding);
}
.filter-row .filter-row__item {
  white-space: nowrap;
}
.filter-row.filter-row--detail {
  padding: 0;
}
.btn {
  --btn-px: 14px;
  --btn-py: 14px;
  --btn-gap: 8px;
  --btn-min-height: 48px;
  --btn-font-family: var(--font-family-primary);
  --btn-font-size: var(--font-size-text-m);
  --btn-line-height: 1.5;
  --btn-letter-spacing: normal;
  --btn-font-weight: 500;
  --btn-text-transform: none;
  --btn-color: var(--color-neutral-100);
  --btn-color-hover: var(--color-neutral-100);
  --btn-color-focus: var(--color-neutral-100);
  --btn-color-active: var(--color-neutral-100);
  --btn-color-disabled: var(--color-neutral-100);
  --btn-bg: var(--color-neutral-600);
  --btn-bg-hover: var(--color-primary-200);
  --btn-bg-focus: var(--color-primary-200);
  --btn-bg-active: var(--color-primary-200);
  --btn-bg-disabled: var(--color-neutral-400);
  --btn-border-size: 2px;
  --btn-border-color: var(--color-neutral-600);
  --btn-border-color-hover: var(--color-primary-200);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-primary-200);
  --btn-border-color-disabled: var(--color-neutral-400);
  --btn-radius: 999px;
  --btn-loader-color: currentColor;
  --btn-loader-ring-color: var(--color-neutral-500-trans-16);
  --btn-icon-size: 16px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-gap);
  min-height: max(
    calc(
      var(--btn-font-size) * var(--btn-line-height) + var(--btn-py) * 2 +
        var(--btn-border-size) * 2
    ),
    var(--btn-min-height)
  );
  padding: var(--btn-py) var(--btn-px);
  border: var(--btn-border-size) solid var(--btn-border-color);
  border-radius: var(--btn-radius);
  background-color: var(--btn-bg);
  color: var(--btn-color);
  font-family: var(--btn-font-family), "sans-serif";
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  letter-spacing: var(--btn-letter-spacing);
  line-height: var(--btn-line-height);
  text-align: center;
  text-decoration: none;
  text-transform: var(--btn-text-transform);
  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
  cursor: pointer;
}
.btn .btn__text {
  display: block;
  flex: none;
}
.btn .btn__icon {
  display: block;
  flex: none;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
  color: currentColor;
}
@media (max-width: 900px) {
  .btn {
    --btn-px: 12px;
    --btn-py: 12px;
    --btn-min-height: 44px;
    --btn-icon-size: 16px;
  }
}
.btn.btn--fill-black {
  --btn-color: var(--color-neutral-100);
  --btn-color-hover: var(--color-neutral-100);
  --btn-color-focus: var(--color-neutral-100);
  --btn-color-active: var(--color-neutral-100);
  --btn-color-disabled: var(--color-neutral-100);
  --btn-bg: var(--color-neutral-600);
  --btn-bg-hover: var(--color-primary-200);
  --btn-bg-focus: var(--color-primary-200);
  --btn-bg-active: var(--color-primary-200);
  --btn-bg-disabled: var(--color-neutral-400);
  --btn-border-color: var(--color-neutral-600);
  --btn-border-color-hover: var(--color-primary-200);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-primary-200);
  --btn-border-color-disabled: var(--color-neutral-400);
}
.btn.btn--fill-white {
  --btn-color: var(--color-neutral-600);
  --btn-color-hover: var(--color-neutral-100);
  --btn-color-focus: var(--color-neutral-100);
  --btn-color-active: var(--color-neutral-100);
  --btn-color-disabled: var(--color-neutral-100);
  --btn-bg: var(--color-neutral-100);
  --btn-bg-hover: var(--color-primary-200);
  --btn-bg-focus: var(--color-primary-200);
  --btn-bg-active: var(--color-primary-200);
  --btn-bg-disabled: var(--color-neutral-400);
  --btn-border-color: var(--color-neutral-100);
  --btn-border-color-hover: var(--color-primary-200);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-primary-200);
  --btn-border-color-disabled: var(--color-neutral-400);
}
.btn.btn--fill-orange {
  --btn-color: var(--color-neutral-600);
  --btn-color-hover: var(--color-neutral-100);
  --btn-color-focus: var(--color-neutral-600);
  --btn-color-active: var(--color-neutral-100);
  --btn-color-disabled: var(--color-neutral-500);
  --btn-bg: var(--color-primary-200);
  --btn-bg-hover: var(--color-neutral-600);
  --btn-bg-focus: var(--color-primary-200);
  --btn-bg-active: var(--color-neutral-600);
  --btn-bg-disabled: var(--color-neutral-400);
  --btn-border-color: var(--color-primary-200);
  --btn-border-color-hover: var(--color-neutral-600);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-neutral-600);
  --btn-border-color-disabled: var(--color-neutral-400);
}
.btn.btn--tonal {
  --btn-color: var(--color-neutral-600);
  --btn-color-hover: var(--color-neutral-600);
  --btn-color-focus: var(--color-neutral-600);
  --btn-color-active: var(--color-neutral-600);
  --btn-color-disabled: var(--color-neutral-500-trans-16);
  --btn-bg: var(--color-neutral-300);
  --btn-bg-hover: var(--color-neutral-400);
  --btn-bg-focus: var(--color-neutral-400);
  --btn-bg-active: var(--color-neutral-400);
  --btn-bg-disabled: var(--color-neutral-400);
  --btn-border-color: var(--color-neutral-300);
  --btn-border-color-hover: var(--color-neutral-400);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-neutral-400);
  --btn-border-color-disabled: var(--color-neutral-400);
}
.btn.btn--stroke {
  --btn-color: var(--color-neutral-600);
  --btn-color-hover: var(--color-neutral-600);
  --btn-color-focus: var(--color-neutral-600);
  --btn-color-active: var(--color-neutral-600);
  --btn-color-disabled: var(--color-neutral-400);
  --btn-bg: transparent;
  --btn-bg-hover: transparent;
  --btn-bg-focus: transparent;
  --btn-bg-active: transparent;
  --btn-bg-disabled: transparent;
  --btn-border-color: var(--color-neutral-300);
  --btn-border-color-hover: var(--color-neutral-300);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-neutral-300);
  --btn-border-color-disabled: var(--color-neutral-300);
}
.btn.btn--stroke-invert {
  --btn-color: var(--color-neutral-100);
  --btn-color-hover: var(--color-neutral-100);
  --btn-color-focus: var(--color-neutral-100);
  --btn-color-active: var(--color-neutral-100);
  --btn-color-disabled: var(--color-neutral-100-trans-52);
  --btn-bg: transparent;
  --btn-bg-hover: transparent;
  --btn-bg-focus: transparent;
  --btn-bg-active: transparent;
  --btn-bg-disabled: transparent;
  --btn-border-color: var(--color-neutral-300);
  --btn-border-color-hover: var(--color-neutral-300);
  --btn-border-color-focus: var(--color-neutral-600);
  --btn-border-color-active: var(--color-neutral-300);
  --btn-border-color-disabled: var(--color-neutral-100);
}
.btn.btn--large {
  --btn-px: 20px;
  --btn-py: 20px;
  --btn-min-height: 60px;
  --btn-icon-size: 20px;
}
@media (max-width: 900px) {
  .btn.btn--large {
    --btn-px: 16px;
    --btn-py: 14px;
    --btn-min-height: 48px;
    --btn-icon-size: 16px;
  }
}
.btn:active,
.btn.active {
  --btn-color: var(--btn-color-active);
  --btn-bg: var(--btn-bg-active);
  --btn-border-color: var(--btn-border-color-active);
}
.btn:focus {
  outline: none;
}
.btn:focus-visible {
  --btn-color: var(--btn-color-focus);
  --btn-bg: var(--btn-bg-focus);
  --btn-border-color: var(--btn-border-color-focus);
}
@media (hover: hover) {
  .btn:hover {
    --btn-color: var(--btn-color-hover);
    --btn-bg: var(--btn-bg-hover);
    --btn-border-color: var(--btn-border-color-hover);
  }
}
.btn:disabled,
.btn.disabled,
.btn.swiper-button-disabled {
  --btn-color: var(--btn-color-disabled);
  --btn-bg: var(--btn-bg-disabled);
  --btn-border-color: var(--btn-border-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.btn:disabled:focus-visible,
.btn.disabled:focus-visible,
.btn.swiper-button-disabled:focus-visible {
  outline: none;
}
.btn.loading {
  pointer-events: none;
}
.btn.loading:before {
  content: "";
  position: absolute;
  top: calc(50% - var(--btn-icon-size) / 2);
  left: calc(50% - var(--btn-icon-size) / 2);
  display: block;
  flex: none;
  width: var(--btn-icon-size);
  height: var(--btn-icon-size);
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  border-color: var(--btn-loader-color) var(--btn-loader-color)
    var(--btn-loader-ring-color);
  transition: border-color 0.3s ease;
  animation: spin360 0.7s linear infinite;
}
.btn.loading > * {
  visibility: hidden;
}
.default-input {
  display: flex;
  flex-direction: column;
}
.default-input.required .default-input__label:after {
  content: "*";
  color: var(--color-negative);
}
.default-input .default-input__label {
  display: flex;
  gap: 4px;
  padding-bottom: 8px;
  color: var(--di-label-color);
  font-size: var(--di-label-font-size);
  font-weight: var(--di-label-font-weight);
}
.default-input .default-input__input {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.default-input .default-input__errors {
  margin-top: 4px;
}
.default-input .default-input__error {
  color: var(--color-negative);
  font-size: var(--font-size-text-s);
  font-weight: 400;
  line-height: 1;
}
.default-input .default-input__bottom {
  margin-top: 12px;
}
.tag-new {
  --tag-px: 12px;
  --tag-py: 8px;
  --tag-gap: 10px;
  --tag-min-height: 36px;
  --tag-font-family: var(--font-family-primary);
  --tag-font-size: var(--font-size-text-s);
  --tag-line-height: 1.14;
  --tag-letter-spacing: normal;
  --tag-font-weight: 400;
  --tag-text-transform: none;
  --tag-color: var(--color-neutral-100);
  --tag-color-hover: var(--color-neutral-100);
  --tag-color-focus: var(--color-neutral-100);
  --tag-color-active: var(--color-neutral-100);
  --tag-color-disabled: var(--color-neutral-100);
  --tag-bg: var(--color-neutral-500-trans-16);
  --tag-bg-hover: var(--color-neutral-600);
  --tag-bg-focus: var(--color-neutral-600);
  --tag-bg-active: var(--color-neutral-600);
  --tag-bg-disabled: var(--color-neutral-400);
  --tag-bg-blur: 4px;
  --tag-border-size: 1px;
  --tag-border-color: transparent;
  --tag-border-color-hover: transparent;
  --tag-border-color-focus: transparent;
  --tag-border-color-active: transparent;
  --tag-border-color-disabled: transparent;
  --tag-radius: 999px;
  --tag-icon-size: 16px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--tag-gap);
  min-height: max(
    calc(
      var(--tag-font-size) * var(--tag-line-height) + var(--tag-py) * 2 +
        var(--tag-border-size) * 2
    ),
    var(--tag-min-height)
  );
  padding: var(--tag-py) var(--tag-px);
  border: var(--tag-border-size) solid var(--tag-border-color);
  border-radius: var(--tag-radius);
  background-color: var(--tag-bg);
  -webkit-backdrop-filter: blur(var(--tag-bg-blur));
  backdrop-filter: blur(var(--tag-bg-blur));
  color: var(--tag-color);
  font-family: var(--tag-font-family), "sans-serif";
  font-size: var(--tag-font-size);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  text-align: center;
  text-decoration: none;
  text-transform: var(--tag-text-transform);
  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    background-color 0.3s ease;
  cursor: pointer;
}
.tag-new:focus {
  outline: none;
}
.tag-new:focus-visible {
  --tag-color: var(--tag-color-focus);
  --tag-bg: var(--tag-bg-focus);
  --tag-border-color: var(--tag-border-color-focus);
}
@media (hover: hover) {
  .tag-new:hover {
    --tag-color: var(--tag-color-hover);
    --tag-bg: var(--tag-bg-hover);
    --tag-border-color: var(--tag-border-color-hover);
  }
}
.tag-new .tag__text {
  display: block;
  flex: none;
}
.tag-new .tag__icon {
  display: block;
  flex: none;
  width: var(--tag-icon-size);
  height: var(--tag-icon-size);
  color: currentColor;
}
.tag-new.tag--color-primary {
  --tag-color: var(--color-neutral-600);
  --tag-color-hover: var(--color-neutral-600);
  --tag-color-focus: var(--color-neutral-600);
  --tag-color-active: var(--color-neutral-100);
  --tag-color-disabled: var(--color-neutral-600);
  --tag-bg: var(--color-neutral-100);
  --tag-bg-hover: var(--color-neutral-100);
  --tag-bg-focus: var(--color-neutral-100);
  --tag-bg-active: var(--color-neutral-600);
  --tag-bg-disabled: var(--color-neutral-400);
  --tag-bg-blur: 0px;
  --tag-border-color: var(--color-neutral-300);
  --tag-border-color-hover: var(--color-neutral-600);
  --tag-border-color-focus: var(--color-neutral-600);
  --tag-border-color-active: var(--color-neutral-600);
  --tag-border-color-disabled: var(--color-neutral-400);
}
.tag-new.tag--color-secondary {
  --tag-color: var(--color-neutral-600);
  --tag-color-hover: var(--color-neutral-100);
  --tag-color-focus: var(--color-neutral-100);
  --tag-color-active: var(--color-neutral-100);
  --tag-color-disabled: var(--color-neutral-600);
  --tag-bg: var(--color-neutral-200);
  --tag-bg-hover: var(--color-neutral-600);
  --tag-bg-focus: var(--color-neutral-600);
  --tag-bg-active: var(--color-neutral-600);
  --tag-bg-disabled: var(--color-neutral-400);
  --tag-bg-blur: 0px;
  --tag-border-color: var(--color-neutral-200);
  --tag-border-color-hover: var(--color-neutral-600);
  --tag-border-color-focus: var(--color-neutral-600);
  --tag-border-color-active: var(--color-neutral-600);
  --tag-border-color-disabled: var(--color-neutral-400);
}
.tag-new:active,
.tag-new.active {
  --tag-color: var(--tag-color-active);
  --tag-bg: var(--tag-bg-active);
  --tag-border-color: var(--tag-border-color-active);
}
.tag-new:disabled,
.tag-new.disabled {
  --tag-color: var(--tag-color-disabled);
  --tag-bg: var(--tag-bg-disabled);
  --tag-border-color: var(--tag-border-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.tag-new:disabled:focus-visible,
.tag-new.disabled:focus-visible {
  outline: none;
}
.title-new {
  --title-font-family: var(--font-family-primary);
  --title-font-size: var(--font-size-text-m);
  --title-font-weight: 500;
  --title-line-height: var(--line-height-m);
  --title-text-transform: none;
  --title-letter-spacing: 1;
  color: var(--color-neutral-500);
  font-family: var(--title-font-family), "sans-serif";
  font-size: var(--title-font-size);
  font-weight: var(--title-font-weight);
  line-height: var(--title-line-height);
  text-transform: var(--title-text-transform);
  letter-spacing: var(--title-letter-spacing);
  text-wrap: balance;
}
.title-new.title--h1-promo {
  --title-font-size: var(--font-size-h1-promo);
  --title-line-height: var(--line-height-s);
}
.title-new.title--h1 {
  --title-font-size: var(--font-size-h1);
  --title-line-height: var(--line-height-s);
}
.title-new.title--h2 {
  --title-font-size: var(--font-size-h2);
  --title-letter-spacing: -0.4px;
}
.title-new.title--h3 {
  --title-font-size: var(--font-size-h3);
}
.title-new.title--h4 {
  --title-font-size: var(--font-size-h4);
  --title-letter-spacing: -0.48px;
}
.title-new.title--h5 {
  --title-font-size: var(--font-size-h5);
}
.title-new.title--h6 {
  --title-font-size: var(--font-size-h6);
  --title-font-weight: 400;
  --title-letter-spacing: -0.4px;
}
.text-new {
  --text-font-family: var(--font-family-primary);
  --text-font-size: var(--font-size-text-m);
  --text-font-weight: 400;
  --text-line-height: var(--line-height-m);
  --text-text-transform: none;
  color: var(--color-neutral-500);
  font-family: var(--text-font-family), "sans-serif";
  font-size: var(--text-font-size);
  font-weight: var(--text-font-weight);
  line-height: var(--text-line-height);
  text-transform: var(--text-text-transform);
}
.text-new.text--l {
  --text-font-size: var(--font-size-text-l);
  --text-line-height: var(--line-height-xxl);
}
.text-new.text--m {
  --text-font-size: var(--font-size-text-m);
  --text-line-height: var(--line-height-xxl);
}
.text-new.text--s {
  --text-font-size: var(--font-size-text-s);
  --text-line-height: var(--line-height-xl);
}
.text-new.text--xs {
  --text-font-size: var(--font-size-text-xs);
  --text-line-height: var(--line-height-xl);
}
.picture {
  --picture-width: auto;
  --picture-aspect-ratio: auto;
  --picture-radius: 0;
  --picture-object-fit: fill;
  --picture-object-position: center;
  display: block;
  width: var(--picture-width);
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--picture-aspect-ratio);
  overflow: hidden;
  border-radius: var(--picture-radius);
}
.picture .picture__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--picture-object-fit);
  object-fit: var(--picture-object-fit);
  -o-object-position: var(--picture-object-position);
  object-position: var(--picture-object-position);
}
.modal {
  position: relative;
  width: 525px;
  max-width: 100%;
  margin: auto;
  padding: 16px 12px;
  border-radius: 20px;
  background-color: var(--color-neutral-100);
}
.modal .modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: var(--z-index-above);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  color: var(--color-neutral-600);
  transition: color 0.3s ease;
  cursor: pointer;
}
.modal .modal__close:focus {
  outline: none;
}
.modal .modal__close:focus-visible {
  outline: 2px solid var(--color-neutral-600);
  outline-offset: 2px;
}
@media (hover: hover) {
  .modal .modal__close {
    color: var(--color-primary-300);
  }
}
.modal .modal__close .modal__close-icon {
  width: 100%;
  height: 100%;
}
.modal .modal__title:not(:last-child) {
  margin-bottom: 16px;
}
.modal .modal__text {
  font-size: var(--font-size-text-l);
  font-weight: 400;
  line-height: 1;
}
.modal .modal__text:not(:last-child) {
  margin-bottom: 16px;
}
.modal .modal__bottom {
  margin-top: 32px;
}
.modal .modal__buttons {
  display: flex;
  gap: 16px;
}
.wrapper {
  width: min(calc(100% - var(--wrapper-padding) * 2), var(--wrapper-max-width));
  margin-inline: auto;
}
.consulting .consulting__inner {
  display: flex;
  flex-direction: column;
  gap: var(--gap-8xl);
}
.consulting-banner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gap-3xl);
  margin-top: calc(var(--gap-8xl) + 72px);
  background-color: var(--color-neutral-200);
  border-radius: var(--radius-l);
}
@media (max-width: 900px) {
  .consulting-banner {
    display: flex;
    flex-direction: column;
    padding: 20px;
  }
}
.consulting-banner .consulting-banner__info {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-3xl);
  padding: 32px;
}
@media (max-width: 900px) {
  .consulting-banner .consulting-banner__info {
    display: contents;
  }
}
.consulting-banner .consulting-banner__title {
  b {
    color: var(--color-primary-300);
  }
}
.consulting-banner .consulting-banner__bottom {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--gap-4xl);
}
@media (max-width: 900px) {
  .consulting-banner .consulting-banner__bottom {
    order: 3;
  }
}
.consulting-banner .consulting-banner__desc {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
}
.consulting-banner .consulting-banner__desc-item {
  display: inline-flex;
  gap: var(--gap-m);
}
.consulting-banner .consulting-banner__preview {
  grid-column: span 6;
  align-self: end;
}
.consulting-banner .consulting-banner__picture {
  --picture-object-fit: contain;
}
@media (max-width: 900px) {
  .consulting-banner .consulting-banner__callback {
    width: 100%;
  }
}
.consulting-expertise {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.consulting-expertise .consulting-expertise__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gap-3xl);
  align-items: self-start;
}
@media (max-width: 768px) {
  .consulting-expertise .consulting-expertise__list {
    display: flex;
    flex-direction: column;
  }
}
.consulting-expertise .consulting-expertise__card {
  grid-column: span 4;
}
@media (max-width: 1024px) {
  .consulting-expertise .consulting-expertise__card {
    grid-column: span 6;
  }
}
.expertise-card {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5xl);
  padding: var(--gap-3xl);
  background-color: var(--color-neutral-200);
  border-radius: var(--radius-l);
}
.expertise-card .expertise-card__title {
  color: var(--color-primary-300);
}
.expertise-card .expertise-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3xl);
}
.expertise-card .expertise-card__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
}
.expertise-card .expertise-card__item {
  display: inline-flex;
  gap: var(--gap-m);
  padding-bottom: var(--gap-m);
  border-bottom: 1px solid var(--color-neutral-400);
}
.expertise-card .expertise-card__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expertise-card .expertise-card__toggle {
  --btn-px: 0;
  --btn-py: 0;
  --btn-icon-size: 20px;
  --btn-color: var(--color-neutral-500-trans-48);
  --btn-bg: transparent;
  --btn-border-color: transparent;
}
.consulting-benefits {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.consulting-benefits .consulting-benefits__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--gap-3xl);
}
@media (max-width: 768px) {
  .consulting-benefits .consulting-benefits__list {
    display: flex;
    flex-direction: column;
  }
}
.consulting-benefits .consulting-benefits__card {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .consulting-benefits .consulting-benefits__card {
    grid-column: span 6;
  }
}
.benefits-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  gap: var(--gap-5xl);
  padding: var(--gap-xxl);
  background-color: var(--color-neutral-200);
  border-radius: var(--radius-m);
}
@media (max-width: 768px) {
  .benefits-card {
    height: auto;
    gap: var(--gap-7xl);
  }
}
.benefits-card .benefits-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-l);
}
.benefits-card .benefits-card__icon {
  min-width: 24px;
  min-height: 24px;
}
.benefits-card .benefits-card__text {
  color: var(--color-neutral-500-trans-48);
}
.consulting-blog {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5xl);
}
.consulting-blog .consulting-blog__slider {
  position: relative;
  display: flex;
  flex-direction: column;
}
.consulting-blog .consulting-blog__slider .swiper {
  margin: 0;
  max-width: 100%;
}
.consulting-blog .consulting-blog__slider .swiper-buttons {
  display: none;
}
@media (any-hover: hover) {
  .consulting-blog .consulting-blog__slider .swiper-buttons {
    display: block;
  }
}
@media (max-width: 1400px) {
  .consulting-blog .consulting-blog__slider .swiper-buttons {
    display: none;
  }
}
.consulting-blog .consulting-blog__slider .swiper-button {
  position: absolute;
  top: 93px;
  width: 54px;
  height: 54px;
  background-color: var(--color-neutral-100);
  border-radius: 50%;
  z-index: 2;
  border: none;
  box-shadow: 0 8px 32px #14141429;
  transition: background-color 0.3s ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cg id='Icons / caret-right'%3E%3Cpath id='Vector' fill-rule='evenodd' clip-rule='evenodd' d='M7.29289 3.79289C7.68342 3.40237 8.31658 3.40237 8.70711 3.79289L16.7071 11.7929C17.0976 12.1834 17.0976 12.8166 16.7071 13.2071L8.70711 21.2071C8.31658 21.5976 7.68342 21.5976 7.29289 21.2071C6.90237 20.8166 6.90237 20.1834 7.29289 19.7929L14.5858 12.5L7.29289 5.20711C6.90237 4.81658 6.90237 4.18342 7.29289 3.79289Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
}
.consulting-blog .consulting-blog__slider .swiper-button:hover {
  background-color: var(--color-surface-accent);
}
.consulting-blog .consulting-blog__slider .swiper-button-prev {
  left: -68px;
  transform: scaleX(-1);
}
@media (max-width: 900px) {
  .consulting-blog .consulting-blog__slider .swiper-button-prev {
    left: 0;
  }
}
.consulting-blog .consulting-blog__slider .swiper-button-next {
  right: -68px;
}
.consulting-blog .consulting-blog__slider .swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.consulting-blog .consulting-blog__more {
  align-self: flex-start;
}
.table-wrap {
  width: 100%;
  overflow: auto;
}