@font-face {
  font-family: Hauss;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/als_hauss_regular.090fd7ac.woff2) format("woff2");
}
@font-face {
  font-family: Hauss;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/als_hauss_regular_italic.6cfe5a1c.woff2) format("woff2");
}
@font-face {
  font-family: Hauss;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/als_hauss_medium.b25d1ea4.woff2) format("woff2");
}
@font-face {
  font-family: Hauss;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/als_hauss_medium_italic.c17c6250.woff2) format("woff2");
}
@font-face {
  font-family: Hauss;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/als_hauss_bold.98a143a5.woff2) format("woff2");
}
@font-face {
  font-family: Hauss;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/als_hauss_bold_italic.f8c1dfba.woff2) format("woff2");
}
@viewport {
  width: 100vw;
  min-zoom: 100%;
  zoom: 100%;
}
@viewport {
  user-zoom: fixed;
  min-zoom: 100%;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
  -webkit-text-fill-color: #000 !important;
}
a,
img {
  -webkit-user-drag: none;
}
a {
  text-decoration: none;
  color: inherit;
}

body,
html {
  width: 100%;
  position: relative;
  cursor: default;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
}
* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}
input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
input[type="number"],
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="search"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
iframe,
img,
svg,
video {
  display: block;
}
q {
  quotes: "\00ab""\00bb";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}
b,
strong {
  font-weight: 700 !important;
}
[hidden] {
  display: none !important;
}
.usa {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  cursor: copy;
}
:root {
  --black: 0 0 0;
  --white: 255 255 255;
  --selct: 205 240 99;
  --mainBase: 255 255 255;
  --slavBase: 243 243 243;
  --tripBase: 247 247 247;
  --hovrBase: 240 245 255;
  --mainCase: 0 0 0;
  --slavCase: 120 120 120;
  --tripCase: 170 170 170;
  --mainBord: 213 213 213;
  --corpColS: #9237ff;
  --corpColM: #7b33d1;
  --corpColE: #6f2ebd;
  --corpNewColS: 146 55 255;
  --corpNewColM: 245 235 255;
  --suppColr: 245 81 35;
  --semeColr: 6 231 117;
  --starColr: 253 137 73;
  --specColr: 119 0 183;
  --linkColr: 115 124 212;
  --infoColr: 99 96 251;
  --suxsColr: 3 165 0;
  --warnColr: 255 149 27;
  --erorColr: 230 0 0;
  --baseValue: 4px;
  --baseFont: 18px;
  --textLH: 1.3;
  --textSLH: 1.4;
  --btnFS: 16px;
  --btnSmalFS: 16px;
  --btnMiniFS: 14px;
  --catalogueFS: 16px;
  --indicatorFS: 13px;
  --crumbsFS: 13px;
  --supportFS: 12px;
  --noteFS: 14px;
  --priceFS: 20px;
  --tableFS: 14px;
  --paginationFS: 15px;
  --pMB: var(--baseFont);
  --errorEmojiFS: 64px;
  --burgerW: var(--iconDB);
  --catalogueCloseStickW: 36px;
  --appW: 180px;
  --showcaseSideW: 400px;
  --splitSideW: 320px;
  --mediaMenuW: 420px;
  --catalogueMenuW: 352px;
  --helpBorderW: 2px;
  --hintW: 240px;
  --catalogueLogosW: 100px;
  --previewCoverW: 260px;
  --errorImageW: 160px;
  --menuW: 312px;
  --menuMW: 312px;
  --tagMW: 200px;
  --datatableMW: 1024px;
  --tabMW: 180px;
  --formSlideMinW: 100px;
  --mainLogoH: 48px;
  --btnH: 48px;
  --btnSlimH: 40px;
  --btnSmalH: 32px;
  --btnMiniH: 24px;
  --haloH: 56px;
  --hairH: 40px;
  --headH: 80px;
  --mMenuH: 64px;
  --burgerStickH: 2px;
  --counterH: 16px;
  --tagH: 40px;
  --ratingH: 16px;
  --catalogueCloseStickH: 4px;
  --closeStickH: 2px;
  --rangeH: 8px;
  --menuMH: 320px;
  --galleryMH: 280px;
  --imageMaxH: 480px;
  --playerProgressH: 8px;
  --playerControlsBarH: 56px;
  --imageFileH: 160px;
  --btnP: 16px;
  --ratingRowGap: 2px;
  --headerCoveredAddP: 42px;
  --imageFileG: 4px;
  --scrollD: 8px;
  --seemeD: 10px;
  --sliderNavD: 48px;
  --catalogueCloseD: 48px;
  --closeD: 26px;
  --listDotD: 8px;
  --dotD: 6px;
  --datatableImageD: 64px;
  --playerHandlerD: 24px;
  --playerVolumeD: 80px;
  --loaderD: 40px;
  --commonLoaderD: 40px;
  --inputLoaderD: 20px;
  --iconDXS: 12px;
  --iconDS: 16px;
  --iconDC: 20px;
  --iconDB: 24px;
  --iconDM: 32px;
  --iconDML: 40px;
  --iconDL: 48px;
  --iconDL56: 56px;
  --iconDG: 64px;
  --iconDG68: 68px;
  --iconDG72: 72px;
  --iconDH: 80px;
  --iconDXL: 100px;
  --pageAvaD: 72px;
  --popinfIconD: 64px;
  --popinfIconDNew: 41px;
  --galleryThumbD: 48px;
  --paginationD: 40px;
  --adultD: 48px;
  --popR: 24px;
  --mediaR: 12px;
  --btnR: 8px;
  --inputR: 4px;
  --mainG: linear-gradient(to right, rgb(var(--corpColS)), rgb(var(--corpColM)), rgb(var(--corpColE)));
  --mainBS: 0 0 16px 0 rgb(var(--black) / 16%);
  --notificationBS: 0 0 6px 0 rgb(var(--black) / 16%);
  --mediaControlsBS: 0 0 3px 1px rgb(var(--white) / 25%), 0 0 8px 1px rgb(var(--black) / 25%);
  --handlerBS: 0 0 8px 0 rgb(var(--black) / 45%);
  --popBS: 0 0 16px 0 rgb(var(--black) / 25%);
  --btnHoverBS: 4px;
  --mediaStateAnim: mediaStateAnim 1s ease forwards;
  --adultBord: 4px;
  --overallZ: 9999;
  --popZ: 999;
  --catalogueZ: 900;
  --headZ: 99;
  --stickyZ: 90;
  --sliderNavZ: 4;
  --showcaseWidthVariant: 560px;
  --showcaseMediaVariant: 1/1;
  --headerPaddingBlock: calc(var(--baseValue) * 9);
  --headerHoverPaddingBlock: calc(var(--headerPaddingBlock) * 2);
}
@media (max-width: 980px) {
  :root {
      --baseFont: 16px;
      --showcaseSideW: 320px;
      --headerDecorH: 32px;
      --pageAvaD: 64px;
  }
}
@media (max-width: 768px) {
  :root {
      --priceFS: 16px;
      --errorEmojiFS: 80px;
      --galleryThumbD: 48px;
      --showcaseSideW: 100%;
      --catalogueMenuW: 100%;
      --catalogueLogosW: 72px;
      --headerCoveredAddP: 16px;
  }
}
@media (max-width: 480px) {
  :root {
      --baseValue: 3px;
      --baseFont: 15px;
      --mainLogoH: 32px;
      --paginationD: 36px;
      --ratingRowGap: 1px;
      --pageAvaD: 48px;
      --btnFS: 14px;
      --btnSmalFS: 13px;
      --btnMiniFS: 12px;
      --noteFS: 12px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  color: rgb(var(--headCase));
}
h1 + .form,
h1 + h1,
h1 + h2,
h1 + h3,
h1 + h4,
h1 + h5,
h1 + h6,
h2 + .form,
h2 + h1,
h2 + h2,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6,
h3 + .form,
h3 + h1,
h3 + h2,
h3 + h3,
h3 + h4,
h3 + h5,
h3 + h6,
h4 + .form,
h4 + h1,
h4 + h2,
h4 + h3,
h4 + h4,
h4 + h5,
h4 + h6,
h5 + .form,
h5 + h1,
h5 + h2,
h5 + h3,
h5 + h4,
h5 + h5,
h5 + h6,
h6 + .form,
h6 + h1,
h6 + h2,
h6 + h3,
h6 + h4,
h6 + h5,
h6 + h6 {
  margin-top: 0;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  display: block;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  transition: 0.1s ease;
  transition-property: color;
  color: inherit;
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: rgb(var(--corpColS));
}
h1.near,
h2.near,
h3.near,
h4.near,
h5.near,
h6.near {
  margin-bottom: calc(var(--baseFont) / 2);
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0 !important;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0 !important;
}
.col > h1,
.col > h2,
.col > h3,
.col > h4,
.col > h5,
.col > h6 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
h1 {
  line-height: 1.1;
  font-size: calc(var(--baseFont) * 2);
  margin-bottom: calc(var(--baseFont) * 4);
}
h2 {
  line-height: 1.2;
  font-size: calc(var(--baseFont) * 1.5);
  margin-top: calc(var(--baseFont) * 4);
  margin-bottom: calc(var(--baseFont) * 2);
}
h3 {
  line-height: 1.3;
  font-size: calc(var(--baseFont) + 4px);
  margin-top: calc(var(--baseFont) * 3);
  margin-bottom: calc(var(--baseFont) * 1.5);
}
h4 {
  font-size: var(--baseFont);
}
h4,
h5 {
  line-height: 1.3;
  margin-top: calc(var(--baseFont) * 2);
  margin-bottom: calc(var(--baseFont) - 2px);
}
h5 {
  font-size: calc(var(--baseFont) - 2px);
}
h6 {
  line-height: 1.3;
  font-size: calc(var(--baseFont) - 4px);
  margin-top: 0;
  margin-bottom: 0;
}
p {
  line-height: var(--textLH);
  font-size: var(--baseFont);
  margin-bottom: var(--pMB);
}
p.small {
  font-size: calc(var(--baseFont) - 2px);
}
p.mini,
p.small {
  --pMB: calc(var(--baseFont) - 4px);
  line-height: var(--textSLH);
}
p.mini {
  font-size: calc(var(--baseFont) - 4px);
}
p:last-child {
  margin-bottom: 0 !important;
}
.speech:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/_next/static/media/quotes.8ddf413b.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin-bottom: 8px;
}
ul > li:before {
  background-color: rgb(var(--corpColS));
}
ol > li:before {
  color: rgb(var(--corpColS));
}
.desc {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue));
  font-size: var(--noteFS);
  line-height: var(--iconDS);
  color: rgb(var(--slavCase));
}
.desc span:first-child:not(.desc span:only-child):after {
  content: ":";
}
.desc span:last-child:not(.desc span:only-child) {
  font-weight: 700;
}
.cat {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--inputR);
  flex: 0 0 auto;
  font-size: var(--supportFS);
  line-height: var(--iconDS);
  max-width: 100%;
  color: rgb(var(--mainBase));
  background-color: rgb(var(--mainCase));
  padding: var(--baseValue) calc(var(--baseValue) * 2);
}
.description {
  padding-top: calc(var(--baseValue) * 4);
  border-top: 1px dashed rgb(var(--mainBord));
}
.value {
  line-height: 1.5;
}
.value,
.value__name {
  display: flex;
  align-items: flex-end;
  gap: calc(var(--baseValue) * 2);
}
.value__name {
  flex: 1 1 auto;
  font-weight: 500;
  font-size: calc(var(--baseFont) - 4px);
  color: rgb(var(--corpColM) / 75%);
}
.value__name span {
  flex: 0 0 auto;
}
.value__name:after {
  content: "";
  display: block;
  flex: 1 1 auto;
  border-bottom: 1px dotted rgb(var(--mainBord));
  min-width: var(--iconDB);
}
.value__data {
  text-align: right;
  font-size: calc(var(--baseFont) - 2px);
}
.value--titled {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--baseValue);
}
.value--titled .value__name:after {
  display: none;
}
.value--titled .value__data {
  text-align: left;
}
.value--blind .value__name {
  color: rgb(var(--slavCase));
}
.table {
  position: relative;
}
.table--divided table tbody tr td {
  border-bottom: 1px dotted rgb(var(--mainBord));
}
.table--divided table tbody tr:last-child td {
  border-bottom: 0;
}
.table--stripes table tbody tr:nth-child(2n) td {
  background-color: rgb(var(--tripBase));
}
.table--hover table tbody tr:hover td {
  background-color: rgb(var(--hovrBase));
}
.table--fixed table {
  table-layout: fixed;
}
.table--scroll {
  overflow-x: auto;
}
.table--scroll table {
  min-width: var(--datatableMW);
}
.datatable {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
.datatable__body {
  min-width: var(--datatableMW);
}
.datatable__row {
  display: flex;
  border-bottom: 1px dashed rgb(var(--mainBord));
  position: relative;
}
.datatable__row:last-child {
  border-bottom: none;
}
.datatable__row--head {
  border-radius: calc(var(--baseValue) * 2);
  margin-bottom: calc(var(--baseValue) * 4);
  border-bottom: none;
}
.datatable__row--head,
.datatable__row--head .datatable__cell {
  background-color: rgb(var(--slavBase));
}
.datatable__row--head .datatable__cell:first-child {
  border-radius: calc(var(--baseValue) * 2) 0 0 calc(var(--baseValue) * 2);
}
.datatable__row--head .datatable__cell:last-child {
  border-radius: 0 calc(var(--baseValue) * 2) calc(var(--baseValue) * 2) 0;
}
.datatable__row--head .datatable__cell--check {
  padding-block: calc(var(--baseValue) * 2);
}
.datatable__row--head:last-child {
  margin-top: calc(var(--baseValue) * 4);
  margin-bottom: 0;
}
.datatable__row:hover:not(.datatable__row--head),
.datatable__row:hover:not(.datatable__row--head) .datatable__cell {
  background-color: rgb(var(--hovrBase));
}
.datatable:has(.datatable__row--head:last-child) .datatable__row:nth-last-child(2) {
  border-bottom: none;
}
.datatable__cell {
  --cellPadding: calc(var(--baseValue) * 3);
  flex: 1 1 100%;
  background-color: rgb(var(--mainBase));
  padding: calc(var(--baseValue) * 3);
}
.datatable__cell--check {
  flex: 0 0 auto;
  width: calc(var(--iconDB) + var(--cellPadding) * 2);
}
.datatable__cell--view {
  flex: 0 0 auto;
  width: calc(var(--datatableImageD) + var(--cellPadding) * 2);
  padding: var(--baseValue);
}
.datatable__cell--wide {
  flex-basis: 200%;
}
.datatable__cell--sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.datatable__cell--sticky--start {
  left: 0;
}
.datatable__cell--sticky--end {
  right: 0;
}
.help {
  --helpColor: var(--mainCase);
  --helpColorO: 4%;
  --helpPadding: calc(var(--baseValue) * 6) calc(var(--baseValue) * 6);
  border-radius: 0 calc(var(--baseValue) * 2) calc(var(--baseValue) * 2) 0;
  padding: var(--helpPadding);
  border-left: var(--helpBorderW) solid rgb(var(--helpColor));
  background-color: rgb(var(--helpColor) / var(--helpColorO));
  position: relative;
}
.help + .help {
  margin-top: calc(var(--baseValue) * 2);
}
.help__same-color {
  color: rgb(var(--helpColor));
}
.help--corp {
  --helpColor: var(--corpColS);
  --helpColorO: 5%;
}
.help--info {
  --helpColor: var(--infoColr);
  --helpColorO: 7%;
}
.help--suxs {
  --helpColor: var(--suxsColr);
  --helpColorO: 5%;
}
.help--warn {
  --helpColor: var(--warnColr);
  --helpColorO: 8%;
}
.help--eror {
  --helpColor: var(--erorColr);
}
.help--borderless {
  border-radius: calc(var(--baseValue) * 2);
  border-left: none;
}
.help--slim {
  --helpPadding: calc(var(--baseValue) * 4) calc(var(--baseValue) * 4);
}
@media (max-width: 480px) {
  h1 {
      line-height: 1.3;
      font-size: calc(var(--baseFont) * 1.6);
      margin-bottom: calc(var(--baseFont) * 3);
  }
}
.code {
  transition: 0.25s ease;
  transition-property: max-height;
  max-height: 180px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
  mask-image: linear-gradient(180deg, #000, transparent);
  position: relative;
  cursor: pointer;
}
.code--expanded {
  max-height: none;
  cursor: auto;
  -webkit-mask-image: none;
  mask-image: none;
}
.code--expanded code {
  box-shadow: none;
  border: none;
}
.code:hover:not(.code--expanded) {
  max-height: 228px;
}
code {
  border-radius: calc(var(--baseValue) * 4);
  font-size: 14px;
  padding: calc(var(--baseValue) * 6) !important;
  border: 1px solid rgb(var(--mainBord));
  line-height: 1.5;
}
.coder,
code {
  font-family: Hauss, monospace;
  font-weight: 400;
  font-style: normal;
}
.coder {
  border-radius: 4px;
  background-color: rgb(var(--mainCase) / 10%);
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}
.coder:hover {
  color: rgb(var(--white));
  background-color: rgb(var(--infoColr));
}
.coder:after,
.coder:before {
  opacity: 0.5;
}
.coder--tag:before {
  content: "<";
}
.coder--tag:after {
  content: ">";
}
body,
html {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--baseFont);
  color: rgb(var(--mainCase));
  background-color: rgb(var(--mainBase));
}
@media (min-width: 700px) {
  body .stop-scrolling:not(.no-right-padding),
  html .stop-scrolling:not(.no-right-padding) {
      padding-right: 8px;
  }
}
::-webkit-scrollbar-track {
  background: #fafafa;
}
::-webkit-scrollbar {
  width: var(--scrollD);
  height: var(--scrollD);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(78, 78, 83, 0.15);
  border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.nowrap {
  white-space: nowrap;
}
.ellipsis {
  white-space: nowrap;
  max-width: 100%;
}
.clamp,
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.clamp {
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.clamp--2 {
  -webkit-line-clamp: 2;
}
.clamp--3 {
  -webkit-line-clamp: 3;
}
.clamp--4 {
  -webkit-line-clamp: 4;
}
.clamp--6 {
  -webkit-line-clamp: 6;
}
.clamp--8 {
  -webkit-line-clamp: 8;
}
.clamp--10 {
  -webkit-line-clamp: 10;
}
.relative {
  position: relative;
}
.align-lft {
  text-align: left;
}
.align-ctr {
  text-align: center;
}
.align-rit {
  text-align: right;
}
.scroll {
  --scrollBarWidth: 5px;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
}
.scroll--thin {
  scrollbar-width: var(--scrollBarWidth);
}
.scroll--thin::-webkit-scrollbar {
  width: var(--scrollBarWidth);
  height: var(--scrollBarWidth);
}
.scroll--invisible {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll--invisible::-webkit-scrollbar {
  display: none;
}
.scroll--snap {
  scroll-snap-type: y mandatory;
}
.scroll--padding {
  padding-right: calc(var(--scrollBarWidth) + 2px);
}
.scroll--x {
  overflow-x: auto;
  overflow-y: hidden;
}
.scroll--x.scroll--snap {
  scroll-snap-type: x mandatory;
}
.scroll--x.scroll--padding {
  padding-bottom: calc(var(--scrollBarWidth) + 2px);
}
.scroll__snap {
  scroll-snap-align: start;
}
.center {
  max-width: 1440px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.maxw {
  --maxWidth: 1440px;
  max-width: var(--maxWidth);
}
.maxw--screen-big-acc {
  --maxWidth: 1800px;
}
.maxw--screen-wid {
  --maxWidth: 1280px;
}
.maxw--screen-dsk {
  --maxWidth: 980px;
}
.maxw--screen-tab {
  --maxWidth: 768px;
}
.maxw--screen-mob {
  --maxWidth: 480px;
}
.maxw--screen-nar {
  --maxWidth: 320px;
}
.fh {
  height: 100%;
}
.fh-min {
  min-height: 100%;
}
.fh-max {
  max-height: 100%;
}
.fw {
  width: 100%;
}
.fw-min {
  min-width: 100%;
}
.fw-max {
  max-width: 100%;
}
.ha {
  height: auto;
}
.wa {
  width: auto;
}
.p {
  --paddingValue: calc(var(--baseValue) * 4);
  padding: var(--paddingValue);
}
.p--0,
.p--x {
  --paddingValue: var(--baseValue);
}
.p--x2 {
  --paddingValue: calc(var(--baseValue) * 2);
}
.p--x3 {
  --paddingValue: calc(var(--baseValue) * 3);
}
.p--x5 {
  --paddingValue: calc(var(--baseValue) * 5);
}
.p--x6 {
  --paddingValue: calc(var(--baseValue) * 6);
}
.p--x9 {
  --paddingValue: calc(var(--baseValue) * 9);
}
.p--x10 {
  --paddingValue: calc(var(--baseValue) * 10);
}
.p--x11 {
  --paddingValue: calc(var(--baseValue) * 11);
}
.p--x12,
.p--x13 {
  --paddingValue: calc(var(--baseValue) * 12);
}
.p--x14 {
  --paddingValue: calc(var(--baseValue) * 14);
}
.p--x15 {
  --paddingValue: calc(var(--baseValue) * 15);
}
.p--x16 {
  --paddingValue: calc(var(--baseValue) * 16);
}
.p--x18 {
  --paddingValue: calc(var(--baseValue) * 18);
}
.p--x20 {
  --paddingValue: calc(var(--baseValue) * 20);
}
.p--inl {
  padding-block: 0;
  padding-inline: var(--paddingValue);
}
.p--blk {
  padding-inline: 0;
}
.p--blk,
.p--sct {
  padding-block: var(--paddingValue);
}
.p--sct {
  padding-inline: calc(var(--baseValue) * 4);
}
.p--npt {
  padding-top: 0 !important;
}
.p--npb {
  padding-bottom: 0 !important;
}
.p--npr {
  padding-right: 0 !important;
}
.p--npl,
.p--nrl {
  padding-left: 0 !important;
}
.p--nrl {
  padding-right: 0 !important;
}
.p--ntb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.f {
  display: flex;
}
.b {
  flex: 0 0 auto;
  position: relative;
}
.b--ooa {
  flex: 1 1 auto;
}
.b--oof {
  flex: 1 1 100%;
}
.b--oza {
  flex: 1 0 auto;
}
.b--zoa {
  flex: 0 1 auto;
}
.b--ooz {
  flex: 1 1;
}
.b--ooo {
  flex: 1 1 1;
}
.ovh {
  overflow: hidden;
}
.ovv {
  overflow: visible;
}
.grid {
  --gridCount: 1;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--gridCount), minmax(0, 1fr));
}
.grid--2 {
  --gridCount: 2;
}
.grid--3 {
  --gridCount: 3;
}
.grid--4 {
  --gridCount: 4;
}
.grid--5 {
  --gridCount: 5;
}
.grid--6 {
  --gridCount: 6;
}
.grid--7 {
  --gridCount: 7;
}
.grid--8 {
  --gridCount: 8;
}
.grid--catalogue {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  overflow: hidden;
}
.grid--search {
  grid-template-columns: repeat(auto-fill, minmax(164px, 1fr));
}
.grid--place-checker {
  grid-template-columns: 1fr 2fr 1fr;
}
.grid--place-checker-mailing {
  grid-template-columns: 1fr 2fr;
}
.grid--advertiser-data {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 320px) {
  .grid--place-checker,
  .grid--place-checker-mailing {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
  }
  .grid--advertiser-data {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .grid--place-checker,
  .grid--place-checker-mailing {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
  }
  .grid--advertiser-data {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .grid--advertiser-data {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 1280px) {
  .grid--screen-wid-1 {
      --gridCount: 1;
  }
  .grid--screen-wid-2 {
      --gridCount: 2;
  }
  .grid--screen-wid-3 {
      --gridCount: 3;
  }
  .grid--screen-wid-4 {
      --gridCount: 4;
  }
  .grid--screen-wid-5 {
      --gridCount: 5;
  }
  .grid--screen-wid-6 {
      --gridCount: 6;
  }
  .grid--screen-wid-7 {
      --gridCount: 7;
  }
  .grid--screen-wid-8 {
      --gridCount: 8;
  }
}
@media (max-width: 980px) {
  .grid--screen-dsk-1 {
      --gridCount: 1;
  }
  .grid--screen-dsk-2 {
      --gridCount: 2;
  }
  .grid--screen-dsk-3 {
      --gridCount: 3;
  }
  .grid--screen-dsk-4 {
      --gridCount: 4;
  }
  .grid--screen-dsk-5 {
      --gridCount: 5;
  }
  .grid--screen-dsk-6 {
      --gridCount: 6;
  }
  .grid--screen-dsk-7 {
      --gridCount: 7;
  }
  .grid--screen-dsk-8 {
      --gridCount: 8;
  }
}
@media (max-width: 768px) {
  .grid--screen-tab-1 {
      --gridCount: 1;
  }
  .grid--screen-tab-2 {
      --gridCount: 2;
  }
  .grid--screen-tab-3 {
      --gridCount: 3;
  }
  .grid--screen-tab-4 {
      --gridCount: 4;
  }
  .grid--screen-tab-5 {
      --gridCount: 5;
  }
  .grid--screen-tab-6 {
      --gridCount: 6;
  }
  .grid--screen-tab-7 {
      --gridCount: 7;
  }
  .grid--screen-tab-8 {
      --gridCount: 8;
  }
}
@media (max-width: 480px) {
  .grid--screen-mob-1 {
      --gridCount: 1;
  }
  .grid--screen-mob-2 {
      --gridCount: 2;
  }
  .grid--screen-mob-3 {
      --gridCount: 3;
  }
  .grid--screen-mob-4 {
      --gridCount: 4;
  }
  .grid--screen-mob-5 {
      --gridCount: 5;
  }
  .grid--screen-mob-6 {
      --gridCount: 6;
  }
  .grid--screen-mob-7 {
      --gridCount: 7;
  }
  .grid--screen-mob-8 {
      --gridCount: 8;
  }
  .grid--search {
      grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 320px) {
  .grid--screen-nar-1 {
      --gridCount: 1;
  }
  .grid--screen-nar-2 {
      --gridCount: 2;
  }
  .grid--screen-nar-3 {
      --gridCount: 3;
  }
  .grid--screen-nar-4 {
      --gridCount: 4;
  }
  .grid--screen-nar-5 {
      --gridCount: 5;
  }
  .grid--screen-nar-6 {
      --gridCount: 6;
  }
  .grid--screen-nar-7 {
      --gridCount: 7;
  }
  .grid--screen-nar-8 {
      --gridCount: 8;
  }
}
#wrap {
  position: relative;
  display: flex;
  height: auto;
  flex-direction: column;
}
#halo {
  flex: 0 0 auto;
  height: var(--haloH);
}
#body {
  transition: 0.4s ease;
  transition-property: filter;
  flex: 1 1 auto;
  background-color: rgb(var(--mainBase));
  min-height: 350px;
}
.header {
  --headerDecorH: calc(var(--pageAvaD) / 2 + var(--baseValue));
  --headerBG: rgb(var(--corpColE) / 80%);
  background-color: rgb(var(--slavBase));
  padding-top: var(--headerPaddingBlock);
  padding-bottom: calc(var(--headerPaddingBlock) + var(--headerDecorH));
  position: relative;
  isolation: isolate;
  z-index: 4;
}
.header--community {
  --headerBG: rgb(var(--corpColM) / 80%);
}
.header:after {
  content: "";
  display: block;
  bottom: 0;
  background-color: rgb(var(--mainBase));
  height: var(--headerDecorH);
  border-radius: var(--headerDecorH) var(--headerDecorH) 0 0;
  box-shadow: 0 -8px 8px rgb(var(--black) / 4%);
  pointer-events: none;
}
.header:after,
.header__ava {
  position: absolute;
  right: 0;
  left: 0;
}
.header__ava {
  border-radius: 50%;
  width: var(--pageAvaD);
  height: var(--pageAvaD);
  z-index: 2;
  margin: auto;
  bottom: calc(var(--pageAvaD) / -2 + var(--headerDecorH));
  box-shadow: 0 0 0 var(--baseValue) rgb(var(--mainBase));
  overflow: hidden;
}
.header__ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.header__cover {
  isolation: isolate;
  overflow: hidden;
}
.header__cover,
.header__cover:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.header__cover:before {
  content: "";
  display: block;
  z-index: 1;
  transition-duration: 4s;
  transition-timing-function: ease;
  transition-property: background-color, -webkit-backdrop-filter;
  transition-property: background-color, backdrop-filter;
  transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;
  will-change: background-color, backdrop-filter;
  background-color: rgb(var(--black) / 40%);
}
.header__cover canvas,
.header__cover iframe,
.header__cover img,
.header__cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.header__contents {
  position: relative;
  z-index: 1;
}
.header:has(.header__cover) h1 {
  color: rgb(var(--white) / 95%);
}
.header:has(.header__cover) .crumb a,
.header:has(.header__cover) .desc,
.header:has(.header__cover) .star__value {
  color: rgb(var(--white) / 85%);
}
.header__info-menu {
  padding: 4px 24px 0;
}
.header__info-menu .button-new--color-secd .button-new__content {
  padding: 0 20px;
}
.header__info-menu .button-new__content {
  padding: 0;
}
@media (max-width: 1024px) {
  .header__info-menu {
      padding: 4px 16px 0;
  }
}
.split__container {
  position: relative;
  display: flex;
  gap: calc(var(--baseValue) * 4);
}
.split__side {
  width: var(--splitSideW);
}
.split__side,
.split__top {
  flex: 0 0 auto;
  background-color: rgb(var(--mainBase));
}
.split__top {
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  z-index: calc(var(--headZ) - 1);
  display: none;
}
.split__body {
  flex: 1 1 auto;
  overflow: hidden;
}
.split__body > .section:first-child:not(.section--filters) {
  padding-top: 0 !important;
}
@media (max-width: 980px) {
  .split--adaptive .split__container {
      flex-direction: column;
  }
  .split--adaptive .split__side {
      width: 100%;
      position: -webkit-sticky;
      position: sticky;
      top: var(--headH);
      z-index: calc(var(--headZ) - 1);
      max-height: calc(100vh - var(--headH) - var(--mMenuH));
      display: flex;
      flex-direction: column;
      overflow: hidden;
  }
  .split--adaptive .split__top {
      display: flex;
      background-color: rgb(var(--slavBase));
  }
  .split--adaptive .split__box {
      flex: 1 1 auto;
      overflow-y: auto;
      display: none;
      background-color: rgb(var(--slavBase));
      border-bottom: 2px solid rgb(var(--mainBord));
  }
  .split--adaptive--open .split__box {
      display: block;
  }
}
.columns {
  --columnsCount: 4;
  --columnGap: calc(var(--baseValue) * 6);
  --columnWidth: calc(var(--maxWidth) / var(--columnsCount) - var(--columnGap) + var(--columnGap) / var(--columnsCount));
  columns: var(--columnWidth) auto;
  column-gap: var(--columnGap);
}
.columns__item {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: var(--columnGap);
}
.sticky-flow {
  position: relative;
  scroll-behavior: auto;
}
.sticky-flow__box {
  position: -webkit-sticky;
  position: sticky;
  padding-bottom: calc(var(--baseValue) * 4);
}
.server-error {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--baseValue) * 10);
}
.server-error__emoji {
  font-size: var(--errorEmojiFS);
  width: var(--errorImageW);
  text-align: center;
}
.server-error__emoji span {
  display: block;
  animation: swingError 2s cubic-bezier(0.29, 0.23, 0, 0.98) forwards;
}
@media (max-width: 768px) {
  .server-error {
      flex-direction: column;
  }
  .server-error__emoji {
      width: auto;
  }
}
.icon {
  --iconSize: var(--iconDB);
  width: var(--iconSize);
  height: var(--iconSize);
  flex: 0 0 auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.icon--font-size {
  --iconSize: 1em;
}
.icon--xs {
  --iconSize: var(--iconDXS);
}
.icon--s {
  --iconSize: var(--iconDS);
}
.icon--sl {
  --iconSize: var(--iconDC);
}
.icon--m {
  --iconSize: var(--iconDM);
}
.icon--ml {
  --iconSize: var(--iconDML);
}
.icon--l {
  --iconSize: var(--iconDL);
}
.icon--g {
  --iconSize: var(--iconDG);
}
.icon--h {
  --iconSize: var(--iconDH);
}
i.icon {
  display: inline-block;
  vertical-align: text-bottom;
}
.icon--hover:hover {
  color: #9237ff;
  cursor: pointer;
}
.icon--bank {
  height: 16px;
}
.icon--bank--sber {
  width: 81px;
}
.icon--bank--tinkoff {
  width: 78px;
}
.icon--bank--vtb {
  width: 18px;
}
.icon--bank--alfa {
  width: 74px;
}
.icon--bank--rshb {
  width: 99px;
}
.icon--bank--raiffeisen {
  width: 67px;
}
.icon--bank--gazprom {
  width: 61px;
}
.icon--bank--psb {
  width: 23px;
}
.icon--bank--akbars {
  width: 85px;
}
.icon--bank--uralsib {
  width: 59px;
}
.icon--bank--post_bank {
  width: 54px;
}
.icon--bank--sovcom {
  width: 82px;
}
.icon--bank--rncb {
  width: 31px;
}
.icon--bank--mts_bank {
  width: 64px;
}
.icon--bank--homecredit_rus {
  width: 75px;
}
.icon-uploads {
  flex: 0 0 auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.icon-uploads svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.icon-uploads--cover {
  width: 103px;
  height: 103px;
}
.icon-uploads--covers {
  width: 171px;
  height: 129px;
}
.icon-uploads--keys {
  width: 120px;
  height: 120px;
}
.avatar {
  --avatarSize: var(--iconDL);
  border-radius: 50%;
  width: var(--avatarSize);
  height: var(--avatarSize);
  flex: 0 0 auto;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: rgb(var(--slavBase));
  color: rgb(var(--mainCase));
  position: relative;
  isolation: isolate;
}
.avatar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-weight: 700;
  content: attr(data-name);
  display: block;
  position: absolute;
  z-index: -1;
  font-size: calc(var(--avatarSize) / 2);
  line-height: var(--avatarSize);
  text-align: center;
}
.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar--s {
  --avatarSize: var(--iconDS);
}
.avatar--b {
  --avatarSize: var(--iconDB);
}
.avatar--m {
  --avatarSize: var(--iconDM);
}
.avatar--g {
  --avatarSize: var(--iconDG);
}
.avatar--h {
  --avatarSize: var(--iconDH);
}
.avatar--corpBG {
  --slavBase: var(--corpNewColM);
}
.avatar:empty {
  background-image: url(/_next/static/media/avatar.d9fbba2d.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50%;
}
.avatar:empty[data-name] {
  background-image: none;
}
.avatar-letter {
  --avatarSize: var(--iconDL);
  border-radius: 50%;
  width: var(--avatarSize);
  height: var(--avatarSize);
  flex: 0 0 auto;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #f5ebff;
  color: #9237ff;
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.avatar-letter__span {
  text-decoration: none;
}
.avatar-letter--s {
  --avatarSize: var(--iconDS);
}
.avatar-letter--b {
  --avatarSize: var(--iconDB);
}
.avatar-letter--m {
  --avatarSize: var(--iconDM);
}
.avatar-letter--dl56 {
  --avatarSize: var(--iconDL56);
}
.avatar-letter--g {
  --avatarSize: var(--iconDG);
}
.avatar-letter--g68 {
  --avatarSize: var(--iconDG68);
}
.avatar-letter--g72 {
  --avatarSize: var(--iconDG72);
}
.avatar-letter--h {
  --avatarSize: var(--iconDH);
}
.image {
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  margin: auto;
  will-change: transform;
}
.image,
.image > a {
  width: 100%;
  height: 100%;
}
.image > a {
  display: block;
}
.image img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.image--fit {
  width: -moz-fit-content;
  width: fit-content;
}
.image--cvr img {
  object-fit: cover;
}
.image--aspect {
  --imageAspect: 1/1;
  aspect-ratio: var(--imageAspect);
}
.image--aspect--4to1 {
  --imageAspect: 4/1;
}
.image--aspect--4to3 {
  --imageAspect: 4/3;
}
.image--aspect--3to4 {
  --imageAspect: 3/4;
}
.image--aspect--3to1 {
  --imageAspect: 3/1;
}
.image--fixed {
  --imageFixedD: var(--iconDL);
  width: var(--imageFixedD);
  height: var(--imageFixedD);
}
.image--fixed--s {
  --imageFixedD: var(--iconDS);
}
.image--fixed--b {
  --imageFixedD: var(--iconDB);
}
.image--fixed--m {
  --imageFixedD: var(--iconDM);
}
.image--fixed--g {
  --imageFixedD: var(--iconDG);
}
.image--fixed--h {
  --imageFixedD: var(--iconDH);
}
.image--mh {
  --imageMaxH-now: var(--imageMaxH);
}
.image--mh img {
  width: auto;
  height: auto;
  margin: auto;
  max-height: var(--imageMaxH-now);
}
.image--mh--comment {
  --imageMaxH-now: var(--galleryMH);
}
.image--adapt {
  --imageAdaptMinH: 240px;
  --imageAdaptRecH: 40vh;
  --imageAdaptMaxH: 480px;
  height: clamp(var(--imageAdaptMinH), var(--imageAdaptRecH), var(--imageAdaptMaxH));
  max-height: 100%;
}
.image--hover:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.4s ease;
  transition-property: opacity;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.image--hover img {
  transition: 0.4s ease;
  transition-property: transform;
}
.image--hover:hover img {
  transform: scale(1.02);
}
.image--hover:hover:before {
  opacity: 0.1;
}
.image:empty {
  background-image: url(/_next/static/media/no-image-new.bd3b6796.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
  background-color: #f5f6f7;
}
.image-by-link .icon {
  height: 8px;
  width: 8px;
}
.image-by-link:hover .button-new__close {
  display: block;
}
.image-by-link__delete {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 3px;
}
.image-by-link_full.image-new {
  height: 150px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 768px) {
  .image-by-link .button-new__close {
      display: block;
  }
}
.form {
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 10);
}
.form__row {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--baseValue) * 2);
}
.form__cell {
  flex: 1 1 100%;
  max-width: 100%;
}
.form__cell--shy {
  flex: 0 1 auto;
}
.interaction {
  --interactionR-now: var(--inputR);
  --interactionColr-now: var(--mainCase);
  --interactionBG-now: var(--slavBase);
  --interactionBGO-now: 100%;
  --interactionBordW-now: 1px;
  --interactionBordColr-now: var(--mainBord);
  --interactionPblock-now: calc(var(--baseValue) * 3);
  --interactionPinline-now: calc(var(--baseValue) * 4);
  --interactionH-now: var(--btnH);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 2);
}
.interaction h4,
.interaction h5 {
  margin-bottom: 0;
}
.interaction__full-height {
  height: 100%;
}
.interaction__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
  padding: calc(var(--baseValue) * 2) 0 calc(var(--baseValue) * 2) calc(var(--baseValue) * 3);
  border-left: 1px solid rgb(var(--mainBord));
}
.interaction__body {
  transition: 0.25s ease;
  transition-property: background-color, box-shadow;
  border-radius: var(--interactionR-now);
  min-height: var(--interactionH-now);
  position: relative;
  box-shadow: inset 0 0 0 var(--interactionBordW-now) rgb(var(--interactionBordColr-now));
  background-color: rgb(var(--interactionBG-now) / var(--interactionBGO-now));
  display: flex;
  gap: var(--baseValue);
}
.interaction__body__full-height {
  height: 100%;
}
.interaction__set {
  transition: 0.25s ease;
  transition-property: color;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: rgb(var(--interactionColr-now) / 50%);
}
.interaction__set:first-child {
  padding-left: calc(var(--baseValue) * 3);
}
.interaction__set:last-child:not(:has(.button)) {
  padding-right: calc(var(--baseValue) * 3);
}
.interaction__set > span {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  display: block;
  min-width: var(--iconDB);
  font-size: var(--btnFS);
  line-height: var(--iconDB);
  text-align: center;
}
.interaction__input {
  flex: 1 1 auto;
  overflow: hidden;
}
.interaction__input__full-height {
  height: 100%;
}
.interaction__input input,
.interaction__input select,
.interaction__input textarea {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: var(--interactionR-now);
  display: block;
  width: 100%;
  font-size: var(--baseFont);
  line-height: var(--iconDB);
  color: rgb(var(--interactionColr-now));
  background-color: transparent;
  border: none;
  margin: 0;
  padding: var(--interactionPblock-now) var(--interactionPinline-now);
}
.interaction__input input::placeholder,
.interaction__input select::placeholder,
.interaction__input textarea::placeholder {
  color: rgb(var(--interactionColr-now) / 36%);
}
.interaction__input input:-moz-read-only,
.interaction__input select:-moz-read-only,
.interaction__input textarea:-moz-read-only {
  cursor: default;
}
.interaction__input input:read-only,
.interaction__input select:read-only,
.interaction__input textarea:read-only {
  cursor: default;
}
.interaction__input input:disabled,
.interaction__input select:disabled,
.interaction__input textarea:disabled {
  cursor: default;
  color: rgb(var(--interactionColr-now) / 36%);
}
.interaction__input textarea {
  resize: vertical;
  min-height: calc(var(--interactionPblock-now) * 2 + var(--iconDB) * 4);
  max-height: calc(100vh - var(--headH) - var(--baseValue) * 12);
}
.interaction__input textarea.slim {
  min-height: calc(var(--interactionPblock-now) * 2 + var(--iconDB) * 2);
}
.interaction__caret {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: var(--interactionPblock-now) var(--interactionPinline-now);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.interaction__caret .icon {
  transition: 0.25s ease;
  transition-property: color, transform;
  transform: rotate(-90deg);
}
.interaction__corner-btn {
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
}
.interaction__when-not-empty {
  display: none;
}
.interaction--main-search {
  --interactionR-now: calc((var(--iconDB) + calc(var(--baseValue) * 3) * 2) / 2);
  --interactionBG-now: var(--white);
  --interactionBGO-now: 25%;
  --interactionColr-now: var(--white);
  --interactionBordW-now: 0;
}
.interaction:has(input:focus, select:focus, textarea:focus) {
  --interactionBG-now: var(--mainBase);
  --interactionBordColr-now: var(--linkColr);
}
.interaction:has(input:focus, select:focus, textarea:focus) .interaction__set {
  color: rgb(var(--interactionBordColr-now));
}
.interaction:has(input:focus, select:focus, textarea:focus) .interaction__caret .icon {
  color: rgb(var(--linkColr));
  transform: rotate(0deg);
}
.interaction:has(input:focus, select:focus, textarea:focus).interaction--main-search {
  --interactionBG-now: var(--white);
  --interactionBGO-now: 100%;
  --interactionColr-now: var(--black);
}
.interaction:has(input:focus, select:focus, textarea:focus).interaction--main-search .interaction__body {
  box-shadow: var(--popBS);
}
.interaction:has(input:not(:placeholder-shown)) .interaction__when-not-empty,
.interaction:has(select:not(:placeholder-shown)) .interaction__when-not-empty,
.interaction:has(textarea:not(:placeholder-shown)) .interaction__when-not-empty {
  display: block;
}
.interaction:has(input:not(:placeholder-shown)) .interaction__when-is-empty,
.interaction:has(select:not(:placeholder-shown)) .interaction__when-is-empty,
.interaction:has(textarea:not(:placeholder-shown)) .interaction__when-is-empty {
  display: none;
}
.interaction .button__value--opaq--inherit {
  --buttonColr-now: var(--interactionColr-now);
}
.interaction--eror {
  --interactionBordColr-now: var(--erorColr);
}
.interaction--suxs {
  --interactionBordColr-now: var(--suxsColr);
}
.interaction:has(.file .image:empty) .interaction__when-not-empty {
  display: none;
}
.interaction:has(.file .image:empty) .interaction__when-is-empty {
  display: block;
}
.select {
  position: relative;
}
.select__button {
  cursor: pointer;
}
.select-value {
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
}
.select-value .avatar {
  box-shadow: 0 0 0 1px rgb(var(--mainCase));
}
.select-value__name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: var(--iconDB);
}
.select-value__name--small {
  font-size: var(--tableFS);
}
.select-value__caret {
  width: var(--iconDS);
  height: var(--iconDS);
  transition: 0.25s ease;
  transition-property: opacity, transform;
  opacity: 0.5;
}
.select-value__caret svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.select:hover .select-value__caret {
  opacity: 1;
}
.select--on-dark {
  color: rgb(var(--white));
}
.file {
  height: 100%;
}
.file__names {
  line-height: var(--iconDB);
  counter-reset: files-counter;
}
.file__label {
  height: 100%;
  padding: var(--interactionPblock-now) var(--interactionPinline-now);
  position: relative;
  display: block;
  isolation: isolate;
  cursor: pointer;
}
.file__label input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.file__label .image {
  max-height: 320px;
  margin: auto;
}
.file__label .image-new {
  max-height: 100pxpx;
  margin: auto;
}
.file-entry {
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
  counter-increment: files-counter;
  margin-bottom: calc(var(--baseValue) * 3);
}
.file-entry:last-child {
  margin-bottom: 0;
}
.file-entry__count {
  flex: 0 0 auto;
  font-weight: 500;
  opacity: 0.5;
}
.file-entry__count:before {
  content: counter(files-counter) ". ";
}
.file-entry__value {
  flex: 1 1 auto;
  overflow: hidden;
}
.file .image:empty,
.image:not(:empty) ~ .file__names {
  display: none;
}
.check {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.check + .check {
  margin-top: calc(var(--baseValue) * 6);
}
.check__type {
  --checkBG-now: var(--slavBase);
  --checkBordColr-now: var(--mainBord);
  width: var(--iconDB);
  height: var(--iconDB);
  transition: 0.1s ease;
  transition-property: border-color, background-color;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid rgb(var(--checkBordColr-now));
  background-color: rgb(var(--checkBG-now));
}
.check__type:before {
  content: "";
  display: block;
  transition: 0.1s ease;
  transition-property: opacity;
  position: absolute;
  opacity: 0;
}
.check__name {
  flex: 1 1 auto;
  line-height: var(--iconDB);
}
.check__label {
  position: relative;
  display: inline-flex;
  gap: calc(var(--baseValue) * 3);
  isolation: isolate;
}
.check__label:hover .check__type {
  --checkBG-now: var(--mainBase);
  --checkBordColr-now: var(--linkColr);
}
.check__label input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.check__label input[type="checkbox"] ~ .check__type {
  border-radius: var(--baseValue);
}
.check__label input[type="checkbox"] ~ .check__type:before {
  width: 5px;
  height: 12px;
  border-right: 3px solid rgb(var(--white));
  border-bottom: 3px solid rgb(var(--white));
  transform: rotate(45deg);
  top: 2px;
  left: 7px;
}
.check__label input[type="radio"] ~ .check__type {
  border-radius: 50%;
}
.check__label input[type="radio"] ~ .check__type:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  background-color: rgb(var(--white));
}
.check__label input:focus-visible ~ .check__type {
  --checkBG-now: var(--mainBase);
  --checkBordColr-now: var(--linkColr);
}
.check__label input:checked ~ .check__type {
  --checkBG-now: var(--corpColS);
  --checkBordColr-now: var(--corpColS);
}
.check__label input:checked ~ .check__type:before {
  opacity: 1;
}
.check__label input:disabled ~ .check__type {
  --checkBG-now: var(--mainBord);
  --checkBordColr-now: var(--mainBord);
}
.check__label:has(input:disabled) {
  cursor: not-allowed;
}
.toggle__handle {
  --toggleBG-now: var(--mainCase);
  --toggleBGO-now: 25%;
  --toggleHandleBG-now: var(--mainCase);
  --toggleHandleBGO-now: 100%;
  border-radius: calc(var(--iconDB) / 2);
  transition: 0.25s ease;
  transition-property: background-color;
  position: relative;
  width: calc(var(--iconDB) * 2);
  height: var(--iconDB);
  background-color: rgb(var(--toggleBG-now) / var(--toggleBGO-now));
}
.toggle__handle:before {
  content: "";
  display: block;
  border-radius: 50%;
  transition: 0.25s ease;
  transition-property: background-color, transform;
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(var(--toggleHandleBG-now) / var(--toggleHandleBGO-now));
  box-shadow: 0 0 0 4px rgb(var(--mainBase));
}
.toggle__label {
  position: relative;
  display: inline-flex;
  isolation: isolate;
  cursor: pointer;
}
.toggle__label input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.toggle__label input:checked ~ .toggle__handle {
  --toggleBG-now: var(--corpColS);
  --toggleBGO-now: 50%;
  --toggleHandleBG-now: var(--corpColS);
}
.toggle__label input:checked ~ .toggle__handle:before {
  transform: translateX(100%);
}
.toggle__label input:disabled ~ .toggle__handle {
  --toggleHandleBG-now: var(--mainBord);
}
.toggle__label:has(input:disabled) {
  cursor: not-allowed;
}
.remover {
  --removerD: var(--iconDB);
  position: relative;
}
.remover__control {
  border-radius: 50%;
  width: var(--removerD);
  height: var(--removerD);
  z-index: 1;
  top: calc(var(--removerD) / -4);
  right: calc(var(--removerD) / -4);
  background-color: rgb(var(--mainCase));
  cursor: pointer;
}
.remover__control,
.remover__control:after,
.remover__control:before {
  transition: 0.1s ease;
  transition-property: background-color;
  position: absolute;
}
.remover__control:after,
.remover__control:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 2px;
  height: calc(var(--removerD) / 1.5);
  background-color: rgb(var(--mainBase));
}
.remover__control:before {
  transform: rotate(45deg);
}
.remover__control:after {
  transform: rotate(-45deg);
}
.remover__control:hover {
  background-color: rgb(var(--erorColr));
}
.remover__control:hover:after,
.remover__control:hover:before {
  background-color: rgb(var(--white));
}
.notes {
  --notesMT: calc(var(--baseValue) * 2);
  display: flex;
  flex-direction: column;
  margin-top: var(--notesMT);
  gap: calc(var(--baseValue) * 2);
}
.note {
  --noteColr: var(--slavCase);
  line-height: 1.4;
  font-size: var(--noteFS);
  color: rgb(var(--noteColr));
  border-left: 1px dashed rgb(var(--noteColr));
  padding-left: 8px;
}
.note--info {
  --noteColr: var(--infoColr);
}
.note--suxs {
  --noteColr: var(--suxsColr);
}
.note--warn {
  --noteColr: var(--warnColr);
}
.note--eror {
  --noteColr: var(--erorColr);
}
.note--counter {
  order: -1;
  text-align: right;
  font-size: calc(var(--baseFont) - 2px);
  margin-top: calc(var(--notesMT) * -1);
  padding-left: 0;
  border-left: 0;
}
.writer {
  --writerMinLines: 4;
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: var(--inputR);
  transition: 0.25s ease;
  transition-property: box-shadow, background-color;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: calc(var(--baseValue) * 4);
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  cursor: text;
  line-height: var(--textLH);
  font-size: var(--baseFont);
  white-space: pre-wrap;
  word-wrap: break-word;
  -webkit-user-modify: read-write-plaintext-only;
  background-color: rgb(var(--slavBase));
  min-height: calc(var(--baseValue) * 8 + (var(--baseFont) * var(--textLH)) * var(--writerMinLines));
  resize: vertical;
  box-shadow: 0 0 0 1px rgb(var(--slavBase));
}
.writer:focus-visible {
  background-color: rgb(var(--mainBase));
  box-shadow: 0 0 0 1px rgb(var(--linkColr));
}
.image-files {
  width: 100%;
  display: flex;
  gap: var(--imageFileG);
  height: var(--imageFileH);
}
.as-file {
  border-radius: calc(var(--baseValue) * 2);
  overflow: hidden;
  position: relative;
  border: 1px solid rgb(var(--mainBord));
}
.as-file__controls {
  top: 0;
  flex-direction: column;
  gap: var(--baseValue);
  padding: var(--baseValue);
}
.as-file__controls,
.as-file__info {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: flex;
}
.as-file__info {
  left: 0;
  padding: calc(var(--baseValue) * 4) calc(var(--baseValue) * 2) calc(var(--baseValue) * 2);
  background-image: linear-gradient(rgb(var(--black) / 0), rgb(var(--black) / 80%));
  font-size: var(--supportFS);
  color: rgb(var(--white));
  text-shadow: 0 1px 1px rgb(var(--black) / 80%);
  text-align: center;
  justify-content: space-between;
}
.as-file__info > * {
  font-weight: 500;
  white-space: nowrap;
}
.as-file--eror {
  border-color: rgb(var(--erorColr));
}
.as-file--eror .as-file__info {
  background-image: linear-gradient(rgb(var(--erorColr) / 0), rgb(var(--erorColr)));
}
.form-slide {
  --slideCount: 1;
  width: calc(100% / var(--slideCount) - var(--imageFileG) + var(--imageFileG) / var(--slideCount));
  min-width: var(--formSlideMinW);
}
.form-slide--2 {
  --slideCount: 2;
}
.form-slide--3 {
  --slideCount: 3;
}
.form-slide--4 {
  --slideCount: 4;
}
.form-slide--5 {
  --slideCount: 5;
}
.form-slide--6 {
  --slideCount: 6;
}
.form-slide--7 {
  --slideCount: 7;
}
#project-wb {
  transition: 0.1s ease;
  transition-property: opacity;
  font-size: 14px;
  text-decoration: none;
  line-height: var(--iconDB);
  color: rgb(var(--white));
}
#project-wb:hover {
  opacity: 0.65;
}
.link {
  --linkColor: var(--linkColr);
  transition: 0.1s ease;
  transition-property: color;
  color: rgb(var(--linkColor));
  cursor: pointer;
}
.link--blok {
  width: 100%;
  height: 100%;
  display: block;
}
.link--flat,
.link--menu {
  text-decoration: none;
}
.link--menu {
  --linkColor: var(--mainCase);
  display: flex;
  align-items: center;
  line-height: var(--iconDB);
  gap: calc(var(--baseValue) * 3);
  padding: calc(var(--baseValue) * 3);
}
.link--hover {
  border-radius: var(--btnR);
  transition: 0.1s ease;
  transition-property: color, background-color;
}
.link--cham,
.link--stil {
  color: inherit;
  text-decoration: none;
}
.link__caret {
  transition: 0.25s ease;
  transition-property: transform;
}
.link__show-on-hover {
  transition: 0.1s ease;
  transition-property: opacity;
  opacity: 0;
}
.link--selected {
  --linkColor: var(--corpColS);
  color: rgb(var(--linkColor));
  cursor: default;
}
.link--selected.link--hover {
  --linkColor: var(--mainCase);
  background-color: rgb(var(--mainCase) / 5%);
}
.link:hover .link__show-on-hover {
  opacity: 1;
}
.link:hover:not(.link--selected).link--hover {
  background-color: rgb(var(--hovrBase));
}
.link:hover:not(.link--stil):not(.link--selected):not(.link--hover) {
  --linkColor: var(--corpColS);
  -webkit-text-decoration: 1px rgb(var(--linkColor) / 0);
  text-decoration: 1px rgb(var(--linkColor) / 0);
  color: rgb(var(--linkColor));
}
.link:hover:not(.link--stil):not(.link--selected):not(.link--hover) .link__caret {
  transform: rotate(-90deg);
}
.pseudo {
  --pseudoColor: var(--linkColr);
  transition: 0.25s ease;
  transition-property: color, border-color;
  color: rgb(var(--pseudoColor));
  border-bottom: 1px dashed rgb(var(--pseudoColor));
  text-decoration: none;
  cursor: pointer;
}
.pseudo--help {
  border-bottom-style: dotted;
  cursor: help;
}
.pseudo--flat {
  border-bottom: 0;
}
.pseudo:hover {
  --pseudoColor: var(--corpColS);
  border-bottom-color: rgb(var(--pseudoColor) / 0);
}
.button {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  position: relative;
  text-decoration: none;
  pointer-events: auto;
  font: inherit;
  cursor: pointer;
  max-width: 100%;
}
.button__value {
  --buttonH-now: var(--btnH);
  --buttonP-now: calc(var(--baseValue) * 4);
  --buttonFS-now: var(--btnFS);
  --buttonLH-now: var(--iconDB);
  --buttonBG-now: var(--black);
  --buttonBGO-now: 100%;
  --buttonColr-now: var(--white);
  --buttonColrO-now: 100%;
  --buttonG-now: calc(var(--baseValue) * 2);
  --buttonR-now: var(--btnR);
  --buttonBordW-now: 2px;
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: var(--buttonR-now);
  transition: 0.25s ease;
  transition-property: background-color, color, border-color, box-shadow, transform;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--buttonG-now);
  padding: 0 var(--buttonP-now);
  width: 100%;
  height: var(--buttonH-now);
  background-color: rgb(var(--buttonBG-now) / var(--buttonBGO-now));
  color: rgb(var(--buttonColr-now) / var(--buttonColrO-now));
  font-size: var(--buttonFS-now);
  border: var(--buttonBordW-now) solid transparent;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.button__value span {
  flex: 0 1 auto;
  display: block;
  text-align: center;
  line-height: var(--buttonLH-now);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button__value i {
  font-weight: 400;
  flex: 0 0 auto;
  white-space: nowrap;
}
.button__value--slim {
  --buttonH-now: var(--btnSlimH);
  --buttonG-now: calc(var(--baseValue) * 1.5);
}
.button__value--smal {
  --buttonH-now: var(--btnSmalH);
  --buttonFS-now: var(--btnSmalFS);
  --buttonP-now: calc(var(--baseValue) * 3);
  --buttonG-now: var(--baseValue);
}
.button__value--mini {
  --buttonLH-now: var(--iconDS);
  --buttonH-now: var(--btnMiniH);
  --buttonFS-now: var(--btnMiniFS);
  --buttonP-now: calc(var(--baseValue) * 2);
  --buttonG-now: var(--baseValue);
}
.button__value--txt {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.button__value--square {
  --buttonR-now: 0;
}
.button__value--round {
  --buttonR-now: calc(var(--buttonH-now) / 2);
}
.button__value--icon {
  --buttonP-now: calc((var(--buttonH-now) - var(--buttonLH-now)) / 2 - var(--buttonBordW-now));
}
.button__value--avatar {
  --buttonP-now: 0;
  --buttonR-now: calc(var(--buttonH-now) / 2);
  --buttonBG-now: var(--mainCase);
  --buttonBGO-now: 0%;
  --buttonBordW-now: 0;
}
.button__value--reflect {
  color: rgb(var(--buttonBG-now));
  border-color: rgb(var(--buttonBG-now));
  background-color: rgb(var(--mainBase));
}
.button__value--blnd {
  --buttonBG-now: var(--tripCase);
}
.button__value--prim {
  --buttonBG-now: var(--corpColS);
}
.button__value--second-new {
  --buttonBG-now: var(--corpNewColM);
  color: rgb(var(--corpNewColS));
  border-color: rgb(var(--corpNewColM));
  background-color: rgb(var(--corpNewColM));
}
.button__value--back {
  --buttonBG-now: var(--mainCase);
  --buttonColr-now: var(--mainBase);
}
.button__value--info {
  --buttonBG-now: var(--infoColr);
}
.button__value--suxs {
  --buttonBG-now: var(--suxsColr);
}
.button__value--warn {
  --buttonBG-now: var(--warnColr);
}
.button__value--eror {
  --buttonBG-now: var(--erorColr);
}
.button__value--black {
  --buttonBG-now: var(--black);
}
.button__value--white {
  --buttonBG-now: var(--white);
  --buttonColr-now: var(--black);
}
.button__value--spec {
  --buttonBG-now: var(--specColr);
}
.button__value--opaq,
.button__value--trns {
  --buttonBGO-now: 0%;
  --buttonColr-now: var(--buttonBG-now);
}
.button__value--opaq {
  --buttonColrO-now: 60%;
}
.button__value--gost {
  --buttonBGO-now: 0%;
  --buttonColr-now: var(--buttonBG-now);
}
.button--toggle .button__value--act,
.button--toggle--act .button__value {
  display: none;
}
.button--toggle--act .button__value--act,
.button--toggle--act .button__value:only-child {
  display: flex;
}
.button--toggle--act:not(.button--toggle--act:has(.button__value--act)) .button__value {
  display: flex;
}
.button:focus-visible:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value:not(.button__value--opaq):not(.button__value--still):not(.button__value--gost),
.button:hover:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value:not(.button__value--opaq):not(.button__value--still):not(.button__value--gost) {
  box-shadow: 0 var(--btnHoverBS) 0 0 rgb(var(--buttonBG-now) / 50%);
  transform: translateY(calc(var(--btnHoverBS) * -1));
}
.button:focus-visible:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--trns,
.button:hover:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--trns {
  border-color: rgb(var(--buttonBG-now));
}
.button:focus-visible:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--opaq,
.button:hover:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--opaq {
  --buttonColrO-now: 100%;
  --buttonBGO-now: 0%;
}
.button:focus-visible:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--gost,
.button:hover:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--gost {
  background-color: rgb(var(--mainCase) / 4%);
}
.button:focus-visible:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--hover,
.button:hover:not(.button:disabled):not(.button--disabled):not(.button--waiting) .button__value--hover {
  --buttonBG-now: var(--corpColM);
  --buttonColr-now: var(--white);
}
.button--waiting:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  width: var(--iconDS);
  height: var(--iconDS);
  position: absolute;
  z-index: 1;
  border-left: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  border-right-color: rgb(var(--corpColM));
  border-bottom: 2px solid transparent;
  border-bottom-color: rgb(var(--corpColM));
  animation: rotate 0.4s linear infinite;
  pointer-events: none;
}
.button--waiting .button__value {
  --buttonBGO-now: 15%;
  cursor: wait;
}
.button--waiting:focus-visible,
.button--waiting:hover {
  box-shadow: none !important;
  transform: translateY(0) !important;
}
.button--disabled .button__value,
.button:disabled .button__value {
  color: rgb(var(--white));
  background-color: rgb(var(--mainBord));
  border-color: rgb(var(--mainBord));
  cursor: not-allowed;
}
.button--disabled .button__value--opaq,
.button:disabled .button__value--opaq {
  color: rgb(var(--mainBord));
  background-color: rgb(var(--mainBord) / 0);
  border-color: rgb(var(--mainBord) / 0);
}
.tags {
  width: 100%;
  overflow-x: scroll;
  scroll-behavior: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tags::-webkit-scrollbar {
  display: none !important;
}
.tags__show-when-all {
  display: none;
}
.tags__runner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--baseValue) * 2);
  padding-inline: calc(var(--baseValue) * 4);
  width: max-content;
  margin: auto;
}
.tags--inner .tags__runner {
  padding-inline: 0;
}
.tags--all .tags__runner {
  width: 100%;
  flex-wrap: wrap;
  row-gap: calc(var(--baseValue) * 4);
  padding-inline: 0;
}
.tags--all .tags__expander .icon {
  transform: rotate(180deg);
}
.tags--all .tags__hide-when-all {
  display: none;
}
.tags--all .tags__show-when-all {
  display: block;
}
.tags--all .tag {
  max-width: 100%;
}
.tags--all--pad .tags__runner {
  padding-inline: calc(var(--baseValue) * 4);
}
.tags__expander {
  font-weight: 500;
  transition: 0.1s ease;
  transition-property: color;
  font-size: var(--btnSmalFS);
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 1;
  background-color: rgb(var(--mainBase));
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
  height: var(--tagH);
  max-width: var(--tagMW);
  padding: 0 calc(var(--baseValue) * 4) 0 calc(var(--baseValue) * 6);
  line-height: var(--iconDB);
  color: rgb(var(--linkColr));
  background: linear-gradient(to right, rgb(var(--mainBase) / 0), rgb(var(--mainBase)) 10%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.tags__expander .icon {
  transition: 0.25s ease;
  transition-property: transform;
}
.tags__expander:hover {
  color: rgb(var(--corpColM));
}
.tags--hide-expander .tags__expander {
  display: none;
}
.tag {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: calc(var(--tagH) / 2);
  transition: 0.1s ease;
  transition-property: background-color, color, border-color;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: var(--tagH);
  max-width: var(--tagMW);
  padding-inline: calc(var(--baseValue) * 4);
  font-size: var(--btnMiniFS);
  line-height: var(--iconDB);
  color: rgb(var(--mainCase));
  background-color: rgb(var(--mainBase));
  border: 2px solid rgb(var(--tripCase));
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.tag--small {
  --tagH: 30px;
}
.tag span {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tag span:first-letter {
  text-transform: uppercase;
}
.tag--hover:not(.tag--selected),
.tag:hover:not(.tag--selected) {
  border-color: rgb(var(--corpColS));
  background-color: rgb(var(--corpColS) / 8%);
}
.tag--selected {
  background-color: rgb(var(--corpColS));
  border-color: rgb(var(--corpColS));
  color: rgb(var(--white));
  cursor: default;
}
.button-for-minitags {
  display: none;
}
.minitag {
  border-radius: var(--inputR);
  transition: 0.1s ease;
  transition-property: border-color;
  position: relative;
  font-weight: 500;
  font-size: var(--btnMiniFS);
  line-height: calc(var(--btnMiniFS) + 4px);
  padding: calc(var(--baseValue) * 1.5) calc(var(--baseValue) * 2);
  background-color: rgb(var(--slavBase));
  border: 1px solid rgb(var(--mainBord));
  display: flex;
  max-width: 180px;
  cursor: pointer;
}
.minitag span {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.minitag span:before {
  content: "# ";
  flex: 0 0 auto;
  color: rgb(var(--corpColS) / 50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.minitag--remove:before {
  content: "";
  display: block;
  transition: 0.25s ease;
  transition-property: opacity, transform;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--baseValue));
  left: calc(var(--baseValue));
  margin: auto;
  height: 2px;
  background-color: rgb(var(--erorColr) / 75%);
  box-shadow: 0 1px 0 0 rgb(var(--slavBase));
  transform-origin: left center;
  transform: scaleX(0);
  opacity: 0;
}
.minitag:hover {
  border-color: rgb(var(--corpColS));
}
.minitag:hover:before {
  transform: scaleX(1);
  opacity: 1;
}
.app,
.minitag ~ .button-for-minitags {
  display: block;
}
.app {
  width: 100%;
  max-width: var(--appW);
}
.app img {
  transition: 0.25s ease;
  transition-property: transform;
  width: 100%;
}
.app:hover img {
  transform: scale(1.1);
}
.premium {
  animation: premium 4s ease-in-out infinite alternate;
}
.ads {
  background-color: #5f5cc8;
}
.ads,
.ads a {
  width: 100%;
  height: 100%;
}
.ads a {
  display: block;
}
.ads img {
  height: 100%;
  margin: auto;
  object-fit: contain;
}
.logo {
  display: block;
  position: relative;
  z-index: 1;
}
.logo a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 4);
}
.logo a,
.logo img {
  height: 100%;
}
.logo--wb {
  height: 14px;
}
.logo--dw {
  height: 50px;
}
.logo--dw svg {
  width: 185px;
  height: 100%;
}
@media (max-width: 1024px) {
  .logo--dw {
      height: 39px;
  }
  .logo--dw svg {
      width: 139px;
      height: 100%;
  }
}
.logo--dw-ny {
  height: 60px;
}
.logo--dw-ny svg {
  width: 187px;
  height: 100%;
}
@media (max-width: 1024px) {
  .logo--dw-ny {
      height: 39px;
  }
  .logo--dw-ny svg {
      width: 139px;
      height: 100%;
  }
}
.logo__acc--dw {
  height: 56px;
}
.logo__acc--dw svg {
  width: 178px;
  height: 100%;
}
.price {
  display: flex;
  align-items: center;
  white-space: nowrap;
  line-height: var(--iconDB);
  gap: var(--baseValue);
}
.price--current span {
  font-size: var(--priceFS);
  font-weight: 700;
}
.price--current em {
  font-size: var(--supportFS);
}
.price--current--large span {
  font-size: calc(var(--priceFS) + 8px);
}
.price--old {
  color: rgb(var(--slavCase));
  font-size: var(--supportFS);
  text-decoration: line-through;
}
.price--discount {
  display: flex;
  align-items: center;
  height: var(--iconDB);
  gap: 1px;
  padding: 0 calc(var(--baseValue) * 1.5) 0 calc(var(--baseValue) * 2);
  font-size: var(--supportFS);
  color: rgb(var(--white));
  background-color: rgb(var(--suppColr));
  border-radius: calc(var(--iconDB) / 2) var(--baseValue) var(--baseValue) calc(var(--iconDB) / 2);
  transform: rotate(-5deg);
  box-shadow: 0 2px 2px 0 rgb(var(--black) / 15%);
}
.price--discount:before {
  content: "-";
}
.price--discount:after {
  content: "%";
}
.labels {
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 3);
}
.label {
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
}
.label__name {
  font-weight: 500;
  flex: 1 1 auto;
  font-size: var(--btnMiniFS);
  line-height: var(--iconDS);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rating {
  --ratingCurrentW: 0;
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
}
.rating__stars {
  position: relative;
}
.rating__star {
  width: var(--iconDS);
  height: var(--iconDS);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.rating__row {
  display: flex;
  align-items: center;
  height: var(--iconDS);
  gap: var(--ratingRowGap);
}
.rating__row--placeholder {
  color: #f5ebff;
}
.rating__row--current {
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--ratingCurrentW);
  position: absolute;
  z-index: 1;
  overflow: hidden;
  color: #9237ff;
}
.rating__count {
  font-size: var(--supportFS);
  line-height: var(--iconDS);
  color: rgb(var(--tripCase));
  white-space: nowrap;
}
.rating--r-05 {
  --ratingCurrentW: calc(var(--iconDS) * 0.5);
}
.rating--r-1 {
  --ratingCurrentW: calc(var(--iconDS) * 1);
}
.rating--r-15 {
  --ratingCurrentW: calc(var(--iconDS) * 1.5 + var(--ratingRowGap));
}
.rating--r-2 {
  --ratingCurrentW: calc(var(--iconDS) * 2 + var(--ratingRowGap));
}
.rating--r-25 {
  --ratingCurrentW: calc(var(--iconDS) * 2.5 + var(--ratingRowGap) * 2);
}
.rating--r-3 {
  --ratingCurrentW: calc(var(--iconDS) * 3 + var(--ratingRowGap) * 2);
}
.rating--r-35 {
  --ratingCurrentW: calc(var(--iconDS) * 3.5 + var(--ratingRowGap) * 3);
}
.rating--r-4 {
  --ratingCurrentW: calc(var(--iconDS) * 4 + var(--ratingRowGap) * 3);
}
.rating--r-45 {
  --ratingCurrentW: calc(var(--iconDS) * 4.5 + var(--ratingRowGap) * 4);
}
.rating--r-5 {
  --ratingCurrentW: calc(var(--iconDS) * 5 + var(--ratingRowGap) * 4);
}
.star {
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
}
.star__icon {
  color: rgb(var(--starColr));
}
.star__value {
  font-size: var(--btnMiniFS);
  color: rgb(var(--slavCase));
}
.age,
.star__value {
  line-height: var(--iconDS);
  white-space: nowrap;
}
.age {
  border-radius: calc(var(--iconDS) / 2);
  font-weight: 500;
  font-size: var(--supportFS);
  color: rgb(var(--white));
  background-color: rgb(var(--suxsColr));
  padding-inline: 6px;
}
.age--12 {
  background-color: rgb(var(--infoColr));
}
.age--16 {
  background-color: rgb(var(--warnColr));
}
.age--18 {
  background-color: rgb(var(--erorColr));
}
.adult-sign {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  width: var(--adultD);
  height: var(--adultD);
  position: absolute;
  z-index: 3;
  line-height: calc(var(--adultD) - var(--adultBord) * 2);
  text-align: center;
  font-size: calc((var(--adultD) / 2) - var(--adultBord));
  letter-spacing: -1px;
  color: rgb(var(--black));
  border: var(--adultBord) solid rgb(var(--erorColr));
  box-shadow: 0 2px 4px 0 rgb(var(--black) / 45%);
  background-color: rgb(var(--white) / 75%);
  pointer-events: none;
}
.adult {
  filter: blur(10px);
}
.rate-stat {
  flex-direction: column;
}
.rate-stat,
.rate-stat__data {
  display: flex;
  gap: calc(var(--baseValue) * 2);
}
.rate-stat__data {
  align-items: center;
}
.rate-stat__bar {
  border-radius: calc(var(--rangeH) / 2);
  flex: 1 1 auto;
  height: var(--rangeH);
  background-color: rgb(var(--mainBord));
  overflow: hidden;
}
.rate-stat__bar-color {
  transition: 0.4s ease;
  transition-property: width;
  border-radius: calc(var(--rangeH) / 2);
  width: 0;
  height: 100%;
  background-color: rgb(var(--corpColS));
}
.rate-stat__percent {
  font-weight: 700;
  text-align: right;
  flex: 1 1 auto;
  font-size: var(--noteFS);
  line-height: var(--iconDS);
  color: rgb(var(--slavCase));
  white-space: nowrap;
}
.accordeons {
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 6);
}
.accordeon {
  transition: 0.25s ease;
  transition-property: border-left-color;
  border-left: 2px solid #9237ff;
}
.accordeon--no-border {
  border-left: unset;
}
.accordeon--no-border .accordeon__head {
  padding: 0;
}
.accordeon--no-border .accordeon__body {
  padding: 16px 0 0;
}
.accordeon__caret-wrapper {
  border-radius: 50%;
  background: rgb(var(--white));
  min-height: 40px;
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordeon__caret {
  transition: 0.25s ease;
  transition-property: color, transform;
  transform: rotate(0deg);
}
.accordeon__heading {
  transition: 0.25s ease;
  transition-property: color;
  display: flex;
  gap: calc(var(--baseValue) * 2);
}
.accordeon__head {
  display: flex;
  align-items: center;
  padding: calc(var(--baseValue) * 4);
  gap: calc(var(--baseValue) * 4);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.accordeon__head:hover .accordeon__caret,
.accordeon__head:hover .accordeon__heading {
  color: rgb(var(--corpColM));
}
.accordeon__body {
  padding: calc(var(--baseValue) * 4);
  display: none;
}
.accordeon--open {
  border-left-color: rgb(var(#9237ff));
}
.accordeon--open .accordeon__caret {
  transform: rotate(180deg);
}
.accordeon--open .accordeon__body {
  display: block;
}
.showcase {
  display: flex;
  justify-content: space-between;
  gap: calc(var(--baseValue) * 6);
}
.showcase__main {
  flex: 1 1 auto;
  overflow: hidden;
}
.showcase__side {
  flex: 0 0 auto;
  position: relative;
  width: var(--showcaseSideW);
}
.showcase--16-9 {
  --showcaseWidthVariant: 100%;
  --showcaseMediaVariant: 16/9;
}
.showcase--16-9 .showcase__props {
  display: none;
}
.showcase--3-4 {
  --showcaseWidthVariant: 520px;
  --showcaseMediaVariant: 3/4;
}
@media (max-width: 1280px) {
  .showcase__props {
      display: none;
  }
}
@media (max-width: 768px) {
  .showcase {
      --showcaseWidthVariant: 100%;
      flex-direction: column;
      gap: calc(var(--baseValue) * 4);
  }
}
.gallery {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.gallery__media {
  border-radius: var(--mediaR);
  overflow: hidden;
  flex: 1 1 auto;
  background-color: rgb(var(--slavBase));
  aspect-ratio: var(--showcaseMediaVariant);
}
.gallery__tumbs {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.gallery__tumbs-list {
  --tumbsGap: calc(var(--baseValue) * 2);
  display: flex;
  flex-direction: row;
  gap: var(--tumbsGap);
}
.gallery:has(.gallery__tumbs) {
  height: calc(var(--galleryThumbD) + calc(var(--baseValue) * 2));
}
.gallery.gallery--has-tumbs {
  height: calc(var(--galleryThumbD) + calc(var(--baseValue) * 2));
}
.gallery-thumb {
  width: var(--galleryThumbD);
  height: var(--galleryThumbD);
  border-radius: calc(var(--baseValue) * 2);
  transition: 0.25s ease;
  transition-property: border-color;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background-color: rgb(var(--slavBase));
  border: 1px solid rgb(var(--mainBord));
  cursor: pointer;
  scroll-snap-align: start;
}
.gallery-thumb:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity;
  position: absolute;
  z-index: 1;
  background-color: rgb(var(--corpColS) / 10%);
  opacity: 0;
  pointer-events: none;
}
.gallery-thumb:hover:before {
  opacity: 1;
}
.gallery-thumb--active {
  border-color: rgb(var(--corpColS));
  cursor: default;
}
.gallery-thumb--active:before {
  opacity: 1;
}
.product-info {
  border-radius: calc(var(--baseValue) * 4);
  transition: 0.4s ease;
  transition-property: border-color;
  border: 2px dashed rgb(var(--corpColM));
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: calc(var(--headH) + var(--baseValue) * 4);
}
.product-info:focus-within,
.product-info:hover {
  border-color: rgb(var(--mainBord));
}
.additional-buy {
  border-radius: calc(var(--baseValue) * 4);
  margin-top: calc(var(--baseValue) * 4);
  padding: calc(var(--baseValue) * 3) calc(var(--baseValue) * 4);
  background-color: rgb(var(--mainBase));
  border: 2px dashed rgb(var(--corpColS));
}
.additional-buy:first-child {
  margin-top: 0;
}
.content {
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 2);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.content__image {
  border-radius: calc(var(--baseValue) * 2);
  transition: 0.25s ease;
  transition-property: border-color;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgb(var(--mainBord));
  background-color: rgb(var(--slavBase));
  position: relative;
}
.content__image:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity;
  position: absolute;
  z-index: 1;
  background-color: rgb(var(--corpColS) / 10%);
  pointer-events: none;
  opacity: 0;
}
.content__desc {
  padding: calc(var(--baseValue) * 2);
}
.content:hover:not(.content--selected) .content__image:before {
  opacity: 1;
}
.content--selected {
  cursor: default;
}
.content--selected .content__image {
  border-color: rgb(var(--corpColS));
}
.content--selected .content__image:before {
  opacity: 1;
}
.pop-search {
  transition: 0.1s ease;
  transition-property: opacity, visibility, transform;
  background-color: rgb(var(--mainBase));
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  min-height: 100%;
  padding: 0 calc(var(--baseValue) * 4);
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(var(--baseValue) * 2));
}
.pop-search--shown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.filename {
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
}
.filename__name {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filename__ext {
  flex: 0 0 auto;
  color: rgb(var(--infoColr));
  white-space: nowrap;
  font-weight: 700;
  font-style: italic;
}
.filename__ext:before {
  content: ".";
}
.format {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: calc(var(--iconDB) / 2);
  transition: 0.25s ease;
  transition-property: background-color;
  font-size: var(--btnSmalFS);
  line-height: var(--iconDB);
  padding-inline: calc(var(--baseValue) * 3);
  letter-spacing: 1px;
  color: rgb(var(--white));
  background-color: rgb(var(--black));
  min-width: 76px;
  max-width: 100%;
  text-align: center;
}
.format + .desc {
  padding-left: var(--baseValue);
}
.close {
  width: var(--closeD);
  height: var(--closeD);
  flex: 0 0 auto;
  position: relative;
  cursor: pointer;
}
.close:after,
.close:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  border-radius: calc(var(--closeStickH) / 2);
  position: absolute;
  height: var(--closeStickH);
  width: 100%;
  background-color: rgb(var(--mainCase));
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}
.close:hover:after,
.close:hover:before {
  background-color: rgb(var(--corpColS));
}
#pop {
  transition: 0.2s ease;
  transition-property: opacity visibility;
  position: fixed;
  z-index: var(--popZ);
  background-color: rgb(var(--black) / 50%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
#pop,
#pop-under {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#pop-under {
  position: absolute;
}
#pop-container {
  position: relative;
  display: flex;
  align-items: center;
  height: 100vh;
}
#pop-frame {
  width: 100%;
  max-width: 768px;
  margin: auto;
  position: relative;
  z-index: 1;
}
#pop.shown {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}
#pop.no-scroll {
  overflow-y: hidden !important;
}
#pop.scroll-inside #pop-container {
  width: 100%;
  margin: 0 auto;
  height: 100vh;
}
#pop.scroll-inside #pop-frame {
  max-height: 800px;
  height: -moz-fit-content;
  height: fit-content;
}
#pop.scroll-inside .pop {
  height: 100%;
  max-height: 800px;
}
#pop.scroll-inside .pop__block {
  height: 100%;
  max-height: 730px;
}
.pop {
  border-radius: var(--popR);
}
.pop,
.pop__block {
  background-color: rgb(var(--mainBase));
}
.pop__block:first-child {
  border-top-left-radius: var(--popR);
  border-top-right-radius: var(--popR);
}
.pop__block:last-child {
  border-bottom-left-radius: var(--popR);
  border-bottom-right-radius: var(--popR);
}
.pop__block--head {
  z-index: 6;
  top: 0;
}
.pop__block--foot,
.pop__block--head {
  position: -webkit-sticky;
  position: sticky;
}
.pop__block--foot {
  z-index: 5;
  bottom: 0;
}
.pop__block-bottom-slider {
  background-color: rgb(var(--mainBase));
}
.pop__block-bottom-slider:first-child {
  border-top-left-radius: var(--popR);
  border-top-right-radius: var(--popR);
}
.pop__block-bottom-slider--head {
  position: -webkit-sticky;
  position: sticky;
  z-index: 6;
  top: 0;
}
.pop__block-bottom-slider--foot {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  bottom: 0;
}
.pop__content {
  max-height: 700px;
  height: 100%;
  overflow-y: auto;
  padding-right: 22px;
  margin-right: 2px;
}
.pop__content::-webkit-scrollbar {
  width: 5px;
}
.pop__content::-webkit-scrollbar-track {
  display: none;
}
.pop__content::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(78, 78, 83, 0.15);
}
.pop__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.pop__sticky-button {
  z-index: 1000;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  width: 100%;
  background-color: #fff;
}
#modal {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: fixed;
  z-index: calc(var(--popZ) + 1);
  background-color: rgb(var(--black) / 75%);
  overflow-y: auto;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: none;
}
#modal-container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: calc(var(--baseValue) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-frame {
  width: 100%;
  max-width: 480px;
  margin: auto;
}
#modal.shown {
  display: block;
}
.modal {
  border-radius: var(--popR);
  background-color: rgb(var(--mainBase));
}
#hint,
.modal {
  box-shadow: var(--popBS);
}
#hint {
  border-radius: var(--mediaR);
  transition: 0.1s ease-in;
  transition-property: opacity, visibility;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  padding: calc(var(--baseValue) * 2) calc(var(--baseValue) * 4);
  font-size: var(--noteFS);
  line-height: 1.5;
  background-color: rgb(var(--mainCase) / 85%);
  color: rgb(var(--mainBase));
  width: -moz-fit-content;
  width: fit-content;
  max-width: var(--hintW);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
#hint.hint-is-visible {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 768px) {
  #hint {
      display: none;
  }
}
.comment {
  border-radius: var(--mediaR);
  transition: 0.1s ease;
  transition-property: box-shadow;
  padding: calc(var(--baseValue) * 4);
  background-color: rgb(var(--mainBase));
}
.comment:focus-within,
.comment:hover {
  box-shadow: var(--mainBS);
}
.my-answer {
  position: relative;
  padding-left: calc(var(--baseValue) * 4);
}
.my-answer:before {
  content: "";
  display: block;
  transition: 0.25s ease;
  transition-property: height, opacity;
  border-radius: var(--baseValue) 0 0 var(--baseValue);
  width: calc(var(--baseValue) * 2);
  height: 0;
  z-index: 1;
  top: calc(var(--baseValue) * -12);
  left: calc(var(--baseValue) * 2);
  position: absolute;
  border-top: 1px solid rgb(var(--linkColr));
  border-bottom: 1px solid rgb(var(--linkColr));
  border-left: 1px solid rgb(var(--linkColr));
  pointer-events: none;
  opacity: 0;
}
.my-answer:focus-within:before {
  height: calc(var(--baseValue) * 18);
  opacity: 1;
}
.answers {
  padding-left: calc(var(--baseValue) * 4);
  border-left: 1px dashed rgb(var(--linkColr));
}
.author-description__content {
  overflow: hidden;
  position: relative;
}
.author-description--clamped .author-description__content {
  mask-image: linear-gradient(180deg, #000, transparent);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent);
}
.place,
.place-disabled {
  aspect-ratio: 1/1;
  width: 100%;
  transition: 0.1s;
  border-radius: 16px;
}
.place:hover {
  transform: scale(1.05);
  background-color: rgb(var(--corpColM));
}
.description-email {
  grid-template-columns: 1fr 1fr;
}
.calendar-email {
  grid-template-columns: 1fr 3fr;
}
.calendar-email-item {
  max-height: 320px;
  height: 100%;
}
@media (max-width: 320px) {
  .calendar-email,
  .description-email {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .calendar-email,
  .description-email {
      grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .calendar-email,
  .description-email {
      grid-template-columns: 1fr;
  }
}
.card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 4);
  background-color: rgb(var(--mainBase));
  position: relative;
}
.card--disabled {
  opacity: 0.3;
}
.card__button {
  transition: 0.25s ease;
  transition-property: opacity, visibility, transform;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
}
.card__top {
  border-radius: calc(var(--baseValue) * 2);
  transition: 0.4s ease;
  transition-property: border-color;
  flex: 0 0 auto;
  align-self: flex-start;
  overflow: hidden;
  position: relative;
  background-color: rgb(var(--slavBase));
  border: 2px solid rgb(var(--mainBase));
  width: 100%;
  aspect-ratio: 1/1;
  isolation: isolate;
}
.card__top:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  position: absolute;
  pointer-events: none;
  background-image: radial-gradient(circle at top right, rgb(var(--white) / 50%), rgb(var(--white) / 0));
}
.card__top:hover .card__quickshow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.card__top:hover .card__types {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
.card__quickshow {
  transition: 0.25s ease;
  transition-property: opacity, visibility, transform;
  bottom: calc(var(--baseValue) * 4);
  left: 0;
  padding: calc(var(--baseValue) * 2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(var(--baseValue) * 4));
}
.card__controls,
.card__quickshow {
  right: 0;
  position: absolute;
  z-index: 3;
  pointer-events: none;
}
.card__controls {
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
}
.card__types {
  transition: 0.25s ease;
  transition-property: transform, opacity, visibility;
  display: flex;
  flex-wrap: wrap;
  gap: var(--baseValue);
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  padding: calc(var(--baseValue) * 3);
}
.card:has(.card__controls) .card__types {
  right: var(--btnH);
}
.card__category {
  border-radius: calc(var(--baseValue) * 2);
  position: absolute;
  z-index: 3;
  top: 4px;
  right: 4px;
  font-size: var(--supportFS);
  padding: 4px 8px;
  background-color: #000;
  color: #fff;
}
.card__name {
  /*! autoprefixer: off */
  -webkit-line-clamp: 3;
}
.card__name,
.card__shop {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.card__shop {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: var(--btnMiniFS);
  line-height: var(--iconDS);
  color: rgb(var(--slavCase));
  /*! autoprefixer: off */
  -webkit-line-clamp: 1;
}
.card-gallery {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.4s ease;
  transition-property: opacity, visibility;
  background-color: rgb(var(--slavBase));
  z-index: 1;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  isolation: isolate;
}
.card-gallery__list {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  position: relative;
}
.card-gallery__item {
  flex: 1 1 100%;
  display: flex;
  align-items: flex-end;
  padding: calc(var(--baseValue) * 2) var(--baseValue);
}
.card-gallery__item:after {
  content: "";
  display: block;
  border-radius: calc(var(--baseValue) / 2);
  transition: 0.1s ease;
  transition-property: background-color;
  width: 100%;
  height: var(--baseValue);
  background-color: rgb(var(--mainBord));
}
.card-gallery__item:hover:after {
  background-color: rgb(var(--corpColS));
}
.card-gallery__item:hover .card-gallery__media {
  display: block;
}
.card-gallery__media {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  z-index: -1;
  display: none;
}
.card-gallery__media canvas,
.card-gallery__media iframe,
.card-gallery__media img,
.card-gallery__media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.card__media {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.card__media:hover .card-gallery {
  opacity: 1;
  visibility: visible;
}
.card:hover {
  z-index: 1;
}
.card:hover .card__top {
  transition: 0.25s ease;
  transition-property: border-color;
  border-color: rgb(var(--corpColS));
}
.card:hover .card__button {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.card--h {
  flex-direction: row;
}
.card--h .card__top {
  width: 240px;
}
.shop-name {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: var(--btnMiniFS);
  line-height: var(--iconDS);
  color: rgb(var(--slavCase));
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
@media (max-width: 768px) {
  .card__button {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
  }
  .card__top:hover .card__types {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
  }
  .card__quickshow {
      display: none;
  }
  .card--h {
      flex-direction: column;
      max-width: 360px;
      margin: auto;
  }
  .card--h .card__top {
      width: 100%;
  }
}
.brand .image {
  transition: 0.25s ease;
  transition-property: filter, opacity;
  background-color: rgb(var(--white));
}
.book {
  --bookDepth: 60px;
  --bookRotateDeg: 70;
  --bookSpineP: 8px;
  --bookSecAspect: 1.4;
  --booksGap: 8px;
  width: 100%;
  padding-block: calc(var(--bookDepth) * (var(--bookRotateDeg) / (100 * var(--bookSecAspect))));
  padding-inline: var(--booksGap);
  perspective: 1000px;
}
.book__body {
  width: 100%;
  height: 100%;
  transition: 0.25s ease;
  transition-property: transform;
  position: relative;
  aspect-ratio: 1 / var(--bookSecAspect);
  transform-style: preserve-3d;
  transform: rotateY(calc(var(--bookRotateDeg) * 1deg));
}
.book__cover,
.book__spine {
  position: absolute;
}
.book__cover:before,
.book__spine:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: background-color;
  position: absolute;
  z-index: 2;
}
.book__cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  border-radius: 0 8px 8px 0;
}
.book__cover:before {
  background-color: rgb(var(--black) / 25%);
}
.book__cover:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 12px;
  border-right: 2px solid rgb(var(--black) / 4%);
  background: linear-gradient(to right, rgb(var(--black) / 15%), rgb(var(--black) / 0) 50%);
}
.book__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book__spine {
  transition: 0.25s ease;
  transition-property: background-color;
  top: 0;
  bottom: 0;
  left: calc(var(--bookDepth) * -1);
  width: var(--bookDepth);
  transform-origin: right top;
  transform: rotateY(-90deg);
  background-color: rgb(var(--slavBase));
  overflow: hidden;
  border-radius: 2px 0 0 2px;
}
.book__spine:before {
  background-color: rgb(var(--black) / 5%);
}
.book__names {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: var(--bookSpineP);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  transform: rotate(180deg);
  overflow: hidden;
}
.book__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
  line-height: calc((var(--bookDepth) - var(--bookSpineP) * 2) / 2);
}
.book__name--author {
  font-size: 12px;
  opacity: 0.75;
}
.book__name--title {
  font-size: 18px;
  font-weight: 500;
}
.book:hover .book__body {
  transform: rotateY(0);
}
.book:hover .book__cover:before {
  background-color: rgb(var(--black) / 0);
}
.book:hover .book__spine:before {
  background-color: rgb(var(--black) / 40%);
}
.descripted {
  --descriptedP: calc(var(--baseValue) * -4);
  position: relative;
  isolation: isolate;
}
.descripted:before {
  content: "";
  display: block;
  border-radius: var(--mediaR) var(--mediaR) 0 0;
  position: absolute;
  z-index: -1;
  top: var(--descriptedP);
  right: var(--descriptedP);
  left: var(--descriptedP);
  bottom: 0;
  background-color: rgb(var(--mainBase));
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--popBS);
}
.descripted__target {
  position: relative;
  z-index: 1;
  margin-inline: calc(var(--descriptedP));
  padding-inline: calc(var(--descriptedP) * -1);
  background-image: linear-gradient(rgb(var(--mainBase) / 0), rgb(var(--mainBase)) 50%);
}
.descripted__pop {
  position: absolute;
  top: 100%;
  right: var(--descriptedP);
  left: var(--descriptedP);
  border-radius: 0 0 var(--mediaR) var(--mediaR);
  padding: calc(var(--descriptedP) * -1);
  background-color: rgb(var(--mainBase));
  opacity: 0;
  visibility: hidden;
  box-shadow: var(--popBS);
}
.descripted:hover {
  z-index: 3;
}
.descripted:hover .descripted__pop,
.descripted:hover:before {
  opacity: 1;
  visibility: visible;
  box-shadow: var(--popBS);
}
.preview {
  --previewBR: calc(var(--baseValue) * 3);
  --previewBW: 2px;
  transition: 0.1s ease;
  transition-property: border-color;
  border-radius: var(--previewBR);
  background-color: rgb(var(--mainBase));
  border: var(--previewBW) solid rgb(var(--slavBase));
}
.preview__container {
  display: flex;
}
.preview__cover {
  width: var(--previewCoverW);
  overflow: hidden;
  border-radius: calc(var(--previewBR) - var(--previewBW)) 0 0 calc(var(--previewBR) - var(--previewBW));
}
.preview__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.preview__body {
  flex: 1 1 100%;
  padding: calc(var(--baseValue) * 4);
}
.preview:hover {
  background-color: rgb(var(--mainBase));
  border-color: rgb(var(--corpColS));
}
@media (max-width: 980px) {
  .preview__container {
      flex-direction: column;
  }
  .preview__cover {
      width: 100%;
      height: var(--previewCoverW);
      border-radius: calc(var(--previewBR) - var(--previewBW)) calc(var(--previewBR) - var(--previewBW)) 0 0;
  }
}
@media (max-width: 768px) {
  .preview__cover {
      height: auto;
      aspect-ratio: 4/2;
  }
}
.story {
  border-radius: calc(var(--baseValue) * 3);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.story__avatar {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: calc(var(--baseValue) * 3);
}
.story__avatar .avatar {
  transition: 0.4s ease;
  transition-property: outline-color;
  outline: 2px solid rgb(var(--white));
  outline-offset: 2px;
}
.story__media {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 9/16;
}
.story__media canvas,
.story__media iframe,
.story__media img,
.story__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story__media img {
  transition: 0.4s ease;
  transition-property: transform;
}
.story:hover .story__avatar .avatar {
  outline-color: rgb(var(--corpColS));
}
.story:hover .story__media img {
  transform: scale(1.2);
}
.subscription {
  transition: 0.25s ease;
  transition-property: border-color;
  border-radius: calc(var(--baseValue) * 6);
  padding: calc(var(--baseValue) * 6);
  box-shadow: var(--mainBS);
  border: 2px solid rgb(var(--mainBase));
  background-color: rgb(var(--mainBase));
}
.subscription:hover {
  border-color: rgb(var(--suxsColr));
}
.droppy {
  --dropOffsetTop: calc(var(--baseValue) * 2);
  position: relative;
}
.droppy__drop {
  transition: 0.1s ease;
  transition-property: opacity;
  position: absolute;
  z-index: calc(var(--headZ) - 1);
  padding-top: var(--dropOffsetTop);
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(var(--dropOffsetTop) * -1));
}
.droppy--fw .droppy__drop {
  width: 100%;
}
.droppy--top .droppy__drop {
  top: auto;
  bottom: 100%;
  padding-top: 0;
  padding-bottom: var(--dropOffsetTop);
  transform: translateY(var(--dropOffsetTop));
}
.droppy--left .droppy__drop {
  right: auto;
  left: 0;
}
.droppy--shown .droppy__button .select-value__caret {
  transform: rotate(180deg);
}
.droppy--shown .droppy__drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.droppy .droppy:hover .filter {
  color: rgb(var(--mainCase));
}
.droppy--hover:hover .droppy__drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.droppy--hover-delayed:hover .droppy__drop {
  transition: 0.4s ease;
  opacity: 1;
  visibility: visible;
}
.droppy--thin-scroll .scroll::-webkit-scrollbar {
  width: 4px !important;
}
.droppy--center .droppy__drop {
  transform: translateX(50%) translateY(0);
  right: 50%;
}
.droppy--no-center .droppy__drop {
  transform: translateX(40%) translateY(0);
  right: 40%;
}
.droppy--left-edge .droppy__drop {
  transform: translateX(100%) translateY(0);
  right: 100%;
}
.droppy--290 {
  min-width: 290px;
}
#hair .droppy__drop {
  z-index: calc(var(--headZ) + 1);
}
.menu {
  box-shadow: var(--popBS);
  min-width: var(--menuW);
  max-width: var(--menuMW);
  max-height: var(--menuMH);
  color: rgb(var(--mainCase));
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.menu--in-head {
  max-height: calc(100vh - var(--hairH) - var(--headH) - var(--mMenuH));
}
.menu--nmw {
  max-width: 100%;
}
.menu--nmh {
  max-height: 100%;
}
.menu--nbs {
  box-shadow: none;
}
.menu-item {
  border-radius: var(--baseValue);
  transition: 0.1s ease;
  transition-property: color, background-color;
  padding: calc(var(--baseValue) * 2) calc(var(--baseValue) * 4);
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 4);
  cursor: pointer;
}
.menu-item,
.menu-item a {
  color: rgb(var(--mainCase));
}
.menu-item a {
  text-decoration: none;
}
.menu-item__name {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--iconDB);
}
.menu-item__check {
  display: none;
}
.menu-item:hover {
  background-color: rgb(var(--slavBase));
}
.menu-item--selected .menu-item__check {
  display: block;
  color: rgb(var(--infoColr));
}
.menu_padding {
  padding: 8px 12px;
}
.menu__option {
  padding: 12px 4px;
}
.menu_fw-min {
  min-width: 100% !important;
}
.crumbs {
  margin: 0;
}
.crumb {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: var(--crumbsFS);
  line-height: var(--iconDB);
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100%;
  margin-bottom: 0;
}
.crumb a {
  transition: 0.1s ease;
  transition-property: color;
  flex: 1 1 auto;
  display: block;
  color: rgb(var(--tripCase));
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crumb a:hover {
  color: rgb(var(--corpColS)) !important;
}
.crumb:last-of-type a {
  color: rgb(var(--slavCase));
}
.crumb:not(:last-child):after {
  content: "/";
  flex: 0 0 auto;
  color: rgb(var(--mainBord) / 65%);
}
.crumb:before {
  content: none;
}
@media (max-width: 768px) {
  .crumb:last-child {
      max-width: 500px;
  }
}
@media (max-width: 480px) {
  .crumb:last-child {
      max-width: 300px;
  }
}
@media (max-width: 320px) {
  .crumb:last-child {
      max-width: 200px;
  }
}
#catalogue {
  --catalogueBG: #fff;
  top: 100%;
  right: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  background-color: rgb(var(--black) / 50%);
  height: 100vh;
  height: 100dvh;
}
#catalogue-body {
  display: flex;
  overflow: hidden;
  height: calc(100vh - 220px);
  max-height: 690px;
  max-width: 1488px;
  border-radius: 0 0 24px 24px;
  border-top: 1px solid #ccc;
}
#catalogue-body,
#catalogue-main {
  background-color: var(--catalogueBG);
}
#catalogue-main {
  flex: 0 0 auto;
  overflow-y: auto;
  padding: 12px 14px;
  width: var(--catalogueMenuW);
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-right: 1px solid #f0f0f3;
}
#catalogue-main::-webkit-scrollbar {
  display: none;
}
#catalogue-subs {
  display: flex;
  padding-inline: calc(var(--baseValue) * 4);
  padding-top: 12px;
  position: relative;
  z-index: 1;
  background-color: var(--catalogueBG);
  -ms-overflow-style: none;
  width: 100%;
  gap: 20px;
}
#catalogue-subs::-webkit-scrollbar {
  display: none;
}
#catalogue-subs__specials {
  display: flex;
  padding-inline: calc(var(--baseValue) * 6);
  padding-top: 12px;
  position: relative;
  z-index: 1;
  background-color: var(--catalogueBG);
  -ms-overflow-style: none;
  width: 100%;
  gap: 20px;
}
#catalogue-subs__specials::-webkit-scrollbar {
  display: none;
}
#catalogue-underlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.catalogue-link {
  border-radius: var(--btnR);
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 3);
  padding: 10px;
  color: rgb(var(--mainCase));
  text-decoration: none;
}
.catalogue-link__icon {
  color: #b6b6b6;
  padding: 8px;
  height: 40px;
  width: 40px;
  background-color: #f5f5f5;
  border-radius: 12px;
}
.catalogue-link__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  flex: 1 1 auto;
  font-size: var(--catalogueFS);
  line-height: var(--iconDC);
  font-weight: 500;
}
.catalogue-link__name--full {
  white-space: normal;
}
.catalogue-link__caret {
  transition: 0.25s ease;
  transition-property: color, transform;
  color: rgb(var(--mainBord));
  transform: rotate(-90deg);
}
.catalogue-link:hover,
.catalogue-link__active {
  background-color: #fbfafc;
  border-radius: 16px;
}
.catalogue-link:hover .catalogue-link__name,
.catalogue-link__active .catalogue-link__name {
  color: #9237ff;
}
.catalogue-link:hover .catalogue-link__icon,
.catalogue-link__active .catalogue-link__icon {
  color: #9237ff;
  padding: 8px;
  height: 40px;
  width: 40px;
  background-color: #f5ebff;
  border-radius: 12px;
}
.catalogue-sublink {
  color: #000;
  text-decoration: none;
  border-radius: 12px;
  padding: 12px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.catalogue-sublink__active {
  background-color: #fbfafc;
  color: #9237ff;
}
.catalogue-sublink__name {
  flex: 1 1 auto;
}
.catalogue-sublink:hover {
  background-color: #fbfafc;
  color: #9237ff;
}
.catalogue-sub::-webkit-scrollbar {
  width: 4px;
}
.catalogue-sub {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: calc(var(--baseValue) * 6);
  max-width: 354px;
  overflow-y: auto;
}
.catalogue-sub__title {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .catalogue-sub__title {
      font-size: 20px;
      line-height: 24px;
  }
}
.catalogue-sub__head {
  flex: 0 0 auto;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: 0;
  background-color: rgb(var(--slavBase));
  padding-block: calc(var(--baseValue) * 6);
}
.catalogue-sub__banner {
  height: 48px;
  border-radius: 24px;
}
.catalogue-sub__icon {
  position: relative;
  width: 100%;
  height: 100%;
}
.catalogue-sub__icon__text {
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 16px;
  -webkit-transform: translateZ(0);
  padding-right: 16px;
}
.catalogue-sub__icon:hover .catalogue-sub__icon__text {
  color: #9237ff;
}
.catalogue-sub__body {
  overflow: hidden;
}
.catalogue-sub__logos {
  width: var(--catalogueLogosW);
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 2);
}
.catalogue-sub--active {
  display: block;
}
.catalogue-sub--no-greedy {
  flex-shrink: 2;
}
.catalogue-sub--greedy {
  min-width: 354px;
  flex-shrink: 1;
}
.catalogue-sub__offers {
  min-width: 300px;
}
@media (max-width: 1366px) {
  .catalogue-sub__offers {
      display: none;
  }
}
@media (max-width: 1115px) {
  .catalogue-sub__banners {
      gap: 12px !important;
  }
}
@media (max-width: 1024px) {
  .catalogue-sub__banners {
      display: none;
  }
  .catalogue-sub {
      width: 100%;
      max-width: unset;
  }
}
@media (max-width: 390px) {
  .catalogue-sub {
      width: 100%;
  }
}
@media (max-width: 1024px) {
  #catalogue-main {
      flex: unset;
  }
  #catalogue-body {
      height: calc(100% - 220px);
      max-height: unset;
  }
  #catalogue-subs {
      height: 100%;
      padding-right: 0 !important;
  }
  #catalogue.subs-3td-level-is-shown #catalogue-main,
  #catalogue.subs-3td-level-is-shown .catalogue-sub:first-child,
  #catalogue.subs-is-shown #catalogue-main,
  #catalogue:not(.subs-3td-level-is-shown) #catalogue-sub:nth-child(2),
  #catalogue:not(.subs-is-shown) #catalogue-subs {
      display: none !important;
  }
  #catalogue-subs {
      height: 100%;
      padding-right: 0 !important;
  }
}
#mobile-search {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  position: fixed;
  z-index: calc(var(--catalogueZ) + 1);
  isolation: isolate;
  overflow: hidden;
  content-visibility: auto;
  visibility: hidden;
  opacity: 0;
}
#mobile-search,
#mobile-search-close {
  background-color: rgb(var(--mainBase));
}
#mobile-search-close {
  width: var(--catalogueCloseD);
  height: var(--catalogueCloseD);
  position: relative;
  cursor: pointer;
}
#mobile-search-close:after,
#mobile-search-close:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  border-radius: calc(var(--catalogueCloseStickH) / 2);
  position: absolute;
  height: var(--catalogueCloseStickH);
  width: var(--catalogueCloseStickW);
  background-color: rgb(var(--mainCase));
}
#mobile-search-close:before {
  transform: rotate(45deg);
}
#mobile-search-close:after {
  transform: rotate(-45deg);
}
#mobile-search-close:hover:after,
#mobile-search-close:hover:before {
  background-color: rgb(var(--corpColS));
}
#mobile-menu {
  position: -webkit-sticky;
  position: sticky;
  z-index: var(--headZ);
  bottom: 0;
  height: var(--mMenuH);
  background-image: var(--mainG);
  box-shadow: 0 0 8px 0 rgb(var(--black) / 25%);
}
.tabs {
  --tabsAway: calc(var(--baseValue) * 4);
  padding-inline: var(--tabsAway);
  overflow-x: scroll;
  scroll-behavior: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs::-webkit-scrollbar {
  display: none;
}
.tabs__runner {
  display: flex;
  width: max-content;
  gap: calc(var(--baseValue) * 2);
}
.tabs--inner {
  margin: 0 calc(var(--tabsAway) * -1);
}
.tabs--underline {
  border-bottom: 1px solid rgb(var(--mainBord));
}
.tabs--underline .tabs__runner {
  gap: var(--baseValue);
}
.tabs--underline .tab {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;
}
.tab {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: calc(var(--baseValue) * 4);
  transition: 0.25s ease;
  transition-property: color, background-color, border-color;
  padding: calc(var(--baseValue) * 2) calc(var(--baseValue) * 4);
  background-color: rgb(var(--corpColS) / 4%);
  font-size: calc(var(--baseFont) - 2px);
  line-height: var(--iconDB);
  border: 2px solid rgb(var(--mainCase) / 25%);
  white-space: nowrap;
  max-width: var(--tabMW);
  color: rgb(var(--mainCase) / 75%);
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.tab--full-text {
  max-width: none;
}
.tab__name {
  display: flex;
  gap: var(--baseValue);
}
.tab__name span {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab__name i {
  flex: 0 0 auto;
  opacity: 0.6;
}
.tab__name i:before {
  content: "– ";
}
.tab--full-text .tab__name span {
  overflow: auto;
  text-overflow: unset;
}
.tab:hover:not(.tab--active):not(.tab--disabled) {
  border-color: rgb(var(--corpColS));
  color: rgb(var(--mainCase));
}
.tab--active {
  color: rgb(var(--white));
  background-color: rgb(var(--corpColS));
  border-color: rgb(var(--corpColS));
  cursor: default;
}
.tab--disabled {
  color: rgb(var(--tripCase));
  background-color: rgb(var(--slavBase));
  border-color: rgb(var(--slavBase));
  cursor: not-allowed;
}
.tab-depended {
  display: none;
}
.tab-depended--active {
  display: block;
}
.filter {
  transition: 0.25s ease;
  transition-property: color, border-bottom-color;
  align-items: center;
  font-size: calc(var(--baseFont) - 2px);
  line-height: calc(var(--iconDB) - 1px);
  white-space: nowrap;
  color: rgb(var(--linkColr));
  border-bottom: 1px dashed;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.filter,
.filter__name {
  display: flex;
  gap: var(--baseValue);
}
.filter__name {
  font-weight: 500;
}
.filter__name span {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter__name i {
  flex: 0 0 auto;
  opacity: 0.75;
}
.filter__name i:before {
  content: "(";
}
.filter__name i:after {
  content: ")";
}
.filter:hover {
  color: rgb(var(--mainCase));
}
.pagination {
  display: flex;
  gap: calc(var(--baseValue) * 2);
}
.pagination-item {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: 4px;
  transition: 0.1s ease;
  transition-property: color, background-color;
  flex: 0 0 auto;
  font-size: var(--paginationFS);
  background-color: rgb(var(--slavBase));
  line-height: var(--iconDB);
  height: var(--paginationD);
  min-width: var(--paginationD);
  padding-inline: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pagination-item:hover:not(.pagination-item--selected):not(.pagination-item--dots):not(.pagination-item--disabled) {
  color: rgb(var(--mainBase));
  background-color: rgb(var(--mainCase));
}
.pagination-item--selected:not(.pagination-item--arrow) {
  color: rgb(var(--white));
  background-color: rgb(var(--corpColS));
}
.pagination-item--dots {
  cursor: default;
  pointer-events: none;
}
.pagination-item--arrow,
.pagination-item--dots {
  background-color: transparent;
}
.pagination-item--disabled {
  color: rgb(var(--mainBord));
  cursor: not-allowed;
}
.media {
  --mediaShaderZ: 2;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.media__show-fullscreen,
.media__show-playing,
.media__show-sided {
  display: none;
}
.media__output {
  width: 100%;
  height: 100%;
}
.media__output canvas,
.media__output iframe,
.media__output img,
.media__output video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.media__output--cover canvas,
.media__output--cover iframe,
.media__output--cover img,
.media__output--cover video {
  object-fit: cover;
}
.media__listen {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  z-index: var(--mediaShaderZ);
}
.media__listen:empty {
  background-image: url(/_next/static/media/no-image-new.bd3b6796.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
}
.media__listen--video {
  z-index: 3;
}
.media__load {
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  z-index: calc(var(--mediaShaderZ) + 1);
  background-color: rgb(var(--mainBase) / 50%);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.media__load,
.media__load:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.media__load:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: var(--loaderD);
  height: var(--loaderD);
  border-color: currentcolor;
  border-top: 6px solid rgb(var(--corpColS));
  border-right: 6px solid rgb(var(--corpColM));
  border-bottom: 6px solid rgb(var(--corpColE));
  border-left: 6px solid rgb(var(--mainCase));
  animation: rotate 0.3s linear infinite;
}
.media__initer {
  --initerDescPBlock: calc(var(--baseValue) * 2);
  width: 100%;
  height: 100%;
}
.media__initer-icon {
  border-radius: calc(var(--popinfIconD) / 2);
  width: var(--popinfIconDNew);
  height: var(--popinfIconDNew);
  transition: 0.25s ease;
  transition-property: color, transform;
  color: rgb(var(--mainCase));
  position: relative;
  z-index: 1;
}
.media__initer-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.media__initer-desc {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: calc((var(--baseValue) * 4 + var(--iconDB)) / 2);
  transition: 0.25s ease;
  transition-property: transform, opacity;
  padding: var(--initerDescPBlock) calc(var(--initerDescPBlock) * 2);
  line-height: var(--iconDB);
  max-width: 100%;
  background-color: rgb(var(--mainBase));
  box-shadow: var(--mainBS);
}
.media__initer:hover {
  --initerIconMove: calc(((var(--baseValue) * 2 + var(--initerDescPBlock) * 2 + var(--iconDB)) / 2) / -1.2);
}
.media__initer:hover .media__initer-icon {
  color: rgb(var(--corpColS));
  transform: scale(1.6);
}
.media__initer:hover .media__initer-desc {
  transform: scale(0.66);
  opacity: 0;
}
.media__initer:hover .media__initer-desc + .media__initer-icon {
  transform: scale(1.9) translateY(var(--initerIconMove));
}
.media__stater {
  width: 100%;
  height: 100%;
  display: none;
}
.media__stater-icon {
  border-radius: calc(var(--popinfIconD) / 2);
  width: var(--popinfIconD);
  height: var(--popinfIconD);
  padding: calc(var(--baseValue) * 4);
  background-color: rgb(var(--mainBase));
  color: rgb(var(--mainCase));
  display: none;
  pointer-events: none;
  animation: var(--mediaStateAnim);
}
.media__stater-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.media__side {
  transition: 0.25s ease;
  transition-property: transform;
  position: absolute;
  z-index: calc(var(--mediaShaderZ) + 3);
  top: 0;
  right: 0;
  bottom: var(--playerControlsBarH);
  width: var(--mediaMenuW);
  max-width: 100%;
  padding: calc(var(--baseValue) * 2) calc(var(--baseValue) * 2) 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transform: translateX(100%);
}
.media-menu {
  max-height: 100%;
  display: none;
}
.media-menu--active {
  display: block;
}
.media__controls {
  transition: 0.4s ease;
  transition-property: transform;
  height: var(--playerControlsBarH);
  position: absolute;
  z-index: calc(var(--mediaShaderZ) + 2);
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgb(var(--black) / 0), rgb(var(--black) / 75%));
  transform: translateY(100%);
}
.media__controls:hover {
  transform: translateY(0) !important;
}
.media-progress {
  border-radius: calc(var(--btnSmalH) / 2);
  position: relative;
  height: var(--btnSmalH);
  width: 100%;
  cursor: pointer;
}
.media-progress-val {
  font-size: var(--supportFS);
  color: rgb(var(--white));
}
.media-progress:before {
  content: "";
  display: block;
  right: 0;
  margin: auto;
  width: 100%;
  background-color: rgb(var(--black) / 30%);
  box-shadow: var(--mediaControlsBS);
}
.media-progress:before,
.media-progress__bar {
  top: 0;
  bottom: 0;
  left: 0;
  border-radius: calc(var(--playerProgressH) / 2);
  position: absolute;
  height: var(--playerProgressH);
}
.media-progress__bar {
  margin: auto 0;
}
.media-progress__bar--loaded {
  z-index: 1;
  background-color: rgb(var(--corpColS) / 40%);
}
.media-progress__bar--played {
  z-index: 2;
  background-color: rgb(var(--white));
}
.media-progress__handler {
  --playerHandlerD: calc(var(--playerProgressH) + 12px);
  border-radius: 50%;
  width: var(--playerHandlerD);
  height: var(--playerHandlerD);
  transition: 0.1s ease;
  transition-property: opacity, transform;
  background-color: rgb(var(--white));
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: calc(var(--playerHandlerD) / -2);
  margin-left: calc(var(--playerHandlerD) / -2);
  box-shadow: var(--handlerBS);
  transform: scale(0.6);
  opacity: 0;
}
.media-progress:focus-within .media-progress__handler,
.media-progress:hover .media-progress__handler {
  opacity: 1;
  transform: scale(1);
}
.media-volume {
  position: relative;
}
.media-volume__control {
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  height: var(--playerVolumeD);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}
.media-volume__control:focus-within .media-volume__handler,
.media-volume__control:hover .media-volume__handler {
  opacity: 1;
  transform: scale(1);
}
.media-volume__bar {
  top: var(--baseValue);
  right: var(--baseValue);
  bottom: var(--baseValue);
  left: var(--baseValue);
  margin: auto;
  width: var(--playerProgressH);
  background-color: rgb(var(--black) / 50%);
  box-shadow: var(--mediaControlsBS);
}
.media-volume__bar,
.media-volume__level {
  border-radius: calc(var(--playerProgressH) / 2);
  position: absolute;
}
.media-volume__level {
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(var(--white));
  width: 100%;
  height: 50%;
}
.media-volume__handler {
  --playerHandlerD: calc(var(--playerProgressH) + 12px);
  border-radius: 50%;
  width: var(--playerHandlerD);
  height: var(--playerHandlerD);
  transition: 0.1s ease;
  transition-property: opacity, transform;
  background-color: rgb(var(--white));
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: calc(var(--playerHandlerD) / -2);
  margin-left: calc(var(--playerHandlerD) / -2);
  box-shadow: var(--handlerBS);
  transform: scale(0.6);
  opacity: 0;
}
.media-volume:hover .media-volume__control {
  opacity: 1;
  visibility: visible;
}
.media--inited .media__initer,
.media-volume--loud .media-volume__value--norm,
.media-volume__value--loud {
  display: none;
}
.media--playing .media__show-playing {
  display: flex;
}
.media--playing .media__hide-playing {
  display: none;
}
.media--playing .media__stater,
.media--playing .media__stater-icon--play {
  display: block;
}
.media--playing:hover .media__controls {
  transform: translateY(0);
}
.media--paused .media__stater,
.media--paused .media__stater-icon--pause {
  display: block;
}
.media:-webkit-full-screen .media__hide-reduced--nofull {
  display: block;
}
.media:fullscreen .media__hide-reduced--nofull {
  display: block;
}
.media:-webkit-full-screen .media__hide-fullscreen {
  display: none;
}
.media:fullscreen .media__hide-fullscreen {
  display: none;
}
.media:-webkit-full-screen .media__show-fullscreen {
  display: flex;
}
.media:fullscreen .media__show-fullscreen {
  display: flex;
}
.media:-webkit-full-screen .media-volume {
  display: flex;
  align-items: center;
  gap: var(--baseValue);
}
.media:fullscreen .media-volume {
  display: flex;
  align-items: center;
  gap: var(--baseValue);
}
.media:-webkit-full-screen .media-volume__control {
  -webkit-transition: none;
  transition: none;
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  height: var(--btnSlimH);
  width: calc(var(--playerVolumeD) * 1.25);
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.media:fullscreen .media-volume__control {
  transition: none;
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  height: var(--btnSlimH);
  width: calc(var(--playerVolumeD) * 1.25);
  opacity: 1;
  visibility: visible;
  cursor: pointer;
}
.media:-webkit-full-screen .media-volume__bar {
  width: auto;
  height: var(--playerProgressH);
}
.media:fullscreen .media-volume__bar {
  width: auto;
  height: var(--playerProgressH);
}
.media:-webkit-full-screen .media-volume__level {
  top: 0;
  right: auto;
  height: 100%;
  width: 50%;
}
.media:fullscreen .media-volume__level {
  top: 0;
  right: auto;
  height: 100%;
  width: 50%;
}
.media:-webkit-full-screen .media-volume__handler {
  top: 50%;
  left: 100%;
  margin-top: calc(var(--playerHandlerD) / -2);
  margin-left: calc(var(--playerHandlerD) / -2);
}
.media:fullscreen .media-volume__handler {
  top: 50%;
  left: 100%;
  margin-top: calc(var(--playerHandlerD) / -2);
  margin-left: calc(var(--playerHandlerD) / -2);
}
.media:-webkit-full-screen.media--playing {
  cursor: none;
}
.media:fullscreen.media--playing {
  cursor: none;
}
.media:-webkit-full-screen.media--playing .media__controls {
  transform: translateY(100%);
}
.media:fullscreen.media--playing .media__controls {
  transform: translateY(100%);
}
.media:-webkit-full-screen.media--mousemove {
  cursor: auto;
}
.media:fullscreen.media--mousemove {
  cursor: auto;
}
.media:-webkit-full-screen.media--mousemove .media__controls {
  transform: translateY(0);
}
.media:fullscreen.media--mousemove .media__controls {
  transform: translateY(0);
}
.media:-webkit-full-screen.media--paused .media__controls {
  transform: translateY(0);
}
.media:fullscreen.media--paused .media__controls {
  transform: translateY(0);
}
.media:-webkit-full-screen.media--sided .media__controls {
  transform: translateY(0);
}
.media:fullscreen.media--sided .media__controls {
  transform: translateY(0);
}
.media:-webkit-full-screen.media--sided .media__side {
  transform: translateX(0);
}
.media:fullscreen.media--sided .media__side {
  transform: translateX(0);
}
.media--sided .media__hide-sided {
  display: none;
}
.media--sided .media__show-sided {
  display: flex;
}
.media--sided .media__controls {
  transform: translateY(0);
}
.media--sided .media__side {
  transform: translateX(0);
}
.media--loading .media__load {
  opacity: 1;
  visibility: visible;
}
.media--reduced .media__hide-reduced {
  display: none;
}
.sep {
  --sepW: 1px;
  --sepH: auto;
  flex: 0 0 auto;
  align-self: normal;
  width: var(--sepW);
  height: var(--sepH);
}
.sep--fixed {
  align-self: auto;
}
.sep--fixed--s {
  --sepH: var(--iconDS);
}
.sep--fixed--b {
  --sepH: var(--iconDB);
}
.sep--fixed--m {
  --sepH: var(--iconDM);
}
.sep--fixed--l {
  --sepH: var(--iconDL);
}
.sep--h {
  width: var(--sepH);
  height: var(--sepW);
}
.sep--margin {
  margin: 0 12px;
}
.col .sep {
  width: var(--sepH);
  height: var(--sepW);
}
.dot {
  border-radius: 50%;
  width: var(--dotD);
  height: var(--dotD);
  flex: 0 0 auto;
}
.counter {
  border-radius: calc(var(--counterH) / 2);
  top: calc(var(--counterH) / -4);
  right: calc(var(--counterH) / -4);
  min-width: var(--counterH);
  height: var(--counterH);
  font-weight: 700;
  line-height: var(--counterH);
  font-size: var(--supportFS);
  text-align: center;
  padding-inline: calc(var(--counterH) / 4);
}
.counter,
.seeme {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.seeme {
  --seemeBordColr: var(--black);
  border-radius: 50%;
  width: var(--seemeD);
  height: var(--seemeD);
  bottom: -1px;
  right: -1px;
  box-shadow: 0 0 0 2px rgb(var(--seemeBordColr));
}
.seeme--on-page {
  --seemeBordColr: var(--mainBase);
}
.hider {
  --hiderMinH: 160px;
  --hiderRecH: 20vh;
  --hiderMaxH: 320px;
}
.hider__body {
  position: relative;
  overflow: hidden;
  height: clamp(var(--hiderMinH), var(--hiderRecH), var(--hiderMaxH));
  -webkit-mask-image: linear-gradient(180deg, #000 50%, transparent);
  mask-image: linear-gradient(180deg, #000 50%, transparent);
}
.hider__link {
  font-size: calc(var(--baseFont) - 2px);
  line-height: var(--iconDB);
  padding-top: calc(var(--baseValue) * 6);
}
.hider--slim {
  --hiderMinH: 120px;
  --hiderRecH: 12vh;
  --hiderMaxH: 240px;
}
.hider--expanded .hider__body {
  min-height: auto;
}
.hider--expanded .hider__link {
  display: none;
}
.loader-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 35;
  background-color: var(--white);
  opacity: 0.8;
}
.loader-overlay--fixed {
  position: fixed;
}
.loader-wrapper-block {
  height: 300px;
  position: relative;
}
.loader,
.loader-no-absolute {
  width: var(--commonLoaderD);
  height: var(--commonLoaderD);
  position: relative;
}
.loader-input {
  width: var(--inputLoaderD);
  height: var(--inputLoaderD);
  position: relative;
}
.loader-input:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  border-color: currentcolor;
  border-top: 3px solid rgb(var(--corpColS));
  border-right: 3px solid rgb(var(--corpColM));
  border-bottom: 3px solid rgb(var(--corpColE));
  border-left: 3px solid rgb(var(--mainCase));
  animation: rotate 0.3s linear infinite;
}
.h-scroller {
  display: flex;
  overflow-x: auto;
  overscroll-behavior: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.h-scroller::-webkit-scrollbar {
  display: none;
}
.h-scroller--snap {
  scroll-snap-type: y mandatory;
}
.loader-new {
  width: var(--commonLoaderD);
  height: var(--commonLoaderD);
  z-index: 35;
}
.loader-new,
.loader-new:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.loader-new:before {
  content: "";
  display: block;
  background: linear-gradient(#9237ff, #fff);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #fff 0);
  mask: radial-gradient(farthest-side, #0000 calc(100% - 5px), #fff 0);
  border-radius: 50%;
  animation: rotate 0.3s linear infinite;
}
.loader-new-wrapper {
  position: relative;
  width: var(--commonLoaderD);
  height: var(--commonLoaderD);
  margin: auto;
}
.loader-new-center {
  transform: translateX(-50%);
}
@keyframes rotate {
  to {
      transform: rotate(1turn);
  }
}
@keyframes swingError {
  0% {
      transform: rotate(35deg);
  }
  to {
      transform: rotate(-25deg);
  }
}
@keyframes mediaStateAnim {
  0% {
      transform: scale(0.66);
      opacity: 0;
  }
  75% {
      transform: scale(1);
      opacity: 1;
  }
  to {
      transform: scale(1.2);
      opacity: 0;
  }
}
@keyframes premium {
  0% {
      transform: rotate(5deg);
  }
  to {
      transform: rotate(-25deg);
  }
}
@keyframes fadeInFromNone {
  0% {
      display: none;
      opacity: 0;
  }
  1% {
      display: block;
      opacity: 0;
  }
  to {
      display: block;
      opacity: 1;
  }
}
.react-calendar {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  line-height: 1.125em;
  overflow: hidden;
  padding: 8px;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.react-calendar--doubleView {
  width: 800px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar :after,
.react-calendar :before {
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  display: flex;
  height: 44px;
}
.react-calendar__navigation span {
  font-family: Hauss, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
  font-size: 32px;
}
.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}
.react-calendar__navigation button:enabled:focus,
.react-calendar__navigation button:enabled:hover {
  background-color: #f8f8fa;
}
abbr[title] {
  text-decoration: none;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  font-weight: 700;
}
.react-calendar__month-view__days button {
  font-family: Hauss, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.react-calendar__month-view__days__day--weekend,
.react-calendar__month-view__weekdays__weekday--weekend {
  color: #f44 !important;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__century-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__year-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  padding: 10px;
  background: none;
  text-align: center;
  line-height: 16px;
  color: #000;
}
.react-calendar__tile:hover:not(:disabled) {
  color: #fff !important;
}
.react-calendar__tile:disabled {
  color: #b6b6b6 !important;
}
.react-calendar__tile:enabled:hover {
  background: #9237ff;
  border-radius: 12px;
  color: #fff;
}
.react-calendar__tile--now {
  background-color: #f2f3f7;
  color: #9237ff 6;
}
.react-calendar__tile--now:hover {
  font-weight: 400;
}
.react-calendar__tile--now:not(.react-calendar__tile--range) {
  border-radius: 12px;
}
.react-calendar__tile--now:enabled:focus,
.react-calendar__tile--now:enabled:hover {
  background: #9237ff;
}
.react-calendar__tile--hasActive {
  background: #f5ebff;
  border-radius: 12px;
}
.react-calendar__tile--hasActive:enabled:focus,
.react-calendar__tile--hasActive:enabled:hover {
  background: #f5ebff;
}
.react-calendar__tile--active {
  background: #f5ebff;
  border-radius: 12px;
  color: #9237ff;
}
.react-calendar__tile--active abbr {
  font-weight: 400;
}
.react-calendar__tile--active:enabled:hover {
  background: #9237ff;
  color: #fff;
  border-radius: 0;
}
.react-calendar__tile--active:enabled:focus {
  background: #9237ff;
  color: #fff;
}
.react-calendar__tile--rangeStart {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  background: #9237ff;
  color: #fff !important;
}
.react-calendar__tile--rangeEnd {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background: #9237ff;
  color: #fff !important;
}
.react-calendar__navigation__next-button,
.react-calendar__navigation__prev-button {
  color: #000;
}
.react-calendar__navigation__next2-button,
.react-calendar__navigation__prev2-button {
  display: none;
}
.react-calendar__navigation__label__labelText {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  display: block;
  color: #000 !important;
}
.react-calendar__navigation__label__labelText:first-letter {
  text-transform: uppercase;
}
.react-calendar__month-view__days__day {
  border-radius: 0;
}
.react-calendar__month-view__days__day:not(.react-calendar__month-view__days__day--weekend):not(.react-calendar__month-view__weekdays__weekday--weekend):not(.react-calendar__month-view__days__day--neighboringMonth):not(.react-calendar__tile:enabled:hover)
  .react-calendar__month-view__days__day:not(.react-calendar__tile--active):not(.react-calendar__tile:disabled) {
  color: #000;
}
:root {
  --flowPath: url(https://mstatic.wbstatic.net/wbdigital/1.8.8/public/static/i/flow--lite.svg);
}
.capitalize-first-letter:first-letter {
  text-transform: uppercase;
}
.slide {
  overflow: hidden;
}
.slider--cards .slide {
  height: auto;
}
.swiper-slide {
  display: grid;
  height: auto !important;
}
.swiper-slide .blocks__entry {
  height: 100%;
}
.nav__name:first-letter {
  text-transform: uppercase;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.margin--b-12 {
  margin-bottom: 12px;
}
.margin--b-18 {
  margin-bottom: 18px;
}
.margin--t-12 {
  margin-top: 12px;
}
.card__image .image img,
.card__media .image img {
  object-fit: cover;
  object-position: center;
}
.card__top {
  border: 1px solid rgba(1, 1, 1, 0.03);
}
.color-suppBlue {
  color: #2a83fb;
}
.color-suppGren {
  color: rgb(var(--suxsColr));
}
.manager {
  display: flex;
}
.manager--col {
  flex-direction: column;
}
.manager--wrap {
  flex-wrap: wrap;
}
.manager--fh {
  height: 100%;
}
.manager--a-str {
  align-items: flex-start;
}
.manager--a-ctr {
  align-items: center;
}
.manager--a-end {
  align-items: flex-end;
}
.manager--j-ctr {
  justify-content: center;
}
.manager--j-btw {
  justify-content: space-between;
}
.manager--j-end {
  justify-content: flex-end;
}
.manager--greed {
  flex: 1 1 auto;
}
.manager--sharp {
  overflow: hidden;
}
.manager--cells {
  gap: 24px;
}
@media (max-width: 768px) {
  .manager--cells {
      gap: 16px;
  }
}
.cell {
  flex: 0 1 auto;
}
.cell--greed {
  flex: 1 1 auto;
}
.--catalog-index-icon {
  aspect-ratio: 2/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--slavBase));
  color: rgb(var(--white));
}
.--catalog-index-icon .icon {
  --iconSize: var(--iconDL);
  width: var(--iconSize);
  height: var(--iconSize);
}
#toasts {
  z-index: 1000;
  width: 279px;
  max-height: calc(100% - var(--head-height));
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.toast__animate-enter {
  animation-name: fadeInFromNone;
  animation-duration: 0.5s;
}
.toast__contents {
  border-radius: 16px;
  padding: 12px;
  background-color: #fff;
}
.toast__body {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.toast__close {
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px;
  cursor: pointer;
}
.toast--suxs .toast__contents {
  border: 1px solid #c0e0ca;
  background-color: #eefcf2;
}
.toast--warn .toast__contents {
  border: 1px solid #ffdab7;
  background-color: #fff1e4;
}
.toast--eror .toast__contents {
  border: 1px solid #ffd2d2;
  background-color: #ffdfdf;
}
.toast--info .toast__contents {
  border: 1px solid #dfc3ff;
  background-color: #f9f2ff;
}
.link--sort {
  margin-right: 10px;
  border-bottom: 1px dashed;
}
.link--cham--selected {
  color: rgb(var(--linkColor));
}
.display-optimisation {
  contain: style layout;
}
.mobile-button-active {
  background-color: rgb(var(--corpColS));
  color: rgb(var(--white));
}
.fs-small {
  font-size: calc(var(--baseFont) - 2px);
}
#catalogue,
#menu,
.menu {
  content-visibility: auto;
}
.captcha-block {
  display: flex;
  align-items: center;
}
.icon--refresh-style-login {
  fill: rgb(var(--corpColS)) !important;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.icon--login-page {
  fill: rgb(var(--white)) !important;
  width: 30px;
  height: 30px;
}
.listy {
  margin: 24px 0 48px 24px;
}
.captcha-title-wrapper {
  margin-bottom: 12px;
}
.captcha-img {
  height: 48px;
}
.margin--b-32,
.section__heading--subscribes {
  margin-bottom: 32px;
}
.section--bgLevel1 {
  background-color: rgb(var(--bgLevel1));
}
.buttons {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.buttons--no-gap {
  gap: 0 !important;
}
.buttons + .buttons {
  margin-top: 24px;
}
.buttons--nowr {
  flex-wrap: nowrap;
}
.buttons--ctr {
  justify-content: center;
}
.buttons--end {
  justify-content: flex-end;
}
.buttons--col {
  flex-direction: column;
}
.buttons--col.buttons--ctr {
  align-items: center;
}
.buttons--col.buttons--end {
  align-items: flex-end;
}
.buttons--col--stretch {
  align-items: stretch;
}
.loaderWrapper {
  height: 350px;
}
.loader,
.loader-no-absolute {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 35;
}
.loader {
  position: absolute;
}
.loader-no-absolute:before,
.loader:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  border-color: currentcolor;
  border-top: 6px solid rgb(var(--corpColS));
  border-right: 6px solid rgb(var(--corpColM));
  border-bottom: 6px solid rgb(var(--corpColE));
  border-left: 6px solid rgb(var(--mainCase));
  animation: rotate 0.3s linear infinite;
}
.loader span,
.loader-no-absolute span {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-style: normal;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  margin-top: 48px;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  color: rgb(var(--slavCase));
  width: 100%;
}
.loader--main {
  position: fixed;
  z-index: 1010;
}
.card__name--short {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.hider {
  margin-bottom: 32px;
}
.hider:last-child {
  margin-bottom: 0;
}
.hider__container {
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 6;
}
.hider__trigger {
  padding-top: 8px;
}
.hider--sharp {
  display: block;
}
.hider--sharp--props .hider__container {
  max-height: 136px;
}
.hider--sharp--dwnld .hider__container {
  max-height: 244px;
}
.hider--expanded .hider__container {
  display: block;
  height: auto;
  max-height: none;
}
.hider + .hider {
  margin-top: 48px;
}
.hider-container--2 {
  -webkit-line-clamp: 2;
}
.avatar--l {
  width: 80px;
  height: 80px;
}
.socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.socials--c {
  justify-content: center;
}
.social {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  transition: 0.1s ease;
  transition-property: background-color;
  position: relative;
  display: block;
  background-color: rgb(var(--bgLevel0) / 0);
  box-shadow: inset 0 0 0 2px rgb(var(--mainBord));
}
.social i {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
}
.social i svg {
  width: 100%;
  height: 100%;
  transition: 0.1s ease;
  transition-property: fill;
  fill: rgb(var(--slavText));
}
.social:hover {
  background-color: rgb(var(--bgLevel0) / 25%);
}
.social:hover i svg {
  fill: rgb(var(--liteCorp));
}
.card__image .image img {
  object-fit: contain;
  background: rgba(0, 0, 0, 0.03);
}
.hider--expanded .hider__body {
  display: block;
  height: auto;
  max-height: none;
  mask-image: none;
  -webkit-mask-image: none;
}
.mar-0 {
  margin-top: 0 !important;
}
.mar-t--min {
  margin-top: 2px !important;
}
.mar-t--xs {
  margin-top: 4px !important;
}
.mar-t--s {
  margin-top: 8px !important;
}
.mar-t--m {
  margin-top: 12px !important;
}
.mar-t--l {
  margin-top: 16px !important;
}
.mar-t--xl {
  margin-top: 24px !important;
}
.mar-t--2xl {
  margin-top: 32px !important;
}
.mar-t--3xl {
  margin-top: 48px !important;
}
.mar-t--4xl {
  margin-top: 64px !important;
}
.mar-t--5xl {
  margin-top: 80px !important;
}
.mar-t--7xl {
  margin-top: 102px !important;
}
.mar-b--min {
  margin-bottom: 2px !important;
}
.mar-b--xs {
  margin-bottom: 4px !important;
}
.mar-b--s {
  margin-bottom: 8px !important;
}
.mar-b--m {
  margin-bottom: 12px !important;
}
.mar-b--l {
  margin-bottom: 16px !important;
}
.mar-b--xl {
  margin-bottom: 24px !important;
}
.mar-b--2xl {
  margin-bottom: 32px !important;
}
.mar-b--3xl {
  margin-bottom: 48px !important;
}
.mar-b--4xl {
  margin-bottom: 64px !important;
}
.mar-b--5xl {
  margin-bottom: 80px !important;
}
.mar-r--min {
  margin-right: 2px !important;
}
.mar-r--xs {
  margin-right: 4px !important;
}
.mar-r--s {
  margin-right: 8px !important;
}
.mar-r--m {
  margin-right: 12px !important;
}
.mar-r--l {
  margin-right: 16px !important;
}
.mar-r--xl {
  margin-right: 24px !important;
}
.mar-r--2xl {
  margin-right: 32px !important;
}
.mar-r--3xl {
  margin-right: 48px !important;
}
.mar-r--4xl {
  margin-right: 64px !important;
}
.mar-r--5xl {
  margin-right: 80px !important;
}
#wrap.pop-gallery-is-shown #pop-gallery-old {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
#wrap.pop-gallery-is-shown #pop-gallery-old-frame {
  transition-delay: 0.25s;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#pop-gallery-old {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  transition-delay: 0.25s;
  position: fixed;
  z-index: 1001;
  opacity: 0;
  visibility: hidden;
}
#pop-gallery-old-center {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pop-gallery-old-frame {
  width: 100%;
  height: 100%;
  transition: 0.25s ease;
  transition-property: opacity, visibility, transform;
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  margin: auto;
  max-width: var(--center-width);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
}
#pop-gallery-old-underlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  background-color: rgb(var(--bgLevel1) / 90%);
}
.pop-gallery-old {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  display: none;
  position: relative;
  background-color: rgb(var(--bgLevel2));
  box-shadow: 0 4px 8px 0 rgb(var(--black) / 25%);
}
.pop-gallery-old__close {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.pop-gallery-old__close:after,
.pop-gallery-old__close:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: rgb(var(--slavText));
}
.pop-gallery-old__close:before {
  transform: rotate(-45deg);
}
.pop-gallery-old__close:after {
  transform: rotate(45deg);
}
.pop-gallery-old__close:hover:after,
.pop-gallery-old__close:hover:before {
  background-color: rgb(var(--mainText));
}
.pop-gallery-old__contents {
  width: 100%;
  height: 100%;
  padding: 48px 24px 24px;
}
.pop-gallery-old--active {
  display: block;
}
.pop-gallery-old .gallery-old {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 100% !important;
}
.pop-gallery-old .gallery-old__nav {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  transition: 0.25s ease;
  transition-property: background-color, opacity, visibility, transform;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  background-color: rgb(var(--black));
  cursor: pointer;
}
.pop-gallery-old .gallery-old__nav--disabled {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pop-gallery-old .gallery-old__nav svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  position: absolute;
  fill: rgb(var(--white));
}
.pop-gallery-old .gallery-old__nav:hover {
  background-color: rgb(var(--liteCorp));
}
.pop-gallery-old .gallery-old__nav--prev {
  left: 8px;
}
.pop-gallery-old .gallery-old__nav--next {
  right: 8px;
}
.pop-gallery-old .gallery-old__main {
  flex: 1 1 100%;
  overflow: hidden;
  position: relative;
}
.pop-gallery-old .gallery-old__viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pop-gallery-old .gallery-old__runner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
}
.pop-gallery-old .gallery-old-slide {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pop-gallery-old .gallery-old-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gallery-old-thumb {
  flex: 0 0 auto;
  width: calc(100% / 5);
  max-width: 90px;
  height: 100%;
  padding: 0 4px 4px;
  cursor: pointer;
}
.gallery-old__thumbs {
  flex: 0 0 auto;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
}
.gallery-old-thumb__contents {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--bgLevel1));
  border: 1px solid rgb(var(--mainBord));
  box-shadow: inset 0 0 0 0 rgb(var(--liteCorp) / 0);
  position: relative;
}
.gallery-old-thumb__image {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  margin: auto;
  position: absolute;
}
.gallery-old-thumb__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  #pop-gallery-old-center {
      padding: 0;
  }
  .pop-gallery-old {
      border-radius: 0;
  }
  .pop-gallery-old .gallery-old__thumbs {
      height: 60px;
  }
  .pop-gallery-old .gallery-old__thumbs-thumb {
      max-width: 60px;
  }
}
.media__listen__cover {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
}
.media__initer {
  cursor: pointer;
}
.quote__container,
.quote__container__popup {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.showcase__main__quote__width {
  width: 20%;
}
.showcase__center__quote__width {
  width: 50%;
}
.showcase__side__quote__width {
  width: 80%;
}
.digital__thumb {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  z-index: 2;
  position: absolute;
}
.digital__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 700px;
}
.col-quote {
  flex-direction: row;
}
.quote-elem {
  flex-grow: 1;
  width: 100%;
}
.quote-text {
  text-align: justify;
}
@media (max-width: 768px) {
  .quote__container {
      display: flex;
      flex-direction: column;
  }
  .showcase__center__quote__width {
      width: 100%;
  }
  .col-quote {
      flex-direction: column;
  }
}
.payment-selector-container {
  overflow-y: auto;
  max-height: 300px;
  min-height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.payment-selector {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  border: 1px solid rgb(var(--mainBord));
  border-radius: 4px;
  height: 54px;
  margin-bottom: 10px;
  cursor: pointer;
}
.payment-selector.payment-selector--selected {
  border: 1px solid rgb(var(--corpColS));
  color: rgb(var(--corpColS));
}
.payment-selector > div {
  padding-left: 10px;
}
.pay-card {
  display: flex;
  align-items: stretch;
  gap: 24px;
}
.pay-card__entry--info {
  flex: 1 1 auto;
}
.pay-card__entry--code {
  width: 220px;
  flex: 0 0 auto;
}
@media (max-width: 540px) {
  .pay-card {
      flex-direction: column;
  }
  .pay-card__entry--code,
  .pay-card__entry--info {
      width: 100%;
  }
}
.color-liteCorp {
  color: rgb(var(--corpColS));
}
.qr-illustration {
  width: 100%;
}
.pad {
  position: relative;
  padding: 12px;
}
.pad--stat {
  position: static;
}
.pad--fh {
  height: 100%;
}
.pad--tall {
  padding-right: 0;
  padding-left: 0;
}
.pad--sect {
  padding-top: 240px;
  padding-bottom: 240px;
}
.pad--foot {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pad--npt {
  padding-top: 0;
}
.pad--npr {
  padding-right: 0;
}
.pad--npb {
  padding-bottom: 0;
}
.pad--npl {
  padding-left: 0;
}
.justify-center {
  justify-content: center;
}
.margin--b-6 {
  margin-bottom: 6px;
}
.fill-icon-dislike {
  fill: rgb(var(--erorColr)) !important;
}
.fill-icon-like {
  fill: rgb(var(--suxsColr)) !important;
}
.quote__shared__container {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.margin-t-2 {
  margin-top: 2px;
}
.margin-t-4 {
  margin-top: 4px;
}
.margin-t-6 {
  margin-top: 6px;
}
.margin-l-auto {
  margin-left: auto;
}
@media (max-width: 768px) {
  .no-padding {
      padding: 0;
  }
}
.quote__img__popup {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.25s ease;
  transition-property: opacity, visibility;
  z-index: 2;
}
.quote__img__popup:empty {
  background-image: url(/_next/static/media/no-image-new.bd3b6796.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
  background-color: #f5f6f7;
  border-radius: 12px;
  height: 100%;
}
.quote__img__popup img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 120px;
}
.text-align--justify {
  text-align: justify;
}
.pager {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pager-item {
  border-radius: 2px;
  transition: 0.1s ease;
  transition-property: opacity, visibility, box-shadow, background-color;
  height: 24px;
  min-width: 24px;
  background-color: rgb(var(--slavBase));
  border-color: rgb(var(--slavBase));
  cursor: pointer;
}
.pager-item a {
  width: 100%;
  height: 100%;
  transition: 0.1s ease;
  transition-property: color;
  display: block;
  color: rgb(var(--slavText));
  text-decoration: none;
}
.pager-item__value {
  font-size: 14px;
  padding: 0 4px;
  text-align: center;
  line-height: 24px;
}
.pager-item__value svg {
  width: 100%;
  height: 100%;
  transition: 0.1s ease;
  transition-property: fill;
  fill: rgb(var(--slavText));
}
.pager-item--dots {
  color: rgb(var(--fadeText)) !important;
}
.pager-item--dots,
.pager-item--nav {
  background-color: transparent !important;
  box-shadow: none !important;
}
.pager-item--nav {
  width: 24px;
}
.pager-item--nav .pager-item__value {
  width: 100%;
  height: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}
.pager-item--nav--disabled {
  opacity: 0.1;
  pointer-events: none;
}
.pager-item:hover {
  box-shadow: 0 0 0 2px rgb(var(--liteCorp));
}
.pager-item:hover a {
  color: rgb(var(--mainText));
}
.pager-item:hover a svg {
  fill: rgb(var(--mainText));
}
.pager-item--current,
.pager-item--current:hover {
  background-color: rgb(var(--corpColS));
  border-color: rgb(var(--corpColS));
  color: rgb(var(--white));
}
.pager-item--current a,
.pager-item--current:hover a {
  color: rgb(var(--white));
  cursor: default;
}
.pager-item--current a svg,
.pager-item--current:hover a svg {
  fill: rgb(var(--mainText));
}
.visible {
  visibility: visible !important;
}
.no_padding_right {
  padding-right: 0 !important;
}
.icon--refresh-style {
  fill: rgb(var(--liteCorp)) !important;
}
.icon--refresh-style:hover {
  fill: #fff !important;
}
.gallery__media {
  border-radius: 12px;
}
.content {
  overflow: hidden;
}
.rate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}
.rate--set--1 .rate__star:nth-last-child(-n + 1) .rate__star-image--def {
  display: none;
}
.rate--set--1 .rate__star:nth-last-child(-n + 1) .rate__star-image--act {
  display: block;
}
.rate--set--2 .rate__star:nth-last-child(-n + 2) .rate__star-image--def {
  display: none;
}
.rate--set--2 .rate__star:nth-last-child(-n + 2) .rate__star-image--act {
  display: block;
}
.rate--set--3 .rate__star:nth-last-child(-n + 3) .rate__star-image--def {
  display: none;
}
.rate--set--3 .rate__star:nth-last-child(-n + 3) .rate__star-image--act {
  display: block;
}
.rate--set--4 .rate__star:nth-last-child(-n + 4) .rate__star-image--def {
  display: none;
}
.rate--set--4 .rate__star:nth-last-child(-n + 4) .rate__star-image--act {
  display: block;
}
.rate--set--5 .rate__star:nth-last-child(-n + 5) .rate__star-image--def {
  display: none;
}
.rate--set--5 .rate__star:nth-last-child(-n + 5) .rate__star-image--act {
  display: block;
}
.rate:hover .rate__star-image--def {
  display: block !important;
}
.rate:hover .rate__star-image--act {
  display: none !important;
}
.rate__star {
  width: 48px;
  height: 48px;
  padding: 2px;
  fill: #e16a1a;
  cursor: pointer;
}
.rate--small .rate__star {
  width: 30px;
  height: 30px;
  padding: 0;
  margin-left: 2px;
}
.rate__star-image {
  width: 100%;
  height: 100%;
}
.rate__star-image--act {
  display: none;
}
.rate__star:hover .rate__star-image--def,
.rate__star:hover ~ .rate__star .rate__star-image--def {
  display: none !important;
}
.rate__star:hover .rate__star-image--act,
.rate__star:hover ~ .rate__star .rate__star-image--act {
  display: block !important;
}
.media__initer-desc {
  z-index: 2;
}
.thumbnail {
  background-color: rgb(var(--slavBase));
  width: 100%;
  position: absolute;
  object-fit: contain;
}
.fullscreen,
.thumbnail {
  height: 100%;
  border-radius: 12px;
}
.fullscreen {
  background-color: #000;
}
.fullscree--mw {
  max-width: 100%;
}
.fullscreen video {
  border-radius: 12px;
}
.noradius .fullscreen {
  border-radius: 0;
}
.fullscreen.active_fs {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  border-radius: 0;
}
.active_fs .thumbnail,
.active_fs video {
  border-radius: 0;
}
.db {
  display: block !important;
}
.position-unset {
  position: unset !important;
}
.media__controls {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.react-datepicker__aria-live {
  display: none;
}
.media--paused .media__stater {
  display: flex !important;
}
.media--playing .media__stater {
  display: flex;
}
.media__starter__rewind {
  flex: 1 1;
  height: 100%;
}
.media__starter__rewind svg {
  visibility: hidden;
}
.media--paused .media__starter__rewind svg {
  visibility: visible;
}
.color--slavCase-i {
  color: rgb(var(--slavCase)) !important;
}
.link--cham--selected {
  color: rgb(var(--corpColM));
}
.margin--b-0 {
  margin-bottom: 0;
}
.card__top:before {
  background-image: none !important;
}
.hover-pointer {
  cursor: pointer;
}
#mobile-menu button:disabled .button__value {
  opacity: 0.5;
  border: 0;
  background-color: transparent;
}
p.small-xs {
  font-size: 14px;
}
h5 {
  margin-bottom: calc(var(--baseFont) - 10px);
}
#wrap.catalogue-is-shown #catalogue,
#wrap.mobile-search-is-shown #mobile-search {
  opacity: 1;
  visibility: visible;
}
#wrap:has(.interaction--main-search input:focus) #body,
#wrap:has(.interaction--main-search input:focus) #foot {
  filter: brightness(0.4);
}
@media (max-width: 700px) {
  #wrap.head-is-sticky #catalogue-body {
      height: calc(100% - 220px);
  }
}
@media (max-width: 480px) {
  #wrap.head-is-sticky #catalogue-body {
      height: calc(100% - 124px);
  }
}
.decorate-percent:after {
  content: "%";
}
.decorate-ruble:after {
  content: "\00a0₽";
}
.decorate-plus:before {
  content: "+\00a0";
}
.decorate-minus:before {
  content: "-\00a0";
}
.decorate-brackets:before {
  content: "(";
}
.decorate-brackets:after {
  content: ")";
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  z-index: var(--stickyZ);
}
.sticky--head {
  top: var(--headH);
}
.sticky--top {
  top: 0;
}
.sticky--bottom {
  bottom: 0;
  z-index: calc(var(--stickyZ) - 1);
}
.bs {
  --currentBS: var(--mainBS);
  box-shadow: var(--currentBS);
}
.bs--control {
  box-shadow: var(--mediaControlsBS);
}
.bs--handler {
  box-shadow: var(--handlerBS);
}
.bs--pop {
  box-shadow: var(--popBS);
}
.bs--none {
  box-shadow: none;
}
.r {
  --borderRadius: calc(var(--baseValue) * 4);
  border-radius: var(--borderRadius);
}
.r--x {
  --borderRadius: var(--baseValue);
}
.r--x2 {
  --borderRadius: calc(var(--baseValue) * 2);
}
.r--x3 {
  --borderRadius: calc(var(--baseValue) * 3);
}
.r--x5 {
  --borderRadius: calc(var(--baseValue) * 5);
}
.r--x6 {
  --borderRadius: calc(var(--baseValue) * 6);
}
.r--xs {
  border-radius: 4px;
}
.r--s {
  border-radius: 8px;
}
.r--m {
  border-radius: 12px;
}
.r--l {
  border-radius: 16px;
}
.r--xl {
  border-radius: 18px;
}
.bg {
  --currentBG: var(--mainBase);
  --currentBGO: 100%;
  background-color: rgb(var(--currentBG) / var(--currentBGO));
}
.bg--black {
  --currentBG: var(--black);
}
.bg--white {
  --currentBG: var(--white);
}
.bg--selct {
  --currentBG: var(--selct);
}
.bg--mainBase {
  --currentBG: var(--mainBase);
}
.bg--slavBase {
  --currentBG: var(--slavBase);
}
.bg--tripBase {
  --currentBG: var(--tripBase);
}
.bg--hovrBase {
  --currentBG: var(--hovrBase);
}
.bg--mainCase {
  --currentBG: var(--mainCase);
}
.bg--slavCase {
  --currentBG: var(--slavCase);
}
.bg--tripCase {
  --currentBG: var(--tripCase);
}
.bg--mainBord {
  --currentBG: var(--mainBord);
}
.bg--corpColS {
  --currentBG: var(--corpColS);
}
.bg--corpColM {
  --currentBG: var(--corpColM);
}
.bg--corpColE {
  --currentBG: var(--corpColE);
}
.bg--suppColr {
  --currentBG: var(--suppColr);
}
.bg--semeColr {
  --currentBG: var(--semeColr);
}
.bg--starColr {
  --currentBG: var(--starColr);
}
.bg--specColr {
  --currentBG: var(--specColr);
}
.bg--linkColr {
  --currentBG: var(--linkColr);
}
.bg--infoColr {
  --currentBG: var(--infoColr);
}
.bg--suxsColr {
  --currentBG: var(--suxsColr);
}
.bg--warnColr {
  --currentBG: var(--warnColr);
}
.bg--erorColr {
  --currentBG: var(--erorColr);
}
.bg--o {
  --currentBGO: 0%;
}
.bg--o--5 {
  --currentBGO: 5%;
}
.bg--o--10 {
  --currentBGO: 10%;
}
.bg--o--15 {
  --currentBGO: 15%;
}
.bg--o--20 {
  --currentBGO: 20%;
}
.bg--o--25 {
  --currentBGO: 25%;
}
.bg--o--30 {
  --currentBGO: 30%;
}
.bg--o--35 {
  --currentBGO: 35%;
}
.bg--o--40 {
  --currentBGO: 40%;
}
.bg--o--45 {
  --currentBGO: 45%;
}
.bg--o--50 {
  --currentBGO: 50%;
}
.bg--o--55 {
  --currentBGO: 55%;
}
.bg--o--60 {
  --currentBGO: 60%;
}
.bg--o--65 {
  --currentBGO: 65%;
}
.bg--o--70 {
  --currentBGO: 70%;
}
.bg--o--75 {
  --currentBGO: 75%;
}
.bg--o--80 {
  --currentBGO: 80%;
}
.bg--o--85 {
  --currentBGO: 85%;
}
.bg--o--90 {
  --currentBGO: 90%;
}
.bg--o--95 {
  --currentBGO: 95%;
}
.color {
  --currentColr: var(--mainCase);
  color: rgb(var(--currentColr));
}
.color--black {
  --currentColr: var(--black);
}
.color--white {
  --currentColr: var(--white);
}
.color--selct {
  --currentColr: var(--selct);
}
.color--mainBase {
  --currentColr: var(--mainBase);
}
.color--slavBase {
  --currentColr: var(--slavBase);
}
.color--mainCase {
  --currentColr: var(--mainCase);
}
.color--slavCase {
  --currentColr: var(--slavCase);
}
.color--tripCase {
  --currentColr: var(--tripCase);
}
.color--mainBord {
  --currentColr: var(--mainBord);
}
.color--corpColS {
  --currentColr: var(--corpColS);
}
.color--corpColM {
  --currentColr: var(--corpColM);
}
.color--corpColE {
  --currentColr: var(--corpColE);
}
.color--suppColr {
  --currentColr: var(--suppColr);
}
.color--semeColr {
  --currentColr: var(--semeColr);
}
.color--starColr {
  --currentBG: var(--starColr);
}
.color--specColr {
  --currentBG: var(--specColr);
}
.color--linkColr {
  --currentColr: var(--linkColr);
}
.color--infoColr {
  --currentColr: var(--infoColr);
}
.color--suxsColr {
  --currentColr: var(--suxsColr);
}
.color--warnColr {
  --currentColr: var(--warnColr);
}
.color--erorColr {
  --currentColr: var(--erorColr);
}
.border {
  --borderW: 1px;
  --bordercolor: var(--mainBord);
  --borderO: 100%;
  border: var(--borderW) solid rgb(var(--bordercolor) / var(--borderO));
}
.border--black {
  --bordercolor: var(--black);
}
.border--white {
  --bordercolor: var(--white);
}
.border--selct {
  --bordercolor: var(--selct);
}
.border--mainBase {
  --bordercolor: var(--mainBase);
}
.border--slavBase {
  --bordercolor: var(--slavBase);
}
.border--mainCase {
  --bordercolor: var(--mainCase);
}
.border--slavCase {
  --bordercolor: var(--slavCase);
}
.border--tripCase {
  --bordercolor: var(--tripCase);
}
.border--mainBord {
  --bordercolor: var(--mainBord);
}
.border--corpColS {
  --bordercolor: var(--corpColS);
}
.border--corpColM {
  --bordercolor: var(--corpColM);
}
.border--corpColE {
  --bordercolor: var(--corpColE);
}
.border--suppColr {
  --bordercolor: var(--suppColr);
}
.border--semeColr {
  --bordercolor: var(--semeColr);
}
.border--linkColr {
  --bordercolor: var(--linkColr);
}
.border--infoColr {
  --bordercolor: var(--infoColr);
}
.border--suxsColr {
  --bordercolor: var(--suxsColr);
}
.border--warnColr {
  --bordercolor: var(--warnColr);
}
.border--erorColr {
  --bordercolor: var(--erorColr);
}
.border--none {
  border: none;
}
.border--w-2 {
  --borderW: 2px;
}
.border--hover {
  transition: 0.25s ease;
  transition-property: border-color;
}
.border--hover:hover {
  --bordercolor: var(--corpColS);
}
.o {
  --opacityValue: 1;
  opacity: var(--opacityValue);
}
.o--0 {
  --opacityValue: 0;
}
.o--5 {
  --opacityValue: 0.05;
}
.o--10 {
  --opacityValue: 0.1;
}
.o--15 {
  --opacityValue: 0.15;
}
.o--20 {
  --opacityValue: 0.2;
}
.o--25 {
  --opacityValue: 0.25;
}
.o--30 {
  --opacityValue: 0.3;
}
.o--35 {
  --opacityValue: 0.35;
}
.o--40 {
  --opacityValue: 0.4;
}
.o--45 {
  --opacityValue: 0.45;
}
.o--50 {
  --opacityValue: 0.5;
}
.o--55 {
  --opacityValue: 0.55;
}
.o--60 {
  --opacityValue: 0.6;
}
.o--65 {
  --opacityValue: 0.65;
}
.o--70 {
  --opacityValue: 0.7;
}
.o--75 {
  --opacityValue: 0.75;
}
.o--80 {
  --opacityValue: 0.8;
}
.o--85 {
  --opacityValue: 0.85;
}
.o--90 {
  --opacityValue: 0.9;
}
.o--95 {
  --opacityValue: 0.95;
}
.o--100 {
  --opacityValue: 1;
}
.o--hover {
  transition: 0.25s ease;
  transition-property: opacity;
}
.o--hover:hover {
  --opacityValue: 1;
}
.fsize {
  --fontSizeHere: var(--baseFont);
  font-size: var(--fontSizeHere);
}
.fsize--40 {
  --fontSizeHere: 40px;
}
.fsize--36 {
  --fontSizeHere: 36px;
}
.fsize--32 {
  --fontSizeHere: 32px;
}
.fsize--28 {
  --fontSizeHere: 28px;
}
.fsize--26 {
  --fontSizeHere: 26px;
}
.fsize--24 {
  --fontSizeHere: 24px;
}
.fsize--20 {
  --fontSizeHere: 20px;
}
.fsize--22 {
  --fontSizeHere: 22px;
}
.fsize--18 {
  --fontSizeHere: 18px;
}
.fsize--16 {
  --fontSizeHere: 16px;
}
.fsize--14 {
  --fontSizeHere: 14px;
}
.fsize--12 {
  --fontSizeHere: 12px;
}
.fsize--11 {
  --fontSizeHere: 11px;
}
.lh {
  --lhHere: var(--baseFont);
  line-height: var(--lhHere);
}
.lh--b {
  --lhHere: var(--iconDB);
}
.lh--52 {
  --lhHere: 52px;
}
.lh--36,
.lh--46 {
  --lhHere: 36px;
}
.lh--32 {
  --lhHere: 32px;
}
.lh--28 {
  --lhHere: 28px;
}
.lh--24 {
  --lhHere: 24px;
}
.lh--20,
.lh--22 {
  --lhHere: 20px;
}
.lh--16 {
  --lhHere: 16px;
}
.lh--14 {
  --lhHere: 14px;
}
.lh--12 {
  --lhHere: 12px;
}
.txt {
  font-weight: 400;
}
.hed,
.txt {
  font-family: Hauss, sans-serif;
  font-style: normal;
}
.hed {
  font-weight: 500;
}
.ital {
  font-style: italic !important;
}
.bold {
  font-weight: 700 !important;
}
.bolder {
  font-weight: 500 !important;
}
.norm {
  font-weight: 400 !important;
}
.ttu {
  text-transform: uppercase !important;
}
.mono {
  font-family: Hauss, monospace !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.fmb {
  margin-bottom: var(--baseFont);
}
.bmb {
  margin-bottom: var(--baseValue);
}
.nmb {
  margin-bottom: 0 !important;
}
.nmt {
  margin-top: 0 !important;
}
.nml {
  margin-left: 0 !important;
}
.nmr {
  margin-right: 0 !important;
}
.mta {
  margin-top: auto;
}
.mra {
  margin-right: auto;
}
.mba {
  margin-bottom: auto;
}
.mla {
  margin-left: auto;
}
.ma {
  margin: auto;
}
.rev {
  flex-direction: row-reverse;
}
.row {
  flex-direction: row;
}
.col {
  flex-direction: column;
}
.col.rev {
  flex-direction: column-reverse;
}
.wrp {
  flex-wrap: wrap;
}
.ai-str {
  align-items: flex-start;
}
.ai-ctr {
  align-items: center;
}
.ai-end {
  align-items: flex-end;
}
.ai-base {
  align-items: baseline;
}
.ai-strech {
  align-items: stretch;
}
.jc-str {
  justify-content: flex-start;
}
.jc-ctr {
  justify-content: center;
}
.jc-btw {
  justify-content: space-between;
}
.jc-spa {
  justify-content: space-around;
}
.jc-end {
  justify-content: flex-end;
}
.as-str {
  align-self: flex-start;
}
.as-ctr {
  align-self: center;
}
.as-end {
  align-self: flex-end;
}
@media (max-width: 768px) {
  .on-screen-tab-rev {
      flex-direction: row-reverse;
  }
  .on-screen-tab-col {
      flex-direction: column;
  }
  .on-screen-tab-col.rev {
      flex-direction: column-reverse;
  }
  .on-screen-tab-wrp {
      flex-wrap: wrap;
  }
  .on-screen-tab-ai-str {
      align-items: flex-start;
  }
  .on-screen-tab-ai-ctr {
      align-items: center;
  }
  .on-screen-tab-ai-end {
      align-items: flex-end;
  }
  .on-screen-tab-jc-str {
      justify-content: flex-start;
  }
  .on-screen-tab-jc-ctr {
      justify-content: center;
  }
  .on-screen-tab-jc-btw {
      justify-content: space-between;
  }
  .on-screen-tab-jc-spa {
      justify-content: space-around;
  }
  .on-screen-tab-jc-end {
      justify-content: flex-end;
  }
  .on-screen-tab-as-str {
      align-self: flex-start;
  }
  .on-screen-tab-as-ctr {
      align-self: center;
  }
  .on-screen-tab-as-end {
      align-self: flex-end;
  }
}
@media (max-width: 480px) {
  .on-screen-mob-rev {
      flex-direction: row-reverse;
  }
  .on-screen-mob-col {
      flex-direction: column;
  }
  .on-screen-mob-col.rev {
      flex-direction: column-reverse;
  }
  .on-screen-mob-wrp {
      flex-wrap: wrap;
  }
  .on-screen-mob-ai-str {
      align-items: flex-start;
  }
  .on-screen-mob-ai-ctr {
      align-items: center;
  }
  .on-screen-mob-ai-end {
      align-items: flex-end;
  }
  .on-screen-mob-jc-str {
      justify-content: flex-start;
  }
  .on-screen-mob-jc-ctr {
      justify-content: center;
  }
  .on-screen-mob-jc-btw {
      justify-content: space-between;
  }
  .on-screen-mob-jc-spa {
      justify-content: space-around;
  }
  .on-screen-mob-jc-end {
      justify-content: flex-end;
  }
  .on-screen-mob-as-str {
      align-self: flex-start;
  }
  .on-screen-mob-as-ctr {
      align-self: center;
  }
  .on-screen-mob-as-end {
      align-self: flex-end;
  }
}
.g {
  --gapValue: calc(var(--baseValue) * 4);
  gap: var(--gapValue);
}
.g--0 {
  --gapValue: 0;
}
.g--x {
  --gapValue: var(--baseValue);
}
.g--x2 {
  --gapValue: calc(var(--baseValue) * 2);
}
.g--x3 {
  --gapValue: calc(var(--baseValue) * 3);
}
.g--x5 {
  --gapValue: calc(var(--baseValue) * 5);
}
.g--x4 {
  --gapValue: calc(var(--baseValue) * 4);
}
.g--x6 {
  --gapValue: calc(var(--baseValue) * 6);
}
.g--x7 {
  --gapValue: calc(var(--baseValue) * 7);
}
.g--x8 {
  --gapValue: calc(var(--baseValue) * 8);
}
.g--x9 {
  --gapValue: calc(var(--baseValue) * 9);
}
.g--x10 {
  --gapValue: calc(var(--baseValue) * 10);
}
.g--x12 {
  --gapValue: calc(var(--baseValue) * 12);
}
.g--x16 {
  --gapValue: calc(var(--baseValue) * 16);
}
.g--x18 {
  --gapValue: calc(var(--baseValue) * 18);
}
.g--x20 {
  --gapValue: calc(var(--baseValue) * 20);
}
.gv {
  --rowGapValue: calc(var(--baseValue) * 4);
  row-gap: var(--rowGapValue);
}
.gv--0 {
  --rowGapValue: 0;
}
.gv--x {
  --rowGapValue: var(--baseValue);
}
.gv--x2 {
  --rowGapValue: calc(var(--baseValue) * 2);
}
.gv--x3 {
  --rowGapValue: calc(var(--baseValue) * 3);
}
.gv--x4 {
  --rowGapValue: calc(var(--baseValue) * 4);
}
.gv--x6 {
  --rowGapValue: calc(var(--baseValue) * 6);
}
.gv--x9 {
  --rowGapValue: calc(var(--baseValue) * 9);
}
.gv--x10 {
  --rowGapValue: calc(var(--baseValue) * 10);
}
.gv--x12 {
  --rowGapValue: calc(var(--baseValue) * 12);
}
.gv--x16 {
  --rowGapValue: calc(var(--baseValue) * 16);
}
.gv--x18 {
  --rowGapValue: calc(var(--baseValue) * 18);
}
.gv--x20 {
  --rowGapValue: calc(var(--baseValue) * 20);
}
@media (max-width: 1280px) {
  .g--screen-wid {
      --gapValue: calc(var(--baseValue) * 4);
  }
  .g--screen-wid--0 {
      --gapValue: 0;
  }
  .g--screen-wid--x {
      --gapValue: var(--baseValue);
  }
  .g--screen-wid--x2 {
      --gapValue: calc(var(--baseValue) * 2);
  }
  .g--screen-wid--x3 {
      --gapValue: calc(var(--baseValue) * 3);
  }
  .g--screen-wid--x6 {
      --gapValue: calc(var(--baseValue) * 6);
  }
  .g--screen-wid--x9 {
      --gapValue: calc(var(--baseValue) * 9);
  }
  .g--screen-wid--x10 {
      --gapValue: calc(var(--baseValue) * 10);
  }
  .g--screen-wid--x12 {
      --gapValue: calc(var(--baseValue) * 12);
  }
  .g--screen-wid--x16 {
      --gapValue: calc(var(--baseValue) * 16);
  }
  .g--screen-wid--x18 {
      --gapValue: calc(var(--baseValue) * 18);
  }
  .g--screen-wid--x20 {
      --gapValue: calc(var(--baseValue) * 20);
  }
  .gv--screen-wid {
      --rowGapValue: calc(var(--baseValue) * 4);
  }
  .gv--screen-wid--0 {
      --rowGapValue: 0;
  }
  .gv--screen-wid--x {
      --rowGapValue: var(--baseValue);
  }
  .gv--screen-wid--x2 {
      --rowGapValue: calc(var(--baseValue) * 2);
  }
  .gv--screen-wid--x3 {
      --rowGapValue: calc(var(--baseValue) * 3);
  }
  .gv--screen-wid--x6 {
      --rowGapValue: calc(var(--baseValue) * 6);
  }
  .gv--screen-wid--x9 {
      --rowGapValue: calc(var(--baseValue) * 9);
  }
  .gv--screen-wid--x10 {
      --rowGapValue: calc(var(--baseValue) * 10);
  }
  .gv--screen-wid--x12 {
      --rowGapValue: calc(var(--baseValue) * 12);
  }
  .gv--screen-wid--x16 {
      --rowGapValue: calc(var(--baseValue) * 16);
  }
  .gv--screen-wid--x18 {
      --rowGapValue: calc(var(--baseValue) * 18);
  }
  .gv--screen-wid--x20 {
      --rowGapValue: calc(var(--baseValue) * 20);
  }
}
@media (max-width: 980px) {
  .g--screen-dsk {
      --gapValue: calc(var(--baseValue) * 4);
  }
  .g--screen-dsk--0 {
      --gapValue: 0;
  }
  .g--screen-dsk--x {
      --gapValue: var(--baseValue);
  }
  .g--screen-dsk--x2 {
      --gapValue: calc(var(--baseValue) * 2);
  }
  .g--screen-dsk--x3 {
      --gapValue: calc(var(--baseValue) * 3);
  }
  .g--screen-dsk--x6 {
      --gapValue: calc(var(--baseValue) * 6);
  }
  .g--screen-dsk--x9 {
      --gapValue: calc(var(--baseValue) * 9);
  }
  .g--screen-dsk--x10 {
      --gapValue: calc(var(--baseValue) * 10);
  }
  .g--screen-dsk--x12 {
      --gapValue: calc(var(--baseValue) * 12);
  }
  .g--screen-dsk--x16 {
      --gapValue: calc(var(--baseValue) * 16);
  }
  .g--screen-dsk--x18 {
      --gapValue: calc(var(--baseValue) * 18);
  }
  .g--screen-dsk--x20 {
      --gapValue: calc(var(--baseValue) * 20);
  }
  .gv--screen-dsk {
      --rowGapValue: calc(var(--baseValue) * 4);
  }
  .gv--screen-dsk--0 {
      --rowGapValue: 0;
  }
  .gv--screen-dsk--x {
      --rowGapValue: var(--baseValue);
  }
  .gv--screen-dsk--x2 {
      --rowGapValue: calc(var(--baseValue) * 2);
  }
  .gv--screen-dsk--x3 {
      --rowGapValue: calc(var(--baseValue) * 3);
  }
  .gv--screen-dsk--x6 {
      --rowGapValue: calc(var(--baseValue) * 6);
  }
  .gv--screen-dsk--x9 {
      --rowGapValue: calc(var(--baseValue) * 9);
  }
  .gv--screen-dsk--x10 {
      --rowGapValue: calc(var(--baseValue) * 10);
  }
  .gv--screen-dsk--x12 {
      --rowGapValue: calc(var(--baseValue) * 12);
  }
  .gv--screen-dsk--x16 {
      --rowGapValue: calc(var(--baseValue) * 16);
  }
  .gv--screen-dsk--x18 {
      --rowGapValue: calc(var(--baseValue) * 18);
  }
  .gv--screen-dsk--x20 {
      --rowGapValue: calc(var(--baseValue) * 20);
  }
}
@media (max-width: 768px) {
  .g--screen-tab {
      --gapValue: calc(var(--baseValue) * 4);
  }
  .g--screen-tab--0 {
      --gapValue: 0;
  }
  .g--screen-tab--x {
      --gapValue: var(--baseValue);
  }
  .g--screen-tab--x2 {
      --gapValue: calc(var(--baseValue) * 2);
  }
  .g--screen-tab--x3 {
      --gapValue: calc(var(--baseValue) * 3);
  }
  .g--screen-tab--x6 {
      --gapValue: calc(var(--baseValue) * 6);
  }
  .g--screen-tab--x9 {
      --gapValue: calc(var(--baseValue) * 9);
  }
  .g--screen-tab--x10 {
      --gapValue: calc(var(--baseValue) * 10);
  }
  .g--screen-tab--x12 {
      --gapValue: calc(var(--baseValue) * 12);
  }
  .g--screen-tab--x16 {
      --gapValue: calc(var(--baseValue) * 16);
  }
  .g--screen-tab--x18 {
      --gapValue: calc(var(--baseValue) * 18);
  }
  .g--screen-tab--x20 {
      --gapValue: calc(var(--baseValue) * 20);
  }
  .gv--screen-tab {
      --rowGapValue: calc(var(--baseValue) * 4);
  }
  .gv--screen-tab--0 {
      --rowGapValue: 0;
  }
  .gv--screen-tab--x {
      --rowGapValue: var(--baseValue);
  }
  .gv--screen-tab--x2 {
      --rowGapValue: calc(var(--baseValue) * 2);
  }
  .gv--screen-tab--x3 {
      --rowGapValue: calc(var(--baseValue) * 3);
  }
  .gv--screen-tab--x6 {
      --rowGapValue: calc(var(--baseValue) * 6);
  }
  .gv--screen-tab--x9 {
      --rowGapValue: calc(var(--baseValue) * 9);
  }
  .gv--screen-tab--x10 {
      --rowGapValue: calc(var(--baseValue) * 10);
  }
  .gv--screen-tab--x12 {
      --rowGapValue: calc(var(--baseValue) * 12);
  }
  .gv--screen-tab--x16 {
      --rowGapValue: calc(var(--baseValue) * 16);
  }
  .gv--screen-tab--x18 {
      --rowGapValue: calc(var(--baseValue) * 18);
  }
  .gv--screen-tab--x20 {
      --rowGapValue: calc(var(--baseValue) * 20);
  }
}
@media (max-width: 480px) {
  .g--screen-mob {
      --gapValue: calc(var(--baseValue) * 4);
  }
  .g--screen-mob--0 {
      --gapValue: 0;
  }
  .g--screen-mob--x {
      --gapValue: var(--baseValue);
  }
  .g--screen-mob--x2 {
      --gapValue: calc(var(--baseValue) * 2);
  }
  .g--screen-mob--x3 {
      --gapValue: calc(var(--baseValue) * 3);
  }
  .g--screen-mob--x6 {
      --gapValue: calc(var(--baseValue) * 6);
  }
  .g--screen-mob--x9 {
      --gapValue: calc(var(--baseValue) * 9);
  }
  .g--screen-mob--x10 {
      --gapValue: calc(var(--baseValue) * 10);
  }
  .g--screen-mob--x12 {
      --gapValue: calc(var(--baseValue) * 12);
  }
  .g--screen-mob--x16 {
      --gapValue: calc(var(--baseValue) * 16);
  }
  .g--screen-mob--x18 {
      --gapValue: calc(var(--baseValue) * 18);
  }
  .g--screen-mob--x20 {
      --gapValue: calc(var(--baseValue) * 20);
  }
  .gv--screen-mob {
      --rowGapValue: calc(var(--baseValue) * 4);
  }
  .gv--screen-mob--0 {
      --rowGapValue: 0;
  }
  .gv--screen-mob--x {
      --rowGapValue: var(--baseValue);
  }
  .gv--screen-mob--x2 {
      --rowGapValue: calc(var(--baseValue) * 2);
  }
  .gv--screen-mob--x3 {
      --rowGapValue: calc(var(--baseValue) * 3);
  }
  .gv--screen-mob--x6 {
      --rowGapValue: calc(var(--baseValue) * 6);
  }
  .gv--screen-mob--x9 {
      --rowGapValue: calc(var(--baseValue) * 9);
  }
  .gv--screen-mob--x10 {
      --rowGapValue: calc(var(--baseValue) * 10);
  }
  .gv--screen-mob--x12 {
      --rowGapValue: calc(var(--baseValue) * 12);
  }
  .gv--screen-mob--x16 {
      --rowGapValue: calc(var(--baseValue) * 16);
  }
  .gv--screen-mob--x18 {
      --rowGapValue: calc(var(--baseValue) * 18);
  }
  .gv--screen-mob--x20 {
      --rowGapValue: calc(var(--baseValue) * 20);
  }
}
@media (max-width: 320px) {
  .g--screen-nar {
      --gapValue: calc(var(--baseValue) * 4);
  }
  .g--screen-nar--0 {
      --gapValue: 0;
  }
  .g--screen-nar--x {
      --gapValue: var(--baseValue);
  }
  .g--screen-nar--x2 {
      --gapValue: calc(var(--baseValue) * 2);
  }
  .g--screen-nar--x3 {
      --gapValue: calc(var(--baseValue) * 3);
  }
  .g--screen-nar--x6 {
      --gapValue: calc(var(--baseValue) * 6);
  }
  .g--screen-nar--x9 {
      --gapValue: calc(var(--baseValue) * 9);
  }
  .g--screen-nar--x10 {
      --gapValue: calc(var(--baseValue) * 10);
  }
  .g--screen-nar--x12 {
      --gapValue: calc(var(--baseValue) * 12);
  }
  .g--screen-nar--x16 {
      --gapValue: calc(var(--baseValue) * 16);
  }
  .g--screen-nar--x18 {
      --gapValue: calc(var(--baseValue) * 18);
  }
  .g--screen-nar--x20 {
      --gapValue: calc(var(--baseValue) * 20);
  }
  .gv--screen-nar {
      --rowGapValue: calc(var(--baseValue) * 4);
  }
  .gv--screen-nar--0 {
      --rowGapValue: 0;
  }
  .gv--screen-nar--x {
      --rowGapValue: var(--baseValue);
  }
  .gv--screen-nar--x2 {
      --rowGapValue: calc(var(--baseValue) * 2);
  }
  .gv--screen-nar--x3 {
      --rowGapValue: calc(var(--baseValue) * 3);
  }
  .gv--screen-nar--x6 {
      --rowGapValue: calc(var(--baseValue) * 6);
  }
  .gv--screen-nar--x9 {
      --rowGapValue: calc(var(--baseValue) * 9);
  }
  .gv--screen-nar--x10 {
      --rowGapValue: calc(var(--baseValue) * 10);
  }
  .gv--screen-nar--x12 {
      --rowGapValue: calc(var(--baseValue) * 12);
  }
  .gv--screen-nar--x16 {
      --rowGapValue: calc(var(--baseValue) * 16);
  }
  .gv--screen-nar--x18 {
      --rowGapValue: calc(var(--baseValue) * 18);
  }
  .gv--screen-nar--x20 {
      --rowGapValue: calc(var(--baseValue) * 20);
  }
}
.showme {
  display: none;
}
@media (max-width: 1440px) {
  .showme--screen-big {
      display: block;
  }
  .showme--screen-big-f {
      display: flex;
  }
  .hideme--screen-big {
      display: none !important;
  }
  .nosticky-screen-big {
      position: relative;
      top: 0;
  }
}
@media (max-width: 1280px) {
  .showme--screen-wid {
      display: block;
  }
  .showme--screen-wid-f {
      display: flex;
  }
  .hideme--screen-wid {
      display: none !important;
  }
  .nosticky-screen-wid {
      position: relative;
      top: 0;
  }
}
@media (max-width: 980px) {
  .showme--screen-dsk {
      display: block;
  }
  .showme--screen-dsk-f {
      display: flex;
  }
  .hideme--screen-dsk {
      display: none !important;
  }
  .nosticky-screen-dsk {
      position: relative;
      top: 0;
  }
}
@media (max-width: 768px) {
  .showme--screen-tab {
      display: block;
  }
  .showme--screen-tab-f {
      display: flex;
  }
  .hideme--screen-tab {
      display: none !important;
  }
  .nosticky-screen-tab {
      position: relative;
      top: 0;
  }
}
@media (max-width: 480px) {
  .showme--screen-mob {
      display: block;
  }
  .showme--screen-mob-f {
      display: flex;
  }
  .hideme--screen-mob {
      display: none !important;
  }
  .nosticky-screen-mob {
      position: relative;
      top: 0;
  }
}
@media (max-width: 320px) {
  .showme--screen-nar {
      display: block;
  }
  .showme--screen-nar-f {
      display: flex;
  }
  .hideme--screen-nar {
      display: none !important;
  }
  .nosticky-screen-nar {
      position: relative;
      top: 0;
  }
}
@media (max-width: 390px) {
  .showme--screen-xs {
      display: block;
  }
  .showme--screen-xs-f {
      display: flex;
  }
  .hideme--screen-xs {
      display: none !important;
  }
  .nosticky-screen-xs {
      position: relative;
      top: 0;
  }
}
@media (max-width: 480px) {
  .showme--screen-s {
      display: block;
  }
  .showme--screen-s-f {
      display: flex;
  }
  .hideme--screen-s {
      display: none !important;
  }
  .nosticky-screen-s {
      position: relative;
      top: 0;
  }
}
@media (max-width: 700px) {
  .showme--screen-sm {
      display: block;
  }
  .showme--screen-sm-f {
      display: flex;
  }
  .hideme--screen-sm {
      display: none !important;
  }
  .nosticky-screen-sm {
      position: relative;
      top: 0;
  }
}
@media (max-width: 1024px) {
  .showme--screen-m {
      display: block;
  }
  .showme--screen-m-f {
      display: flex;
  }
  .hideme--screen-m {
      display: none !important;
  }
  .nosticky-screen-m {
      position: relative;
      top: 0;
  }
}
@media (max-width: 1280px) {
  .showme--screen-l {
      display: block;
  }
  .showme--screen-l-f {
      display: flex;
  }
  .hideme--screen-l {
      display: none !important;
  }
  .nosticky-screen-l {
      position: relative;
      top: 0;
  }
}
.cursor {
  cursor: default !important;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.content-block-new {
  background-color: #fff;
  border-radius: 20px;
  padding: 24px;
}
.content-block-new--np {
  padding: 0;
}
.content-block-new--npt {
  padding-top: 0;
}
.content-block-new--npb {
  padding-bottom: 0;
}
.content-block-new--npl {
  padding-left: 0;
}
.content-block-new--npr {
  padding-right: 0;
}
.content-block-new--wrapper {
  border: 5px solid #f2f3f7;
}
.content-block-new--small-p {
  padding: 12px;
}
.content-block-acc {
  background-color: #fff;
  border-radius: 16px;
  padding: 20px;
}
@media (max-width: 1024px) {
  .content-block-acc {
      padding: 16px;
  }
}
.section-new {
  position: relative;
  isolation: isolate;
}
.section-new__heading {
  margin-bottom: calc(var(--baseValue) * 9);
}
.section-new:hover {
  z-index: 2;
}
.section-new--auto-z-index:hover {
  z-index: auto;
}
.section-new--filters {
  z-index: calc(var(--stickyZ) - 1);
}
.button-new {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  position: relative;
  text-decoration: none;
  pointer-events: auto;
  font: inherit;
  cursor: pointer;
  max-width: 100%;
  border-radius: 12px;
}
.button-new__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 0 28px;
}
.button-new__content--mini {
  padding: 0 8px;
}
.button-new--fw {
  width: 100%;
}
.button-new--loading {
  cursor: default;
}
.button-new--radius-xs {
  border-radius: 4px;
}
.button-new--radius-s {
  border-radius: 8px;
}
.button-new--radius-m {
  border-radius: 12px;
}
.button-new--radius-l {
  border-radius: 16px;
}
.button-new--radius-xl {
  border-radius: 18px;
}
.button-new--fw .button-new__content,
.button-new--tight .button-new__content {
  padding: 0 8px;
}
.button-new--color-reflect:not(.button-new:disabled) {
  background-color: #fafafa;
  color: #8b8b8b;
  transition: background-color 0.3s ease;
}
.button-new--color-reflect:not(.button-new:disabled):active:not(.button-new--loading),
.button-new--color-reflect:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #f2f3f7;
}
.button-new--color-reflect:not(.button-new:disabled)--loading {
  background-color: #f2f3f7;
  cursor: wait;
}
.button-new--color-reflect:not(.button-new:disabled).button-new--icon {
  color: #fafafa;
}
.button-new--color-danger:not(.button-new:disabled) {
  background-color: #ffdfdf;
  color: #f44;
  transition: background-color 0.3s ease;
}
.button-new--color-danger:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #ffc7c7;
}
.button-new--color-danger:not(.button-new:disabled):active:not(.button-new--loading) {
  background-color: #ffbebe;
}
.button-new--color-danger:not(.button-new:disabled)--loading {
  background-color: #ffbebe;
  cursor: wait;
}
.button-new--color-danger:not(.button-new:disabled).button-new--icon {
  color: #ffdfdf;
}
.button-new--color-grey:not(.button-new:disabled) {
  background-color: #fafafa;
  color: #8b8b8b;
  transition: background-color 0.3s ease;
}
.button-new--color-grey:not(.button-new:disabled):active:not(.button-new--loading),
.button-new--color-grey:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #f2f3f7;
}
.button-new--color-grey:not(.button-new:disabled)--loading {
  background-color: #f2f3f7;
  cursor: wait;
}
.button-new--color-grey:not(.button-new:disabled).button-new--icon {
  color: #fafafa;
}
.button-new--color-transt:not(.button-new:disabled) {
  background-color: transparent;
  color: #9237ff;
  transition: background-color 0.3s ease;
}
.button-new--color-transt:not(.button-new:disabled):active:not(.button-new--loading),
.button-new--color-transt:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #f2f3f7;
}
.button-new--color-transt:not(.button-new:disabled)--loading {
  background-color: #f2f3f7;
  cursor: wait;
}
.button-new--color-transt:not(.button-new:disabled).button-new--icon {
  color: transparent;
}
.button-new--color-light:not(.button-new:disabled) {
  background-color: #fafafa;
  color: #9237ff;
  transition: background-color 0.3s ease;
}
.button-new--color-light:not(.button-new:disabled):active:not(.button-new--loading),
.button-new--color-light:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #f2f3f7;
}
.button-new--color-light:not(.button-new:disabled)--loading {
  background-color: #f2f3f7;
  cursor: wait;
}
.button-new--color-light:not(.button-new:disabled).button-new--icon {
  color: #fafafa;
}
.button-new--color-tert:not(.button-new:disabled) {
  background-color: #f2f3f7;
  color: #9237ff;
  transition: background-color 0.3s ease;
}
.button-new--color-tert:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #e9e9e9;
}
.button-new--color-tert:not(.button-new:disabled):active:not(.button-new--loading) {
  background-color: #d9d9d9;
}
.button-new--color-tert:not(.button-new:disabled)--loading {
  background-color: #d9d9d9;
  cursor: wait;
}
.button-new--color-tert:not(.button-new:disabled).button-new--icon {
  color: #f2f3f7;
}
.button-new--color-secd:not(.button-new:disabled) {
  background-color: #f5ebff;
  color: #9237ff;
  transition: background-color 0.3s ease;
}
.button-new--color-secd:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #ebd8ff;
}
.button-new--color-secd:not(.button-new:disabled):active:not(.button-new--loading) {
  background-color: #e6ceff;
}
.button-new--color-secd:not(.button-new:disabled)--loading {
  background-color: #e6ceff;
  cursor: wait;
}
.button-new--color-secd:not(.button-new:disabled).button-new--icon {
  color: #f5ebff;
}
.button-new--color-prim:not(.button-new:disabled) {
  background-color: #9237ff;
  color: #fff;
  transition: background-color 0.3s ease;
}
.button-new--color-prim:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: #7b33d1;
}
.button-new--color-prim:not(.button-new:disabled):active:not(.button-new--loading) {
  background-color: #6f2ebd;
}
.button-new--color-prim:not(.button-new:disabled)--loading {
  background-color: #6f2ebd;
  cursor: wait;
}
.button-new--color-prim:not(.button-new:disabled).button-new--icon {
  color: #9237ff;
}

.buy-btn {
  display: flex;
  justify-content: center;
}

.disabled-link {
  background-color: #f5f5f5 !important;
  color: #dfdfdf !important;
  cursor: not-allowed;
  text-decoration: none;
  padding: 10px 20px;
  pointer-events: none;
}

.disabled-link:hover,
.disabled-link:active {
  background-color: #f5f5f5;
}

.button-new--size-20 {
  height: 20px;
  font-size: 14px;
  font-weight: 500;
}
.button-new--size-24 {
  height: 24px;
  font-size: 14px;
  font-weight: 500;
}
.button-new--size-30 {
  height: 30px;
  font-size: 14px;
  font-weight: 500;
}
.button-new--size-32 {
  height: 32px;
  font-size: 16px;
  font-weight: 500;
}
.button-new--size-36 {
  height: 36px;
  font-size: 14px;
  font-weight: 500;
}
.button-new--size-40 {
  height: 40px;
  font-size: 16px;
  font-weight: 400;
}
.button-new--size-48 {
  height: 48px;
  font-size: 16px;
  font-weight: 500;
}
.button-new--size-56 {
  height: 56px;
  font-size: 18px;
  font-weight: 500;
}
.button-new--age-toogle,
.button-new--trans {
  background-color: transparent !important;
}
.button-new--age-toogle {
  border: 1px solid #ccc !important;
}
.button-new--age-toogle .button-new__content {
  padding: 8px;
  min-width: 21px;
}
.button-new--age-toogle:hover {
  background-color: #f5ebff !important;
  border: 1px solid #f5ebff !important;
}
.button-new--age-toogle--active {
  border: 1px solid #9237ff !important;
  background-color: #9237ff !important;
}
.button-new--age-toogle--active .button-new__content {
  color: #fff;
}
.button-new--age-toogle--active:hover {
  border: 1px solid #9237ff !important;
  background-color: #9237ff !important;
}
.button-new__close {
  display: none;
}
.button-new:hover .icon--hover {
  color: #9237ff;
}
.price-new {
  row-gap: 4px;
  text-wrap: nowrap;
}
.price-new,
.price-new__value {
  display: flex;
  column-gap: 8px;
  flex-direction: row;
  align-items: center;
}
.price-new__value {
  flex-wrap: wrap-reverse;
  width: -moz-fit-content;
  width: fit-content;
}
.price-new__value--new {
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
}
.price-new__value--old {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #b6b6b6;
  text-decoration: line-through;
}
.price-new--big .price-new__value {
  column-gap: 12px;
}
.price-new--big .price-new__value--new {
  font-size: 28px;
  line-height: 32px;
}
.price-new--big .price-new__value--old {
  font-size: 18px;
  line-height: 20px;
}
.price-new--small .price-new__value {
  column-gap: 9px;
}
.price-new--small .price-new__value--new {
  font-size: 22px;
  line-height: 24px;
}
@media (max-width: 480px) {
  .price-new--small .price-new__value--new {
      font-size: 18px;
      line-height: 20px;
  }
}
.price-new--small .price-new__value--old {
  font-size: 16px;
  line-height: 20px;
}
.price-new--smaller .price-new__value {
  column-gap: 8px;
}
.price-new--smaller .price-new__value--new {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 480px) {
  .price-new--smaller .price-new__value--new {
      font-size: 16px;
      line-height: 20px;
  }
}
.price-new--smaller .price-new__value--old {
  font-size: 14px;
  line-height: 20px;
}
.price-new--catalog-menu-size .price-new__value {
  column-gap: 9px;
}
.price-new--catalog-menu-size .price-new__value--new {
  font-size: 18px;
  line-height: 20px;
}
@media (max-width: 480px) {
  .price-new--catalog-menu-size .price-new__value--new {
      font-size: 18px;
      line-height: 20px;
  }
}
.price-new--catalog-menu-size .price-new__value--old {
  font-size: 13px;
  line-height: 16px;
}
.discount-new {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 9px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.discount-new--yellow {
  background-color: #fff565;
  color: #a09719;
}
.discount-new--green {
  background-color: #e4ffeb;
  color: #4caf50;
}
.discount-new--red {
  background-color: #fbb;
  color: #cf5757;
}
.discount-new--small {
  line-height: 12px;
}
.age-rating-new,
.discount-new--small {
  border-radius: 4px;
  padding: 2px 10px;
  font-size: 12px;
}
.age-rating-new {
  line-height: 1;
  color: #fafafa;
  background-color: hsla(34, 82%, 50%, 0.973);
  width: 50px;
}
.tags-new {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.tags-new__tag {
  color: #000;
  font-size: 14px;
  background-color: #f2f3f7;
  border-radius: 44px;
  padding: 10px 16px;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease;
}
.tags-new__tag:active,
.tags-new__tag:hover {
  background-color: #edeef2;
}
.tags-new--filters {
  position: relative;
  padding-inline: 16px;
}
@media (max-width: 480px) {
  .tags-new--filters {
      overflow-x: scroll;
      scroll-behavior: auto;
      scrollbar-width: none;
      flex-wrap: unset;
      width: 100%;
  }
}
.tags-new__tag-filter {
  color: #000;
  font-size: 14px;
  background-color: #f2f3f7;
  border-radius: 44px;
  padding: 10px 16px;
  white-space: nowrap;
  text-decoration: none;
  pointer-events: none;
  max-width: 250px;
  height: 36px;
}
.tags-new__tag-filter--title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.tags-new--icon {
  position: relative;
  color: #ccc;
}
.tags-new--icon:hover,
.tags-table {
  cursor: pointer;
  color: #000;
}
.tags-table {
  flex: 0 0 auto;
  font-size: 14px;
  background-color: red;
  border-radius: 44px;
  padding: 10px 16px;
  white-space: nowrap;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s ease;
}
.tags-table:active,
.tags-table:hover {
  background-color: #edeef2;
}
.rating-new {
  display: flex;
  gap: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #9237ff;
}
.rating-new--zero {
  color: #ccc;
}
.breadcrumbs-new {
  margin: 0;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.breadcrumbs-new__crumb {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs-new__crumb a {
  transition: 0.1s ease;
  transition-property: color;
  flex: 1 1 auto;
  display: block;
  color: #8b8b8b;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
.breadcrumbs-new__crumb a:hover {
  color: #9237ff !important;
}
.breadcrumbs-new__crumb:not(:last-child):after {
  content: "›";
  flex: 0 0 auto;
  color: #4e4e53;
}
.breadcrumbs-new__crumb:before {
  content: none;
}
.breadcrumbs-new__crumb--no-hover a:hover {
  cursor: unset;
  color: #8b8b8b !important;
}
.chip-new {
  display: flex;
  align-items: center;
  max-height: 36px;
  gap: 8px;
  padding: 8px 16px;
  background-color: #f2f3f7;
  border-radius: 8px;
  color: #000;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
}
.chip-new__subtitle {
  font-weight: 400;
  color: #8b8b8b;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chip-new--fresh-offer {
  background-color: #5ace5f;
}
.chip-new--fresh-offer,
.chip-new--fresh-purchase {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 6px;
}
.chip-new--fresh-purchase {
  background-color: #d62c2c;
  border: 2px solid #fff;
  width: -moz-fit-content;
  width: fit-content;
}
.chip-new--free-purchase {
  background-color: #cff0d0;
  color: #43ae48;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 4px 9px;
}
.chip-new--color-grey:not(.chip-new:disabled) {
  background-color: #f2f3f7;
  color: #000;
}
.chip-new--color-grey:not(.chip-new:disabled) .chip-new__subtitle {
  color: #8b8b8b;
}
.chip-new--color-secd:not(.chip-new:disabled) {
  background-color: #f5ebff;
  color: #9237ff;
}
.chip-new--color-secd:not(.chip-new:disabled) .chip-new__subtitle {
  color: #e6ceff;
}
.chip-new--color-prim:not(.chip-new:disabled) {
  background-color: #9237ff;
  color: #fff;
}
.chip-new--color-prim:not(.chip-new:disabled) .chip-new__subtitle {
  color: #e6ceff;
}
.tabs-new {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.tabs-new__header {
  width: 100%;
  overflow-x: scroll;
  scroll-behavior: auto;
  position: relative;
  scrollbar-width: none;
}
.tabs-new__header::-webkit-scrollbar {
  display: none !important;
}
.tabs-new__header__gradient--left:after {
  left: 0;
  background: linear-gradient(270deg, #fff 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 90%, #fff);
  background: -ms-linear-gradient(to left, #fff 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 90%, #fff 100%);
}
.tabs-new__header__gradient--left:after,
.tabs-new__header__gradient--right:after {
  content: "";
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
.tabs-new__header__gradient--right:after {
  right: 0;
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 90%, #fff);
  background: -ms-linear-gradient(to right, #fff 0, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 90%, #fff 100%);
}
.tabs-new__header__gradient:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 90%, #fff);
  background: -ms-linear-gradient(to right, #fff 0, hsla(0, 0%, 100%, 0) 10%, hsla(0, 0%, 100%, 0) 90%, #fff 100%);
}
.tabs-new__header-runner {
  display: flex;
  margin: auto;
}
.tabs-new__header-runner--button {
  gap: 6px;
}
.tabs-new__counter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  padding: 6px 7px;
  border-radius: 8px;
  background-color: #f2f3f7;
  color: #ccc;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.tabs-new__title {
  padding: 12px;
  color: #8b8b8b;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.tabs-new__title,
.tabs-new__title--button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex: 1 1;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}
.tabs-new__title--button {
  padding: 5px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  background-color: #f2f3f7;
  border-radius: 20px;
}
.tabs-new__title--button--selected {
  color: #9237ff;
  background-color: #9237ff;
  color: #fff;
}
.tabs-new__title--selected {
  color: #9237ff;
  border-bottom: 2px solid #9237ff;
}
.tabs-new__title--selected .tabs-new__counter {
  background-color: #f5ebff;
  color: #9237ff;
}
.tabs-new__title--disabled {
  color: #f2f3f7;
  border-bottom: 2px solid transparent;
}
.tabs-new__title--disabled:hover {
  border-color: transparent;
  cursor: not-allowed;
  border-bottom: 2px solid transparent;
}
.tabs-new__title:hover:not(.tabs-new__title--selected):not(.tabs-new__title--disabled) {
  border-color: #ebd8ff;
}
.tabs-new--small .tabs-new__title {
  padding: 12px 8px 8px;
  font-size: 14px;
}
.tabs-new--big .tabs-new__title {
  padding: 8px 24px;
  font-size: 20px;
}
.tabs-new--fw {
  max-width: none;
  width: 100%;
}
.description-new p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  overflow: hidden;
}
.offer-properties-new {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.offer-properties-new__line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 6px 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 14px;
  line-height: 16px;
}
.offer-properties-new__line-title {
  font-weight: 500;
}
.offer-reviews-new {
  display: flex;
  flex-direction: column;
  row-gap: 11px;
}
.offer-reviews-new__no-reviews {
  font-weight: 500;
  text-align: center;
  font-size: 16px;
  color: #ccc;
  padding: 8px 0 10px;
}
.review-new {
  background-color: #fafafa;
  padding: 12px;
  border-radius: 12px;
}
.review-new__text {
  font-size: 14px;
  line-height: 20px;
}
.review-new__text--deleted {
  color: #ccc;
}
.review-new--reply {
  background-color: #f2f2f2;
  border-radius: 8px;
}
.dots-menu-new {
  position: relative;
  display: inline-block;
}
.dots-menu-new .button-new {
  color: #ccc;
  background-color: #fafafa;
}
.dots-menu-new__drop,
.dots-menu-new__drop--acc {
  position: absolute;
  top: 100%;
  padding-top: 4px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transform: translateY(0);
  transition: all 0.1s ease;
  z-index: 999;
}
.dots-menu-new__drop--acc--left,
.dots-menu-new__drop--left {
  right: unset;
  left: 0;
}
.dots-menu-new__drop--acc--sliderZ,
.dots-menu-new__drop--sliderZ {
  z-index: 4;
}
.dots-menu-new__drop--acc:after {
  opacity: 0;
  visibility: hidden;
  content: "";
  position: absolute;
  top: 0;
  margin-top: -4px;
  left: 80%;
  transform: translateY(-50%);
  border: 10px solid transparent;
  border-bottom-color: #fff;
}
.dots-menu-new__drop--acc:after:not(.dots-menu-new__drop--acc:after--left) {
  left: 30%;
}
.dots-menu-new__drop--acc.bottom-arrow.dots-menu-new__drop--acc:after {
  top: 100%;
  transform: translateY(0) rotate(180deg);
  margin-bottom: -4px;
}
.dots-menu-new--open .dots-menu-new__drop,
.dots-menu-new--open .dots-menu-new__drop--acc {
  opacity: 1;
  display: block;
  visibility: visible;
  transform: translateY(8px);
}
.dots-menu-new--open .dots-menu-new__drop--acc:after {
  opacity: 1;
  visibility: visible;
}
.dots-menu-new__options {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 15px 0 #0000001a;
}
.dots-menu-new__option-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  gap: 8px;
  color: #000;
  font-size: 12px;
  white-space: nowrap;
  line-height: 16px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.1s ease-in;
}
.dots-menu-new__option-item--acc {
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
}
.dots-menu-new__option-item:hover:not(.dots-menu-new__option-item__disabled) {
  background-color: #fafafa;
}
.dots-menu-new__option-item:active {
  background-color: #edeef2;
}
.dots-menu-new__option-item__disabled {
  cursor: not-allowed;
  color: #b6b6b6;
}
.content-accordeon-new {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 16px;
  padding: 8px;
  transition: all 0.3s ease;
}
.content-accordeon-new:hover {
  background-color: #f2f3f7;
}
.content-accordeon-new__header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.content-accordeon-new__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  padding: 0;
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.content-accordeon-new--opened {
  background-color: #f2f3f7;
  row-gap: 8px;
}
.content-accordeon-new--opened .content-accordeon-new__body {
  opacity: 1;
  height: auto;
  padding: 16px;
  visibility: visible;
}
.content-accordeon-new--opened .content-accordeon-new__caret {
  transform: rotate(180deg);
  transition: all 0.1s ease;
}
.content-accordeon-new__image {
  width: 72px;
  height: 72px;
}
.content-accordeon-new__image img {
  border-radius: 8px;
  object-fit: cover !important;
}
.accordeons-new {
  display: flex;
  flex-direction: column;
  gap: calc(4px * 6);
}
.accordeon-new {
  transition: 0.25s ease;
  transition-property: border-left-color;
  border-left: 2px solid #b6b6b6;
}
.accordeon-new--no-border {
  border-left: unset;
}
.accordeon-new--no-border .accordeon__head {
  padding: 0;
}
.accordeon-new--no-border .accordeon__body {
  padding: 16px 0 0;
}
.accordeon-new__caret-wrapper {
  border-radius: 50%;
  background: #fff;
  min-height: 40px;
  min-width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordeon-new__caret {
  transition: 0.25s ease;
  transition-property: color, transform;
  transform: rotate(0deg);
}
.accordeon-new__heading {
  transition: 0.25s ease;
  transition-property: color;
  display: flex;
  gap: calc(4px * 2);
}
.accordeon-new__head {
  display: flex;
  align-items: center;
  gap: calc(4px * 4);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.accordeon-new__head:hover .accordeon-new__caret,
.accordeon-new__head:hover .accordeon-new__heading {
  color: #9237ff;
}
.accordeon-new__body {
  padding: calc(4px * 4);
  display: none;
}
.accordeon-new--open {
  border-left-color: #9237ff;
}
.accordeon-new--open .accordeon-new__caret {
  transform: rotate(180deg);
}
.accordeon-new--open .accordeon-new__body {
  display: block;
}
.help-new {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background-color: #fafafa;
  border-radius: 12px;
}
.link-new {
  color: #9237ff;
  text-decoration: none;
  cursor: pointer;
}
.link-new:hover {
  color: #7b33d1;
}
.link-new:active {
  color: #6f2ebd;
}
.link-new--smaller {
  font-size: 14px;
}
.link-new--small {
  font-size: 12px;
}
.link-new--disabled:hover {
  color: #b6b6b6;
}
.link-new--underline {
  text-decoration: underline;
}
.category-chip-new {
  padding: 4px 9px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  max-width: 90%;
  white-space: nowrap;
  width: min-content;
}
.category-chip-new,
.category-chip-new__wrap {
  text-overflow: ellipsis;
  overflow: hidden;
}
.category-chip-new--video {
  color: #4caf50;
  background-color: #e4ffeb;
}
.category-chip-new--audio {
  color: #cf5757;
  background-color: #fbb;
}
.category-chip-new--certs {
  color: #f96f49;
  background-color: #ffd4c1;
}
.category-chip-new--books {
  color: #6c709b;
  background-color: #d0d4ff;
}
.category-chip-new--audiobooks {
  color: #ff12e4;
  background-color: #f4d3ff;
}
.category-chip-new--digital {
  color: #1392d6;
  background-color: #bae7ff;
}
.category-chip-new--magazine {
  color: #5e6adc;
  background-color: #d0d4ff;
}
.category-chip-new--services,
.category-chip-new--wb_consultant {
  color: #1f9992;
  background-color: #bfeae7;
}
.category-chip-new--coupons {
  color: #c03c6c;
  background-color: #ffc0d7;
}
.category-chip-new--certificates {
  color: #db3c10;
  background-color: #fcc;
}
.category-chip-new--small {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
}
.category-chip-new--catalog-menu {
  font-size: 12px;
  line-height: 12px;
}
.offer-card-new {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: transparent;
  position: relative;
  contain: style;
  border-radius: 16px;
  cursor: pointer;
}
.offer-card-new--disabled {
  cursor: default;
}
.offer-card-new--disabled:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: #fff;
  opacity: 0.6;
  z-index: 10;
}
.offer-card-new img {
  pointer-events: none;
}
.offer-card-new__controls {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.offer-card-new__controls--bottom {
  bottom: 0;
}
.offer-card-new__delete {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  right: -10px;
  top: -10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.offer-card-new__delete--bottom {
  bottom: 0;
}
.offer-card-new__body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.offer-card-new__header {
  border-radius: 16px;
  transition: 0.4s ease;
  transition-property: #9237ff;
  flex: 0 0 auto;
  align-self: flex-start;
  overflow: hidden;
  position: relative;
  background-color: rgb(var(--slavBase));
  width: 100%;
  aspect-ratio: 1/1;
  isolation: isolate;
  border: 1px solid transparent;
}
.offer-card-new__header:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
.offer-card-new__header:hover__quickshow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.offer-card-new__header:hover__types {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
.offer-card-new__image .image-new img {
  object-position: center;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.03);
}
.offer-card-new__selected {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  z-index: 2;
}
.offer-card-new__selected__icon {
  z-index: 3;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 45%;
}
.offer-card-new__title {
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
  transition: color 0.3s ease;
}
.offer-card-new__title:hover {
  color: #9237ff;
}
.offer-card-new__author-name {
  margin: 0;
  color: #8b8b8b;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  transition: color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.offer-card-new--bg {
  background-color: #fff;
}
.offer-card-new--bg .offer-card-new__body {
  padding: 0 8px 8px;
}
.offer-card-new--big {
  padding: 12px;
}
.offer-card-new--big .offer-card-new__title {
  font-size: 20px;
  line-height: 24px;
}
.offer-card-new--big .offer-card-new__author-name {
  font-size: 16px;
  line-height: 20px;
}
.offer-card-new--shy-btn .offer-card-new__button {
  transition: 0.25s ease;
  transition-property: opacity, visibility, transform;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
}
.offer-card-new--shy-btn.offer-card-new:hover .offer-card-new__button {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.offer-card-catalog-menu {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 8px;
  background-color: transparent;
  position: relative;
  contain: style;
  border-radius: 16px;
  background-color: #fafafa;
  padding: 4px 8px;
}
.offer-card-catalog-menu__controls {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.offer-card-catalog-menu__controls--bottom {
  bottom: 0;
}
.offer-card-catalog-menu__body {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.offer-card-catalog-menu__header {
  border-radius: 16px;
  transition: 0.4s ease;
  transition-property: #9237ff;
  flex: 0 0 auto;
  align-self: flex-start;
  overflow: hidden;
  position: relative;
  background-color: rgb(var(--slavBase));
  width: 100%;
  aspect-ratio: 1/1;
  isolation: isolate;
  border: 1px solid transparent;
  max-width: 112px;
  max-height: 112px;
}
.offer-card-catalog-menu__header:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  position: absolute;
  pointer-events: none;
}
.offer-card-catalog-menu__header:hover__quickshow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.offer-card-catalog-menu__header:hover__types {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
.offer-card-catalog-menu__image .image-new img {
  object-position: center;
  object-fit: contain;
  background: rgba(0, 0, 0, 0.03);
}
.offer-card-catalog-menu__title {
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
  transition: color 0.3s ease;
}
.offer-card-catalog-menu__title:hover {
  color: #9237ff;
}
.offer-card-catalog-menu__author-name {
  margin: 0;
  color: #8b8b8b;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  transition: color 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.offer-card-catalog-menu--bg {
  background-color: #fff;
}
.offer-card-catalog-menu--bg .offer-card-new__body {
  padding: 0 8px 8px;
}
.offer-card-catalog-menu--big {
  padding: 12px;
}
.offer-card-catalog-menu--big .offer-card-new__title {
  font-size: 20px;
  line-height: 24px;
}
.offer-card-catalog-menu--big .offer-card-new__author-name {
  font-size: 16px;
  line-height: 20px;
}
.offer-card-catalog-menu--shy-btn .offer-card-new__button {
  transition: 0.25s ease;
  transition-property: opacity, visibility, transform;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.96);
}
.offer-card-catalog-menu--shy-btn.offer-card-new:hover .offer-card-new__button {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.tag-selector--wrap {
  position: relative;
  z-index: 3;
}
.tag-selector * {
  box-sizing: border-box;
  transition: all 0.2s ease;
}
.tag-selector {
  border-radius: 12px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px;
  gap: 7px;
}
.tag-selector--err {
  border: 1px solid #d62c2c;
}
.tag-selector--border {
  border-color: #9237ff !important;
  border-radius: 12px !important;
}
.tag-selector:focus-within {
  border-color: #9237ff;
}
.tag-selector--container,
.tag-selector--options {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  line-height: 16px;
}
.tag-selector--options {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #9237ff;
  border-radius: 0 0 12px 12px;
  border-top: transparent;
  z-index: 2;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px;
}
.tag-selector--input {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: 12px;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin: 0;
  resize: vertical;
  caret-color: #000;
  border: 0;
  outline: 0;
  min-height: 27px;
}
.tag-selector--tag {
  border-radius: 28px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid #9237ff;
  padding: 4px 10px;
  color: #9237ff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.tag-selector--tag--selected:hover {
  cursor: pointer;
}
.tag-selector--tag button {
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  line-height: inherit;
  color: #9237ff;
}
.tag-selector--tag button:hover {
  color: var(--rti-tag-remove);
}
.indicator {
  border-radius: 12px;
  flex: 0 0 auto;
  font-size: 11px;
  line-height: 16px;
  min-width: 16px;
  min-height: 16px;
  text-align: center;
  font-weight: 500;
  background-color: #f04438;
  color: #fff;
  padding-inline: 5.5px;
  border: 3px solid #fff;
}
.indicator__on-icon {
  left: 50%;
  top: -8px;
}
.indicator__on-icon,
.indicator__on-icon-mobile {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indicator__on-icon-mobile {
  padding-inline: 2px;
  font-size: 10px;
  right: 2px;
  top: 1px;
  min-width: 15px;
  height: 15px;
}
.indicator__on-filter {
  left: 88%;
  top: -10px;
}
.indicator__on-filter,
.indicator__on-filter--mobile {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indicator__on-filter--mobile {
  right: -9px;
  top: -9px;
}
.indicator__on-filter--mobile__long {
  right: -4px;
  left: unset;
}
.indicator__im-menu {
  min-width: 10px;
  min-height: 10px;
  padding-inline: unset;
  border: unset;
}
.indicator__im-menu__long {
  left: 80%;
}
.search-bar--wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search-bar * {
  box-sizing: border-box;
}
#search-bar-background {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.2s ease;
  transition-property: opacity visibility;
  position: fixed;
  z-index: var(--popZ);
  background-color: rgb(var(--black) / 50%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}
#search-bar-background.shown {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}
#search-bar-background-under {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.search-bar {
  background: #fff !important;
  background-color: #fff !important;
  gap: 7px;
  border-radius: 12px 12px 0 0;
  padding: 4px;
}
.search-bar.shown {
  z-index: calc(var(--popZ) + 3);
}
.search-bar.empty-search-list {
  border-radius: 12px;
}
.search-bar--err {
  border: 1px solid #d62c2c;
}
.search-bar:focus-within {
  border-color: #9237ff;
}
.search-bar--options {
  flex-wrap: wrap;
  gap: 7px;
}
.search-bar--container,
.search-bar--options {
  align-items: center;
  display: flex;
  line-height: 16px;
}
.search-bar--container {
  border: 2px solid #9237ff;
  padding: 16px;
  gap: 4px;
  height: 48px;
  border-radius: 12px;
}
.search-bar--options {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 0 solid #9237ff;
  border-radius: 0 0 12px 12px;
  border-top: transparent;
  z-index: calc(var(--popZ) + 1);
  overflow: hidden;
  overflow-y: auto;
  padding: 8px 4px;
  top: 52px;
}
.search-bar--options--inner-block {
  max-height: 450px;
}
.search-bar--options--item {
  margin: 0 4px;
  border-radius: 12px;
}
.search-bar--options--item:hover {
  cursor: pointer;
  background-color: #f6f6f6;
}
.search-bar--options--item .link {
  color: #000;
}
.search-bar--options--item .link:hover {
  color: unset;
  cursor: pointer;
}
.search-bar--input {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: 12px;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin: 0;
  resize: vertical;
  caret-color: #000;
  border: 0;
  outline: 0;
  width: 100%;
}
.search-bar--tag {
  border-radius: 28px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid #9237ff;
  padding: 4px 10px;
  color: #9237ff;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.search-bar--tag--selected:hover {
  cursor: pointer;
}
.search-bar--tag button {
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  line-height: inherit;
  color: #9237ff;
}
.search-bar--tag button:hover {
  color: var(--rti-tag-remove);
}
.field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field__body {
  box-sizing: border-box;
  border-radius: 12px;
  border: 2px solid #9237ff;
  padding: 10px 16px;
  position: relative;
  display: flex;
  gap: var(--baseValue);
  transition: border-color 0.3s ease;
}
.field__body__full-height {
  height: 100%;
}
.field__body:has(input:focus, select:focus, textarea:focus) {
  border-color: #7b33d1;
}
.field__set {
  transition: 0.25s ease;
  transition-property: color;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  color: #4e4e53;
}
.field__input {
  flex: 1 1 auto;
  overflow: hidden;
}
.field__input__full-height {
  height: 100%;
}
.field__input input,
.field__input select,
.field__input textarea {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #262626;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
}
.field__input input::placeholder,
.field__input select::placeholder,
.field__input textarea::placeholder {
  color: #8b8b8b;
}
.field__input input:-moz-read-only,
.field__input select:-moz-read-only,
.field__input textarea:-moz-read-only {
  cursor: default;
}
.field__input input:read-only,
.field__input select:read-only,
.field__input textarea:read-only {
  cursor: default;
}
.field__input input:disabled,
.field__input select:disabled,
.field__input textarea:disabled {
  cursor: default;
  color: rgb(var(--interactionColr-now) / 36%);
}
.field--main-search .button-main-search {
  height: 24px;
}
.tags-filter-new {
  width: 100%;
  padding: 8px 16px 4px;
  overflow-x: scroll;
  scroll-behavior: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tags-filter-new::-webkit-scrollbar {
  display: none !important;
}
.tags-filter-new__tags-runner {
  display: flex;
  margin: auto;
}
@media (max-width: 1280px) {
  .tags-filter-new__tags-runner {
      padding-inline: 16px;
  }
}
.tags-filter-new__tags {
  display: flex;
  align-items: center;
  gap: 16px;
}
.tags-filter-new .filter-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  text-decoration: none;
  border-radius: 12px;
  white-space: nowrap;
  padding: 6px 2px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.tags-filter-new .filter-tag__name {
  font-size: 16px;
  line-height: 24px;
}
.tags-filter-new .filter-tag__icon,
.tags-filter-new .filter-tag__name {
  color: #000;
  transition: all 0.3s ease;
}
.tags-filter-new .filter-tag:hover .filter-tag__icon,
.tags-filter-new .filter-tag:hover .filter-tag__name {
  color: #9237ff;
}
.tags-filter-new .filter-tag:active:not(.filter-tag--special) .filter-tag__icon,
.tags-filter-new .filter-tag:active:not(.filter-tag--special) .filter-tag__name {
  color: #6f2ebd;
}
.tags-filter-new .filter-tag--special {
  padding-inline: 20px;
  background-color: #f5ebff;
}
.tags-filter-new .filter-tag--special .filter-tag__icon,
.tags-filter-new .filter-tag--special .filter-tag__name {
  color: #9237ff;
}
.tags-filter-new .filter-tag--special:hover {
  background-color: #ebe1f5;
}
.tags-filter-new .filter-tag--special:active {
  background-color: #e6dcf0;
}
@media (max-width: 1800px) {
  .tags-filter-new__tags {
      gap: 24px;
  }
}
@media (max-width: 1024px) {
  .tags-filter-new .filter-tag {
      border-radius: 8px;
  }
  .tags-filter-new .filter-tag .filter-tag__icon {
      --iconSize: var(--iconDC);
  }
  .tags-filter-new .filter-tag__name {
      font-size: 14px;
      line-height: 20px;
  }
  .tags-filter-new .filter-tag--special {
      padding-inline: 16px;
  }
  .tags-filter-new .filter-tag--special .filter-tag__icon {
      --iconSize: var(--iconDC);
  }
}
@media (max-width: 480px) {
  .tags-filter-new__tags {
      gap: 12px;
  }
}
.my-purchase-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.my-purchase-header-left {
  display: flex;
}
.my-purchase-header-sort {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .my-purchase-header {
      align-items: unset;
  }
  .my-purchase-header,
  .my-purchase-header-left {
      flex-direction: column;
  }
  .my-purchase-header-sort {
      justify-content: space-between;
  }
  .my-purchase-title {
      margin-bottom: 16px;
  }
  .offer-card-new__button {
      opacity: 1;
      visibility: visible;
  }
}
@media (max-width: 480px) {
  .my-purchase-header {
      align-items: unset;
  }
  .my-purchase-header,
  .my-purchase-header-left {
      flex-direction: column;
  }
  .my-purchase-header-sort {
      justify-content: space-between;
  }
  .my-purchase-title {
      margin-bottom: 16px;
  }
}
@media (max-width: 320px) {
  .my-purchase-header {
      align-items: unset;
  }
  .my-purchase-header,
  .my-purchase-header-left {
      flex-direction: column;
  }
  .my-purchase-header-sort {
      justify-content: space-between;
  }
  .my-purchase-title {
      margin-bottom: 16px;
  }
}
.verified-user {
  max-width: 98px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  background-color: #f2f3f7;
  border: 1px solid transparent;
  text-decoration: none;
  border-radius: 16px;
  transition: all 0.3s ease;
}
.verified-user:hover {
  border-color: #ccc;
}
.verified-user__top {
  height: max-content;
}
.verified-user__avatar {
  position: relative;
  overflow: visible;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 50%;
}
.verified-user__avatar img {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  margin: 0;
}
.verified-user__avatar--corpBG {
  background-color: rgb(var(--corpNewColM));
}
.verified-user__icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
  z-index: 10;
}
.verified-user__nickname {
  flex: 1 1;
}
.verified-user__nickname p {
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
  color: #000;
}
.close-new {
  width: var(--closeD);
  height: var(--closeD);
  flex: 0 0 auto;
  position: relative;
  cursor: pointer;
}
.close-new:after,
.close-new:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  border-radius: calc(var(--closeStickH) / 2);
  position: absolute;
  height: var(--closeStickH);
  width: 100%;
  background-color: rgb(var(--white));
}
.close-new:before {
  transform: rotate(45deg);
}
.close-new:after {
  transform: rotate(-45deg);
}
.close-new:hover:after,
.close-new:hover:before {
  background-color: #7b33d1;
}
#pop-content {
  transition: 0.4s ease;
  transition-property: opacity, visibility, padding-top;
  position: fixed;
  z-index: var(--popZ);
  background-color: rgb(var(--black) / 35%);
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  padding-top: 100vh;
}
#pop-content,
#pop-content-under {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#pop-content-under {
  position: absolute;
}
#pop-content-container {
  position: relative;
}
#pop-content-frame {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  position: relative;
  z-index: 1;
}
#pop-content.shown {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}
.pop-content {
  border-radius: var(--popR);
  box-shadow: var(--popBS);
  margin-top: 16px;
}
.pop-content,
.pop-content__block {
  background-color: rgb(var(--mainBase));
}
.pop-content__block:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.pop-content__block:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.pop-content__block--head {
  position: -webkit-sticky;
  position: sticky;
  z-index: 6;
  top: 0;
  padding: 8px;
}
.pop-content__block--title {
  font-size: 16px;
  width: 90%;
  padding: 16px;
}
.pop-content__block--video {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  top: 55px;
}
.pop-content__block--video-mobile {
  margin-top: 52px;
}
.pop-content__block--foot {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  bottom: 0;
}
.pop-content__media {
  max-height: 700px;
  max-width: 100%;
}
.pop-content__media video {
  max-height: 700px;
}
.pop-content__media .media--fullscreen video {
  max-height: 100%;
}
.pop-content__block-bottom-slider {
  background-color: rgb(var(--mainBase));
}
.pop-content__block-bottom-slider:first-child {
  border-top-left-radius: var(--popR);
  border-top-right-radius: var(--popR);
}
.pop-content__block-bottom-slider--head {
  position: -webkit-sticky;
  position: sticky;
  z-index: 6;
  top: 0;
}
.pop-content__block-bottom-slider--foot {
  position: -webkit-sticky;
  position: sticky;
  z-index: 5;
  bottom: 0;
}
.pop-content-close {
  position: absolute !important;
  right: -36px;
}
@media (max-width: 390px) {
  #pop-content-container {
      height: 100%;
      width: 100%;
  }
  #pop-content-frame {
      height: 100%;
  }
  .pop-content {
      height: 100%;
      width: 100%;
      border-radius: 0 !important;
      margin-top: 0;
  }
  .pop-content__media {
      max-height: 700px;
      max-width: 390px;
  }
}
@media (max-width: 480px) {
  .pop-content {
      height: 100%;
      width: 100%;
      border-radius: 0 !important;
      margin-top: 0;
  }
  .pop-content__media {
      max-height: 600px;
      max-width: 480px;
  }
}
@media (max-width: 1024px) {
  #pop-content .pop-content {
      margin-top: 0;
      border-radius: 0 !important;
  }
  #pop-content .pop-content__media {
      padding-top: 34px;
      max-height: 700px;
      max-width: 1024px;
  }
  #pop-content .pop-content-close {
      right: 16px;
      top: 19px;
  }
  .close-new:after,
  .close-new:before {
      background-color: #b6b6b6;
  }
  .close-new:hover:after,
  .close-new:hover:before {
      background-color: #7b33d1;
  }
}
@media (max-width: 1280px) {
  #pop-content-frame {
      max-width: 982px;
  }
  #pop-content .pop-content__media {
      max-height: 700px;
      max-width: 700px;
  }
}
@media (max-width: 1800px) {
  #pop-content .pop-content__media {
      max-height: 700px;
      max-width: 100%;
  }
}
.main-selection__text-block {
  position: absolute;
  padding: 24px;
}
.main-selection__title {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.main-selection__description {
  width: 70%;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
@media (max-width: 1024px) {
  .main-selection__text-block {
      padding: 20px;
  }
  .main-selection__title {
      width: 100%;
      font-size: 24px;
      line-height: 26px;
  }
  .main-selection__description {
      width: 100%;
      font-size: 20px;
      line-height: 22px;
  }
}
.pager-new {
  gap: 12px;
}
.pager-new,
.pager-new__wrapper {
  display: flex;
  align-items: center;
}
.pager-new__wrapper {
  gap: 16px 32px;
  flex-wrap: wrap;
}
.pager-new__item {
  border-radius: 8px;
  transition: 0.1s ease;
  color: #787979;
  height: 36px;
  min-width: 36px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.pager-new__item__value {
  font-size: 14px;
  padding: 4px;
  text-align: center;
  line-height: 16px;
  font-weight: 500;
  width: 100%;
  height: 100%;
}
.pager-new__item__value svg {
  width: 100%;
  height: 100%;
  transition: 0.1s ease;
  transition-property: fill;
  fill: #787979;
}
.pager-new__item--dots {
  color: #4e4e53 !important;
}
.pager-new__item--dots,
.pager-new__item--nav {
  background-color: transparent !important;
  box-shadow: none !important;
}
.pager-new__item--nav {
  width: 24px;
  height: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}
.pager-new__item--nav--disabled {
  opacity: 0.1;
  pointer-events: none;
}
.pager-new__item--current {
  background-color: #9237ff;
  color: #fff;
}
.pager-new__item--current a {
  color: #9237ff;
  cursor: default;
}
.pager-new__item--current a svg {
  fill: #6c709b;
}
.pager-new__item--current:hover {
  background-color: #9237ff !important;
}
.pager-new__item--current:hover a {
  color: #fff;
  cursor: default;
}
.pager-new__item--current:hover a svg {
  fill: rgb(var(--mainText));
}
.pager-new__item:hover {
  background-color: #f2f2f2;
}
.pager-new__item:hover a {
  color: rgb(var(--mainText));
}
.pager-new__item:hover a svg {
  fill: rgb(var(--mainText));
}
@media (max-width: 390px) {
  .pager-new {
      gap: 10px;
  }
  .pager-new__item {
      min-width: 30px;
      height: 30px;
  }
}
@media (max-width: 700px) {
  .main-selection__text-block {
      padding: 16px;
  }
  .main-selection__title {
      width: 100%;
      font-size: 20px;
      line-height: 24px;
  }
  .main-selection__description {
      width: 100%;
      font-size: 14px;
      line-height: 16px;
  }
}
@media (max-width: 480px) {
  .main-selection__text-block {
      width: 100%;
      padding: 16px;
      min-width: 218px;
  }
  .main-selection__title {
      font-size: 18px;
      line-height: 20px;
  }
  .main-selection__description {
      width: 100%;
      font-size: 14px;
      line-height: 16px;
  }
}
.stepper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
}
.stepper__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
}
.stepper__item:before {
  left: -50%;
}
.stepper__item:after,
.stepper__item:before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #d1cfd7;
  width: 100%;
  top: 12px;
  z-index: 2;
}
.stepper__item:after {
  left: 50%;
}
.stepper__item--active .stepper__step {
  border: 6px solid #9237ff;
  background-color: #fff;
}
.stepper__item--active .stepper__name {
  color: #000;
}
.stepper__item--completed:after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #9237ff;
  width: 100%;
  top: 12px;
  left: 50%;
  z-index: 3;
}
.stepper__item--completed .stepper__step {
  border: 6px solid #9237ff;
  background-color: #9237ff;
}
.stepper__item--completed .stepper__name {
  color: #9237ff;
}
.stepper__item:first-child:before,
.stepper__item:last-child:after {
  content: none;
}
.stepper__step {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-bottom: 6px;
  border: 6px solid #d1cfd7;
  background-color: #fff;
  cursor: pointer;
}
.stepper__name {
  color: #d1cfd7;
  font-size: 14px;
}
.type-offer-selector__item {
  max-height: 296px;
  max-width: 377px;
  border: 5px solid transparent;
  border-radius: 28px;
  cursor: pointer;
}
.type-offer-selector__item:hover:not(.type-offer-selector__item--selected) {
  border: 5px solid #f5f5f5;
}
.type-offer-selector__item .image-new {
  max-height: 200px;
  max-width: 200px;
}
.type-offer-selector__item--selected {
  border: 5px solid #9237ff;
}
.type-offer-selector a {
  text-decoration: none;
}
.drag-and-drop {
  cursor: -webkit-grab;
  cursor: grab;
}
.drag-and-drop__title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
  transition: color 0.3s ease;
}
.create-offer .__container {
  max-width: 800px;
  width: 100%;
}
.create-offer__tag {
  border-radius: 28px;
  color: #9237ff;
  background-color: #fff;
  border: 1px solid #9237ff;
  padding: 6px 10px;
}
.create-offer__thumbnail {
  border-radius: 8px;
  aspect-ratio: 1/1;
  background-color: #fafafa;
}
.create-offer__thumbnail img {
  max-width: 232px;
  width: 100%;
  object-fit: cover;
}
.create-offer__additional-imgs img {
  border-radius: 8px;
  max-width: 112px;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.create-offer__card-desc {
  max-width: 195px;
  width: 100%;
}
.create-offer__card-mob {
  max-width: 130px;
  width: 100%;
}
.create-offer__card-mob .offer-card-new__title {
  font-size: 14px;
  line-height: 16px;
}
.create-offer__card-mob .offer-card-new__author-name {
  font-size: 13px;
  line-height: 16px;
}
.create-offer__card-mob .price-new__value--new {
  font-size: 18px;
  line-height: 20px;
}
.create-offer__card-mob .discount {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.create-offer__right-img {
  max-width: 200px;
  width: 100%;
}
.create-offer__age {
  display: grid;
  grid-template-columns: min-content min-content min-content;
}
@media (max-width: 700px) {
  .create-offer__offer-type {
      max-width: 70px !important;
      max-height: 70px !important;
      width: 100%;
  }
}
.create-content__right-img {
  max-width: 400px;
  width: 100%;
}
.tooltip {
  position: relative;
  --tooltip-margin: 10px;
  cursor: pointer;
}
.tooltip__body {
  z-index: 999;
  opacity: 0;
  cursor: default;
  padding: 8px 16px;
  left: 50%;
  pointer-events: none;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
  max-width: 300px;
  transition: 0.25s ease;
  transition-property: all;
}
.tooltip__body,
.tooltip__body:after {
  position: absolute;
  transform: translateX(-50%);
}
.tooltip__body:after {
  content: "";
  left: calc(50% - 6px);
  left: 50%;
  z-index: -1;
  transition: top 0.3s ease;
  height: 0;
  width: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #fff;
}
.tooltip__body--top {
  bottom: calc(100% + var(--tooltip-margin));
}
.tooltip__body--top:after {
  top: 100%;
}
.tooltip__body--bottom {
  top: calc(100% + var(--tooltip-margin));
}
.tooltip__body--bottom:after {
  bottom: 100%;
  left: calc(50% - 6px);
  transform: rotate(180deg);
}
.tooltip__body--right {
  top: 50%;
  right: auto;
  left: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--right:after {
  top: 50%;
  left: -var(--tooltip-margin);
  transform: translateX(2px) translateY(-50%) rotate(90deg);
}
.tooltip__body--rightTop {
  top: 85%;
  right: auto;
  left: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--rightTop:after {
  top: 35%;
  left: calc(var(--tooltip-margin) * -1);
  transform: translateX(2px) translateY(-50%) rotate(90deg);
}
.tooltip__body--rightBottom {
  top: 15%;
  right: auto;
  left: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--rightBottom:after {
  top: 65%;
  left: calc(var(--tooltip-margin) * -1);
  transform: translateX(2px) translateY(-50%) rotate(90deg);
}
.tooltip__body--left {
  top: 50%;
  left: auto;
  right: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--left:after {
  top: 50%;
  left: 100%;
  transform: translateX(-4px) translateY(-50%) rotate(-90deg);
}
.tooltip__body--leftTop {
  top: 85%;
  left: auto;
  right: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--leftTop:after {
  top: 35%;
  left: 100%;
  transform: translateX(-4px) translateY(-50%) rotate(-90deg);
}
.tooltip__body--leftBottom {
  top: 15%;
  left: auto;
  right: calc(100% + var(--tooltip-margin));
  transform: translateX(0) translateY(-50%);
}
.tooltip__body--leftBottom:after {
  top: 65%;
  left: 100%;
  transform: translateX(-4px) translateY(-50%) rotate(-90deg);
}
.tooltip__body--text-center {
  text-align: center;
}
.tooltip--visible .tooltip__body {
  opacity: 1;
  pointer-events: all;
}
.tooltip--dark.tooltip--visible {
  opacity: 95%;
}
.tooltip--dark .tooltip__body {
  background-color: #4d4c4e;
  color: #fff;
}
.tooltip--dark .tooltip__body--bottom:after,
.tooltip--dark .tooltip__body--left:after,
.tooltip--dark .tooltip__body--leftBottom:after,
.tooltip--dark .tooltip__body--leftTop:after,
.tooltip--dark .tooltip__body--right:after,
.tooltip--dark .tooltip__body--rightBottom:after,
.tooltip--dark .tooltip__body--rightTop:after,
.tooltip--dark .tooltip__body--top:after {
  border-top-color: #4d4c4e;
}
@keyframes fade {
  0% {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}
.keys-tooltip {
  width: 340px;
}
@media (max-width: 1024px) {
  .keys-tooltip {
      width: 250px;
  }
}
@media (max-width: 390px) {
  .keys-tooltip {
      width: 180px;
  }
}
.cover-tooltip {
  width: 290px;
}
@media (max-width: 390px) {
  .cover-tooltip {
      width: 185px;
  }
}
.images-tooltip {
  width: 280px;
}
@media (max-width: 1024px) {
  .images-tooltip {
      width: 250px;
  }
}
@media (max-width: 390px) {
  .images-tooltip {
      width: 180px;
  }
}
.radio_group {
  display: inline-flex;
  overflow: hidden;
}
.radio_group-item {
  display: inline-block;
  float: left;
}
.radio_group input[type="radio"] {
  display: none;
}
.radio_group label {
  display: inline-block;
  cursor: pointer;
  padding: 0 15px;
  line-height: 34px;
  border-right: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #f5f5f5;
}
.radio_group .radio_group-item:first-child label {
  border-radius: 8px 0 0 8px;
}
.radio_group .radio_group-item:last-child label {
  border-radius: 0 8px 8px 0;
}
.radio_group input[type="radio"]:checked + label {
  background: #9237ff;
  color: #fff;
}
.radio_group .radio_group-item:first-child:hover {
  border-radius: 8px 0 0 8px;
}
.radio_group .radio_group-item:last-child:hover {
  border-radius: 0 8px 8px 0;
}
.radio_group-item:hover {
  background: #f5ebff;
}
.radio_group input[type="radio"]:disabled + label {
  background: #efefef;
  color: #666;
}
.button-fetch__text {
  padding: 0 105px;
}
@media (max-width: 480px) {
  .button-fetch__text {
      width: 100%;
      padding: 8px;
  }
}
.product-info-new {
  transition: 0.4s ease;
  transition-property: border-color;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  top: calc(99px + 4px * 4);
}
@media (max-width: 1024px) {
  .product-info-new {
      top: calc(136px + 4px * 4);
  }
}
.basket-price {
  display: flex;
  align-items: center;
  white-space: nowrap;
  line-height: 24px;
  gap: 4px;
}
.basket-price--current {
  font-size: 20px;
}
.basket-price--current span {
  font-weight: 700;
}
.basket-price--current--large {
  font-size: 28px;
}
.basket-price--old {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #b6b6b6;
  text-decoration: line-through;
}
.basket-price--old--large {
  font-size: 18px;
}
.text-truncate {
  --linesCount: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: var(--linesCount);
}
.text-truncate--2 {
  --linesCount: 2;
}
.text-truncate--3 {
  --linesCount: 3;
}
.time-picker {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  color: #000;
  border-radius: 8px;
  line-height: 1.125em;
  overflow: hidden;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.time-picker__button {
  padding: 8px;
  color: #000;
}
.time-picker__button:hover {
  background-color: #f2f3f7;
}
.time-picker__button_selected {
  background-color: #9237ff;
  color: #fff;
}
.time-picker__button_selected:hover {
  background-color: #7b33d1;
}
.promocode {
  padding: 4px 8px;
  cursor: pointer;
}
.promocode__value {
  padding: 8px 32px;
  background-color: #f2f3f7;
  border-bottom: 2px solid #9237ff;
  border-radius: 8px 8px 0 0;
}
.promocode__description {
  padding: 8px 16px;
  border-radius: 12px;
}
.sbp-popup {
  row-gap: 24px;
}
.sbp-popup__qr {
  padding: 18px;
}
.sbp-popup__banks-list {
  height: 50vh;
  row-gap: 16px;
  padding-right: 10px;
}
.sbp-popup__bank-link {
  padding: 9px 14px;
}
.sbp-popup__bank-logo {
  max-width: 50px;
  height: 26px;
  object-fit: contain;
}
.sbp-popup__time {
  margin-top: -12px;
}
.technical-work__img.image-new {
  max-width: 250px;
}
@media (max-width: 480px) {
  .technical-work__img.image-new {
      max-width: 200px;
  }
}
.fullscreen-image {
  position: fixed;
  z-index: 999;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
}
.fullscreen-image_show {
  visibility: visible;
  pointer-events: all;
}
.fullscreen-image__close {
  position: absolute;
  right: 15px;
  z-index: calc(999 + 20);
}
.fullscreen-image__media {
  z-index: calc(999 + 10);
  padding: 10vh 24px;
}
.fullscreen-image__media.image-new img {
  max-width: 600px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.fullscreen-image__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(27, 27, 27, 0.85);
}
.notifications {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
  padding: 24px 24px 70px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.burger {
  position: relative;
  border: none;
  background: transparent;
  width: 20px;
  height: 18px;
}
.burger:after,
.burger:before {
  content: "";
  left: 0;
  top: 8px;
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 10px;
  background: #fff;
}
.burger:before {
  top: 2.5px;
  box-shadow: 0 11px 0 #fff;
}
.burger:after {
  bottom: 0;
}
.burger:before {
  transition: box-shadow 0.3s 0.15s, top 0.3s 0.15s, transform 0.3s;
}
.burger:after {
  transition: bottom 0.3s 0.15s, transform 0.3s;
}
.burger.active:before {
  top: 8px;
  transform: rotate(45deg);
  box-shadow: 0 6px 0 transparent;
  transition: box-shadow 0.15s, top 0.3s, transform 0.3s 0.15s;
}
.burger.active:after {
  bottom: 8px;
  transform: rotate(-45deg);
  transition: bottom 0.3s, transform 0.3s 0.15s;
}
.divider {
  width: 100%;
  height: 1px;
  background-color: #f0f0f3;
}
.stepper-heading {
  padding-block: 16px;
  padding-inline: 40px;
  background-color: #fff;
}
@media (max-width: 700px) {
  .stepper-heading {
      padding-inline: 16px;
  }
}
.stepper-heading__step {
  display: flex;
  align-items: center;
  gap: 8px;
}
.stepper-heading__step--clickable {
  cursor: pointer;
}
.stepper-heading__icon {
  box-sizing: border-box;
  height: 32px;
  width: 32px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  border: 1px solid #b6b6b6;
  color: #b6b6b6;
}
.stepper-heading__icon--active {
  border-color: #9237ff;
  color: #9237ff;
}
.stepper-heading__icon--complete {
  background-color: #4caf50;
  border-color: #4caf50;
  color: #fff;
}
.radio-tabs-group {
  display: flex;
  border-radius: 8px;
  background-color: #f6f6f6;
  width: -moz-fit-content;
  width: fit-content;
}
.radio-tabs-group__option {
  cursor: pointer;
  padding-inline: 20px;
  padding-block: 12px;
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: 0.1s ease;
  transition-property: background-color;
}
.radio-tabs-group__option p,
.radio-tabs-group__option span,
.radio-tabs-group__option svg {
  color: #8b8b8b;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}
.radio-tabs-group__option:hover:not(.radio-tabs-group__option--active) {
  background-color: #f2f2f2;
}
.radio-tabs-group__option--active {
  background-color: #fff;
  border-color: #9237ff;
}
.radio-tabs-group__option--active p,
.radio-tabs-group__option--active span,
.radio-tabs-group__option--active svg {
  color: #9237ff;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 1280px) {
  .radio-tabs-group__option {
      padding-inline: 16px;
      padding-block: 12px;
  }
}
.file-upload-new {
  position: relative;
  transition: border 0.25s ease;
  border-radius: 8px;
  min-height: 48px;
  border: 1px dashed #9237ff;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  isolation: isolate;
}
.file-upload-new--error {
  border-color: #f44336;
}
.file-upload-new__input {
  overflow: hidden;
  height: 0;
}
.file-upload-new__remove-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
  background-color: rgba(33, 33, 33, 0.7);
  cursor: pointer;
  z-index: 10;
  color: #fff;
  text-align: center;
  transition: 0.25s ease;
  transition-property: all;
}
.file-upload-new__remove-layer:not(.file-upload-new__remove-layer--mob) {
  opacity: 0;
}
.file-upload-new__remove-layer:not(.file-upload-new__remove-layer--mob):hover {
  opacity: 1;
}
.file-upload-new:has(.file-upload-new__remove-layer) {
  border-color: transparent;
}
.label-new {
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 2);
  padding: 4px 9px;
  border-radius: 8px;
  color: #8b8b8b;
  background-color: #f2f2f2;
  width: -moz-fit-content;
  width: fit-content;
}
.label-new__name {
  font-weight: 500;
  flex: 1 1 auto;
  font-size: var(--btnMiniFS);
  line-height: var(--iconDS);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section {
  position: relative;
  background: #fff;
  isolation: isolate;
}
.section__heading {
  margin-bottom: calc(var(--baseValue) * 9);
}
.section__container {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.section__title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
@media (max-width: 480px) {
  .section__title {
      font-size: 26px;
  }
}
.section:hover {
  z-index: 2;
}
.section--auto-z-index:hover {
  z-index: auto;
}
.section--filters {
  z-index: calc(var(--stickyZ) - 1);
}
.section--bg-grey {
  background-color: #f2f3f7;
}
#head {
  flex: 0 0 auto;
  z-index: 99;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  border-bottom: 1px solid #d1cfd7;
}
#head .button-catalog {
  padding-inline: 20px;
}
#head .fastnav {
  position: relative;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
#head .fastnav__name {
  font-family: Hauss, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 100px;
}
#head .fastnav__name--acc {
  font-size: 20px;
  padding-inline: 20px;
  padding-block: 11px;
}
#head .fastnav__icon,
#head .fastnav__name,
#head .fastnav__name--acc {
  color: #000;
  transition: color 0.3s ease;
}
#head .fastnav:hover .fastnav__icon,
#head .fastnav:hover .fastnav__name,
#head .fastnav:hover .fastnav__name--acc {
  color: #9237ff;
}
#head .fastnav__item {
  width: 90px;
}
#head .fastnav__active .fastnav__icon,
#head .fastnav__active .fastnav__name,
#head .fastnav__active .fastnav__name--acc {
  color: #7b33d1;
  fill: #7b33d1;
}
#head .fastnav__active-acc {
  background: #f5ebff;
  border-radius: 8px;
}
#head .fastnav__active-acc .fastnav__icon,
#head .fastnav__active-acc .fastnav__name,
#head .fastnav__active-acc .fastnav__name--acc {
  color: #7b33d1;
  fill: #7b33d1;
}
#head .fastnav__disabled-acc {
  background: transparent;
  border-radius: 8px;
}
#head .fastnav__disabled-acc .fastnav__icon,
#head .fastnav__disabled-acc .fastnav__name,
#head .fastnav__disabled-acc .fastnav__name--acc {
  color: #b6b6b6;
  fill: #b6b6b6;
}
#head .fastnav__disabled-acc:hover .fastnav__icon,
#head .fastnav__disabled-acc:hover .fastnav__name,
#head .fastnav__disabled-acc:hover .fastnav__name--acc {
  color: #b6b6b6;
  cursor: not-allowed;
}
#hair {
  flex: 0 0 auto;
  height: var(--hairH);
  position: relative;
  z-index: calc(99 + 1);
  background-color: #f5ebff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-weight: 500;
  gap: 16px;
}
#hair .button-hair {
  background-color: #e9d3ff !important;
  color: #000 !important;
  height: 26px;
  font-weight: 400;
}
#hair .button-hair__content {
  padding: 0 16px !important;
}
.foot {
  transition: 0.4s ease;
  transition-property: filter;
  flex: 0 0 auto;
  background-color: #f5f7fa;
  border-top: 1px solid #d1cfd7;
  padding: 32px 16px 16px;
}
.foot__title {
  margin-bottom: 16px;
  margin-top: 0;
  color: #000;
  line-height: 24px;
  font-size: 20px;
}
.foot__nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 16px;
}
.foot__nav-link {
  line-height: 1.5;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
}
.foot__nav-link:hover {
  color: #9237ff;
}
.foot__copy {
  font-size: var(--supportFS);
  line-height: 20px;
  color: #8b8b8b;
  cursor: text;
}
.foot__app-block {
  border: 1px solid #d1cfd7;
  background-color: #fff;
  padding: 16px;
  border-radius: 20px;
  gap: 20px;
  max-width: 257px;
}
.foot__app-block__title {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.foot__app-block__qr {
  width: 135px;
  height: 135px;
  margin: 10px;
}
.foot__app-block__text {
  text-align: center;
  color: #787979;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
@media (max-width: 1280px) {
  .foot__app-block {
      max-width: 395px;
  }
}
.page-content-acc__wrap {
  max-width: 1880px;
  width: 100%;
  margin: auto;
  padding: 20px;
}
.page-content-acc__header {
  padding-inline: 20px;
}
@media (max-width: 700px) {
  .page-content-acc__wrap {
      padding-left: 0;
      padding-right: 0;
  }
  .page-content-acc__header {
      padding-inline: 16px;
  }
}
.datatable-new {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
  overflow-y: visible;
}
.datatable-new__body {
  min-width: 1440px;
  min-height: 500px;
}
.datatable-new__body--creating-offer {
  min-width: 1050px;
  min-height: 400px;
}
.datatable-new__row {
  display: flex;
  position: relative;
  background-color: #fff;
}
.datatable-new__row:last-child {
  border-bottom: none;
  border-radius: 0 0 12px 12px;
}
.datatable-new__row:last-child .datatable-new__cell--sticky {
  border-radius: 0 0 12px 0;
}
.datatable-new__row:nth-child(2) {
  border-radius: 12px 12px 0 0;
}
.datatable-new__row:nth-child(2) .datatable-new__cell--sticky {
  border-radius: 0 12px 0 0;
}
.datatable-new__row--head {
  border-radius: calc(var(--baseValue) * 2);
  background-color: #fff;
  border-bottom: none;
}
.datatable-new__row--head .datatable-new__cell {
  background-color: #fff;
}
.datatable-new__row--head .datatable-new__cell:first-child {
  border-radius: calc(var(--baseValue) * 2) 0 0 calc(var(--baseValue) * 2);
}
.datatable-new__row--head .datatable-new__cell:last-child {
  border-radius: 0 calc(var(--baseValue) * 2) calc(var(--baseValue) * 2) 0;
}
.datatable-new__row--head .datatable-new__cell--check {
  padding-block: calc(var(--baseValue) * 2);
}
.datatable-new__row--head:last-child {
  margin-top: calc(var(--baseValue) * 4);
  margin-bottom: 0;
}
.datatable-new__row:hover:not(.datatable-new__row--head),
.datatable-new__row:hover:not(.datatable-new__row--head) .datatable-new__cell--sticky {
  background-color: #f2f2f2;
}
.datatable-new__row--checked {
  background-color: #f5ebff !important;
  border-radius: 12px !important;
}
.datatable-new__row--checked:hover:not(.datatable-new__row--checked--head) {
  background-color: #f5ebff;
}
.datatable-new__row--checked .datatable-new__cell--sticky {
  background-color: #f5ebff !important;
  border-radius: 0 12px 12px 0;
}
.datatable-new:has(.datatable-new__row--head:last-child) .datatable-new__row:nth-last-child(2) {
  border-bottom: none;
}
.datatable-new__cell {
  --cellPadding: calc(var(--baseValue) * 3);
  flex: 1 1 100%;
  padding: calc(var(--baseValue) * 3);
  display: flex;
  align-items: center;
}
.datatable-new__cell--check {
  flex: 0 0 auto;
  width: calc(var(--iconDB) + var(--cellPadding) * 2);
}
.datatable-new__cell--view {
  flex: 0 0 auto;
  width: calc(60px + var(--baseValue));
  height: calc(60px + var(--baseValue));
  padding: var(--baseValue);
}
.datatable-new__cell--wide {
  flex-basis: 150%;
}
.datatable-new__cell--sticky {
  background-color: #fafafa;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
}
.datatable-new__cell--sticky:hover {
  background-color: #f2f2f2;
}
.datatable-new__cell--sticky--start {
  left: 0;
}
.datatable-new__cell--sticky--end {
  right: 0;
}
.grid-new {
  --gridCount: 1;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--gridCount), minmax(0, 1fr));
}
.grid-new--2 {
  --gridCount: 2;
}
.grid-new--3 {
  --gridCount: 3;
}
.grid-new--4 {
  --gridCount: 4;
}
.grid-new--5 {
  --gridCount: 5;
}
.grid-new--6 {
  --gridCount: 6;
}
.grid-new--7 {
  --gridCount: 7;
}
.grid-new--8 {
  --gridCount: 8;
}
.grid-new--10 {
  --gridCount: 10;
}
.grid-new--11 {
  --gridCount: 11;
}
.grid-new--12 {
  --gridCount: 12;
}
.grid-new--create-offer {
  grid-template-columns: 65% 33%;
}
.grid-new__cell--1 {
  grid-column: span 1;
}
.grid-new__cell--2 {
  grid-column: span 2;
}
.grid-new__cell--3 {
  grid-column: span 3;
}
.grid-new__cell--4 {
  grid-column: span 4;
}
.grid-new__cell--5 {
  grid-column: span 5;
}
.grid-new__cell--6 {
  grid-column: span 6;
}
.grid-new__cell--7 {
  grid-column: span 7;
}
.grid-new__cell--8 {
  grid-column: span 8;
}
.grid-new__cell--9 {
  grid-column: span 9;
}
.grid-new__cell--10 {
  grid-column: span 10;
}
.grid-new__cell--11 {
  grid-column: span 11;
}
.grid-new__cell--12 {
  grid-column: span 12;
}
@media (max-width: 1800px) {
  .grid-new--screen-xl-1 {
      --gridCount: 1;
  }
  .grid-new--screen-xl-2 {
      --gridCount: 2;
  }
  .grid-new--screen-xl-3 {
      --gridCount: 3;
  }
  .grid-new--screen-xl-4 {
      --gridCount: 4;
  }
  .grid-new--screen-xl-5 {
      --gridCount: 5;
  }
  .grid-new--screen-xl-6 {
      --gridCount: 6;
  }
  .grid-new--screen-xl-7 {
      --gridCount: 7;
  }
  .grid-new--screen-xl-8 {
      --gridCount: 8;
  }
  .grid-new--screen-xl-9 {
      --gridCount: 9;
  }
  .grid-new--screen-xl-10 {
      --gridCount: 10;
  }
  .grid-new--screen-xl-11 {
      --gridCount: 11;
  }
  .grid-new--screen-xl-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-xl-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-xl-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-xl-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-xl-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-xl-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-xl-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-xl-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-xl-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-xl-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-xl-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-xl-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-xl-12 {
      grid-column: span 12;
  }
  #head .button-catalog {
      padding-inline: 12px;
  }
}
@media (max-width: 1280px) {
  .grid-new--screen-l-1 {
      --gridCount: 1;
  }
  .grid-new--screen-l-2 {
      --gridCount: 2;
  }
  .grid-new--screen-l-3 {
      --gridCount: 3;
  }
  .grid-new--screen-l-4 {
      --gridCount: 4;
  }
  .grid-new--screen-l-5 {
      --gridCount: 5;
  }
  .grid-new--screen-l-6 {
      --gridCount: 6;
  }
  .grid-new--screen-l-7 {
      --gridCount: 7;
  }
  .grid-new--screen-l-8 {
      --gridCount: 8;
  }
  .grid-new--screen-l-9 {
      --gridCount: 9;
  }
  .grid-new--screen-l-10 {
      --gridCount: 10;
  }
  .grid-new--screen-l-11 {
      --gridCount: 11;
  }
  .grid-new--screen-l-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-l-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-l-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-l-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-l-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-l-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-l-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-l-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-l-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-l-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-l-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-l-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-l-12 {
      grid-column: span 12;
  }
  #head .button-catalog {
      padding-inline: 12px;
  }
}
@media (max-width: 1024px) {
  .grid-new--screen-m-1 {
      --gridCount: 1;
  }
  .grid-new--screen-m-2 {
      --gridCount: 2;
  }
  .grid-new--screen-m-3 {
      --gridCount: 3;
  }
  .grid-new--screen-m-4 {
      --gridCount: 4;
  }
  .grid-new--screen-m-5 {
      --gridCount: 5;
  }
  .grid-new--screen-m-6 {
      --gridCount: 6;
  }
  .grid-new--screen-m-7 {
      --gridCount: 7;
  }
  .grid-new--screen-m-8 {
      --gridCount: 8;
  }
  .grid-new--screen-m-9 {
      --gridCount: 9;
  }
  .grid-new--screen-m-10 {
      --gridCount: 10;
  }
  .grid-new--screen-m-11 {
      --gridCount: 11;
  }
  .grid-new--screen-m-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-m-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-m-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-m-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-m-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-m-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-m-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-m-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-m-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-m-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-m-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-m-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-m-12 {
      grid-column: span 12;
  }
}
@media (max-width: 700px) {
  .grid-new--screen-sm-1 {
      --gridCount: 1;
  }
  .grid-new--screen-sm-2 {
      --gridCount: 2;
  }
  .grid-new--screen-sm-3 {
      --gridCount: 3;
  }
  .grid-new--screen-sm-4 {
      --gridCount: 4;
  }
  .grid-new--screen-sm-5 {
      --gridCount: 5;
  }
  .grid-new--screen-sm-6 {
      --gridCount: 6;
  }
  .grid-new--screen-sm-7 {
      --gridCount: 7;
  }
  .grid-new--screen-sm-8 {
      --gridCount: 8;
  }
  .grid-new--screen-sm-9 {
      --gridCount: 9;
  }
  .grid-new--screen-sm-10 {
      --gridCount: 10;
  }
  .grid-new--screen-sm-11 {
      --gridCount: 11;
  }
  .grid-new--screen-sm-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-sm-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-sm-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-sm-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-sm-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-sm-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-sm-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-sm-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-sm-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-sm-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-sm-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-sm-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-sm-12 {
      grid-column: span 12;
  }
}
@media (max-width: 480px) {
  .grid-new--screen-s-1 {
      --gridCount: 1;
  }
  .grid-new--screen-s-2 {
      --gridCount: 2;
  }
  .grid-new--screen-s-3 {
      --gridCount: 3;
  }
  .grid-new--screen-s-4 {
      --gridCount: 4;
  }
  .grid-new--screen-s-5 {
      --gridCount: 5;
  }
  .grid-new--screen-s-6 {
      --gridCount: 6;
  }
  .grid-new--screen-s-7 {
      --gridCount: 7;
  }
  .grid-new--screen-s-8 {
      --gridCount: 8;
  }
  .grid-new--screen-s-9 {
      --gridCount: 9;
  }
  .grid-new--screen-s-10 {
      --gridCount: 10;
  }
  .grid-new--screen-s-11 {
      --gridCount: 11;
  }
  .grid-new--screen-s-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-s-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-s-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-s-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-s-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-s-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-s-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-s-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-s-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-s-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-s-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-s-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-s-12 {
      grid-column: span 12;
  }
}
@media (max-width: 390px) {
  .grid-new--screen-xs-1 {
      --gridCount: 1;
  }
  .grid-new--screen-xs-2 {
      --gridCount: 2;
  }
  .grid-new--screen-xs-3 {
      --gridCount: 3;
  }
  .grid-new--screen-xs-4 {
      --gridCount: 4;
  }
  .grid-new--screen-xs-5 {
      --gridCount: 5;
  }
  .grid-new--screen-xs-6 {
      --gridCount: 6;
  }
  .grid-new--screen-xs-7 {
      --gridCount: 7;
  }
  .grid-new--screen-xs-8 {
      --gridCount: 8;
  }
  .grid-new--screen-xs-9 {
      --gridCount: 9;
  }
  .grid-new--screen-xs-10 {
      --gridCount: 10;
  }
  .grid-new--screen-xs-11 {
      --gridCount: 11;
  }
  .grid-new--screen-xs-12 {
      --gridCount: 12;
  }
  .grid-new__cell--screen-xs-1 {
      grid-column: span 1;
  }
  .grid-new__cell--screen-xs-2 {
      grid-column: span 2;
  }
  .grid-new__cell--screen-xs-3 {
      grid-column: span 3;
  }
  .grid-new__cell--screen-xs-4 {
      grid-column: span 4;
  }
  .grid-new__cell--screen-xs-5 {
      grid-column: span 5;
  }
  .grid-new__cell--screen-xs-6 {
      grid-column: span 6;
  }
  .grid-new__cell--screen-xs-7 {
      grid-column: span 7;
  }
  .grid-new__cell--screen-xs-8 {
      grid-column: span 8;
  }
  .grid-new__cell--screen-xs-9 {
      grid-column: span 9;
  }
  .grid-new__cell--screen-xs-10 {
      grid-column: span 10;
  }
  .grid-new__cell--screen-xs-11 {
      grid-column: span 11;
  }
  .grid-new__cell--screen-xs-12 {
      grid-column: span 12;
  }
}
.slide {
  width: 100%;
}
.slide .media {
  max-height: 100%;
}
.slider-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.slider-container__title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #000;
  margin: 0;
}
@media (max-width: 480px) {
  .slider-container__title {
      font-size: 26px;
  }
}
.slider {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.slider .swiper {
  width: 100%;
}
.slider--ovv,
.slider--ovv .swiper {
  overflow: visible;
}
.slider__header-nav .icon {
  color: #000;
}
.slider__nav {
  --navPosition: calc(var(--baseValue) * 4);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  transition: 0.25s ease;
  transition-property: background-color, color, opacity, visibility, transform;
  background-color: hsla(0, 0%, 100%, 0.4);
  color: #000;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 4;
  margin-top: -24px;
}
.slider__nav--prev {
  left: var(--navPosition);
}
.slider__nav--next {
  right: var(--navPosition);
}
.slider__nav:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.slider__nav--disabled {
  opacity: 0;
  visibility: hidden;
}
.slider__nav--disabled.slider__nav--prev {
  transform: translateX(calc(var(--navPosition) / 2));
}
.slider__nav--disabled.slider__nav--next {
  transform: translateX(calc(var(--navPosition) / -2));
}
.slider__nav--show-on-hover {
  opacity: 0;
  visibility: hidden;
}
.slider__nav--show-on-hover.slider__nav--prev {
  transform: translateX(calc(var(--navPosition) / 2));
}
.slider__nav--show-on-hover.slider__nav--next {
  transform: translateX(calc(var(--navPosition) / -2));
}
.slider--images .slide {
  display: flex;
  align-items: center;
  height: auto;
}
.slider--images .slide .media {
  max-height: 100%;
}
.slider--gallery .slide {
  width: auto;
  height: var(--galleryMH);
  max-width: 100%;
}
.slider--gallery--adapt {
  --galleryAdaptMinH: 240px;
  --galleryAdaptRecH: 50vh;
  --galleryAdaptMaxH: 420px;
}
.slider--gallery--adapt .slide {
  height: clamp(var(--galleryAdaptMinH), var(--galleryAdaptRecH), var(--galleryAdaptMaxH));
  max-height: var(--galleryMH);
}
.slider:hover .slider__nav--show-on-hover {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.slider--offer-page {
  padding: 0 70px;
}
.slider.slider--offer-page {
  overflow: visible;
}
.slider.slider--offer-page .slider__nav--prev {
  left: 0;
}
.slider.slider--offer-page .slider__nav--next {
  right: 0;
}
.check-new {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  max-width: 100%;
  cursor: pointer;
}
.check-new__type {
  --checkBG-now: tranparent;
  --checkBordColr-now: #d1cfd7;
  width: 24px;
  height: 24px;
  transition: 0.1s ease;
  transition-property: border-color, background-color;
  position: relative;
  flex: 0 0 auto;
  border: 1px solid var(--checkBordColr-now);
  background-color: var(--checkBG-now);
}
.check-new__type:before {
  content: "";
  display: block;
  transition: 0.1s ease;
  transition-property: opacity;
  position: absolute;
  opacity: 0;
}
.check-new input[type="radio"] ~ .check-new__type {
  width: 20px;
  height: 20px;
}
.check-new__name {
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 24px;
}
.check-new__label {
  position: relative;
  display: inline-flex;
  gap: 8px;
  isolation: isolate;
  align-items: center;
  cursor: pointer;
}
.check-new__label:hover .check-new__type {
  --checkBG-now: #fff;
  --checkBordColr-now: #9237ff;
}
.check-new__label input {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
}
.check-new__label input[type="checkbox"] ~ .check-new__type {
  border-radius: 4px;
}
.check-new__label input[type="checkbox"] ~ .check-new__type:before {
  content: url(/_next/static/media/check.7d4c89ba.svg);
  color: #fff;
  width: 5px;
  height: 12px;
  top: 4px;
  left: 3px;
}
.check-new__label input[type="checkbox"] ~ .check-new__type-small {
  width: 20px;
  height: 20px;
}
.check-new__label input[type="checkbox"] ~ .check-new__type-small:before {
  width: 4px;
  height: 10px;
  top: 2px;
  left: 1px;
}
.check-new__label input[type="radio"] ~ .check-new__type {
  border-radius: 50%;
  border-width: 2px;
}
.check-new__label input[type="radio"] ~ .check-new__type:before {
  border-radius: 50%;
  width: calc(100% - 7px);
  height: calc(100% - 7px);
  background-color: #9237ff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.check-new__label input:focus-visible ~ .check-new__type {
  --checkBG-now: #fff;
  --checkBordColr-now: #5e6adc;
}
.check-new__label input:checked[type="radio"] ~ .check-new__type {
  --checkBG-now: #fff;
  --checkBordColr-now: #9237ff;
}
.check-new__label input:checked[type="radio"] ~ .check-new__type:before {
  opacity: 1;
}
.check-new__label input:checked ~ .check-new__type {
  --checkBG-now: #9237ff;
  --checkBordColr-now: #9237ff;
}
.check-new__label input:checked ~ .check-new__type:before {
  opacity: 1;
}
.check-new__label input:disabled ~ .check-new__type {
  --checkBG-now: #dfdfdf;
  --checkBordColr-now: #dfdfdf;
}
.check-new__label:has(input:disabled) {
  cursor: not-allowed;
}
.check-new:hover {
  cursor: pointer;
}
.check-new:hover .check-new__type {
  --checkBG-now: #fff;
  --checkBordColr-now: #9237ff;
}
.check-new.no-group {
  display: flex;
  pointer-events: none;
}
.check-new.no-group .check-new__label {
  gap: 0;
}
.rating-input-new {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.rating-input-new__stars {
  display: flex;
  gap: 20px;
}
.rating-input-new__text {
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
}
.rating-input-new__star {
  cursor: pointer;
}
.rating-input-new__icon {
  width: 40px;
  height: 40px;
}
.rating-input-new__icon--empty {
  fill: #ccc;
}
.rating-input-new__icon--full {
  fill: #9237ff;
}
.rating-input-new__icon--full:active {
  fill: #7b33d1;
}
.rating-input-new .rating-input-new__icon--full,
.rating-input-new--1 .rating-input-new__star:nth-child(-n + 1) .rating-input-new__icon--empty {
  display: none;
}
.rating-input-new--1 .rating-input-new__star:nth-child(-n + 1) .rating-input-new__icon--full {
  display: block;
}
.rating-input-new--2 .rating-input-new__star:nth-child(-n + 2) .rating-input-new__icon--empty {
  display: none;
}
.rating-input-new--2 .rating-input-new__star:nth-child(-n + 2) .rating-input-new__icon--full {
  display: block;
}
.rating-input-new--3 .rating-input-new__star:nth-child(-n + 3) .rating-input-new__icon--empty {
  display: none;
}
.rating-input-new--3 .rating-input-new__star:nth-child(-n + 3) .rating-input-new__icon--full {
  display: block;
}
.rating-input-new--4 .rating-input-new__star:nth-child(-n + 4) .rating-input-new__icon--empty {
  display: none;
}
.rating-input-new--4 .rating-input-new__star:nth-child(-n + 4) .rating-input-new__icon--full {
  display: block;
}
.rating-input-new--5 .rating-input-new__star:nth-child(-n + 5) .rating-input-new__icon--empty {
  display: none;
}
.rating-input-new--5 .rating-input-new__star:nth-child(-n + 5) .rating-input-new__icon--full {
  display: block;
}
.rating-input-new .rating-input-new__star:hover .rating-input-new__icon--full {
  display: block !important;
}
.rating-input-new .rating-input-new__star:hover .rating-input-new__icon--empty {
  display: none !important;
}
.select-new {
  width: 100%;
  position: relative;
}
.select-new__placeholder {
  color: #8b8b8b;
  transition: line-height 0.1s ease;
}
.select-new__input {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: 12px;
  height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #262626;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 16px;
  transition: all 0.1s ease;
  background-color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.select-new__drop {
  position: absolute;
  z-index: calc(var(--headZ) - 1);
  top: 100%;
  padding-top: 4px;
  right: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0);
  transition: all 0.1s ease;
}
.select-new__options {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
  max-height: 300px;
  overflow-y: scroll;
  box-shadow: 0 2px 15px 0 #0000001a;
}
.select-new__option-item {
  flex-shrink: 0;
  padding: 12px 16px;
  color: #000;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.1s ease-in;
}
.select-new__option-item:hover {
  background-color: #fafafa;
}
.select-new__option-item:active {
  background-color: #edeef2;
}
.select-new--open:not(.select-new--disabled) .select-new__input {
  border-color: #9237ff;
  display: flex;
  flex-direction: column;
}
.select-new--open:not(.select-new--disabled) .select-new__drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(8px);
}
.select-new--filled .select-new__placeholder {
  font-size: 10px;
  line-height: 12px;
}
.select-new--disabled .select-new__input {
  background-color: #f5f5f5;
  cursor: default !important;
  border-color: transparent;
}
.interaction-new {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(4px * 2);
}
.interaction-new h4,
.interaction-new h5 {
  margin-bottom: 0;
}
.interaction-new__full-height {
  height: 100%;
}
.interaction-new__body {
  transition: 0.25s ease;
  transition-property: background-color;
  border-radius: 16px;
  min-height: 48px;
  position: relative;
  background-color: #fafafa;
  border: 1px dashed #9237ff;
  display: flex;
  gap: 4px;
}
.interaction-new__body__full-height {
  height: 100%;
}
.interaction-new__body--filed {
  background-color: #f2f2f2;
  border: 1px solid transparent;
}
.interaction-new__body--filed-keys {
  background-color: #f5f5f5;
  border: 1px solid transparent;
  cursor: alias;
}
.interaction-new__body--filed-keys .file__label {
  cursor: not-allowed;
}
.interaction-new__body--err {
  border: 1px dashed #d62c2c;
}
.interaction-new__body :hover .button-new__close {
  display: block;
}
.interaction-new__input {
  flex: 1 1 auto;
  overflow: hidden;
}
.interaction-new__input__full-height {
  height: 100%;
}
.interaction-new__input input,
.interaction-new__input select,
.interaction-new__input textarea {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: 4px;
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: calc(4px * 3) calc(4px * 4);
}
.interaction-new__input input:-moz-read-only,
.interaction-new__input select:-moz-read-only,
.interaction-new__input textarea:-moz-read-only {
  cursor: default;
}
.interaction-new__input input:read-only,
.interaction-new__input select:read-only,
.interaction-new__input textarea:read-only {
  cursor: default;
}
.note-new {
  line-height: 16px;
  font-size: 14px;
  color: #8b8b8b;
  cursor: default;
}
.note-new--err {
  --noteColr: var(--erorColr);
}
.note-new--counter {
  text-align: right;
}
.steps-form {
  max-width: 800px;
}
.steps-form__sections--section {
  flex: 0 1 55vh;
}
.steps-form__sections--sub-section {
  flex: 1 1 45vh;
}
@media (max-width: 700px) {
  .steps-form__sections--section,
  .steps-form__sections--sub-section {
      flex: none;
  }
}
.steps-form__file-uploads--thumbnail {
  width: 50vw;
  height: 50vw;
}
.steps-form__file-uploads--gallery {
  flex: 1 1 auto;
}
.required-field {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.required-field:after {
  content: "*";
  position: absolute;
  top: 5%;
  right: -12px;
  font-size: 20px;
  color: #d62c2c;
}
.input-new {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
}
.input-new--select {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-new-wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  cursor: inherit;
}
.input-new-wrap__inside-scroll {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 4px;
}
.input-new-wrap__inside-scroll textarea.no-resize {
  border: none;
  padding: 10px 12px;
}
.input-new__postfix {
  right: 16px;
  padding-left: 5px;
  pointer-events: none;
}
.input-new__postfix,
.input-new__prefix {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  color: #8b8b8b;
  transition: all 0.3s ease;
}
.input-new__prefix {
  left: 16px;
  padding-right: 5px;
}
.input-new:has(input:focus, select:focus, textarea:focus) .input-new__postfix,
.input-new:has(input:focus, select:focus, textarea:focus) .input-new__prefix {
  color: #9237ff !important;
}
.input-new__value {
  position: absolute;
  padding-right: 55px;
  left: 16px;
  top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-new__placeholder {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  color: #8b8b8b;
  font-size: 16px;
  pointer-events: none;
  padding-inline: 16px;
  transition: font-size, top 0.1s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  height: 100%;
  display: flex;
  align-items: center;
}
.input-new__placeholder--labeled {
  top: -10px;
  font-size: 12px;
}
.input-new__placeholder--focused {
  opacity: 0;
}
.input-new__placeholder--small {
  padding-block: 10px;
}
.input-new__input {
  flex: 1 1 auto;
  overflow: hidden;
}
.input-new__input input {
  height: 48px;
}
.input-new__input input,
.input-new__input select,
.input-new__input textarea {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  border-radius: 12px;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0;
  padding: 14px 16px;
  resize: vertical;
  caret-color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.input-new__input input::placeholder,
.input-new__input select::placeholder,
.input-new__input textarea::placeholder {
  color: #8b8b8b;
}
.input-new__input input:disabled,
.input-new__input select:disabled,
.input-new__input textarea:disabled {
  cursor: default;
  background-color: #f5f5f5;
  color: #8b8b8b;
}
.input-new__input input:disabled::placeholder,
.input-new__input select:disabled::placeholder,
.input-new__input textarea:disabled::placeholder {
  color: #8b8b8b;
}
.input-new__input input:focus,
.input-new__input select:focus,
.input-new__input textarea:focus {
  border-color: #9237ff;
}
.input-new__input input:focus::placeholder,
.input-new__input select:focus::placeholder,
.input-new__input textarea:focus::placeholder {
  color: transparent;
}
.input-new__input textarea.auto-grow {
  resize: none;
  overflow: hidden;
  overflow-y: auto;
}
.input-new__input textarea.auto-grow::-webkit-scrollbar-track {
  background: #fafafa;
}
.input-new__input textarea.auto-grow::-webkit-scrollbar {
  width: 5px !important;
}
.input-new__input textarea.auto-grow::-webkit-scrollbar-thumb {
  background-color: rgba(78, 78, 83, 0.15);
  border-radius: 20px;
}
.input-new__input textarea.auto-grow::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.input-new__input textarea.messages-new__chat-textarea {
  padding: 8px 12px;
  border: none;
  max-height: 100px;
}
.input-new__input--filled input {
  padding-top: 28px;
}
.input-new__input--small input,
.input-new__input--small select,
.input-new__input--small textarea {
  padding-block: 10px;
  height: 40px;
}
.input-new__input--err input,
.input-new__input--err input:focus,
.input-new__input--err textarea {
  border: 1px solid #d62c2c;
}
.input-new__input--with-label input::placeholder {
  color: #8b8b8b;
}
.input-new__input--with-label input:focus {
  caret-color: #000;
  padding-top: 28px;
}
.input-new__input--with-label input:focus::placeholder {
  color: transparent;
}
.input-new__input--text-aria input {
  padding: 12px 16px;
  color: #000;
}
.input-new__input--text-aria input:focus {
  caret-color: #000;
}
.input-new__input--text-aria input:focus::placeholder {
  color: transparent;
}
.input-new__input--text-aria .input-new__placeholder {
  position: absolute;
  right: 0;
  left: 0;
  top: 16px;
  bottom: auto;
  padding-inline: 16px;
  transition: font-size, top 0.1s ease;
  width: 100%;
  height: auto;
  align-items: center;
}
.input-new__input--text-aria .input-new__placeholder--labeled {
  top: 7px;
  font-size: 10px;
  padding-left: 18px;
}
.input-new__input--combo input {
  color: transparent;
}
.input-new__input--combo input:focus {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid transparent;
  caret-color: #000;
  padding-top: 20px;
  padding-bottom: 4px;
}
.input-new__input--combo input:hover {
  cursor: inherit;
}
.input-new__input--select input {
  color: transparent;
  padding-right: 45px;
}
.input-new__input--select input::placeholder {
  color: #8b8b8b !important;
}
.input-new__input--select input:focus {
  cursor: default;
  caret-color: transparent;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid transparent;
}
.input-new__input--select input:hover {
  cursor: inherit;
}
.input-new__input--select .input-new__no-label input {
  color: #8b8b8b;
}
.input-new__input--err input {
  border-color: #d62c2c;
}
.input-new--disabled {
  cursor: not-allowed !important;
}
.input-new__options {
  font-family: Hauss, sans-serif;
  font-weight: 400;
  font-style: normal;
  transition: 0.25s ease;
  transition-property: color;
  position: absolute;
  top: 44px;
  width: 100%;
  color: #262626;
  background-color: #fff;
  margin: 0;
  padding-bottom: 14px;
  padding-top: 0;
  border-radius: 0 0 12px 12px;
  border: 1px solid #9237ff;
  border-top: none;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  display: flex;
  flex-direction: column;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}
.input-new__options--visible {
  opacity: 1;
  visibility: visible;
}
.input-new__options__item {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 16px;
}
.input-new__options__item:hover {
  background-color: #f5ebff;
}
.input-new__hints {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.input-new__hints .hint {
  font-size: 14px;
  line-height: 16px;
  color: #b6b6b6;
}
.input-new__hints .hint--info {
  color: #b6b6b6;
}
.input-new__hints .hint--info.fancy--info {
  padding: 8px 16px;
  background-color: #f2f3f7;
  color: #787979;
  border-radius: 12px;
  line-height: 20px;
}
.input-new__hints .hint--eror {
  color: #cf5757;
}
.input-new__hints .hint--suxs {
  color: #4caf50;
}
.input-new__hints .hint--warn {
  color: #f96f49;
}
.input-new__hints .hint--counter {
  align-self: flex-end;
}
.input-new:has(.input-new__prefix) .input-new__input input,
.input-new:has(.input-new__prefix) .input-new__label,
.input-new:has(.input-new__prefix) .input-new__placeholder {
  padding-left: 45px;
}
.input-new:has(.input-new__postfix) .input-new__input input,
.input-new:has(.input-new__postfix) .input-new__label,
.input-new:has(.input-new__postfix) .input-new__placeholder {
  padding-right: 45px;
}
.input-new__no-arrow input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
.input-new__bg-corpLight {
  background-color: #fafafa !important;
}
.input-new:not(.input-new--select) input:-moz-read-only {
  cursor: pointer;
}
.input-new:not(.input-new--select) input:read-only {
  cursor: pointer;
}
.input-new:not(.input-new--select) input:disabled {
  cursor: default;
}
input.no-resize,
select.no-resize,
textarea.no-resize {
  resize: none;
  overflow-y: scroll;
}
input.no-resize::-webkit-scrollbar-track,
select.no-resize::-webkit-scrollbar-track,
textarea.no-resize::-webkit-scrollbar-track {
  display: none;
}
input.no-resize::-webkit-scrollbar,
select.no-resize::-webkit-scrollbar,
textarea.no-resize::-webkit-scrollbar {
  width: 5px;
  border-radius: 40px;
}
.verify-code-input input {
  display: block;
  height: 56px;
  width: 48px;
  text-align: center;
  min-width: 0;
  border: none;
  font-size: 32px;
  caret-color: #000;
}
.verify-code-input input::-webkit-input-placeholder {
  color: #d9d9d9;
  height: 64px;
}
.verify-code-input input:-moz-placeholder,
.verify-code-input input::-moz-placeholder {
  color: #d9d9d9;
}
.verify-code-input input:-ms-input-placeholder {
  color: #d9d9d9;
}
.verify-code-input input:disabled {
  background-color: transparent !important;
}
.image-new {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  margin: auto;
  will-change: transform;
  border-radius: 8px;
}
.image-new > a {
  width: 100%;
  height: 100%;
  display: block;
}
.image-new img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  image-rendering: -webkit-optimize-contrast;
}
.image-new--with-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.image-new--fit {
  width: -moz-fit-content;
  width: fit-content;
}
.image-new--cvr img {
  object-fit: cover;
}
.image-new--aspect {
  --imageAspect: 1/1;
  aspect-ratio: var(--imageAspect);
}
.image-new--aspect--4to1 {
  --imageAspect: 4/1;
}
.image-new--aspect--4to3 {
  --imageAspect: 4/3;
}
.image-new--aspect--3to4 {
  --imageAspect: 3/4;
}
.image-new--aspect--3to1 {
  --imageAspect: 3/1;
}
.image-new--aspect--16to9 {
  --imageAspect: 16/9;
}
.image-new--fixed {
  --imageFixedD: var(--iconDL);
  width: var(--imageFixedD);
  height: var(--imageFixedD);
}
.image-new--fixed--s {
  --imageFixedD: var(--iconDS);
}
.image-new--fixed--b {
  --imageFixedD: var(--iconDB);
}
.image-new--fixed--m {
  --imageFixedD: var(--iconDM);
}
.image-new--fixed--ml {
  --imageFixedD: var(--iconDML);
}
.image-new--fixed--g {
  --imageFixedD: var(--iconDG);
}
.image-new--fixed--h {
  --imageFixedD: var(--iconDH);
}
.image-new--mh {
  --imageMaxH-now: var(--imageMaxH);
}
.image-new--mh img {
  width: auto;
  height: auto;
  margin: auto;
  max-height: var(--imageMaxH-now);
}
.image-new--mh--comment {
  --imageMaxH-now: var(--galleryMH);
}
.image-new--adapt {
  --imageAdaptMinH: 240px;
  --imageAdaptRecH: 40vh;
  --imageAdaptMaxH: 480px;
  height: clamp(var(--imageAdaptMinH), var(--imageAdaptRecH), var(--imageAdaptMaxH));
  max-height: 100%;
}
.image-new--hover:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.4s ease;
  transition-property: opacity;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  opacity: 0;
}
.image-new--hover img {
  transition: 0.4s ease;
  transition-property: transform;
}
.image-new--hover:hover img {
  transform: scale(1.02);
}
.image-new--hover:hover:before {
  opacity: 0.1;
}
.image-new:empty {
  background-image: url(/_next/static/media/no-image-new.bd3b6796.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 40% 40%;
  background-color: #f5f6f7;
}
.content-image {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(var(--baseValue) * 4);
  background-color: rgb(var(--mainBase));
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.content-image:hover {
  cursor: pointer;
}
.content-image:hover .content-icon {
  transform: scale(1.2);
  transition: 0.2s;
}
.content-bg {
  border-radius: 8px;
  z-index: 0;
  filter: blur(25px);
  background: hsla(0, 0%, 100%, 0.4) 50%;
  object-fit: fill;
  background-size: contain;
}
.content-bg,
.content-icon {
  position: absolute;
}
.content-duration {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px;
  margin: 8px;
}
.illustration {
  border-radius: calc(var(--baseValue) * 3);
  padding: calc(var(--baseValue) * 4);
  background-color: rgb(var(--tripBase));
  border: 1px solid rgb(var(--slavBase));
  margin-block: calc(var(--baseValue) * 6);
}
.illustration:first-child {
  margin-top: 0;
}
.illustration:last-child {
  margin-bottom: 0;
}
.illustration__desc {
  margin-top: calc(var(--baseValue) * 4);
  font-size: var(--noteFS);
  line-height: calc(var(--noteFS) + 6px);
  font-style: italic;
  color: rgb(var(--slavCase));
}
ol,
ul {
  margin: calc(var(--baseValue) * 8) 0;
}
ol:first-child,
ul:first-child {
  margin-top: 0;
}
ol:last-child,
ul:last-child {
  margin-bottom: 0;
}
ol li,
ul li {
  display: block;
  position: relative;
  line-height: var(--textLH);
  margin-bottom: calc(var(--baseValue) * 4);
}
ol li:last-child,
ul li:last-child {
  margin-bottom: 0;
}
ul > li {
  padding-left: calc(var(--listDotD) + var(--baseValue) * 4);
}
ul > li:before {
  content: "";
  display: block;
  border-radius: 50%;
  width: var(--listDotD);
  height: var(--listDotD);
  position: absolute;
  top: calc(var(--baseFont) * var(--textLH) / 2 - var(--baseValue));
  left: 0;
  background-color: #9237ff;
}
ul > li ol,
ul > li ul {
  margin-top: 0;
  margin-left: calc(var(--baseValue) * 6);
}
ul > li:has(> .small):before {
  top: calc((var(--baseFont) - 2px) * var(--textSLH) / 2 - var(--baseValue) * 1.5);
}
ol {
  counter-reset: ol-counter;
}
ol > li {
  counter-increment: ol-counter;
}
ol > li:before {
  font-family: Hauss, monospace;
  font-weight: 400;
  font-style: normal;
  content: counters(ol-counter, ".") ".";
  font-size: calc(var(--baseFont) - 2px);
  font-weight: 700;
  color: #9237ff;
}
ol > li ol,
ol > li ul {
  margin-top: 0;
  margin-left: calc(var(--baseValue) * 6);
}
ol.ol-line li {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--baseValue) * 2);
}
ol.ol-line li:before {
  flex: 0 0 auto;
}
ol.ol-line li > p {
  flex: 1 1;
}
ol.ol-line li > ol {
  flex: 1 1 100%;
}
ol.ol-line--keys li {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--baseValue) * 2);
}
ol.ol-line--keys li:before {
  flex: 0 0 auto;
  color: #000;
  font-weight: 500;
}
ol.ol-line--keys li > p {
  flex: 1 1;
}
ol.ol-line--keys li > ol {
  flex: 1 1 100%;
}
ol.ol-keys {
  gap: 4px;
  margin: 0;
  padding: 0;
}
ol.ol-keys li {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  line-height: 20px;
}
ol.ol-keys li:before {
  flex: 0 0 auto;
  color: #000;
  font-weight: 500;
  margin-right: 6px;
}
ol.ol-keys li > ol {
  margin: 0;
  padding: 0;
}
.color-new--black {
  color: #000;
}
.color-new--white {
  color: #fff;
}
.color-new--grey1 {
  color: #4e4e53;
}
.color-new--grey2 {
  color: #8b8b8b;
}
.color-new--grey3 {
  color: #ccc;
}
.color-new--grey4 {
  color: #f2f2f2;
}
.color-new--grey5 {
  color: #f5f5f5;
}
.color-new--grey6 {
  color: #dfdfdf;
}
.color-new--grey7 {
  color: #262626;
}
.color-new--grey8 {
  color: #d1cfd7;
}
.color-new--grey9 {
  color: #f0f0f3;
}
.color-new--corpBgLight {
  color: #f5f7fa;
}
.color-new--corpPrim {
  color: #9237ff;
}
.color-new--corpPrimDarker {
  color: #7b33d1;
}
.color-new--corpPrimDark {
  color: #6f2ebd;
}
.color-new--corpSecd {
  color: #f5ebff;
}
.color-new--corpSecdDarker {
  color: #ebd8ff;
}
.color-new--corpSecdDark {
  color: #e6ceff;
}
.color-new--corpSecdHover {
  color: #ebe1f5;
}
.color-new--corpSecdActive {
  color: #e6dcf0;
}
.color-new--corpLight {
  color: #fafafa;
}
.color-new--corpLightDarker {
  color: #f2f3f7;
}
.color-new--corpLightDark {
  color: #edeef2;
}
.color-new--corpGrey {
  color: #f2f3f7;
}
.color-new--corpGreyDarker {
  color: #b6b6b6;
}
.color-new--corpGreyDark {
  color: #0c0909;
}
.color-new--purpleBg {
  color: #f4d3ff;
}
.color-new--purpleText {
  color: #ff12e4;
}
.color-new--blueBg {
  color: #bae7ff;
}
.color-new--blueText {
  color: #1392d6;
}
.color-new--violetBg {
  color: #d0d4ff;
}
.color-new--violetText {
  color: #6c709b;
}
.color-new--violetBg2 {
  color: #d0d4ff;
}
.color-new--violetText2 {
  color: #5e6adc;
}
.color-new--emeraldBg {
  color: #bfeae7;
}
.color-new--emeraldText {
  color: #1f9992;
}
.color-new--greenBg {
  color: #e4ffeb;
}
.color-new--greenText {
  color: #4caf50;
}
.color-new--greenFresh {
  color: #5ace5f;
}
.color-new--orangeBg {
  color: #ffd4c1;
}
.color-new--orangeText {
  color: #f96f49;
}
.color-new--yellowBg {
  color: #fff565;
}
.color-new--yellowText {
  color: #a09719;
}
.color-new--redBg {
  color: #fbb;
}
.color-new--redText {
  color: #cf5757;
}
.color-new--redFresh {
  color: #d62c2c;
}
.color-new--orangeWarningText {
  color: #ff773c;
}
.color-new--textGrey {
  color: #787979;
}
.color-new--redError {
  color: #f44336;
}
.color-new--blackText {
  color: #1a052d;
}
.color-new--redChatText {
  color: #f44;
}
.color-new--notificationGreenClose {
  color: #91c891;
}
.color-new--notificationYellowClose {
  color: #ffc1a1;
}
.color-new--notificationRedClose {
  color: #fcafaf;
}
.color-new--notificationPurpleClose {
  color: #c791e2;
}
.border-new {
  --borderW: 1px;
  --bordercolor: #f2f2f2;
  border: var(--borderW) solid var(--bordercolor);
}
.border-new--black {
  --bordercolor: #000;
}
.border-new--white {
  --bordercolor: #fff;
}
.border-new--grey1 {
  --bordercolor: #4e4e53;
}
.border-new--grey2 {
  --bordercolor: #8b8b8b;
}
.border-new--grey3 {
  --bordercolor: #ccc;
}
.border-new--grey4 {
  --bordercolor: #f2f2f2;
}
.border-new--grey5 {
  --bordercolor: #f5f5f5;
}
.border-new--grey6 {
  --bordercolor: #dfdfdf;
}
.border-new--grey7 {
  --bordercolor: #262626;
}
.border-new--grey8 {
  --bordercolor: #d1cfd7;
}
.border-new--corpBgLight {
  --bordercolor: #f5f7fa;
}
.border-new--corpPrim {
  --bordercolor: #9237ff;
}
.border-new--corpPrimDarker {
  --bordercolor: #7b33d1;
}
.border-new--corpPrimDark {
  --bordercolor: #6f2ebd;
}
.border-new--corpSecd {
  --bordercolor: #f5ebff;
}
.border-new--corpSecdDarker {
  --bordercolor: #ebd8ff;
}
.border-new--corpSecdDark {
  --bordercolor: #e6ceff;
}
.border-new--corpSecdHover {
  --bordercolor: #ebe1f5;
}
.border-new--corpSecdActive {
  --bordercolor: #e6dcf0;
}
.border-new--corpLight {
  --bordercolor: #fafafa;
}
.border-new--corpLightDarker {
  --bordercolor: #f2f3f7;
}
.border-new--corpLightDark {
  --bordercolor: #edeef2;
}
.border-new--corpGrey {
  --bordercolor: #f2f3f7;
}
.border-new--corpGreyDarker {
  --bordercolor: #b6b6b6;
}
.border-new--corpGreyDark {
  --bordercolor: #0c0909;
}
.border-new--purpleBg {
  --bordercolor: #f4d3ff;
}
.border-new--purpleText {
  --bordercolor: #ff12e4;
}
.border-new--blueBg {
  --bordercolor: #bae7ff;
}
.border-new--blueText {
  --bordercolor: #1392d6;
}
.border-new--violetBg {
  --bordercolor: #d0d4ff;
}
.border-new--violetText {
  --bordercolor: #6c709b;
}
.border-new--violetBg2 {
  --bordercolor: #d0d4ff;
}
.border-new--violetText2 {
  --bordercolor: #5e6adc;
}
.border-new--emeraldBg {
  --bordercolor: #bfeae7;
}
.border-new--emeraldText {
  --bordercolor: #1f9992;
}
.border-new--greenBg {
  --bordercolor: #e4ffeb;
}
.border-new--greenText {
  --bordercolor: #4caf50;
}
.border-new--greenFresh {
  --bordercolor: #5ace5f;
}
.border-new--orangeBg {
  --bordercolor: #ffd4c1;
}
.border-new--orangeText {
  --bordercolor: #f96f49;
}
.border-new--yellowBg {
  --bordercolor: #fff565;
}
.border-new--yellowText {
  --bordercolor: #a09719;
}
.border-new--redBg {
  --bordercolor: #fbb;
}
.border-new--redText {
  --bordercolor: #cf5757;
}
.border-new--greyBorder {
  --bordercolor: #f0f0f3;
}
.border-new--none {
  border: none;
}
.border-new--w-2 {
  --borderW: 2px;
}
.border-new--hover {
  transition: 0.25s ease;
  transition-property: border-color;
}
.border-new--hover:hover {
  --bordercolor: var(--corpColS);
}
.bg-new {
  --currentBG: #fff;
  background-color: var(--currentBG) !important;
}
.bg-new--black {
  --currentBG: #000;
}
.bg-new--white {
  --currentBG: #fff;
}
.bg-new--grey1 {
  --currentBG: #4e4e53;
}
.bg-new--grey2 {
  --currentBG: #8b8b8b;
}
.bg-new--grey3 {
  --currentBG: #ccc;
}
.bg-new--grey4 {
  --currentBG: #f2f2f2;
}
.bg-new--grey5 {
  --currentBG: #f5f5f5;
}
.bg-new--grey6 {
  --currentBG: #dfdfdf;
}
.bg-new--grey7 {
  --currentBG: #262626;
}
.bg-new--grey8 {
  --currentBG: #d1cfd7;
}
.bg-new--grey9 {
  --currentBG: #f0f0f3;
}
.bg-new--corpBgLight {
  --currentBG: #f5f7fa;
}
.bg-new--corpPrim {
  --currentBG: #9237ff;
}
.bg-new--corpPrimDarker {
  --currentBG: #7b33d1;
}
.bg-new--corpPrimDark {
  --currentBG: #6f2ebd;
}
.bg-new--corpSecd {
  --currentBG: #f5ebff;
}
.bg-new--corpSecdDarker {
  --currentBG: #ebd8ff;
}
.bg-new--corpSecdDark {
  --currentBG: #e6ceff;
}
.bg-new--corpSecdHover {
  --currentBG: #ebe1f5;
}
.bg-new--corpSecdActive {
  --currentBG: #e6dcf0;
}
.bg-new--corpLight {
  --currentBG: #fafafa;
}
.bg-new--corpLightDarker {
  --currentBG: #f2f3f7;
}
.bg-new--corpLightDark {
  --currentBG: #edeef2;
}
.bg-new--corpGrey {
  --currentBG: #f2f3f7;
}
.bg-new--corpGreyDarker {
  --currentBG: #b6b6b6;
}
.bg-new--corpGreyDark {
  --currentBG: #0c0909;
}
.bg-new--purpleBg {
  --currentBG: #f4d3ff;
}
.bg-new--purpleText {
  --currentBG: #ff12e4;
}
.bg-new--blueBg {
  --currentBG: #bae7ff;
}
.bg-new--blueText {
  --currentBG: #1392d6;
}
.bg-new--violetBg {
  --currentBG: #d0d4ff;
}
.bg-new--violetText {
  --currentBG: #6c709b;
}
.bg-new--violetBg2 {
  --currentBG: #d0d4ff;
}
.bg-new--violetText2 {
  --currentBG: #5e6adc;
}
.bg-new--emeraldBg {
  --currentBG: #bfeae7;
}
.bg-new--emeraldText {
  --currentBG: #1f9992;
}
.bg-new--greenBg {
  --currentBG: #e4ffeb;
}
.bg-new--greenText {
  --currentBG: #4caf50;
}
.bg-new--greenFresh {
  --currentBG: #5ace5f;
}
.bg-new--orangeBg {
  --currentBG: #ffd4c1;
}
.bg-new--orangeText {
  --currentBG: #f96f49;
}
.bg-new--yellowBg {
  --currentBG: #fff565;
}
.bg-new--yellowText {
  --currentBG: #a09719;
}
.bg-new--redBg {
  --currentBG: #fbb;
}
.bg-new--redText {
  --currentBG: #cf5757;
}
.bg-new--orangeWarningBg {
  --currentBG: #fff1e4;
}
.bg-new--greyBg {
  --currentBG: #f6f6f6;
}
.bg-new--blueMsg {
  --currentBG: #ebf7ff;
}
.bg-new--o {
  --currentBGO: 0%;
}
.bg-new--o--5 {
  --currentBGO: 5%;
}
.bg-new--o--10 {
  --currentBGO: 10%;
}
.bg-new--o--15 {
  --currentBGO: 15%;
}
.bg-new--o--20 {
  --currentBGO: 20%;
}
.bg-new--o--25 {
  --currentBGO: 25%;
}
.bg-new--o--30 {
  --currentBGO: 30%;
}
.bg-new--o--35 {
  --currentBGO: 35%;
}
.bg-new--o--40 {
  --currentBGO: 40%;
}
.bg-new--o--45 {
  --currentBGO: 45%;
}
.bg-new--o--50 {
  --currentBGO: 50%;
}
.bg-new--o--55 {
  --currentBGO: 55%;
}
.bg-new--o--60 {
  --currentBGO: 60%;
}
.bg-new--o--65 {
  --currentBGO: 65%;
}
.bg-new--o--70 {
  --currentBGO: 70%;
}
.bg-new--o--75 {
  --currentBGO: 75%;
}
.bg-new--o--80 {
  --currentBGO: 80%;
}
.bg-new--o--85 {
  --currentBGO: 85%;
}
.bg-new--o--90 {
  --currentBGO: 90%;
}
.bg-new--o--95 {
  --currentBGO: 95%;
}
.sticky-new {
  position: -webkit-sticky;
  position: sticky;
  z-index: 90;
}
.sticky-new--head {
  top: 98px;
}
@media (max-width: 1280px) {
  .sticky-new--head {
      top: 98px;
  }
}
@media (max-width: 1024px) {
  .sticky-new--head {
      top: 135px;
  }
}
@media (max-width: 480px) {
  .sticky-new--head {
      top: 124px;
  }
}
.sticky-new--top {
  top: 0;
}
.sticky-new--bottom {
  bottom: 0;
  z-index: calc(90 - 1);
}
@media (min-width: 700px) and (max-width: 1350px) {
  .controls__mid-hide {
      display: none;
  }
}
.border-new {
  border: 1px solid #ccc;
}
.border-new--black {
  border-color: #000;
}
.border-new--white {
  border-color: #fff;
}
.border-new--grey1 {
  border-color: #4e4e53;
}
.border-new--grey2 {
  border-color: #8b8b8b;
}
.border-new--grey3 {
  border-color: #ccc;
}
.border-new--grey4 {
  border-color: #f2f2f2;
}
.border-new--grey5 {
  border-color: #f5f5f5;
}
.border-new--grey6 {
  border-color: #dfdfdf;
}
.border-new--grey7 {
  border-color: #262626;
}
.border-new--grey8 {
  border-color: #d1cfd7;
}
.border-new--corpBgLight {
  border-color: #f5f7fa;
}
.border-new--corpPrim {
  border-color: #9237ff;
}
.border-new--corpPrimDarker {
  border-color: #7b33d1;
}
.border-new--corpPrimDark {
  border-color: #6f2ebd;
}
.border-new--corpSecd {
  border-color: #f5ebff;
}
.border-new--corpSecdDarker {
  border-color: #ebd8ff;
}
.border-new--corpSecdDark {
  border-color: #e6ceff;
}
.border-new--corpSecdHover {
  border-color: #ebe1f5;
}
.border-new--corpSecdActive {
  border-color: #e6dcf0;
}
.border-new--corpLight {
  border-color: #fafafa;
}
.border-new--corpLightDarker {
  border-color: #f2f3f7;
}
.border-new--corpLightDark {
  border-color: #edeef2;
}
.border-new--corpGrey {
  border-color: #f2f3f7;
}
.border-new--corpGreyDarker {
  border-color: #b6b6b6;
}
.border-new--corpGreyDark {
  border-color: #0c0909;
}
.border-new--purpleBg {
  border-color: #f4d3ff;
}
.border-new--purpleText {
  border-color: #ff12e4;
}
.border-new--blueBg {
  border-color: #bae7ff;
}
.border-new--blueText {
  border-color: #1392d6;
}
.border-new--violetBg {
  border-color: #d0d4ff;
}
.border-new--violetText {
  border-color: #6c709b;
}
.border-new--violetBg2 {
  border-color: #d0d4ff;
}
.border-new--violetText2 {
  border-color: #5e6adc;
}
.border-new--emeraldBg {
  border-color: #bfeae7;
}
.border-new--emeraldText {
  border-color: #1f9992;
}
.border-new--greenBg {
  border-color: #e4ffeb;
}
.border-new--greenText {
  border-color: #4caf50;
}
.border-new--greenFresh {
  border-color: #5ace5f;
}
.border-new--orangeBg {
  border-color: #ffd4c1;
}
.border-new--orangeText {
  border-color: #f96f49;
}
.border-new--yellowBg {
  border-color: #fff565;
}
.border-new--yellowText {
  border-color: #a09719;
}
.border-new--redBg {
  border-color: #fbb;
}
.border-new--redText {
  border-color: #cf5757;
}
.border-new--greyBorder {
  border-color: #f0f0f3;
}
.border-new--nbb {
  border-bottom-color: transparent;
}
.border-new--nbt {
  border-top-color: transparent;
}
.border-new--nbl {
  border-left-color: transparent;
}
.border-new--nbr {
  border-right-color: transparent;
}
.border-new--inline {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.border-new--block {
  border-right-color: transparent;
  border-left-color: transparent;
}
.fweight--400 {
  font-weight: 400;
}
.fweight--500 {
  font-weight: 500;
}
.fweight--600 {
  font-weight: 600;
}
.fweight--700 {
  font-weight: 700;
}
.fweight--800 {
  font-weight: 800;
}
.fweight--900 {
  font-weight: 900;
}
.hfit {
  height: -moz-fit-content;
  height: fit-content;
}
.r--8 {
  border-radius: 8px;
}
.r--12 {
  border-radius: 12px;
}
.r--16 {
  border-radius: 16px;
}
.r--28 {
  border-radius: 28px;
}
.r--none {
  border-radius: 0;
}
.no-isolation {
  isolation: unset;
}
.no-decorate {
  text-decoration: none;
}
.droppy-new {
  --dropOffsetTop: calc(var(--baseValue) * 2);
  position: relative;
}
.droppy-new__drop {
  transition: 0.1s ease;
  transition-property: opacity;
  position: absolute;
  z-index: calc(var(--headZ) - 1);
  padding-top: var(--dropOffsetTop);
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  display: none;
  transform: translateY(calc(var(--dropOffsetTop) * -1));
}
.droppy-new__button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 12px;
  padding-inline: 16px;
  padding-block: 6px;
  background-color: #f6f6f6;
}
.droppy-new__button__active {
  background-color: #f5ebff;
}
.droppy-new--fw .droppy-new__drop {
  width: 100%;
}
.droppy-new--top .droppy-new__drop {
  top: auto;
  bottom: 100%;
  padding-top: 0;
  padding-bottom: var(--dropOffsetTop);
  transform: translateY(var(--dropOffsetTop));
}
.droppy-new--left .droppy-new__drop {
  right: auto;
  left: 0;
}
.droppy-new--shown .droppy-new__button .select-value__caret {
  transform: rotate(180deg);
}
.droppy-new--shown .droppy-new__drop {
  opacity: 1;
  visibility: visible;
  display: block;
  transform: translateY(0);
}
.droppy-new .droppy-new:hover .filter {
  color: rgb(var(--mainCase));
}
.droppy-new--hover:hover .droppy-new__drop {
  opacity: 1;
  visibility: visible;
  display: block;
  transform: translateY(0);
}
.droppy-new--hover-delayed:hover .droppy-new__drop {
  transition: 0.4s ease;
  opacity: 1;
  visibility: visible;
  display: block;
}
.droppy-new--thin-scroll .scroll::-webkit-scrollbar {
  width: 4px !important;
}
.droppy-new--center .droppy-new__drop {
  transform: translateX(50%) translateY(0);
  right: 50%;
}
.droppy-new--left-edge .droppy-new__drop {
  transform: translateX(100%) translateY(0);
  right: 100%;
}
.droppy-new--290 {
  min-width: 290px;
}
#hair .droppy-new__drop {
  z-index: calc(var(--headZ) + 1);
}
.menu-new {
  box-shadow: 0 6px 29px 0 hsla(240, 5%, 41%, 0.2);
  max-height: var(--menuMH);
  color: rgb(var(--mainCase));
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: var(--menuW);
}
.menu-new:hover {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0.3s;
}
.menu-new--in-head {
  max-height: calc(100vh - var(--hairH) - var(--headH));
}
.menu-new--nmw {
  max-width: 100%;
}
.menu-new--nmh {
  max-height: 100%;
}
.menu-new--nbs {
  box-shadow: none;
}
.menu-new-item {
  border-radius: var(--baseValue);
  color: rgb(var(--mainCase));
  padding: calc(var(--baseValue) * 2) calc(var(--baseValue) * 4);
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 4);
  cursor: pointer;
}
.menu-new-item a {
  text-decoration: none;
}
.menu-new-item__name {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--iconDB);
}
.menu-new-item__check {
  display: none;
}
.menu-new-item:hover {
  background-color: #f5ebff;
}
.menu-new-item--selected .menu-item__check {
  display: block;
  color: rgb(var(--infoColr));
}
.menu-new-item-filter {
  border-radius: var(--baseValue);
  color: rgb(var(--mainCase));
  display: flex;
  align-items: center;
  gap: calc(var(--baseValue) * 4);
  cursor: pointer;
}
.menu-new-item-filter a {
  text-decoration: none;
}
.menu-new-item-filter__name {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--iconDB);
}
.menu-new-item-filter__check {
  display: none;
}
.menu-new-item-filter--selected .menu-item__check {
  display: block;
  color: rgb(var(--infoColr));
}
.menu-new__option {
  padding: 12px 16px;
}
.menu-new__option:hover {
  background-color: rgba(242, 243, 247, 0.6);
}
.menu-new__option:active {
  background-color: #f2f3f7;
}
.menu-new__option--disabled:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.bank-card-new {
  height: 44px;
  cursor: pointer;
  padding: 10px 16px 10px 12px;
  position: relative;
}
.bank-card-new--disabled:before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fafafa;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 5;
  border-radius: 8px;
  cursor: default;
}
.bank-card-new__logo {
  width: 24px;
  height: 24px;
}
.bank-card-new__logo-popup {
  display: inline-block;
  vertical-align: middle;
}
.modal-new {
  max-width: 442px;
  width: 100%;
  margin: 170px auto 30vh;
}
.modal-new,
.modal-new__header {
  display: flex;
  flex-direction: column;
}
.modal-new__header {
  background-color: #fff;
  gap: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 24px 24px 8px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  z-index: 10;
}
.modal-new__header:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  height: 10px;
  width: 100%;
  background-color: #fff;
  pointer-events: none;
  z-index: 5;
}
.modal-new__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
}
.modal-new__content-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal-new__body {
  padding: 8px 24px;
  background-color: #fff;
  height: 100%;
  width: 100%;
}
.modal-new__body-full-width {
  padding-top: 0;
  padding-bottom: 24px;
}
@media (max-width: 700px) {
  .modal-new__body {
      padding-inline: 16px;
  }
}
.modal-new__footer {
  position: relative;
  gap: 12px;
  display: flex;
  justify-content: end;
  padding: 16px 24px 24px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  z-index: 20;
}
.modal-new__footer:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  right: 0;
  height: 10px;
  width: 100%;
  background-color: #fff;
  pointer-events: none;
}
.modal-new__footer--centered {
  justify-content: center;
}
.modal-new__empty-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: -2px;
  min-height: 26px;
  background-color: #fff;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  z-index: 10;
}
.modal-new--fullScreen {
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  height: 100vh;
  border-radius: 24px;
  background-color: #fff;
}
.modal-new--fullScreen .modal-new__content-wrapper {
  overflow-y: auto;
}
.modal-new--fullScreen .modal-new__content-wrapper::-webkit-scrollbar {
  display: none;
}
@media (max-width: 700px) {
  .modal-new--fullScreen {
      margin-top: 170px;
      height: calc(100vh - 170px);
  }
}
@media (max-width: 480px) {
  .modal-new--fullScreen {
      margin-top: 100px;
      height: calc(100vh - 100px);
  }
}
.modal-new--centred .modal-new__empty-footer,
.modal-new--centred .modal-new__footer {
  bottom: auto;
}
@media (min-width: 700px) {
  .modal-new--centred {
      margin-top: 0;
      margin-bottom: 0;
      top: 50%;
      position: relative;
      transform: translateY(-50%);
  }
}
.modal-new--fullWidth {
  max-width: 100%;
  border-radius: unset;
}
@media (max-width: 700px) {
  .modal-new {
      margin-inline: 0;
      margin-bottom: 0;
      max-width: unset;
      max-height: calc(100vh - 98px);
  }
  .modal-new__title {
      font-size: 20px;
      line-height: 26px;
  }
  .modal-new__footer {
      border-radius: 0;
  }
  .modal-new__content-wrapper {
      background-color: #fff;
  }
  .modal-new--fullWidth {
      max-height: 100%;
      height: 100%;
      margin-top: 0;
  }
}
.modal-new-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100vh;
  z-index: 999;
  overflow-y: auto;
  padding-inline: 40px;
  background-color: hsla(0, 0%, 7%, 0.3);
}
.modal-new-wrapper::-webkit-scrollbar {
  display: none;
}
.modal-new-wrapper_no-vertical-scroll {
  overflow-y: unset;
}
.modal-new-wrapper_fullWidth {
  padding-inline: 0;
}
@media (max-width: 700px) {
  .modal-new-wrapper {
      padding-inline: 0;
      display: flex;
      flex-direction: column;
      justify-content: end;
  }
}
.modal-promocode__block {
  display: flex;
  gap: 13px;
  flex-direction: column;
  padding-inline: 24px;
  background-color: #fff;
}
.modal-promocode__block_rounded-top {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.modal-promocode__block_rounded-bottom {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
.modal-promocode__block-top {
  padding-top: 16px;
}
.modal-promocode__block-bottom {
  padding-bottom: 24px;
}
.modal-promocode__block-gap {
  margin-top: 4px;
}
.modal-promocode__items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 210px;
  overflow-y: auto;
  padding-right: 16px;
  margin-right: 4px;
}
.modal-promocode__items::-webkit-scrollbar {
  width: 4px;
}
.modal-promocode__items::-webkit-scrollbar-track {
  display: none;
}
.modal-promocode__items::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(78, 78, 83, 0.15);
}
.modal-promocode__items::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.modal-promocode__item {
  padding: 16px;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  border-radius: 16px;
}
.table-new {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 16px;
  list-style: none;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.table-new__pagination {
  margin-top: 20px;
}
.table-new__selection-action-block {
  position: fixed;
  width: max-content;
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 3px 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 24px;
  margin: auto;
  z-index: 100;
  left: 50%;
  bottom: 2vh;
  transform: translate(-50%, -50%);
}
@media (max-width: 700px) {
  .table-new__selection-action-block {
      border-radius: 20px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      bottom: 0;
      width: 100%;
      transform: none;
      left: 0;
      right: 0;
      height: 80px;
      box-shadow: 0 -6px 10px 0 #0000000a;
  }
}
.table-new__wrapper {
  display: block;
  max-width: 100%;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}
.table-new__container {
  position: relative;
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}
.table-new__content {
  max-width: 100%;
  box-sizing: border-box;
}
.table-new__table {
  width: 100%;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #000;
  border-collapse: collapse;
  border-spacing: 0;
  overflow-wrap: break-word;
  table-layout: fixed;
}
.table-new__tbody .table-new__tr:hover .table-new__td {
  background-color: #fafafa;
}
.table-new__tr {
  background-color: #fff;
  position: relative;
  padding: 12px;
  border-bottom: 1px solid #f0f0f3;
  transition: background-color 0.3s ease;
}
.table-new__tr--expanded {
  border-bottom: none;
}
.table-new__tr--expanded td {
  background-color: #fafafa !important;
}
.table-new__tr--expanded-content {
  background-color: #fafafa;
}
.table-new__tr--expanded-content td {
  background-color: transparent;
  padding: 8px 4px;
}
.table-new__tr--selected td {
  background-color: #fafafa;
}
.table-new__tr--empty {
  border-bottom: none;
}
.table-new__tr--empty td:hover,
.table-new__tr--empty:hover {
  background-color: #fff !important;
}
.table-new__tr--empty td {
  background-color: transparent;
  padding: 0;
}
.table-new__expanded-body {
  background-color: #fff;
  border-radius: 8px;
  position: -webkit-sticky;
  position: sticky;
  left: 4px;
  padding: 8px;
}
.table-new__empty-body {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 40px 12px;
}
.table-new__td {
  position: relative;
  text-align: left;
  padding: 12px;
  vertical-align: top;
}
.table-new__td--align-center {
  text-align: center;
}
.table-new__td--align-center .table-new__td-head-content {
  justify-content: center;
}
.table-new__td--align-left {
  text-align: left;
}
.table-new__td--align-left .table-new__td-head-content {
  justify-content: left;
}
.table-new__td--align-right {
  text-align: right;
}
.table-new__td--align-right .table-new__td-head-content {
  justify-content: end;
}
.table-new__td--fixed {
  position: -webkit-sticky;
  position: sticky;
  background-color: #fff;
  z-index: 20;
}
.table-new__td--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  left: auto;
}
.table-new__td--sorted {
  background-color: #fafafa;
}
.table-new__td--border {
  position: relative;
}
.table-new__td--border-left:before {
  left: -1px;
}
.table-new__td--border-left:before,
.table-new__td--border-right:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #f0f0f3;
  pointer-events: none;
  overflow: visible;
}
.table-new__td--border-right:after {
  right: -1px;
}
.table-new__td--shadow-left:before {
  left: -1px;
  box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.table-new__td--shadow-left:before,
.table-new__td--shadow-right:after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #f0f0f3;
  pointer-events: none;
  overflow: visible;
}
.table-new__td--shadow-right:after {
  right: -1px;
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.1);
}
.table-new__thead {
  color: #b6b6b6;
}
.table-new__thead,
.table-new__thead .table-new__tr {
  background-color: #fafafa !important;
  border-radius: 12px;
  overflow: hidden;
  perspective: 1px;
}
.table-new__thead .table-new__tr {
  border-bottom: none;
}
.table-new__thead .table-new__td {
  background-color: #fafafa;
  perspective: 1px;
  padding: 24px 12px;
  line-height: 16px;
  transition: background-color 0.3s ease;
}
.table-new__thead .table-new__td:first-of-type {
  border-radius: 12px 0 0 12px;
}
.table-new__thead .table-new__td:last-of-type {
  border-radius: 0 12px 12px 0;
}
.table-new__thead .table-new__td .table-new__td-head-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.table-new__thead .table-new__td--node-as-title {
  padding-block: 12px !important;
  align-items: center;
}
.table-new__thead .table-new__td--sorting {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.table-new__thead .table-new__td--sorted,
.table-new__thead .table-new__td--sorting:hover {
  background-color: #f2f2f2;
}
.messages-new.digital {
  height: calc(100vh - 191px);
}
.messages-new.digital .messages-new__chat {
  border: 1px solid #d1cfd7;
  border-radius: 20px;
}
.messages-new__author-btn.button-new {
  height: 32px;
}
.messages-new__wrapper .content-block-acc {
  padding: 0 0 0 16px;
}
.messages-new__chats {
  position: relative;
  max-width: 342px;
  width: 100%;
  padding: 12px 0;
}
.messages-new__chats .loader-new-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.messages-new__chats-title {
  height: 32px;
  padding-right: 20px;
  margin-bottom: 8px;
}
.messages-new__chats-title-text {
  padding: 2px 0;
}
.messages-new__chats-search {
  padding-right: 20px;
  margin-bottom: 12px;
}
.messages-new__chats-list {
  width: 100%;
  height: calc(100% - 100px);
  overflow-y: scroll;
  scrollbar-width: 12px;
}
.messages-new__chats-list::-webkit-scrollbar {
  width: 12px;
}
.messages-new__chats-list::-webkit-scrollbar-track {
  display: none;
}
.messages-new__chats-list::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 20px;
  background-color: rgba(78, 78, 83, 0.15);
}
.messages-new__chats-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.messages-new__chats-read-all.button-new__content {
  padding: 0;
}
.messages-new__chats-read-all .icon:hover,
.messages-new__chats-read-all:hover .icon {
  color: #9237ff;
}
.messages-new__dialogue {
  border-radius: 16px;
}
.messages-new__dialogue-avatar {
  max-width: 48px;
  max-height: 48px;
  width: 100%;
  height: 100%;
}
.messages-new__dialogue-avatar .image-new img {
  height: 48px;
}
.messages-new__dialogue-avatar-background {
  background-color: #f5ebff;
  border-radius: 12px;
  border: 1px solid rgba(58, 0, 120, 0.04);
}
.messages-new__dialogue-avatar-background .avatar-letter {
  width: 100%;
}
.messages-new__dialogue-title {
  max-width: 238px;
}
.messages-new__dialogue-name {
  max-width: 85%;
}
.messages-new__dialogue-unread {
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px 6.5px;
  background-color: #ffdfdf;
  border-radius: 8px;
}
.messages-new__dialogue-info {
  max-width: 250px;
}
.messages-new__chat {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-left: 1px solid #f2f2f2;
}
.messages-new__chat-empty {
  max-width: 88px;
  width: 100%;
}
.messages-new__chat-header {
  border-bottom: 1px solid #d1cfd7;
}
.messages-new__chat-header-avatar {
  width: 48px;
  height: 48px;
}
.messages-new__chat-header-avatar img {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: contain;
}
.messages-new__chat-header-button {
  width: 144px;
  padding: 0;
}
.messages-new__chat-window {
  max-height: 100%;
  margin-top: auto;
  overflow-y: scroll;
  padding: 16px 2px 0 16px;
  scroll-behavior: unset;
}
.messages-new__chat-window .loader-new-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.messages-new__chat-window::-webkit-scrollbar {
  width: 12px;
}
.messages-new__chat-window::-webkit-scrollbar-track {
  display: none;
}
.messages-new__chat-window::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 20px;
  background-color: rgba(78, 78, 83, 0.15);
}
.messages-new__chat-window::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.messages-new__chat-window-inside {
  padding: 16px 6px 16px 16px;
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: auto;
}
.messages-new__chat-window-inside::-webkit-scrollbar {
  width: 4px;
}
.messages-new__chat-window-inside::-webkit-scrollbar-track {
  display: none;
}
.messages-new__chat-window-inside::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: rgba(78, 78, 83, 0.15);
}
.messages-new__chat-window-inside::-webkit-scrollbar-thumb:hover {
  background-color: rgba(78, 78, 83, 0.35);
}
.messages-new__chat-window-wrapper {
  padding-right: 6px;
}
.messages-new__chat-input {
  border-top: 1px solid #d1cfd7;
  padding: 8px 16px 8px 8px;
  box-shadow: 0 -1px 46px 0 #00000012;
}
.messages-new__chat-input .input-new__input input {
  border: none;
  width: 100%;
  height: 44px;
  font-size: 16px;
  line-height: 20px;
}
.messages-new__chat-input .button-new__content {
  padding: 6px;
}
.messages-new__chat-input-images {
  width: 100%;
  overflow-x: auto;
  scroll-behavior: auto;
  scrollbar-width: none;
}
.messages-new__chat-submit {
  padding: 0;
}
.messages-new__chat-textarea {
  padding: 8px 12px;
}
.messages-new__chat-file .interaction-new__input input:-moz-read-only,
.messages-new__chat-file .interaction-new__input select:-moz-read-only,
.messages-new__chat-file .interaction-new__input textarea:-moz-read-only {
  cursor: pointer;
}
.messages-new__chat-file .interaction-new__input input:read-only,
.messages-new__chat-file .interaction-new__input select:read-only,
.messages-new__chat-file .interaction-new__input textarea:read-only {
  cursor: pointer;
}
.messages-new__list-avatar {
  max-width: 40px;
  max-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.messages-new__line {
  max-width: 80%;
}
.messages-new__line_lp {
  padding-left: 44px;
}
.messages-new__line .image-new img {
  width: auto;
  margin: 0 auto;
}
.messages-new__bubble {
  padding: 8px 12px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: pre-wrap;
  word-break: break-word;
}
.messages-new__bubble-my {
  border-radius: 16px 8px 4px 16px;
  background-color: #ebf7ff;
}
.messages-new__bubble-my_first {
  border-radius: 16px 16px 8px 16px;
}
.messages-new__bubble-other {
  border-radius: 8px 16px 16px 4px;
  background-color: #f2f3f7;
}
.messages-new__bubble-other_first {
  border-radius: 16px 16px 16px 8px;
}
.messages-new__bubble-last-in-group {
  margin-bottom: 12px !important;
}
.messages-new__bubble-date {
  padding: 6px 12px;
  background-color: #fafafa;
  border-radius: 8px;
}
.messages-new__bubble-date_ptb {
  margin-top: 12px;
  margin-bottom: 12px;
}
.messages-new__bubble-date_pb {
  margin-top: 4px;
  margin-bottom: 12px;
}
.messages-new__offer {
  max-width: 365px;
  width: 100%;
  border: 1px solid #f0f0f3;
  border-radius: 16px;
  padding: 8px;
}
.messages-new__offer-chip-age {
  top: 0;
}
.messages-new__offer-chip-age,
.messages-new__offer-chip-discount {
  position: absolute;
  left: 0;
  padding: 4px;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
  z-index: 9;
}
.messages-new__offer-chip-discount {
  bottom: 0;
}
.messages-new__offer-img {
  position: relative;
  width: 112px;
  height: 112px;
  background-color: #f2f3f7;
  border-radius: 12px;
}
.messages-new__offer-img img {
  border-radius: 12px;
  margin: auto;
}
.messages-new__offer-info {
  max-width: 60%;
}
.messages-new__offer-old-price {
  text-decoration: line-through;
}
.messages-new__offer-title {
  color: #000;
  text-decoration: none;
}
.messages-new__offer-title:hover {
  color: #9237ff;
}
.messages-new__image-close.button-new {
  height: 16px;
}
.messages-new__image-close.button-new .button-new__content {
  padding: 4px;
}
@media (max-width: 1024px) {
  .messages-new.digital {
      height: calc(100vh - 260px);
  }
}
@media (max-width: 768px) {
  .messages-new {
      overflow: hidden;
  }
  .messages-new.digital {
      height: 100vh;
  }
  .messages-new.digital .messages-new__chat {
      border: unset;
  }
  .messages-new__wrapper.page-content-acc__wrap,
  .messages-new__wrapper.page-content-acc__wrap .content-block-acc {
      padding: 0;
  }
  .messages-new__chats {
      max-width: 100%;
      padding: 0;
  }
  .messages-new__chats-title {
      padding-top: 12px;
      padding-left: 8px;
      margin-bottom: 16px;
  }
  .messages-new__chats-list {
      padding-left: 8px;
      height: calc(100% - 160px);
  }
  .messages-new__chats-search {
      padding-left: 8px;
      padding-bottom: 12px;
  }
  .messages-new__chats-header {
      padding-top: 20px;
      padding-left: 8px;
  }
  .messages-new__chat {
      border: unset;
  }
  .messages-new__chat-window {
      padding: 16px 0 0 8px;
  }
  .messages-new__dialogue-info,
  .messages-new__line {
      max-width: 100%;
  }
}
:root {
  --bgLevel0: 255 255 255;
  --bgLevel1: 250 250 250;
  --bgLevel2: 242 242 242;
  --bgLevel3: 227 227 227;
  --bgLevel4: 205 205 205;
  --contText: 16 16 16;
  --mainText: 99 99 99;
  --slavText: 112 112 112;
  --fadeText: 153 153 153;
  --mainBord: 194 194 194;
  --slavBord: 206 206 206;
  --logo-hover-filter: brightness(0) invert(1);
}
.ads-slide {
  flex: 0 0 100%;
}
.ads-slide__link {
  width: 100%;
  height: 100%;
  transition: 0.25s ease;
  transition-property: color;
  display: block;
  position: relative;
  color: rgb(var(--mainText));
  text-decoration: none;
}
.ads-slide__link:hover {
  color: rgb(var(--white));
}
.ads-slide__link:hover .ads-slide__text span {
  background-color: rgb(var(--corpColM));
  box-shadow: 8px 0 0 rgb(var(--corpColM)), -8px 0 0 rgb(var(--corpColM));
}
.ads-slide__image {
  width: 100%;
  height: 100%;
}
.ads-slide__image iframe,
.ads-slide__image img,
.ads-slide__image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgb(var(--corpColM));
}
#mainSlider .swiper-slide .ads-slide {
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 600px) {
  .price--discount {
      position: absolute;
      right: 0;
      bottom: 50px;
  }
  .price--discount--no-move {
      position: inherit !important;
      right: inherit !important;
      bottom: inherit !important;
  }
}
.information {
  margin: 24px 0;
  max-width: 768px;
  padding: 8px 0 8px 16px;
  border-left: 2px solid rgb(var(--corpColS));
}
.information--info {
  border-left-color: rgb(var(--corpColS));
}
.form-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 16px 8px;
  align-items: flex-end;
}
.form-row:last-child {
  margin-bottom: 0 !important;
}
.form-row--auto {
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
}
.form--slim .form-row {
  margin-bottom: 16px;
}
.form-cell--12 {
  grid-column-end: span 12;
}
.form-cell--11 {
  grid-column-end: span 11;
}
.form-cell--10 {
  grid-column-end: span 10;
}
.form-cell--9 {
  grid-column-end: span 9;
}
.form-cell--8 {
  grid-column-end: span 8;
}
.form-cell--7 {
  grid-column-end: span 7;
}
.form-cell--6 {
  grid-column-end: span 6;
}
.form-cell--5 {
  grid-column-end: span 5;
}
.form-cell--4 {
  grid-column-end: span 4;
}
.form-cell--3 {
  grid-column-end: span 3;
}
.form-cell--2 {
  grid-column-end: span 2;
}
.form-cell--skip--11 {
  grid-column-start: 12;
}
.form-cell--skip--10 {
  grid-column-start: 11;
}
.form-cell--skip--9 {
  grid-column-start: 10;
}
.form-cell--skip--8 {
  grid-column-start: 9;
}
.form-cell--skip--7 {
  grid-column-start: 8;
}
.form-cell--skip--6 {
  grid-column-start: 7;
}
.form-cell--skip--5 {
  grid-column-start: 6;
}
.form-cell--skip--4 {
  grid-column-start: 5;
}
.form-cell--skip--3 {
  grid-column-start: 4;
}
.form-cell--skip--2 {
  grid-column-start: 3;
}
.form-cell--skip--1 {
  grid-column-start: 2;
}
@media (max-width: 980px) {
  .form-980-cell--12 {
      grid-column-end: span 12;
  }
  .form-980-cell--11 {
      grid-column-end: span 11;
  }
  .form-980-cell--10 {
      grid-column-end: span 10;
  }
  .form-980-cell--9 {
      grid-column-end: span 9;
  }
  .form-980-cell--8 {
      grid-column-end: span 8;
  }
  .form-980-cell--7 {
      grid-column-end: span 7;
  }
  .form-980-cell--6 {
      grid-column-end: span 6;
  }
  .form-980-cell--5 {
      grid-column-end: span 5;
  }
  .form-980-cell--4 {
      grid-column-end: span 4;
  }
  .form-980-cell--3 {
      grid-column-end: span 3;
  }
  .form-980-cell--2 {
      grid-column-end: span 2;
  }
  .form-980-cell--skip--11 {
      grid-column-start: 12;
  }
  .form-980-cell--skip--10 {
      grid-column-start: 11;
  }
  .form-980-cell--skip--9 {
      grid-column-start: 10;
  }
  .form-980-cell--skip--8 {
      grid-column-start: 9;
  }
  .form-980-cell--skip--7 {
      grid-column-start: 8;
  }
  .form-980-cell--skip--6 {
      grid-column-start: 7;
  }
  .form-980-cell--skip--5 {
      grid-column-start: 6;
  }
  .form-980-cell--skip--4 {
      grid-column-start: 5;
  }
  .form-980-cell--skip--3 {
      grid-column-start: 4;
  }
  .form-980-cell--skip--2 {
      grid-column-start: 3;
  }
  .form-980-cell--skip--1 {
      grid-column-start: 2;
  }
}
.form--narrow {
  max-width: 964px;
}
.form--narrow--min {
  max-width: 676px;
}
.similar-thumb {
  width: var(--galleryThumbD);
  height: var(--galleryThumbD);
  border-radius: calc(var(--baseValue) * 2);
  transition: 0.25s ease;
  transition-property: border-color;
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background-color: rgb(var(--slavBase));
  border: 1px solid rgb(var(--mainBord));
  cursor: pointer;
  scroll-snap-align: start;
}
.instructions {
  margin: 64px 0;
  position: relative;
}
.instructions:first-child {
  margin-top: 0;
}
.instructions:last-child {
  margin-bottom: 0;
}
.instructions__viewport {
  overflow: hidden;
}
.instructions__runner {
  transition: 0.4s ease;
  transition-property: transform;
  transform: translateX(0);
  position: relative;
  display: flex;
}
.instructions-slide {
  flex: 0 0 auto;
  width: 100%;
}
.instructions-slide__contents {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.instructions-slide__image {
  flex: 0 0 auto;
  width: 400px;
}
.instructions-slide__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.instructions-slide__desc {
  flex: 1 1 auto;
}
.instructions--show-1 .instructions__runner {
  transform: translateX(-100%);
}
.instructions--show-2 .instructions__runner {
  transform: translateX(-200%);
}
.instructions--show-3 .instructions__runner {
  transform: translateX(-300%);
}
@media (max-width: 1024px) {
  .instructions-slide__contents {
      flex-direction: column;
      gap: 24px;
  }
  .instructions-slide__image {
      order: -1;
      width: 240px;
      margin: auto;
  }
}
.logo--wb svg {
  width: 119px;
  height: 14px;
}
.card__name {
  word-break: break-word;
}
.img__blur-content img {
  filter: blur(10px);
}
.img__blur-content .age-rating__center > div:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.img__blur-content .age-rating__center > div:before,
.img__blur-content .age-rating__corner > div:before {
  content: "18+";
  position: absolute;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  text-align: center;
  margin: auto;
  padding: 10px;
  z-index: 100;
  color: rgb(var(--black));
  background-color: rgb(var(--mainBase));
  font-size: var(--baseFont);
  border-radius: calc(var(--popinfIconD) / 2);
  border: 5px solid var(--corpColS);
  box-shadow: var(--mainBS);
}
.img__blur-content .age-rating__corner > div:before {
  bottom: 4%;
  right: 3%;
}
.header__ava {
  background: rgb(var(--corpNewColM));
}
li[class^="buttons-style__font-type-item__"],
li[class^="modal-bookmark__list-item__"],
li[class^="modal-toc__list-item__"] {
  margin-bottom: 0 !important;
  padding-left: 0;
}
li[class^="buttons-style__font-type-item__"]:before,
li[class^="modal-bookmark__list-item__"]:before,
li[class^="modal-toc__list-item__"]:before {
  display: none !important;
}
.center-loader {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maxw--center {
  width: 100%;
  margin: auto;
}
.fullscreen-enabled .media__show-fullscreen {
  display: flex;
}
.fullscreen-enabled .media__hide-fullscreen {
  display: none;
}
.isolation-auto {
  isolation: auto !important;
}
.post__video_preview {
  width: 100%;
  height: 100%;
  background-color: rgb(var(--slavBase));
  border-top-left-radius: var(--previewBR);
  border-bottom-left-radius: var(--previewBR);
}
.button__value--star {
  --buttonBG-now: var(--starColr);
}
.post__media_slide {
  max-height: 530px;
}
.disabled-scroll-behavior * {
  scroll-behavior: unset;
}
@media (max-width: 980px) {
  .post__media_slide {
      max-height: 430px;
  }
}
@media (max-width: 700px) {
  .post__media_slide {
      max-height: 300px;
  }
}
@media (max-width: 540px) {
  .post__media_slide {
      max-height: 230px;
  }
}
.preview__cover--wide {
  --previewCoverW: 500px;
}
@media (max-width: 1100px) {
  .preview__container--wide {
      flex-direction: column;
  }
  .preview__cover--wide {
      --previewCoverW: 260px;
      width: 100%;
      height: var(--previewCoverW);
      border-radius: calc(var(--previewBR) - var(--previewBW)) calc(var(--previewBR) - var(--previewBW)) 0 0;
  }
}
@media (max-width: 768px) {
  .preview__cover--wide {
      height: auto;
      aspect-ratio: 4/2;
  }
}
.post__image_preview {
  background-color: rgb(var(--slavBase));
}
.post__image_preview img {
  object-fit: contain;
}
.menu--in-head {
  max-height: calc(90vh - var(--hairH) - var(--headH)) !important;
}
.offer-page-layout {
  display: grid;
  grid-column-gap: 24px;
  column-gap: 24px;
  grid-template-columns: repeat(12, 1fr);
  margin-bottom: 20px;
  position: relative;
}
.offer-page-layout__right {
  grid-column: 1 / span 3;
}
.offer-page-layout__center {
  grid-column: 4 / span 6;
}
.offer-page-layout__left {
  grid-column: 10/-1;
}
@media (max-width: 1280px) {
  .offer-page-layout__right {
      grid-column: 1 / span 4;
  }
  .offer-page-layout__center {
      grid-column: 5/-1;
  }
  .offer-page-layout__left {
      display: none;
  }
}
@media (max-width: 700px) {
  .offer-page-layout {
      grid-template-columns: 100%;
  }
  .offer-page-layout__center,
  .offer-page-layout__left,
  .offer-page-layout__right {
      grid-column: 1/-1;
  }
}
.offer-page-layout--sticky {
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: calc(99px);
}
@media (max-width: 1280px) {
  .offer-page-layout--sticky {
      top: calc(84px);
  }
}
@media (max-width: 1024px) {
  .offer-page-layout--sticky {
      top: calc(136px);
  }
}
@media (max-width: 700px) {
  .offer-page-layout--sticky {
      position: unset;
  }
}
.offer-page-layout__media {
  aspect-ratio: 1;
}
.offer-page-layout__controls {
  position: absolute;
  right: 16px;
  top: 16px;
  left: 0;
  z-index: calc(var(--sliderNavZ) + 1);
  display: flex;
  justify-content: end;
}
.offer-page-layout__controls-buttons {
  display: grid;
  grid-template-columns: 40px 40px;
  grid-gap: 20px;
  gap: 20px;
}
.offer-page-layout__additional {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 20px 20px 0 0;
  z-index: calc(var(--sliderNavZ) + 1);
  box-shadow: 0 -13px 8px 0 #00000008;
}
.offer-page-layout__additional--buy {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.offer-page-layout__additional--buy .additional-buttons {
  flex-grow: 1;
  max-width: 50%;
}
.offer-page-layout__additional--buy .additional-buttons--wide {
  max-width: 65%;
}
.offer-page-layout__additional--purchased {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.offer-page-layout-old {
  display: grid;
  grid-column-gap: 24px;
  column-gap: 24px;
  grid-template-columns: minmax(308px, 447px) minmax(393px, 615px) minmax(226px, 330px);
  margin-bottom: 20px;
}
@media (max-width: 1280px) {
  .offer-page-layout-old {
      grid-template-columns: 100%;
  }
}
.offer-page-layout-old__coll--sticky {
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--headH) + 20px);
}
@media (max-width: 1280px) {
  .offer-page-layout-old__coll--sticky {
      position: unset;
  }
}
.offer-page-layout-old__media {
  aspect-ratio: 1;
}
@media (max-width: 1280px) {
  .offer-page-layout-old__media {
      aspect-ratio: 16/9;
  }
}
.offer-page-layout-old__additional-buy {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: calc(var(--sliderNavZ) + 1);
}
@media (max-width: 768px) {
  .offer-page-layout-old__additional-buy {
      bottom: 64px;
  }
}
.offer-page-gallery-old {
  margin-top: -10px;
}
.content-list-popup__image {
  width: 80px;
  aspect-ratio: 1;
}
.content-list-popup__title-icon {
  padding-top: 2px;
}
.purchase-popup__consultant-info,
p.purchase-popup__consultant-info {
  line-height: var(--btnSlimH);
}
.purchase-popup__consultant-info-demo-button {
  display: inline-block;
}
.purchase-popup .product-preview {
  display: flex;
  gap: 8px;
}
.purchase-popup .product-preview__media {
  max-width: 68px;
  width: 100%;
  max-height: 68px;
  height: 100%;
}
.purchase-popup-invalid-email input {
  border: 1px solid #d62c2c !important;
}
.pop-comments {
  height: 80px;
}
.payment-method__add-card-btn,
.payment-method__carusel-container {
  position: relative;
  width: 85%;
  margin: auto;
}
@media (max-width: 1280px) {
  .payment-method__add-card-btn,
  .payment-method__carusel-container {
      width: 100%;
  }
}
.payment-method__carusel {
  position: relative;
  width: 80%;
  height: 110px;
}
.payment-method__carusel--hw {
  width: 50%;
}
@media (max-width: 1280px) {
  .payment-method__carusel {
      width: 70%;
      height: 100px;
  }
}
.payment-method .bank-card {
  height: 110px;
  text-align: center;
  border-width: 2px;
  cursor: pointer;
}
.payment-method .bank-card__logo {
  max-width: 150px;
}
@media (max-width: 1280px) {
  .payment-method .bank-card {
      height: 100px;
  }
}
.swagger code {
  border: none;
  padding: 0 !important;
}
.swagger td {
  background-color: transparent;
}
.swagger ul li {
  position: static !important;
}
.swagger .tab {
  font-family: none;
  font-weight: 400;
  font-style: normal;
  border-radius: unset;
  padding: initial;
  background-color: unset;
  font-size: unset;
  line-height: unset;
  border: none;
  max-width: unset;
  color: unset;
}
.basket__showcase {
  overflow: visible;
}
.basket .basket-item__image {
  position: relative;
  width: 120px;
  aspect-ratio: 1;
  border-radius: 16px;
}
.basket .basket-item__image-cover {
  display: none;
  background-color: rgba(var(--slavBase) / 70%);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.basket .basket-item--dsld {
  color: rgba(var(--tripCase));
}
.basket .basket-item--dsld .basket-item__image-cover {
  display: block;
}
.basket .payment-method__logo {
  width: 46px;
  height: 30px;
}
.basket .payment-method__logo img {
  max-width: 35px;
}
.basket .payment-method__change-btn--dsld {
  cursor: not-allowed;
  color: rgb(var(--slavCase));
}
.glare-button {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.glare-button:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 100%;
  background-image: linear-gradient(120deg, hsla(0, 0%, 100%, 0) 30%, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) 70%);
  top: 0;
  left: -300px;
  animation: shine 7s linear infinite;
}
@keyframes shine {
  0% {
      left: -100px;
  }
  20% {
      left: 100%;
  }
  to {
      left: 100%;
  }
}
.notification {
  position: relative;
  transition: 0.25s ease;
  transition-property: border-color;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid #d1cfd7;
  padding-right: 45px;
  background-color: #fff;
}
.notification--new {
  background-color: #f5ebff;
}
.notification--archived {
  background-color: #f5f5f5;
}
.notification__close {
  position: absolute;
  right: 15px;
  top: 14px;
}
.notification__title {
  width: 500px;
}
.notification__body {
  width: 100%;
}
.notification__text {
  padding-right: 20px;
}
.notification:hover {
  border-color: #4e4e53;
}
@media (max-width: 1280px) {
  .notification {
      justify-content: unset;
      flex-direction: column;
  }
  .notification__title {
      width: 100%;
  }
}
@font-face {
  font-family: Roboto Flex;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/_next/static/media/RobotoFlex-800.d344879d.ttf) format("ttf");
}
.mobile-promo-root {
  --mp-mainCase: #111;
  --mp-corpCase: #9237ff;
  --mp-centerW: 1400px;
  --mp-gapS: 16px;
  color: var(--mp-mainCase);
  min-height: 100vh;
}
.mobile-promo-root img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mobile-promo-root h1,
.mobile-promo-root h2,
.mobile-promo-root h3,
.mobile-promo-root h4,
.mobile-promo-root h5,
.mobile-promo-root h6 {
  margin: 0;
}
.mobile-promo-root .wrap {
  display: flex;
  position: relative;
  flex-direction: column;
}
.mobile-promo-root .body {
  overflow: hidden;
  background: #fff;
  background-image: url(/_next/static/media/bg.f9e60722.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.mobile-promo-root .center {
  width: 100%;
  margin: auto;
  max-width: var(--mp-centerW);
  padding-inline: 68px;
}
@media (max-width: 1400px) {
  .mobile-promo-root .center {
      padding-inline: 68px;
  }
}
@media (max-width: 768px) {
  .mobile-promo-root .center {
      padding-inline: 0;
  }
}
.mobile-promo-root .pad {
  padding: var(--mp-gapS);
  padding-bottom: 0;
}
.mobile-promo-root .pad--line {
  padding-inline: var(--mp-gapS);
}
.mobile-promo-root .phone-image {
  position: relative;
  pointer-events: none;
}
.mobile-promo-root .phone-image--mobile {
  display: none;
}
@media (max-width: 1000px) {
  .mobile-promo-root .phone-image--desktop {
      display: none;
  }
  .mobile-promo-root .phone-image--mobile {
      display: block;
  }
}
.mobile-promo-root .phone-image .scroll {
  position: absolute;
  height: 100%;
  width: 100%;
  transition: all 0.4s ease-out;
}
.mobile-promo-root .phone-image .scroll--1 {
  top: 10%;
  max-height: 188px;
}
.mobile-promo-root .phone-image .scroll--2 {
  max-height: 280px;
  right: -10%;
  bottom: 12%;
}
.mobile-promo-root .phone-image .scroll--3 {
  max-height: 152px;
  top: 29%;
}
.mobile-promo-root .phone-image .scroll--4-1 {
  max-height: 298px;
  left: 10%;
  top: 6%;
}
.mobile-promo-root .phone-image .scroll--4-2 {
  max-height: 240px;
  bottom: 10%;
}
.mobile-promo-root .phone-image .scroll--5-1 {
  max-height: 206px;
  top: 7%;
}
.mobile-promo-root .phone-image .scroll--5-2 {
  max-height: 110px;
  bottom: 18%;
}
.mobile-promo-root .phone-image img {
  width: 100%;
  height: 100%;
  max-height: 682px;
}
@media (max-width: 768px) {
  .mobile-promo-root .phone-image img {
      max-height: 310px;
  }
}
.mobile-promo-root .button {
  background-color: var(--mp-corpCase);
  padding: 20px 107px;
  color: #fff;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
  border-radius: 20px;
  outline: none;
  border: none;
  cursor: pointer !important;
  transition: background-color 0.3s;
}
.mobile-promo-root .button:hover {
  background-color: #7b33d1;
}
.mobile-promo-root .button:active {
  background-color: #6f2ebd;
}
@media (max-width: 1300px) {
  .mobile-promo-root .button {
      padding: 10px 58px;
      border-radius: 12px;
      font-size: 20px;
  }
}
.mobile-promo-root .rustore .rustore-logo {
  max-width: 108px;
  margin-bottom: 8px;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .mobile-promo-root .rustore .rustore-logo {
      max-width: 86px;
      margin-bottom: 4px;
  }
}
@media (max-width: 900px) {
  .mobile-promo-root .rustore .rustore-logo {
      display: none;
  }
}
.mobile-promo-root .rustore .android-line {
  display: flex;
  gap: 8px;
  align-items: baseline;
  flex-wrap: wrap;
}
.mobile-promo-root .rustore .android-line__text {
  margin-bottom: 0;
}
.mobile-promo-root .rustore .android-line__logo {
  max-width: 106px;
}
@media (max-width: 1400px) {
  .mobile-promo-root .rustore .android-line__text {
      font-size: 12px;
      line-height: 16px;
  }
  .mobile-promo-root .rustore .android-line__logo {
      max-width: 78px;
      max-height: 16px;
  }
}
.mobile-promo-root .bottom-stores {
  position: absolute;
  top: 107px;
  left: 56px;
}
.mobile-promo-root .hero-section {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 650px) {
  .mobile-promo-root .hero-section {
      padding: 0;
  }
}
.mobile-promo-root .hero-section .container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  padding-inline: 86px;
  grid-gap: 71px;
  gap: 71px;
}
.mobile-promo-root .hero-section .container .phone-image {
  grid-column: 1/5;
}
.mobile-promo-root .hero-section .container .content-box {
  grid-column: 5/-1;
  padding-top: 70px;
  display: flex;
  gap: 50px;
  flex-direction: column;
  justify-content: space-between;
}
.mobile-promo-root .hero-section .container .content-box .wbd-logo {
  max-height: 68px;
  max-width: 68px;
  margin-bottom: 20px;
}
.mobile-promo-root .hero-section .container .content-box .promo-title {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: -0.8px;
  margin-bottom: 36px;
}
@media (max-width: 1300px) {
  .mobile-promo-root .hero-section .container .heading .wbd-logo {
      max-height: 52px;
      max-width: 52px;
      margin-bottom: 20px;
  }
  .mobile-promo-root .hero-section .container .heading .promo-title {
      font-size: 34px;
      line-height: 40px;
      margin-bottom: 22px;
  }
}
@media (max-width: 1100px) {
  .mobile-promo-root .hero-section .container {
      padding-inline: 32px;
      gap: 0;
  }
  .mobile-promo-root .hero-section .container .phone-image {
      grid-column: 1/4;
  }
  .mobile-promo-root .hero-section .container .content-box {
      grid-column: 5/-1;
      padding-top: 35px;
  }
}
@media (max-width: 700px) {
  .mobile-promo-root .hero-section .container .app-link {
      max-width: 120px;
  }
}
@media (max-width: 650px) {
  .mobile-promo-root .hero-section .container {
      display: none;
  }
}
.mobile-promo-root .hero-section .container--mobile {
  display: none;
  flex-direction: column;
  padding: 0 0 22px;
}
.mobile-promo-root .hero-section .container--mobile .content-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  grid-gap: 26px;
  gap: 26px;
}
.mobile-promo-root .hero-section .container--mobile .content-box .phone-image {
  grid-column: span 1;
}
.mobile-promo-root .hero-section .container--mobile .content-box .rustore {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 650px) {
  .mobile-promo-root .hero-section .container--mobile {
      display: flex;
  }
}
.mobile-promo-root .section {
  background: none;
}
.mobile-promo-root .section .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 69px;
  padding-bottom: 59px;
  gap: 27px;
}
.mobile-promo-root .section .container .phone-image {
  flex-grow: 2;
  min-width: 350px;
}
@media (max-width: 768px) {
  .mobile-promo-root .section .container {
      flex-direction: column;
      padding-top: 24px;
      padding-bottom: 20px;
      align-items: flex-start;
  }
  .mobile-promo-root .section .container--secondary {
      flex-direction: column-reverse;
  }
  .mobile-promo-root .section .container .phone-image {
      margin: auto;
      align-self: center;
      min-width: 200px;
  }
}
.mobile-promo-root .section .container .info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--mp-mainCase);
  max-width: 640px;
  flex-grow: 1;
}
.mobile-promo-root .section .container .info--small {
  max-width: 400px;
}
.mobile-promo-root .section .container .info__num {
  max-width: 128px;
  margin-bottom: 25px;
}
.mobile-promo-root .section .container .info__title {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 58px;
  line-height: 71px;
  font-weight: 700;
  letter-spacing: -1px;
}
.mobile-promo-root .section .container .info__title--small {
  font-size: 36px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: normal;
}
@media (max-width: 1400px) {
  .mobile-promo-root .section .container .info__num {
      max-width: 112px;
      margin-bottom: 20px;
  }
  .mobile-promo-root .section .container .info__title {
      font-size: 48px;
      line-height: 50px;
  }
  .mobile-promo-root .section .container .info__title--small {
      font-size: 24px;
      line-height: 26px;
  }
}
@media (max-width: 768px) {
  .mobile-promo-root .section .container .info__num {
      max-width: 84px;
      margin-bottom: 18px;
  }
  .mobile-promo-root .section .container .info__title {
      font-size: 36px;
      line-height: 38px;
  }
  .mobile-promo-root .section .container .info__title--small {
      font-size: 20px;
      line-height: 22px;
  }
}
.mobile-promo-root .lenta {
  pointer-events: none;
}
.mobile-promo-root .footer-section .container {
  padding: 24px 0 0 !important;
  justify-content: normal;
  flex-wrap: nowrap;
}
.mobile-promo-root .footer-section .container .content-box {
  display: flex;
  flex-direction: column;
  gap: 65px;
}
.mobile-promo-root .footer-section .container .phone-image img {
  max-height: 596px;
}
@media (max-width: 768px) {
  .mobile-promo-root .footer-section .container {
      flex-direction: row;
      align-items: center;
  }
  .mobile-promo-root .footer-section .container .phone-image img {
      max-height: 261px;
  }
}
@media (max-width: 520px) {
  .mobile-promo-root .footer-section .container {
      display: none;
  }
}
.mobile-promo-root .footer-section .container--mobile {
  display: none;
}
.mobile-promo-root .footer-section .container--mobile .content-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 28px;
}
.mobile-promo-root .footer-section .container--mobile .phone-image img {
  max-height: 261px;
}
@media (max-width: 520px) {
  .mobile-promo-root .footer-section .container--mobile {
      display: flex;
  }
}
.banner-selection {
  position: relative;
}
.banner-selection__bg {
  background-position: 50%;
  background-size: contain;
}
.banner-selection__bg-no-cats {
  height: 230px;
}
.banner-selection__bg-no-cats img {
  object-fit: cover;
  object-position: top;
}
.banner-selection__image {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.banner-selection__image img {
  height: auto;
}
.banner-selection__image__logo {
  position: absolute;
  width: 30%;
  left: 0;
}
.banner-selection__image__logo img {
  height: auto;
}
.banner-selection__image__logo__for__img {
  position: absolute;
  width: 30%;
  left: 10%;
  top: 24px;
}
.banner-selection__image__logo__for__img img {
  height: auto;
}
@media (max-width: 1280px) {
  .banner-selection__image__logo,
  .banner-selection__image__logo__for__img {
      width: 35%;
  }
}
@media (max-width: 1024px) {
  .banner-selection__image__logo {
      width: 45%;
  }
  .banner-selection__image__logo__for__img {
      width: 45%;
      left: 5%;
  }
}
@media (max-width: 700px) {
  .banner-selection__image__logo {
      width: 60%;
  }
  .banner-selection__image__logo__for__img {
      width: 40%;
  }
}
@media (max-width: 480px) {
  .banner-selection__image__logo,
  .banner-selection__image__logo__for__img {
      width: 55%;
  }
}
.banner-selection__title {
  color: #fff;
  font-size: 52px;
  line-height: 60px;
}
.banner-selection__content-wrapper {
  padding: 72px 0 48px;
}
@media (max-width: 480px) {
  .banner-selection__title {
      font-size: 44px;
      line-height: 48px;
  }
  .banner-selection__content-wrapper {
      padding: 44px 0;
  }
}
@media (max-width: 390px) {
  .banner-selection__title {
      font-size: 36px;
      line-height: 40px;
  }
}
.presale-image img {
  height: auto;
}
.hair {
  height: 44px;
}
.mobile-header-bar {
  height: 52px;
  padding: 8px 16px;
}
.mobile-header-bar svg {
  width: 36px;
  height: 36px;
}
.mobile-header-bar__button {
  padding: 0 20px;
}
.banner-category {
  padding: 24px 0 12px;
}
@media (max-width: 1024px) {
  .hair {
      height: 56px;
  }
  .banner-selection__bg-no-cats {
      height: 200px;
  }
}
@media (max-width: 700px) {
  .banner-selection__bg-no-cats {
      height: 170px;
  }
}
@media (max-width: 550px) {
  .hair {
      height: 56px;
  }
  .banner-selection__bg-no-cats {
      height: 140px;
  }
}
@media (max-width: 480px) {
  .hair {
      height: 56px;
  }
  .banner-selection__bg-no-cats {
      height: 140px;
  }
}
@media (max-width: 390px) {
  .hair {
      height: 56px;
  }
  .banner-selection__bg-no-cats {
      height: 110px;
  }
}
.gift-popup-sender {
  position: relative;
}
.gift-popup-sender input {
  padding-left: 48px;
}
.gift-popup-mask {
  position: absolute;
  display: block;
  left: 16px;
  bottom: 38px;
}
@media (max-width: 980px) {
  .gift-popup-mask {
      bottom: 36px;
  }
}
@media (max-width: 480px) {
  .gift-popup-mask {
      bottom: 38px;
  }
}
.redeem {
  padding: 0 20px;
  margin-bottom: -32px;
}
.redeem-background {
  position: relative;
  height: 100vh;
  background-image: url(/_next/static/media/gift-bg.56215559.png);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
}
.redeem-container {
  padding: 72px 52px;
  position: relative;
  width: 100%;
  z-index: 1000;
}
.redeem-header {
  margin-bottom: 208px;
}
.redeem-logo {
  width: 220px;
  height: 59px;
}
.redeem h1 {
  font-size: 48px;
  font-weight: 700;
}
.redeem-activated {
  margin-top: 10px;
}
.redeem-activated p {
  max-width: 580px;
  width: 100%;
  margin-bottom: 0;
}
.redeem-form {
  margin-top: 32px;
  margin-bottom: 24px;
}
.redeem-input {
  width: 513px;
}
.redeem-input input:focus {
  border: 2px solid #9237ff;
  border-radius: 12px;
}
.redeem-input .interaction__body {
  border-radius: 12px;
}
.redeem-input .interaction__input {
  height: 56px;
}
.redeem-input .interaction__input input {
  height: 56px;
  font-size: 20px;
}
.redeem-input .note--eror {
  border: none;
  padding: 0 16px;
}
.redeem-input .note--eror span {
  color: #f96666;
}
.redeem-button {
  width: 187px;
}
.redeem-button:disabled {
  background-color: #9237ff;
  color: #9237ff;
  transition: background-color 0.3s ease;
}
.redeem-activated-btn {
  width: 223px;
}
.redeem-activated-btn_purple {
  height: 60px;
  background-color: #9237ff;
}
.redeem-activated-btn_white {
  height: 60px;
  background-color: #fff;
  color: #9237ff;
}
.redeem-link {
  text-decoration: underline;
  color: #d6b5ff;
}
.redeem-text {
  font-size: 20px;
  font-weight: 500;
}
.redeem-backdrop {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 85%;
}
.redeem .error {
  border: 1px solid #f96666;
  border-radius: 12px;
}
@media (max-width: 1440px) {
  .redeem-input {
      width: 441px;
  }
}
@media (max-width: 768px) {
  .redeem {
      padding: 0;
  }
  .redeem-container {
      padding: 52px 16px;
  }
  .redeem-input {
      width: 417px;
  }
}
@media (max-width: 390px) {
  .redeem-header {
      margin-bottom: 130px;
  }
  .redeem-logo {
      width: 173px;
      height: 46px;
  }
  .redeem h1 {
      font-size: 32px;
  }
  .redeem-activated p {
      font-size: 14px;
  }
  .redeem-text {
      font-size: 18px;
  }
  .redeem-form {
      flex-direction: column;
  }
  .redeem-button,
  .redeem-input {
      width: 100%;
  }
  .redeem-activated-btn {
      width: 100%;
      height: 48px;
  }
}
.support-ticket-row {
  cursor: pointer;
}
.support-ticket-messages {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 100%;
  overflow-y: scroll;
}
.support-ticket-messages .message {
  max-width: 60%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
}
.support-ticket-messages .message p {
  margin-bottom: 0;
}
.support-ticket-messages .message__author {
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
}
.support-ticket-messages .message__text {
  font-size: 16px;
}
.support-ticket-messages .message__text a {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}
.support-ticket-messages .message__date {
  line-height: 16px;
  font-size: 14px;
  text-align: end;
  color: #d1cfd7;
}
.support-ticket-messages .message--mine {
  align-self: flex-end;
  border-top-right-radius: 0;
  background-color: #f5f5f5;
}
.support-ticket-messages .message--mine .message__author {
  color: #4e4e53;
}
.support-ticket-messages .message--their {
  align-self: flex-start;
  border-top-left-radius: 0;
  background-color: #f5f7fa;
}
.support-ticket-messages .message--their .message__author {
  color: #9237ff;
}
.support-ticket-messages .message--last-in-group {
  margin-bottom: 16px;
}
.support-btn-help {
  align-self: end;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 800;
  padding: 24px 24px 70px;
}
.support-btn-help button {
  border: none;
  padding: 12px;
  margin: 0;
  background-color: #9237ff;
  fill: #fff;
  position: relative;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 29px;
  color: #fff;
  transition: background-color 0.3s ease;
}
.support-btn-help button:hover {
  background-color: #7b33d1;
}
.support-btn-help button:active {
  background-color: #6f2ebd;
}
.support-btn-up {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 900;
  padding: 24px 24px 70px;
}
.support-btn-up button {
  border: none;
  padding: 12px;
  margin: 0;
  background-color: #fff;
  fill: #9237ff;
  position: relative;
  text-decoration: none;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 29px;
  color: #9237ff;
  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.08);
  transition: background-color 0.3s ease;
}
.support-btn-up button .icon {
  color: #9237ff;
}
.support-btn-up button:hover {
  background-color: #9237ff;
}
.support-btn-up button:hover .icon {
  color: #fff;
}
.support-btn-up button:active {
  background-color: #9237ff;
}
.support-btn-delete {
  height: 100% !important;
}
.support-btn-delete__content {
  padding: 4px !important;
}
.support-btn-attach {
  border-radius: 32px;
}
.support-btn-attach__content {
  padding: 12px !important;
}
.support-btn-attach__wide {
  padding: 0;
  height: 100%;
}
.support-btn-attach__wide .file {
  width: 100%;
}
.support-btn-attach__fix {
  width: 48px;
}
.support-btn-attach__fix.button-new__content {
  padding: 0;
}
.support-btn-send__content {
  padding: 12px !important;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  font-style: normal;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.delete-sbp__tooltip {
  min-width: 250px;
  padding: 16px 18px !important;
}
.lottery-cards {
  max-width: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 24px;
  gap: 24px;
}
.lottery-card {
  width: 100%;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1));
  height: -moz-fit-content;
  height: fit-content;
}
.lottery-card__link {
  text-decoration: none;
  color: #000;
  pointer-events: auto;
  cursor: pointer;
}
.lottery-card__position {
  display: flex;
  gap: 0;
}
.lottery-card__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.lottery-card__image img {
  object-position: right;
  object-fit: contain;
  max-height: none;
  height: fill-available;
  height: -webkit-fill-available;
}
.lottery-card__body {
  position: relative;
  width: 68%;
  border-radius: 20px 0 0 20px;
  background-color: #2f46b0;
}
.lottery-card__body-mechtallion {
  background-image: url(/static/img/lottery/mechtallion/card_bg.png);
  background-size: cover;
}
.lottery-card__body-4x4 {
  background-image: url(/static/img/lottery/4x4/card_bg.png);
}
.lottery-card__body-12dd,
.lottery-card__body-4x4 {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
.lottery-card__body-12dd {
  background-image: url(/static/img/lottery/12dd/card_bg.png);
}
.lottery-card__body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 99.8%;
  bottom: 0;
  width: 1px;
  background-image: linear-gradient(0deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 1px 8px;
}
.lottery-card__logo {
  width: 60px;
}
.lottery-card__jackpot,
.lottery-card__title {
  z-index: 99;
}
.lottery-card__prize {
  font-size: 28px;
}
.lottery-card__prize-container {
  z-index: 90;
}
.lottery-card__info {
  flex-direction: column;
  width: 32%;
  border-radius: 0 20px 20px 0;
  background-color: #fff;
  background-repeat: no-repeat;
}
.lottery-card__info-price {
  font-size: 36px;
  line-height: 46px;
  font-family: Hauss, sans-serif;
  font-weight: 700;
}
.lottery-card__button {
  padding: 0 14px;
  white-space: nowrap;
}
.lottery-card_other .lottery-card {
  filter: unset;
}
.lottery-card_other .lottery-card__position {
  flex-direction: column;
}
.lottery-card_other .lottery-card__body {
  width: 100%;
  background-repeat: no-repeat;
  border-radius: 8px 8px 0 0;
  background-color: #2f46b0;
}
.lottery-card_other .lottery-card__body-mechtallion {
  background-color: #2f46b0;
}
.lottery-card_other .lottery-card__body-4x4 {
  background-image: url(/static/img/lottery/4x4/card_bg.png);
  background-size: 100% 100%;
  object-fit: cover;
}
.lottery-card_other .lottery-card__body:after {
  content: "";
  position: absolute;
  top: 99.6%;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 1px;
  background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 90;
}
.lottery-card_other .lottery-card__info {
  flex-direction: row;
  gap: 12px;
  width: 100%;
  padding: 16px 20px;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  border-radius: 0 0 8px 8px;
}
.lottery-card_other .lottery-card__info-container {
  flex-direction: row;
  gap: 8px;
}
.lottery-header {
  position: relative;
  border-radius: 20px;
  padding: 48px 24px 234px;
  background-size: 100% 100%;
  background-color: #2f46b0;
}
.lottery-header_mechtallion {
  background-image: url(/static/img/lottery/mechtallion/lottery_bg.png);
  background-size: cover;
}
.lottery-header_mechtallion .lottery-link_selected {
  color: #9237ff;
}
.lottery-header_4x4 {
  background-image: url(/static/img/lottery/4x4/lottery_bg.png);
  background-size: cover;
}
.lottery-header_4x4 .lottery-header__image img {
  object-position: center right;
}
.lottery-header_4x4 .lottery-link_selected {
  color: #9237ff;
}
.lottery-header_12dd {
  background-image: url(/static/img/lottery/12dd/lottery_bg.png);
  background-size: cover;
}
.lottery-header_12dd .lottery-header__image img {
  object-position: center right;
}
.lottery-header_12dd .lottery-link_selected {
  color: #007676;
}
.lottery-header__image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  top: 0;
  left: 0;
}
.lottery-header__image img {
  object-position: top right;
  height: 100%;
}
.lottery-header__logo {
  width: 60px;
}
.lottery-header__title {
  z-index: 90;
}
.lottery-header__info,
.lottery-header__menu {
  width: 50%;
  z-index: 4;
}
.lottery-header__date {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  background-color: #263680;
}
.lottery-header__date p {
  line-height: 22px;
  color: #fff;
}
.lottery-header__date-4x4,
.lottery-header__date-mechtallion {
  background-color: #263680;
}
.lottery-header__date-12dd {
  background-color: rgba(58, 0, 120, 0.24);
}
.lottery-header__prize,
.lottery-header__prize-4x4,
.lottery-header__prize-mechtallion {
  border-left: 3px solid #263680;
}
.lottery-header__prize-12dd {
  border-left: 3px solid rgba(58, 0, 120, 0.24);
}
.lottery-main {
  min-width: 630px;
  background-color: #fff;
  border-radius: 20px;
  z-index: 90;
  margin-left: 24px;
  padding: 20px;
}
.lottery-link {
  background-color: #f2f3f7;
  opacity: 70%;
  color: #4a4a4a;
}
.lottery-link:hover {
  background-color: #ebe1f5;
}
.lottery-link_selected {
  background-color: #fff;
  opacity: 100%;
}
.lottery-link_selected:hover {
  background-color: #f0f0f3;
}
.lottery-body {
  position: relative;
  margin-top: -205px;
  max-width: 1440px;
  width: 100%;
}
.lottery-body__info {
  width: 72%;
}
.lottery-add {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 12px 48px;
  border-radius: 20px 20px 0 0;
  z-index: 801;
  box-shadow: 0 -13px 8px 0 #00000008;
  background-color: #fff;
}
.lottery-add__divider {
  width: 1px;
  height: 40px;
  background-color: #f0f0f3;
}
.lottery-add__info {
  gap: 36px;
}
.lottery-add__button {
  max-width: 275px;
  width: 100%;
}
.lottery-add__warning {
  max-width: 383px;
  width: 100%;
}
.lottery-tickets__tabs {
  width: 100%;
}
.lottery-tickets__tabs .tabs-new__header {
  max-width: 404px;
  width: 100%;
}
.lottery-tickets__tabs .select-new {
  max-width: 268px;
  width: 100%;
}
.lottery-tickets__align {
  justify-items: center;
}
.lottery-tickets__select {
  min-width: 325px;
}
.lottery-tickets__select input {
  width: 325px;
}
.lottery-ticket {
  max-width: 254px;
  width: 100%;
  cursor: pointer;
}
.lottery-ticket__header {
  position: relative;
  padding: 14px 12px;
  border-radius: 16px 16px 0 0;
  background: #f1f1f1;
}
.lottery-ticket__header .lottery-ticket-check {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  color: #d1cfd7;
  background-color: #fff;
  border: 1px solid #d1cfd7;
  border-radius: 50%;
}
.lottery-ticket__header:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 1;
}
.lottery-ticket__header p {
  color: #000;
}
.lottery-ticket__body {
  background: #f1f1f1;
  border-radius: 0 0 16px 16px;
  position: relative;
  padding: 24px 34px;
}
.lottery-ticket__body-cell {
  background-color: #fff;
  border-radius: 8px;
}
.lottery-ticket__numbers {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  grid-template-rows: repeat(4, 40px);
  grid-gap: 2px;
  gap: 2px;
}
.lottery-ticket__numbers .selected {
  border: 1px solid #9237ff;
}
.lottery-ticket_selected .lottery-ticket__header {
  background: #8e4aff;
}
.lottery-ticket_selected .lottery-ticket__header p {
  color: #fff;
}
.lottery-ticket_selected .lottery-ticket__header:after {
  background-image: linear-gradient(90deg, #8e4aff, #8e4aff 51%, transparent 0, transparent);
}
.lottery-ticket_selected .lottery-ticket__footer {
  background-color: #8e4aff;
}
.lottery-ticket_selected .lottery-ticket__footer p {
  color: #fff;
}
.lottery-ticket_selected .lottery-ticket-check {
  color: #fff;
  background-color: #e401ea;
  border: 1px solid #fff;
}
.lottery-ticket__disabled {
  opacity: 50%;
  cursor: default;
}
.lottery-payment {
  position: -webkit-sticky;
  position: sticky;
  top: calc(99px + 16px);
  right: 0;
  width: 24%;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 24px;
  z-index: 90;
}
.lottery-payment__header {
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f3;
}
.lottery-payment__body {
  padding: 20px;
  border-radius: 0 0 20px 20px;
}
.lottery-payment__divider {
  width: 100%;
  height: 1px;
  margin-top: 1px;
  background-color: #f0f0f3;
}
.lottery-rules__info {
  max-width: 792px;
  width: 100%;
}
.lottery-rules__info-text {
  line-height: 28px;
  color: #242424;
}
.lottery-rules__card {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 102px;
  border-radius: 16px;
  background-color: #8e4aff;
  color: #fff;
}
.lottery-rules__card-circle {
  position: absolute;
  left: 50%;
  top: -56px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #8e4aff;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%);
}
.lottery-rules__card-left-scale {
  left: 0;
  width: 50%;
  z-index: -2;
}
.lottery-rules__card-left-scale,
.lottery-rules__card-right-scale {
  position: absolute;
  content: "";
  top: -44px;
  transform: translateY(-50%);
  height: 6px;
  border-radius: 3px;
  background: #6824da;
}
.lottery-rules__card-right-scale {
  right: -24px;
  width: calc(50% + 24px);
  z-index: -1;
}
.lottery-rules__card:last-child .lottery-rules__card-right-scale {
  display: none;
}
.lottery-rules__card-extension {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 10px;
  overflow: hidden;
}
.lottery-rules__card-extension:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  transform-origin: 50% 50%;
  background-color: #8e4aff;
  top: 4px;
  left: 50%;
  border-radius: 4px;
  transform: translateX(-50%) rotate(45deg);
}
.lottery-rules__card-field {
  background-color: #bc94ff;
  border-radius: 14px;
  padding: 11px;
  height: -moz-fit-content;
  height: fit-content;
}
.lottery-rules__card-field .lottery-rules__card-cell {
  flex: 1 0 21%;
  aspect-ratio: 1/1;
  padding: 8px;
  background-color: #8e4aff;
  border-radius: 8px;
}
.lottery-rules__card-field .lottery-rules__card-cell .lottery-rules__card-center {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 4px;
}
.lottery-rules__card-field .lottery-rules__card-cell.empty {
  background-color: #ebdfff;
}
.lottery-rules__card-field.lottery-rules__card-superprize .lottery-rules__card-cell,
.lottery-rules__card-superprize,
.lottery-rules__card-superprize .lottery-rules__card-circle,
.lottery-rules__card-superprize .lottery-rules__card-extension:after {
  background-color: #6824da;
}
.lottery-rules__card-superprize .lottery-rules__card-field {
  background-color: #b68aff;
}
.lottery-rules__card-superprize .lottery-rules__card-field .grid__cell {
  background-color: #6824da;
}
.lottery-rules__file {
  line-break: anywhere;
}
.lottery-rules__image {
  height: unset;
  max-height: unset;
}
.lottery-rules__image img {
  height: unset;
}
.lottery-custom__number {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: #f2f3f7;
}
.lottery-custom__number.selected {
  background-color: #fff;
  border: 1px solid #9237ff;
}
.lottery-custom__fav-numbers {
  position: relative;
}
.lottery-custom__reset {
  position: absolute;
  right: -44px;
  top: 50%;
  transform: translateY(-50%);
}
.lottery-custom__field {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f2f3f7;
  border-radius: 20px;
}
.lottery-custom__field-cell {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: #fff;
  color: #242424;
  border: none;
  padding: 0;
  cursor: pointer;
}
.lottery-custom__field-cell.selected {
  background-color: #fff;
  border: 1px solid #9237ff;
}
.lottery-custom__field-cell:hover {
  color: #6824da;
}
.lottery-custom__container {
  width: -moz-fit-content;
  width: fit-content;
}
.lottery-custom__button {
  width: max-content;
}
.lottery-faq .content-accordeon-new {
  padding: 0 16px 16px;
}
.lottery-faq .content-accordeon-new:hover {
  background-color: #fff;
  cursor: pointer;
}
.lottery-faq .content-accordeon-new:hover .content-accordeon-new__caret .icon {
  color: #9237ff;
}
.lottery-faq .content-accordeon-new--opened {
  background-color: #fff;
}
.lottery-faq .content-accordeon-new--opened .content-accordeon-new__caret .icon {
  color: #9237ff;
}
.lottery-faq .content-accordeon-new__body {
  background-color: #fafafa;
  cursor: text;
}
.lottery-faq .content-accordeon-new__caret {
  height: 24px;
}
.lottery-success__text {
  max-width: 450px;
  width: 100%;
}
.lottery-success_loading {
  position: relative;
  height: 48px;
}
.lottery-purchase {
  max-width: 214px;
  width: 100%;
}
.lottery-purchase__tickets {
  justify-items: center;
}
.lottery-purchase__header {
  position: relative;
  padding: 12px;
  border-radius: 16px 16px 0 0;
  background: #8e4aff;
}
.lottery-purchase__header:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 2px;
  background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 90;
}
.lottery-purchase__header p {
  color: #fff;
}
.lottery-purchase__header.lose {
  background: #eee;
}
.lottery-purchase__header.lose p {
  color: #000;
}
.lottery-purchase__header.lose:after {
  background-image: linear-gradient(90deg, #d1cfd7, #d1cfd7 50%, transparent 0, transparent);
}
.lottery-purchase__header.win {
  background: #e401ea;
}
.lottery-purchase__body {
  background: #8e4aff;
  border-radius: 0 0 16px 16px;
  position: relative;
  padding: 12px 20px 20px;
}
.lottery-purchase__body-cell {
  background-color: #fff;
  border-radius: 8px;
}
.lottery-purchase__body p {
  color: #fff;
}
.lottery-purchase__body.lose {
  background: #eee;
}
.lottery-purchase__body.lose p {
  color: #8b8b8b;
}
.lottery-purchase__body .button-new__content {
  padding: 10px;
}
.lottery-purchase__info p {
  color: #fff;
}
.lottery-purchase__info.lose p {
  color: #000;
}
.lottery-purchase__numbers {
  display: grid;
  grid-template-columns: repeat(4, 40px);
  grid-template-rows: repeat(4, 40px);
  grid-gap: 2px;
  gap: 2px;
}
.lottery-purchase__title {
  color: #fff;
}
.lottery-purchase__title.lose {
  color: #000 !important;
}
.lottery-purchase__receipt {
  position: relative;
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
.lottery-purchase__receipt:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 90;
}
.lottery-purchase__receipt.lose {
  color: #8b8b8b;
}
.lottery-purchase__receipt.lose:after {
  background-image: linear-gradient(90deg, #8b8b8b, #8b8b8b 50%, transparent 0, transparent);
}
.lottery-purchase__receipt-mt {
  margin-top: -4px;
}
.lottery-purchase__image {
  width: 40px;
  height: 40px;
  margin: unset;
}
.lottery-purchase__button {
  margin-top: 8px;
}
.lottery-purchase__number,
.lottery-purchase__status {
  font-size: 14px;
  line-height: 20px;
}
.lottery-receipt {
  height: 100%;
  overflow-y: scroll;
}
.lottery-receipt__info {
  margin-right: 16px;
  padding-bottom: 16px;
  background-image: linear-gradient(90deg, #8b8b8b 50%, hsla(0, 0%, 100%, 0) 0);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.lottery-receipt__divider {
  width: auto;
  height: 1px;
  background-image: linear-gradient(90deg, #8b8b8b, #8b8b8b 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 90;
}
.lottery-receipt__numbers {
  background-color: #f1f1f1;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
}
.lottery-receipt::-webkit-scrollbar {
  width: 4px;
}
.lottery-tab__select {
  max-width: 224px;
  width: 100%;
}
.lottery-tab__filters {
  padding-top: 4px;
  padding-bottom: 16px;
}
.lottery-support-btn {
  padding-bottom: 80px;
}
.lottery-invalid-email input {
  border: 1px solid #d62c2c !important;
}
.lottery-popup {
  position: relative;
}
.lottery-popup__close {
  top: 24px;
  position: relative;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  left: calc(100% + 5px);
  cursor: pointer;
}
.lottery-popup__close:after,
.lottery-popup__close:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  height: 2px;
  width: 100%;
  background-color: #fff;
}
.lottery-popup__close:before {
  transform: rotate(45deg);
}
.lottery-popup__close:after {
  transform: rotate(-45deg);
}
.lottery-popup-nloto {
  width: 175px;
  margin: 0;
}
.lottery-popup-wbd {
  width: 159px;
  margin: 0;
}
.lottery-popup__selection {
  background-color: #1b2f75;
}
.lottery-popup__list {
  padding-left: 15px;
}
.lottery-popup__list li {
  margin-bottom: 8px;
}
.lottery-popup__list li:before {
  background-color: #fff;
}
.lottery-popup__list a {
  color: #fff;
}
.lottery_rules__list {
  margin-left: 0;
}
.lottery_rules__list li:before {
  background-color: transparent;
  border: 1px solid #9237ff;
  width: 6px;
  height: 6px;
}
.lottery-other {
  margin-left: 24px;
  border-radius: 20px;
  padding: 24px;
}
.lottery-12dd-ticket {
  width: 100%;
  scroll-margin-bottom: 30px;
}
.lottery-12dd-ticket__header {
  position: relative;
  padding: 12px 12px 28px;
  border-radius: 16px 16px 0 0;
  background: #22b6b7;
}
.lottery-12dd-ticket__price {
  padding: 6px 8px;
  background-color: rgba(58, 0, 120, 0.24);
}
.lottery-12dd-ticket__win-chances {
  padding: 6px 8px;
  background-color: #4caf50;
}
.lottery-12dd-ticket__draws {
  width: 330px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.lottery-12dd-ticket__draws-col {
  flex-direction: row;
  justify-content: end;
}
.lottery-12dd-ticket__draws-width {
  width: 330px;
}
.lottery-12dd-ticket__draw-option {
  padding: 10px 12px 10px 0;
}
.lottery-12dd-ticket__number {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 8px;
}
.lottery-12dd-ticket__number.additional {
  background-color: rgba(58, 0, 120, 0.24);
  color: #fff;
}
.lottery-12dd-ticket__body {
  position: relative;
  padding: 16px 12px 12px;
  background-color: #f2f2f2;
  border-radius: 0 0 16px 16px;
}
.lottery-12dd-ticket__body:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
  background-size: 8px 1px;
  z-index: 1;
}
.lottery-12dd-ticket__body button.button-new:disabled:not(.button-new--loading) {
  cursor: default;
}
.lottery-12dd-ticket__number-options {
  padding-inline: 120px;
}
.lottery-12dd-ticket__number-option {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background-color: #fff;
  color: #000;
  border: none;
  padding: 0;
  cursor: pointer;
}
.lottery-12dd-ticket__number-option.selected {
  color: #fff;
  background-color: #22b6b7;
}
.lottery-12dd-ticket__number-option:disabled {
  cursor: default;
}
.lottery-12dd-ticket__clear {
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 4px 8px;
}
.lottery-12dd-ticket__clear:disabled {
  opacity: 30%;
}
.lottery-12dd-ticket__remove {
  position: absolute;
  bottom: 12px;
  left: 12px;
  padding: 4px 8px;
}
.lottery-12dd-ticket__remove:disabled {
  opacity: 30%;
}
.lottery-12dd-ticket__tooltip.tooltip-text {
  padding: 8px 16px;
  opacity: 1;
  border-radius: 8px;
  width: max-content;
  z-index: 9;
}
.lottery-12dd-ticket__tooltip-zindex {
  z-index: 9;
}
.lottery-12dd-ticket__draws-col {
  align-items: center;
  gap: 12px;
}
.lottery-12dd-ticket__info-col {
  align-items: center;
}
.lottery-12dd-table {
  padding: 20px;
  font-size: 20px;
  line-height: 24px;
}
.lottery-12dd-table--mobile {
  padding: 0;
  font-size: 18px;
  line-height: 24px;
}
.lottery-12dd-table__header {
  color: #007676;
}
.lottery-12dd-table__column {
  font-size: 24px;
  line-height: 32px;
}
.lottery-12dd-table__column-1 .lottery-12dd-table__cell {
  background-color: #22b6b7;
  padding: 8px 0;
}
.lottery-12dd-table__column-1 .lottery-12dd-table__cell:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.lottery-12dd-table__column-1 .lottery-12dd-table__cell:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.lottery-12dd-table__column-2 .lottery-12dd-table__cell {
  background-color: #007676;
  padding: 8px 0;
}
.lottery-12dd-table__column-2 .lottery-12dd-table__cell:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.lottery-12dd-table__column-2 .lottery-12dd-table__cell:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.lottery-12dd__add-ticket {
  max-width: 186px;
  scroll-margin-bottom: 30px;
}
.lottery-dark-green-text {
  color: #166566;
}
.age-popup__button {
  padding: 0 55px;
}
.description-new li {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 10px;
  overflow: hidden;
}
@media (max-width: 1360px) {
  .lottery-purchase__number {
      font-size: 12px;
  }
}
@media (max-width: 1280px) {
  .lottery-main,
  .lottery-other {
      margin-right: 24px;
      margin-left: 24px;
  }
  .lottery-body__info {
      width: 100%;
  }
  .lottery-payment {
      position: fixed;
      top: auto;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      height: -moz-fit-content;
      height: fit-content;
      margin-right: 24px;
      z-index: 90;
      box-shadow: 0 -13px 8px 0 #00000008;
  }
  .lottery-rules__card {
      max-width: 186px;
      width: 100%;
  }
  .lottery-purchase__body {
      padding-left: 13px;
      padding-right: 13px;
  }
  .lottery-purchase__numbers {
      display: grid;
      grid-template-columns: repeat(4, 36px);
      grid-template-rows: repeat(4, 36px);
      grid-gap: 2px;
      gap: 2px;
  }
  .lottery-purchase__number {
      font-size: 14px;
  }
  .lottery-12dd-ticket,
  .lottery-12dd__add-ticket {
      scroll-margin-bottom: 100px;
  }
}
@media (max-width: 1140px) {
  .lottery-purchase__number {
      font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .lottery-header {
      justify-content: space-between;
  }
  .lottery-header__info,
  .lottery-header__menu {
      width: auto;
  }
  .lottery-rules__card-field .lottery-rules__card-cell {
      padding: 6px;
  }
  .lottery-add__info {
      gap: 24px;
  }
  .lottery-card__position {
      flex-direction: column;
  }
  .lottery-card__body {
      width: 100%;
      background-repeat: no-repeat;
      border-radius: 8px 8px 0 0;
  }
  .lottery-card__body,
  .lottery-card__body-mechtallion {
      background-color: #2f46b0;
  }
  .lottery-card__body-4x4 {
      background-image: url(/static/img/lottery/4x4/card_bg.png);
      background-size: 100% 100%;
      object-fit: cover;
  }
  .lottery-card__body-12dd {
      background-image: url(/static/img/lottery/12dd/card_bg.png);
      background-size: 100% 100%;
      object-fit: cover;
  }
  .lottery-card__body:after {
      content: "";
      position: absolute;
      top: 99.6%;
      left: 0;
      bottom: 0;
      right: 0;
      width: auto;
      height: 1px;
      background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
      background-size: 8px 1px;
      z-index: 90;
  }
  .lottery-card__info {
      flex-direction: row;
      gap: 12px;
      width: 100%;
      padding: 16px 20px;
      background: #fff;
      background-repeat: no-repeat;
      border-radius: 0 0 8px 8px;
  }
  .lottery-card__info-container {
      flex-direction: row;
      gap: 8px;
  }
  .lottery_other .lottery-card__position {
      flex-direction: column;
  }
  .lottery_other .lottery-card__body {
      width: 100%;
      background-repeat: no-repeat;
      border-radius: 8px 8px 0 0;
      background-color: #2f46b0;
  }
  .lottery_other .lottery-card__body-mechtallion {
      background-color: #2f46b0;
  }
  .lottery_other .lottery-card__body-4x4 {
      background-image: url(/static/img/lottery/4x4/card_bg.png);
      background-size: 100% 100%;
      object-fit: cover;
  }
  .lottery_other .lottery-card__body-12dd {
      background-image: url(/static/img/lottery/12dd/card_bg.png);
      background-size: 100% 100%;
      object-fit: cover;
  }
  .lottery_other .lottery-card__body:after {
      content: "";
      position: absolute;
      top: 99.6%;
      left: 0;
      bottom: 0;
      right: 0;
      width: auto;
      height: 1px;
      background-image: linear-gradient(90deg, #fff, #fff 50%, transparent 0, transparent);
      background-size: 8px 1px;
      z-index: 90;
  }
  .lottery_other .lottery-card__info {
      flex-direction: row;
      gap: 12px;
      width: 100%;
      padding: 16px 20px;
      background-repeat: no-repeat;
      border-radius: 0 0 8px 8px;
  }
  .lottery_other .lottery-card__info-container {
      flex-direction: row;
      gap: 8px;
  }
  .lottery-tickets__select input {
      width: 100%;
  }
}
@media (max-width: 900px) {
  .lottery-card_other .lottery-card .lottery-card__info-container {
      flex-direction: column;
      gap: 0;
  }
  .lottery-12dd-ticket__number-options {
      padding-inline: 6px;
  }
}
@media (max-width: 870px) {
  .lottery-card__info-container {
      flex-direction: column;
      gap: 0;
  }
  .lottery-rules__card {
      max-width: 372px;
      width: 100%;
      margin: 0;
  }
  .lottery-rules__card-field,
  .lottery-rules__card-info {
      max-width: 140px;
      width: 100%;
  }
  .lottery-rules__card-field {
      padding: 8px;
  }
  .lottery-rules__card-circle {
      top: 50%;
      left: -45px;
      transform: translateY(-50%);
  }
  .lottery-rules__card-left-scale {
      top: 50%;
      left: -33px;
      transform: translateX(-50%) translateY(-100%);
      width: 6px;
      height: 50%;
  }
  .lottery-rules__card-right-scale {
      top: 100%;
      left: -33px;
      transform: translateX(-50%) translateY(-85%);
      width: 6px;
      height: calc(50% + 24px);
  }
  .lottery-rules__card-extension {
      top: 50%;
      left: -15px;
      transform: translateY(-50%) rotate(-90deg);
  }
  .lottery-ticket__numbers {
      grid-template-columns: repeat(4, 34px);
      grid-template-rows: repeat(4, 34px);
  }
  .lottery-add {
      padding: 12px 16px;
  }
  .lottery-add__info {
      gap: 12px;
  }
  .lottery-12dd-ticket__draws-col {
      flex-direction: column;
      gap: 4px;
      align-items: start;
      justify-content: start;
  }
  .lottery-12dd-ticket__draws,
  .lottery-12dd-ticket__draws-width {
      max-width: 330px;
      width: 100%;
  }
}
@media (max-width: 800px) {
  .lottery-ticket__numbers {
      grid-template-columns: repeat(4, 28px);
      grid-template-rows: repeat(4, 28px);
  }
  .lottery-ticket__body-cell,
  .lottery-ticket__header p {
      font-size: 12px;
      line-height: 16px;
  }
  .lottery-purchase__number {
      font-size: 10px;
  }
}
@media (max-width: 768px) {
  .lottery-purchase__number {
      font-size: 12px;
  }
  .lottery-card_other.lottery-cards {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lottery-12dd-ticket__draws-col,
  .lottery-12dd-ticket__info-col {
      flex-direction: column;
      align-items: start;
  }
  .lottery-12dd-ticket__draws-col {
      justify-content: start;
  }
  .lottery-12dd-ticket__draw-option .check-new__name div {
      flex-direction: column;
      align-items: start;
      gap: 4px;
  }
  .lottery-12dd-ticket__draw-option .check-new__label {
      align-items: start;
      gap: 12px;
  }
}
@media (max-width: 700px) {
  .lottery-header {
      padding: 24px 32px 234px 16px;
      background-color: #2f46b0;
  }
  .lottery-header_mechtallion {
      background-image: url(/static/img/lottery/mechtallion/lottery_bg_700.png);
      background-position: 100%;
  }
  .lottery-header_4x4 {
      background-image: url(/static/img/lottery/4x4/lottery_bg_700.png);
  }
  .lottery-header_4x4 .lottery-header__image img {
      object-position: top right;
  }
  .lottery-tickets__select {
      width: 100%;
  }
  .lottery-ticket__numbers {
      grid-template-columns: repeat(4, 40px);
      grid-template-rows: repeat(4, 40px);
  }
  .lottery-ticket__body-cell,
  .lottery-ticket__header p {
      font-size: 16px;
      line-height: 20px;
  }
  .lottery-add__warning {
      max-width: 100%;
  }
  .lottery-main {
      min-width: unset;
  }
  .lottery-cards {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lottery-card__info-container {
      flex-direction: row;
      gap: 12px;
  }
  .lottery-custom__button {
      max-width: 100%;
  }
  .lottery-custom__change {
      width: 100%;
  }
  .lottery-support-btn {
      padding-bottom: 110px;
  }
  .lottery-rules__image {
      max-width: 296px;
      margin: unset;
  }
  .lottery-tab__select {
      max-width: 100%;
  }
  .lottery-12dd-ticket__body-pb {
      padding-bottom: 64px;
  }
}
@media (max-width: 600px) {
  .grid--lottery-mid-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lottery-add__info_12dd {
      flex-direction: column;
      align-items: start;
      gap: 0;
  }
  .lottery-add__divider_12dd {
      display: none;
  }
  .lottery-add__count_12dd {
      gap: 12px;
  }
}
@media (max-width: 480px) {
  .lottery-main,
  .lottery-other {
      margin: unset;
      padding: 16px;
  }
  .lottery-add {
      padding: 12px 16px;
  }
  .lottery-popup-nloto,
  .lottery-popup-wbd {
      width: 40%;
  }
  .lottery-12dd__add-ticket {
      max-width: 100%;
  }
  .lottery-12dd-table {
      padding: 16px;
  }
  .lottery-12dd-table--mobile {
      padding: 0;
      font-size: 18px;
      line-height: 24px;
  }
}
@media (max-width: 430px) {
  .lottery-card__info {
      padding: 16px 10px;
  }
  .lottery-card__info-price {
      font-size: 20px;
      line-height: 28px;
  }
  .lottery-card__info .button-new {
      height: auto;
  }
  .lottery-card__info .button-new .button-new__content {
      width: 106px;
      padding: 8px 0;
  }
  .lottery-card__info .button-new .button-new__content span {
      font-size: 14px;
      line-height: 16px;
  }
}
@media (max-width: 390px) {
  .lottery-tickets__select {
      min-width: auto;
  }
  .lottery-ticket__header .lottery-ticket-check {
      width: 28px;
      height: 28px;
  }
  .lottery-add__info {
      gap: 8px;
  }
  .lottery-add__info_12dd {
      gap: 0;
  }
  .lottery-purchase__result {
      font-size: 12px;
  }
  .lottery-purchase__number,
  .lottery-purchase__status {
      font-size: 10px;
  }
  .lottery-purchase__draw,
  .lottery-purchase__title {
      font-size: 12px;
  }
  .lottery-purchase__image {
      width: 30px;
      height: 30px;
  }
  .lottery-support-btn {
      padding-bottom: 120px;
  }
  .lottery-custom__reset {
      right: -36px;
  }
  .lottery-12dd-ticket__number-options {
      padding-inline: 21px;
  }
  .lottery-12dd-table {
      padding: 12px;
      font-size: 16px;
      line-height: 20px;
  }
  .lottery-12dd-table--mobile,
  .lottery-12dd-table__cell p {
      font-size: 18px;
      line-height: 24px;
  }
  .lottery-12dd-table--mobile {
      padding: 0;
  }
}
@media (max-width: 370px) {
  .lottery-card__info-container {
      flex-direction: column;
      gap: 0;
  }
  .lottery-purchase__receipt {
      font-size: 10px;
  }
  .lottery-purchase__numbers {
      grid-template-columns: repeat(4, 30px);
      grid-template-rows: repeat(4, 30px);
  }
}
.fullscreen-offer-gallery {
  position: fixed;
  z-index: 999;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
}
.fullscreen-offer-gallery--show {
  visibility: visible;
  pointer-events: all;
}
.fullscreen-offer-gallery__close {
  position: absolute;
  right: 15px;
  z-index: calc(999 + 20);
}
.fullscreen-offer-gallery__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: rgba(27, 27, 27, 0.85);
}
.fullscreen-offer-gallery__gallery {
  position: relative;
  height: 100vh;
  max-width: 600px;
  z-index: calc(999 + 10);
  margin: auto;
  padding: 10vh 24px 20vh;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fullscreen-offer-gallery__slider {
  width: 90%;
  margin: auto;
}
.fullscreen-offer-gallery__media {
  flex: 1 0 auto;
}
.offer-gallery {
  margin-top: -10px;
}
.offer-gallery__item {
  min-height: 48px;
  min-width: 48px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  padding: 1px;
}
.offer-gallery__item--selected {
  background-color: #fff;
  border-color: #9237ff;
}
.offer-gallery__item .video {
  position: relative;
}
.offer-gallery__item .video video {
  object-fit: cover;
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
}
.offer-gallery__item .video__icon {
  position: absolute;
  height: 100%;
  width: 100%;
  fill: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer-gallery__item .video__icon svg {
  height: 18px;
  width: 18px;
}
.offer-gallery__item .image img,
.offer-gallery__item .video video {
  border-radius: 6px !important;
}
.offer-gallery__nav {
  height: 24px;
  width: 24px;
  color: #4e4e53;
  transition: color 0.3s ease;
}
.offer-gallery__nav--disabled {
  color: #ccc;
}
.offer-gallery__nav:hover:not(.offer-gallery__nav--disabled) {
  color: #8b8b8b;
  cursor: pointer;
}
.app-banner {
  height: 100%;
  height: 227px;
  position: relative;
  width: 100%;
}
.app-banner__block {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgba(199, 38, 255, 0.2), rgba(255, 0, 0, 0.04) 39%, rgba(255, 0, 0, 0.06));
  max-height: 172px;
  border-radius: 28px;
}
.app-banner__block__left {
  width: 20%;
}
.app-banner__block__right {
  width: 80%;
}
.app-banner__block__title {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px;
}
.app-banner__block__icon {
  width: 142px;
  height: 42px;
}
.app-banner__block__icon--small {
  width: 40px;
  height: 40px;
}
@media (max-width: 1280px) {
  .app-banner__block__title {
      font-size: 22px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
  }
}
@media (max-width: 1024px) {
  .app-banner__block__title {
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
  }
  .app-banner__block__left {
      width: 33%;
  }
  .app-banner__block__right {
      width: 67%;
  }
}
.app-banner__block__hrefs-mob {
  width: 40px;
  height: 40px;
}
.app-banner__block__subtitle {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  max-width: 200px;
  position: absolute;
  right: 10px;
  top: 5px;
}
.app-banner__img {
  margin-inline: auto;
  max-height: 227px;
  max-width: 199px;
}
.app-banner__qr {
  margin-inline: 24px;
}
@media (max-width: 700px) {
  .app-banner {
      height: 124px;
  }
  .app-banner__block {
      max-height: 112px;
  }
  .app-banner__block__title {
      font-size: 13px;
      line-height: 16px;
  }
  .app-banner__block__left {
      width: 40%;
  }
  .app-banner__block__right {
      width: 60%;
  }
  .app-banner__img {
      margin-inline: auto;
      max-height: 124px;
      max-width: 109px;
  }
}
.audio-player {
  border-radius: 8px;
  max-height: 40px;
}
.audio-player--controls {
  padding: 0 0 0 12px;
}
.track-info {
  position: absolute;
  pointer-events: none;
  padding-top: 4px;
  padding-right: 12px;
}
.progress,
.track-info {
  width: 100%;
  height: 100%;
}
.progress {
  border-radius: 8px;
  padding: 8px;
  z-index: 2;
  max-height: 40px;
}
.duration {
  margin-left: auto;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 2rem;
  width: 1rem;
}
.gifts__content {
  padding-top: 12px;
}
.gifts__table {
  overflow-y: clip;
}
.gifts__table-header {
  padding: 6px 12px;
}
.gifts__table-body {
  min-width: 952px;
}
.gifts__table-row {
  position: relative;
  padding: 12px;
}
.gifts__table-row:not(:last-child):after {
  content: "";
  background-color: #d1cfd7;
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 1px;
  width: auto;
  opacity: 60%;
}
.gifts__table-row:hover {
  background-color: #f2f2f2;
  border-radius: 12px;
}
.gifts__table-row-container {
  background-color: #fafafa;
  border-radius: 12px;
}
.gifts__row-image {
  height: 48px;
  width: 48px;
  background-color: #fff;
}
.gifts__row-image-hide {
  border-radius: 8px;
  cursor: pointer;
}
.gifts__row-status-blue {
  background-color: #d0d4ff;
  color: #5e6adc;
}
.gifts__row-status-green {
  background-color: #cff0d0;
  color: #43ae48;
}
.gifts__row-status-yellow {
  background-color: #ffe073;
  color: #a39200;
}
.gifts__row-truncate {
  border-bottom: 1px dashed #8b8b8b;
  border-radius: 0;
}
.gifts__cell-images {
  max-width: 270px;
}
.gifts__cell-images-width {
  width: auto;
}
.gifts__cell-status {
  max-width: 250px;
}
.gifts__cell-email_underline {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px solid #9237ff;
}
.gifts__cell-text {
  max-width: 498px;
}
.gifts__cell-text_word-break {
  word-break: break-all;
}
.gifts__popup-close {
  position: relative;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  left: 0;
  cursor: pointer;
}
.gifts__popup-close:after,
.gifts__popup-close:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.1s ease;
  transition-property: background-color;
  height: 2px;
  width: 100%;
  background-color: #4e4e53;
}
.gifts__popup-close:before {
  transform: rotate(45deg);
}
.gifts__popup-close:after {
  transform: rotate(-45deg);
}
.gifts__calendar-no-shadow .react-calendar {
  box-shadow: none;
}
.gifts__empty {
  background-color: #fff;
  border-radius: 20px;
  padding: 24px;
}
@media (max-width: 1024px) {
  .gifts__content {
      padding-top: 20px;
  }
}
@media (max-width: 390px) {
  .gifts__content {
      padding: 16px;
  }
}
.basket-new__title {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  line-height: 32px;
}
.basket-new__title:after {
  position: absolute;
  content: attr(data-count);
  top: 0;
  left: calc(100% + 4px);
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
.basket-new__promocode-button {
  position: absolute;
  right: -12px;
}
.basket-new__promocode-content:not(.button-new:disabled) {
  background-color: transparent;
  color: #9237ff;
}
.basket-new__promocode-content:not(.button-new:disabled):hover:not(.button-new--loading) {
  background-color: transparent;
  color: #7b33d1;
}
.basket-new__promocode-content:disabled:not(.button-new--loading) {
  background-color: transparent;
  color: #8b8b8b;
}
.basket-new--empty {
  background-color: #fff;
  border-radius: 20px;
}
.basket-new__button-main {
  max-width: 200px;
}
.basket-new-item__title {
  max-width: 60%;
}
.basket-new-success_loading {
  position: relative;
  height: 48px;
}
.basket-new__delete-btn {
  padding: 0 !important;
}
@media (max-width: 768px) {
  .basket-new__purchase-gap {
      padding-top: 0;
  }
}
.pop-frame-cookie {
  max-width: 784px;
  width: 100%;
  position: fixed;
  bottom: 24px;
  margin-inline: 12px;
  z-index: calc(var(--popZ) - 1);
  left: 50%;
  transform: translateX(-50%);
}
.pop-cookie {
  background-color: rgba(29, 29, 29, 0.95);
  padding: 16px;
}
@media (max-width: 1024px) {
  .pop-frame-cookie {
      left: 0;
      transform: unset;
      max-width: 1024px;
      width: auto;
  }
}
.stream-popup__url {
  padding: 8px 16px;
  background-color: #f2f3f7;
  border-bottom: 2px solid #9237ff;
  border-radius: 8px 8px 0 0;
}
.author__header {
  padding: 36px 16px 76px;
}
.author__header:has(.header__cover) {
  padding: 78px 16px 118px;
}
@media (max-width: 700px) {
  .author__header:has(.header__cover) {
      padding: 32px 48px 86px 16px;
  }
}
@media (max-width: 480px) {
  .author__header {
      padding: 27px 12px 54px;
  }
  .author__header:has(.header__cover) {
      padding: 20px 48px 62px 12px;
  }
}
@media (max-width: 390px) {
  .author__header {
      padding: 20px 12px 62px;
  }
}
.author-new {
  padding-top: 12px;
  padding-bottom: 28px;
}
.author-new__header {
  padding: 20px;
  border-radius: 24px;
}
.author-new__avatar {
  width: 68px;
  min-width: 68px;
  height: 68px;
  position: relative;
}
.author-new__avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 16px;
}
.author-new__avatar--corpBG {
  background-color: rgb(var(--corpNewColM));
}
.author-new__avatar--rounded {
  border-radius: 50%;
  overflow: hidden;
}
.author-new__social-btn {
  background-color: #fff !important;
}
.author-new__social-btn .button-new__content {
  padding: 0 10px;
}
.author-new__social-btn:hover {
  background-color: #fafafa !important;
}
.author-new__social-btn-subscribe .button-new__content {
  padding: 0 22px;
}
.author-new__social-btn-subscribe_active {
  background-color: #fafafa !important;
}
.author-new__info {
  width: 100%;
  overflow-x: scroll;
  scroll-behavior: auto;
  position: relative;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.author-new__info::-webkit-scrollbar {
  display: none !important;
}
.author-new__info-tile {
  padding: 14px 16px;
  border-radius: 16px;
}
.author-new__seller {
  max-width: 150px;
  width: 100%;
  cursor: pointer;
}
.author-new__actions,
.author-new__info {
  max-width: 50%;
}
.author-new__actions-icon {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
@media (max-width: 1280px) {
  .author-new__header {
      padding: 20px 0;
  }
  .author-new__actions,
  .author-new__info {
      max-width: 100%;
      padding: 0 20px;
  }
  .author-new__actions-title {
      max-width: 100%;
  }
  .author-new__info-tile {
      min-width: 204px;
  }
  .author-new__seller {
      max-width: 204px;
  }
}
@media (max-width: 480px) {
  .author-new {
      padding-bottom: 24px;
  }
}
.redoc code {
  border: none;
  padding: 0 !important;
}
.redoc td {
  background-color: transparent;
}
.redoc p {
  line-height: 21px;
  font-size: 14px;
  margin-top: 14px;
  margin-bottom: 14px;
}
.redoc h1,
.redoc h2,
.redoc h3,
.redoc h4,
.redoc h5,
.redoc h6 {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.redoc h1 span,
.redoc h2 span,
.redoc h3 span,
.redoc h4 span,
.redoc h5 span,
.redoc h6 span {
  display: inline !important;
}
.redoc h3 {
  font-size: 16px;
}
.redoc h3,
.redoc h4 {
  font-weight: 700;
  line-height: 21px;
}
.redoc h4 {
  font-size: 14px;
}
.redoc .api-content ul:not(.react-tabs__tab-list) {
  list-style-type: disc;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}
.redoc .api-content ul:not(.react-tabs__tab-list) > li {
  padding-left: 0;
  margin-bottom: 0;
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
  line-height: 21px;
}
.redoc .api-content ul:not(.react-tabs__tab-list) > li:before {
  display: none;
}
.redoc .api-content ul:not(.react-tabs__tab-list) > li::marker {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0 !important;
  text-align: start !important;
  text-align-last: start !important;
}
.redoc .api-content ul.array,
.redoc .api-content ul.obj {
  list-style-type: none;
}
.redoc .api-content ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-start: 40px;
  padding-inline-start: 40px;
  counter-reset: unset;
}
.redoc .api-content ol,
.redoc .api-content ol > li {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}
.redoc .api-content ol > li {
  display: list-item;
  text-align: -webkit-match-parent;
  counter-increment: unset;
  padding-left: 0;
  margin-bottom: 0;
  line-height: 21px;
}
.redoc .api-content ol > li:before,
.redoc ul[role="menu"] li:before {
  display: none;
}
.redoc i {
  font-style: italic;
}
.redoc .token.header {
  background-color: unset;
}
.redoc .token.header:after {
  display: none;
}
.redoc .menu-content li {
  margin-bottom: 0 !important;
}
.redoc div[data-rttabs="true"] ul {
  margin: 0;
}
.redoc div[data-rttabs="true"] ul > li:before {
  display: none;
}
.redoc .redoc-json code {
  font-family: Courier, monospace;
}
.grandmothers {
  background-color: #e5a6e7;
}
.grandmothers h1,
.grandmothers h2 {
  font-family: Unbounded, sans-serif;
  font-weight: 500;
  font-size: 72px;
  line-height: 75px;
  color: #fff;
}
.grandmothers h3 {
  font-family: Unbounded, sans-serif;
  font-weight: 500;
  font-size: 52px;
  line-height: 54px;
  background-image: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.grandmothers p {
  font-family: Hauss, sans-serif;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 0;
}
.grandmothers img {
  pointer-events: none;
}
.grandmothers__body {
  background: url(/static/img/grandmothers/bg-circles.svg) 50% no-repeat #e5a6e7;
}
.grandmothers .tile-title {
  margin-bottom: 26px;
}
.grandmothers .tile-text {
  color: #303034;
}
.grandmothers .header-block {
  position: relative;
  background: linear-gradient(260.09deg, #ff9a5d -13.67%, #e5a6e7 43.76%, #ff49d7 112.55%);
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
}
.grandmothers .header-block__image-top {
  position: absolute;
  top: -30px;
  left: 50%;
  max-width: 856px;
  width: 100%;
  transform: translateX(-50%);
  aspect-ratio: 1;
  z-index: 9;
  pointer-events: none;
}
.grandmothers .header-block__image-top img {
  height: unset;
}
.grandmothers .header-block__image-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1;
  pointer-events: none;
}
.grandmothers .header-block__image-bg img {
  height: 100%;
}
.grandmothers .header-block__content {
  position: relative;
  height: 100%;
}
.grandmothers .header-block__content-wb-logo {
  width: 154px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}
.grandmothers .header-block__content-wb-link {
  width: 154px;
}
.grandmothers .header-block__content-header {
  padding: 16px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
  position: relative;
}
.grandmothers .header-block__content-wrapper {
  position: relative;
  z-index: 9;
  padding: 153px 58px 155px;
}
.grandmothers .header-block__content-body {
  max-width: 648px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.grandmothers .header-block__content-text {
  color: #fff;
}
.grandmothers .header-block__content-anchor {
  padding: 16px 40px;
  border: 2px solid #fff;
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
}
.grandmothers .header-block__content-anchor:hover {
  background-color: #fff;
  color: #000;
}
.grandmothers .header-block__content-anchor:hover span {
  font-size: 24px;
  line-height: 32px;
  background-image: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.grandmothers .header-block__content-anchor span {
  font-size: 24px;
  line-height: 32px;
}
.grandmothers .description-block {
  padding: 67px 58px 0;
}
.grandmothers .description-block__tiles {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.grandmothers .description-block__tile {
  width: 50%;
  height: 470px;
  border-radius: 34px;
  background-color: #fff;
}
.grandmothers .description-block__tile-talk {
  padding: 49px 153px 49px 58px;
}
.grandmothers .description-block__tile-tv {
  display: flex;
  justify-content: center;
  background: linear-gradient(268.66deg, #ff8be5 0.09%, #b981ff 107.01%);
}
.grandmothers .description-block__tile-tv img {
  height: 100%;
}
.grandmothers .description-block__tile-napkin {
  display: flex;
  justify-content: center;
  background: linear-gradient(268.66deg, #ff8be5 0.09%, #b981ff 107.01%);
}
.grandmothers .description-block__tile-napkin img {
  height: 100%;
}
.grandmothers .description-block__tile-idle {
  padding: 49px 113px 49px 128px;
}
.grandmothers .description-block__text {
  padding: 79px 42px 0;
  display: flex;
  justify-content: center;
}
.grandmothers .description-block__text p {
  max-width: 776px;
  width: 100%;
  font-size: 38px;
  line-height: 40px;
  color: #fff;
  text-align: center;
}
.grandmothers .push-block {
  padding-top: 82px;
  width: 100%;
}
.grandmothers .push-block__runner {
  overflow-x: scroll;
  scroll-behavior: auto;
  position: relative;
  scrollbar-width: none;
}
.grandmothers .push-block__runner::-webkit-scrollbar {
  display: none;
}
.grandmothers .push-block img {
  width: 370px;
}
.grandmothers .video-block {
  padding: 70px 58px 0;
}
.grandmothers .video-block__content {
  width: 100%;
  height: 740px;
  object-fit: cover;
  cursor: pointer;
}
.grandmothers .about-block {
  padding: 70px 58px 0;
}
.grandmothers .about-block__content {
  display: flex;
  max-height: 620px;
}
.grandmothers .about-block__text {
  width: 42%;
  padding: 48px 45px 48px 58px;
  background-color: #fff;
  border-radius: 34px;
}
.grandmothers .about-block__image img {
  width: 100%;
  height: 100%;
  max-height: 620px;
  object-fit: cover;
  border-radius: 34px;
}
.grandmothers .about-block .slider .swiper {
  height: 100%;
}
.grandmothers .about-block .slider .swiper .swiper-pagination-bullets {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grandmothers .about-block .slider .swiper .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: #fff;
  opacity: 100%;
}
.grandmothers .about-block .slider .swiper .swiper-pagination-bullet-active {
  width: 20px;
  height: 20px;
  background-color: #94e330;
}
.grandmothers .stories-block {
  margin-top: 62px;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}
.grandmothers .stories-block__content {
  max-width: 558px;
  padding: 52px 17px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.grandmothers .stories-block__quote {
  font-size: 28px;
  line-height: 34px;
  color: #45464f;
  text-align: center;
  font-weight: 300;
  font-style: italic;
}
.grandmothers .stories-block__author {
  display: flex;
  gap: 16px;
  align-items: center;
  max-width: 257px;
  width: 100%;
}
.grandmothers .stories-block__author-text {
  font-size: 18px;
  line-height: 22px;
  color: #45464f;
  opacity: 74%;
}
.grandmothers .stories-block__author img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.grandmothers .certificates-block {
  background-color: #c560e1;
}
.grandmothers .certificates-block__text {
  box-sizing: content-box;
  max-width: 517px;
  padding: 99px 58px 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.grandmothers .certificates-block__text h2 {
  margin-bottom: 20px;
}
.grandmothers .certificates-block__text p {
  max-width: 377px;
  width: 100%;
}
.grandmothers .certificates-block .slider {
  padding-left: 52px;
}
.grandmothers .certificates-block .slider-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.grandmothers .certificates-block .slider-navs {
  display: flex;
  gap: 38px;
  padding-right: 148px;
  padding-bottom: 30px;
  align-self: end;
}
.grandmothers .certificates-block__card {
  width: 640px;
  height: 485px;
  position: relative;
}
.grandmothers .certificates-block__card-button {
  width: 100%;
  max-height: 397px;
  height: 100%;
  border-radius: 34px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}
.grandmothers .certificates-block__card img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 34px;
  width: 100%;
  max-height: 397px;
  height: 100%;
  margin-top: 20px;
  box-shadow: 0 25px 44px 0 #7f30e370;
}
.grandmothers .certificates-block__card-info {
  position: absolute;
  bottom: 84px;
  right: 16px;
  display: flex;
  justify-content: end;
  gap: 26px;
}
.grandmothers .certificates-block__card-text {
  color: #fff;
  max-width: 170px;
  width: 100%;
}
.grandmothers .certificates-block__card-price {
  padding: 10px 20px;
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  line-height: 40px;
  background: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  border-radius: 34px;
}
.grandmothers .certificates-block__button {
  padding: 26px 54px;
  background-color: #94e330;
  border: none;
  border-radius: 34px;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
.grandmothers .certificates-block__button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 83px;
}
.grandmothers .grannies-block {
  padding-bottom: 198px;
}
.grandmothers .grannies-block h3 {
  color: #fff;
}
.grandmothers .grannies-block__text {
  padding: 105px 58px 90px;
  max-width: 879px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.grandmothers .grannies-block .slider {
  padding-left: 58px;
}
.grandmothers .grannies-block .slider-navs {
  display: flex;
  gap: 38px;
  padding-right: 148px;
  padding-bottom: 90px;
  align-self: end;
}
.grandmothers .grannies-block__granny-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 380px;
  height: 540px;
}
.grandmothers .grannies-block__granny-card img {
  width: 380px;
  height: 330px;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}
.grandmothers .grannies-block__granny-text {
  padding: 19px 18px 0 32px;
  height: 100%;
  background-color: #fff;
  border-bottom-left-radius: 34px;
  border-bottom-right-radius: 34px;
}
.grandmothers .grannies-block__granny-text-title {
  font-size: 28px;
  line-height: 30px;
  font-family: Unbounded, sans-serif;
  margin-bottom: 8px;
  background-image: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.grandmothers .grannies-block__granny-text-age {
  color: #c560e1;
  margin-bottom: 14px;
}
.grandmothers .grannies-block__granny-text-desc {
  color: #717171;
  font-size: 16px;
  line-height: 19px;
}
.grandmothers .fundraising-block {
  padding: 26px 0 175px;
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
  background-color: #fff;
}
.grandmothers .fundraising-block__padding {
  padding: 0 58px;
}
.grandmothers .fundraising-block__text {
  color: #45464f;
}
.grandmothers .fundraising-block__sum {
  font-weight: 700;
  font-size: 52px;
  line-height: 54px;
  font-family: Unbounded, sans-serif;
  background-image: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.grandmothers .fundraising-block__progress {
  margin-top: 125px;
  background: linear-gradient(268.66deg, #ff49d7 0.09%, #ff9a5d 107.01%);
  border-radius: 20px;
  position: relative;
  height: 14px;
  width: 100%;
}
.grandmothers .fundraising-block__progress-done {
  position: absolute;
  width: 51px;
  height: 51px;
  background-size: 51px;
  background-image: url(/static/img/grandmothers/progress-point.png);
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  z-index: 9;
}
.grandmothers .fundraising-block__progress-step {
  position: absolute;
  width: 28px;
  height: 28px;
  background: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.grandmothers .fundraising-block__progress-step-10 {
  left: 10%;
}
.grandmothers .fundraising-block__progress-step-25 {
  left: 25%;
}
.grandmothers .fundraising-block__progress-step-40 {
  left: 40%;
}
.grandmothers .fundraising-block__progress-step-75 {
  left: 75%;
}
.grandmothers .fundraising-block__progress-milestone {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: absolute;
  top: 38px;
  left: 0;
}
.grandmothers .fundraising-block__progress-milestone-top {
  top: -80px;
}
.grandmothers .fundraising-block__progress-text {
  font-size: 14px;
  line-height: 17px;
  color: #45464f;
}
.grandmothers .fundraising-block__progress-sum {
  font-size: 28px;
  font-weight: 700;
  font-family: Unbounded, sans-serif;
  background-image: linear-gradient(268.66deg, #ff8be5 0.09%, #b981ff 107.01%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  white-space: nowrap;
}
.grandmothers-footer {
  background-color: #c560e1;
  border-top: 1px solid #c560e1;
}
.grandmothers-footer .center > div {
  padding-left: 58px;
  padding-right: 58px;
}
.grandmothers-footer .accordeon-new__caret,
.grandmothers-footer .foot__app-block__text,
.grandmothers-footer .foot__app-block__title,
.grandmothers-footer .foot__copy,
.grandmothers-footer .foot__title,
.grandmothers-footer a {
  color: #fff;
}
.grandmothers-footer .accordeon-new__head:hover .accordeon-new__caret,
.grandmothers-footer a:hover {
  color: #762a8b;
}
.grandmothers-footer .foot__app-block {
  border: unset;
  background-color: #c560e1;
  border: 1px solid #fff;
}
@media (max-width: 1420px) {
  .grandmothers .about-block h3 {
      font-size: 3.2vw;
      line-height: 3.4vw;
  }
  .grandmothers .about-block p {
      font-size: 22px;
      line-height: 24px;
  }
  .grandmothers .about-block__text {
      padding: 40px;
  }
}
@media (max-width: 1355px) {
  .grandmothers .description-block__tile-idle,
  .grandmothers .description-block__tile-talk {
      padding: 30px;
  }
}
@media (max-width: 1280px) {
  .grandmothers .header-block__image-top {
      top: -130px;
  }
  .grandmothers .header-block__image-bg {
      height: 80%;
  }
  .grandmothers .header-block__content-wrapper {
      padding-top: 120px;
  }
  .grandmothers .header-block__content-body {
      max-width: 600px;
  }
}
@media (max-width: 1024px) {
  .grandmothers h1 {
      font-size: 38px;
      line-height: 38px;
  }
  .grandmothers h3 {
      font-size: 34px;
      line-height: 36px;
  }
  .grandmothers p {
      font-size: 18px;
      line-height: 22px;
  }
  .grandmothers .header-block__image-top {
      top: -160px;
  }
  .grandmothers .header-block__content-wrapper {
      padding-top: 80px;
  }
  .grandmothers .header-block__content-body {
      max-width: 336px;
      gap: 103px;
  }
  .grandmothers .header-block__content-wb-link,
  .grandmothers .header-block__content-wb-logo {
      width: 45px;
  }
  .grandmothers .header-block__content-anchor,
  .grandmothers .header-block__content-anchor:hover {
      padding: 14px 24px;
      background-color: hsla(0, 0%, 98%, 0.8);
      border: none;
  }
  .grandmothers .header-block__content-anchor span,
  .grandmothers .header-block__content-anchor:hover span {
      font-size: 18px;
      line-height: 23px;
      background-image: linear-gradient(268.66deg, #ff9a5d 0.09%, #ff49d7 107.01%);
      color: transparent;
      -webkit-background-clip: text;
      background-clip: text;
  }
  .grandmothers .video-block__content {
      height: 600px;
  }
  .grandmothers .description-block__tile {
      width: 100%;
      height: 360px;
  }
  .grandmothers .description-block .swiper-pagination-bullets {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .grandmothers .description-block .swiper-pagination-bullet {
      width: 14px;
      height: 14px;
      background-color: #fff;
      opacity: 100%;
  }
  .grandmothers .description-block .swiper-pagination-bullet-active {
      width: 20px;
      height: 20px;
      background-color: #94e330;
  }
  .grandmothers .about-block h3 {
      font-size: 34px;
      line-height: 36px;
  }
  .grandmothers .about-block p {
      font-size: 18px;
      line-height: 22px;
  }
  .grandmothers .about-block__content {
      flex-direction: column;
      max-height: none;
  }
  .grandmothers .about-block__text {
      width: 100%;
      padding: 23px;
  }
  .grandmothers .about-block h3.tile-title {
      margin-bottom: 16px;
  }
  .grandmothers .about-block .slider {
      height: 50% vw;
  }
  .grandmothers .stories-block {
      border-top-left-radius: unset;
      border-top-right-radius: unset;
  }
  .grandmothers .stories-block__content {
      padding: 43px 17px;
  }
  .grandmothers .certificates-block .swiper-initialized {
      padding-left: 58px;
  }
  .grandmothers .certificates-block__card {
      width: 320px;
      height: 288px;
  }
  .grandmothers .certificates-block__card-button,
  .grandmothers .certificates-block__card-button img {
      max-height: 200px;
      height: 100%;
  }
  .grandmothers .certificates-block__card-info {
      gap: 13px;
      bottom: 80px;
      right: 12px;
      align-items: end;
  }
  .grandmothers .certificates-block__card-text {
      max-width: 100px;
      font-size: 12px;
      line-height: 14px;
  }
  .grandmothers .certificates-block__card-price {
      font-size: 16px;
      line-height: 19px;
      padding: 5px 10px;
  }
  .grandmothers .certificates-block__text {
      padding: 43px 58px 20px;
  }
  .grandmothers .certificates-block .slider {
      padding-left: 0;
  }
  .grandmothers .certificates-block .slider-wrapper {
      gap: 0;
  }
  .grandmothers .grannies-block {
      padding-bottom: 63px;
  }
  .grandmothers .grannies-block__text {
      padding: 28px 58px;
  }
  .grandmothers .grannies-block .slider {
      padding-left: 58px;
  }
  .grandmothers .grannies-block__granny-card {
      height: 370px;
      width: 244px;
  }
  .grandmothers .grannies-block__granny-card img {
      width: 244px;
      height: 212px;
  }
  .grandmothers .grannies-block__granny-text {
      padding: 12px 12px 0 20px;
  }
  .grandmothers .grannies-block__granny-text-title {
      font-size: 18px;
      line-height: 20px;
  }
  .grandmothers .grannies-block__granny-text-age {
      font-size: 16px;
      line-height: 19px;
  }
  .grandmothers .grannies-block__granny-text-desc {
      font-size: 10px;
      line-height: 12px;
  }
  .grandmothers .fundraising-block {
      padding: 27px 39px 35px;
      border-top-left-radius: unset;
      border-top-right-radius: unset;
  }
  .grandmothers .fundraising-block__text {
      font-size: 18px;
      line-height: 22px;
  }
  .grandmothers .fundraising-block__sum {
      font-size: 34px;
      font-size: 36px;
  }
  .grandmothers .fundraising-block__progress {
      margin: 45px auto 0;
      width: 14px;
      height: 564px;
      background: linear-gradient(190.27deg, #ff9a5d 31.92%, #ff49d7 88.16%);
  }
  .grandmothers .fundraising-block__progress-done,
  .grandmothers .fundraising-block__progress-step {
      left: 50%;
  }
  .grandmothers .fundraising-block__progress-step-10 {
      top: 10%;
  }
  .grandmothers .fundraising-block__progress-step-25 {
      top: 25%;
  }
  .grandmothers .fundraising-block__progress-step-40 {
      top: 40%;
  }
  .grandmothers .fundraising-block__progress-step-75 {
      top: 75%;
  }
  .grandmothers .fundraising-block__progress-milestone {
      left: 42px;
      top: -100%;
  }
  .grandmothers .fundraising-block__progress-milestone-top {
      top: -100%;
      left: -158px;
  }
  .grandmothers .fundraising-block__progress-text {
      font-size: 14px;
      line-height: 16px;
      max-width: 160px;
      width: 100%;
  }
  .grandmothers .fundraising-block__progress-sum {
      font-size: 22px;
      line-height: 24px;
  }
}
@media (max-width: 870px) {
  .grandmothers .video-block__content {
      width: 100%;
      height: 400px;
  }
}
@media (max-width: 800px) {
  .grandmothers .header-block__image-bg {
      height: 70%;
  }
}
@media (max-width: 700px) {
  .grandmothers .header-block {
      border-bottom-left-radius: unset;
      border-bottom-right-radius: unset;
  }
  .grandmothers .header-block__image-top {
      top: -70px;
  }
  .grandmothers .header-block__image-bg {
      height: 90%;
      display: flex;
      justify-content: end;
  }
  .grandmothers .header-block__content-wrapper {
      padding: 53px 18px 195px;
  }
  .grandmothers .header-block__content-body {
      gap: 24px;
  }
  .grandmothers .header-block__content-header {
      padding: 16px;
  }
  .grandmothers .description-block {
      padding: 28px 19px 0;
  }
  .grandmothers .description-block__text p {
      font-size: 24px;
      line-height: 26px;
  }
  .grandmothers .stories-block__quote {
      font-size: 18px;
      line-height: 22px;
  }
  .grandmothers .stories-block__author-text {
      font-size: 14px;
      line-height: 18px;
  }
  .grandmothers .about-block {
      padding: 42px 19px 0;
  }
  .grandmothers .push-block {
      padding-top: 42px;
  }
  .grandmothers .video-block {
      padding-top: 30px;
      padding-left: 19px;
      padding-right: 19px;
  }
  .grandmothers .video-block__content {
      height: 300px;
  }
  .grandmothers .certificates-block .swiper-initialized {
      padding-left: 19px;
  }
  .grandmothers .certificates-block h2 {
      font-size: 34px;
      line-height: 36px;
      margin-bottom: 12px;
  }
  .grandmothers .certificates-block__text {
      padding-left: 19px;
      padding-right: 19px;
  }
  .grandmothers .certificates-block__button-wrapper {
      padding-bottom: 70px;
  }
  .grandmothers .grannies-block__text {
      padding-left: 19px;
      padding-right: 19px;
  }
  .grandmothers .grannies-block .slider {
      padding-left: 19px;
  }
  .grandmothers .fundraising-block__padding {
      padding: 0 19px;
  }
  .grandmothers-footer {
      padding-left: 0;
      padding-right: 0;
  }
  .grandmothers-footer .center > div {
      padding-left: 19px;
      padding-right: 19px;
  }
}
@media (max-width: 600px) {
  .grandmothers .header-block__image-bg {
      height: 70%;
      display: flex;
      justify-content: end;
  }
  .grandmothers .header-block__content-wrapper {
      padding: 53px 18px 16px;
  }
  .grandmothers .header-block__content-body {
      gap: 203px;
  }
  .grandmothers .header-block__content-header {
      padding: 16px;
  }
}
@media (max-width: 480px) {
  .grandmothers .description-block__text p {
      font-size: 18px;
      line-height: 19px;
  }
  .grandmothers .description-block__tile img {
      height: 70%;
  }
  .grandmothers .description-block__tile-mobile {
      display: flex;
      flex-direction: column;
      overflow: hidden;
  }
  .grandmothers .description-block__tile-napkin,
  .grandmothers .description-block__tile-tv {
      display: flex;
      align-items: center;
  }
  .grandmothers .about-block h3 {
      font-size: 24px;
      line-height: 28px;
  }
  .grandmothers .video-block__content {
      height: 250px;
  }
  .grandmothers .certificates-block__button {
      padding: 20px 46px;
  }
}
@media (max-width: 390px) {
  .grandmothers h1 {
      font-size: 30px;
      line-height: 30px;
  }
  .grandmothers h3 {
      font-size: 28px;
      line-height: 30px;
  }
  .grandmothers .fundraising-block__progress-milestone-top {
      left: -140px;
  }
  .grandmothers .fundraising-block__progress-text {
      max-width: 130px;
      font-size: 12px;
      line-height: 14px;
  }
  .grandmothers .fundraising-block__progress-sum {
      font-size: 20px;
      line-height: 22px;
  }
}
.iframe {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.iframe--hide {
  display: none;
}
.iframe::-webkit-scrollbar {
  width: 0;
}
.iframe::-webkit-scrollbar-track {
  display: none;
}
.iframe-login-modal {
  height: 100%;
  width: 100%;
}
.iframe-login-modal--show {
  visibility: visible;
  pointer-events: all;
}
.iframe-login-modal__close {
  position: absolute;
  right: 16px;
  top: 6px;
  z-index: calc(999 + 40);
}
.iframe-login-modal__wrapper {
  position: relative;
  margin: auto;
  z-index: calc(999 + 20);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.iframe-login-modal__wrapper__content {
  z-index: calc(999 + 30);
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.chat--author {
  min-width: 700px;
}
#pop-chat {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transition: 0.4s ease;
  transition-property: opacity, visibility, padding-top;
  position: fixed;
  z-index: var(--popZ);
  background-color: rgb(var(--black) / 35%);
  opacity: 0;
  visibility: hidden;
  padding-top: 100vh;
  -webkit-backdrop-filter: grayscale(0.9) hue-rotate(260deg);
  backdrop-filter: grayscale(0.9) hue-rotate(260deg);
}
#pop-chat.shown {
  opacity: 1;
  visibility: visible;
  padding-top: 0;
}
#pop-chat-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#pop-frame-chat {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  position: relative;
  z-index: 1;
}
.pop-chat {
  background-color: rgb(var(--mainBase));
  box-shadow: var(--popBS);
}
.chat-container {
  min-width: 100%;
  height: 700px;
  display: flex;
  position: relative;
}
.chats-container {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f1f1f5;
  width: 300px;
}
.chats-container__header {
  display: block;
}
.chats-container__header__search {
  padding: var(--supportFS);
  width: 100%;
}
.chats-container__mini-chats {
  gap: calc(var(--baseValue) * 3);
}
.chats-container__mini-chats,
.messages-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.messages-container {
  width: 100%;
}
.messages-container__see-more-btn {
  max-width: 350px;
  margin-top: 24px;
}
.messages-container__header {
  width: 100%;
  border-bottom: 1px solid #f1f1f5;
  display: flex;
  justify-content: space-between;
  padding: var(--supportFS);
  align-items: center;
  min-height: 73px;
}
.messages {
  width: 100%;
  max-height: 600px;
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  gap: calc(var(--baseValue) * 3);
}
.messages__input {
  width: 100%;
  bottom: 0;
}
.chat-mini__head__text__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 170px;
}
.chat-mini__head__text__time {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: right;
}
.chat-mini {
  display: flex;
  width: 300px;
  padding: var(--supportFS);
}
.chat-mini:hover {
  background: #f6f6f9;
}
.chat-mini__text {
  margin-left: var(--supportFS);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.chat-mini__head__text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  text-align: initial;
  unicode-bidi: plaintext;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-mini__head__text__lastMsg {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: left;
}
.image--small {
  width: 16px;
  height: 16px;
  object-fit: cover;
  border-radius: 0.125rem;
  vertical-align: -0.25rem;
  -webkit-margin-end: 0.25rem;
  margin-inline-end: 0.25rem;
  -webkit-margin-start: 0.125rem;
  margin-inline-start: 0.125rem;
}
.overflowWrap {
  word-break: break-word;
  white-space: pre-wrap;
}
.messages__date {
  margin: var(--btnR);
  padding: var(--btnR);
  border-radius: calc(var(--tagH) / 2);
  margin-right: auto;
  margin-left: auto;
}
.message_container {
  height: 100%;
  width: 100%;
  max-width: 450px;
  padding: var(--supportFS);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--baseValue) * 2);
}
.message_text {
  word-break: break-all;
}
.message_container_text {
  padding: var(--supportFS);
}
.message_container__inner,
.message_container_text {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: calc(var(--baseValue) * 8);
}
.message_container__href {
  text-decoration: none;
  color: #868695;
}
.message_container__file-block:hover {
  cursor: pointer;
}
.message_container__file-block__description {
  width: 100px;
  height: 64px;
}
.chat-file-description__title {
  font-size: 16px;
  word-break: break-all;
}
.chat-file-description__format,
.chat-file-description__title {
  font-style: normal;
  font-weight: 400;
  line-height: 13px;
  color: #868695;
}
.chat-file-description__format {
  font-size: 14px;
}
.border-rad-4 {
  border-radius: 4px;
}
.margin--auto--l {
  max-width: 70%;
  margin-left: auto;
  margin-right: 12px;
}
.margin--auto--r {
  max-width: 70%;
  margin-right: auto;
  margin-left: 12px;
}
.message_container--border-rad-author {
  border-radius: 10px 10px 10px 0;
}
.border--rad--author--border-rad-buyer {
  border-radius: 10px 10px 0 10px;
}
.interaction--interaction-chat-custom {
  --interactionBG-now: var(--white);
  --interactionBGO-now: 100%;
  --interactionBordW-now: 0px;
}
.interaction__body__input--line {
  border-top: 1px solid #f1f1f5;
}
.custom-no-resize {
  resize: none !important;
}
.close--custom-close-chat {
  width: 25px;
  height: 25px;
}
.button--custom-back-button-chat {
  display: none;
}
.close--custom-close-button-chat {
  display: none;
  margin: 12px 12px 12px 0;
}
.loader--custom-chat {
  width: var(--commonLoaderD);
  height: var(--commonLoaderD);
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 35;
}
.loader--custom-chat:before {
  content: "";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  border-color: currentcolor;
  border-top: 6px solid rgb(var(--corpColS));
  border-right: 6px solid rgb(var(--corpColM));
  border-bottom: 6px solid rgb(var(--corpColE));
  border-left: 6px solid rgb(var(--mainCase));
  animation: rotate 0.3s linear infinite;
}
.min-height {
  height: 56px;
}
.close-consultant {
  margin: auto;
  padding: 0 40px;
}
.close-consultant__icon {
  --iconSize: 120px;
  width: var(--iconSize);
  height: var(--iconSize);
}
.close-consultant__text {
  text-align: center;
}
@media (max-width: 768px) {
  .chats-container {
      width: 100%;
      height: 100%;
      display: block;
      max-width: none;
      max-height: none;
  }
  .chat-container {
      height: 100%;
  }
  .chats-container__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #f1f1f5;
  }
  .messages-container {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
  }
  .messages {
      height: 100%;
      max-height: unset;
  }
  .button--custom-back-button-chat,
  .close--custom-close-button-chat {
      display: block !important;
  }
  #pop-frame-chat,
  .pop-chat {
      width: 100%;
      height: 100%;
  }
  #pop-frame-chat {
      position: absolute;
      top: 0;
      left: 0;
  }
  #pop-chat-container {
      padding: 0;
      width: 100%;
      height: 100%;
  }
  .chat-mini__text {
      max-width: unset;
  }
  .chat-mini {
      width: 100%;
  }
  .chat-mini__head__text__title {
      max-width: 600px;
  }
}


.cards-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
}

.burger-btn {
  display: none;
}

@media (max-width: 768px) {
  .cards-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .offer-page-layout {
    grid-template-areas:
      "right"
      "left"
      "center";
  }

  .offer-page-layout__right {
    order: 1;
  }

  .offer-page-layout__left {
    display: flex;
    order: 2;
  }

  .offer-page-layout__center {
    order: 3;
  }

  .header_nav {
    display: none;
  }

  .header-block {
    justify-content: space-between;
  }

  .burger-btn {
    display: block;
  }

  .content-block-new--np { 
    padding: 24px;
  }
}

.pop-frame-cookie {
  display: none;
}

.pop-frame-cookie.shown {
  display: block;
}