/* [project]/client/src/app/[locale]/unbounded_2ba77bdd.module.css [app-client] (css) */
@font-face {
  font-family: unbounded;
  src: url("../media/Unbounded-s.p.38a31083.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 900;
  font-style: normal;
}

@font-face {
  font-family: unbounded Fallback;
  src: local(Arial);
  ascent-override: 73.13%;
  descent-override: 18.01%;
  line-gap-override: 0.0%;
  size-adjust: 136.07%;
}

.unbounded_2ba77bdd-module__OPhqwq__className {
  font-family: unbounded, unbounded Fallback;
}

.unbounded_2ba77bdd-module__OPhqwq__variable {
  --font-unbounded: "unbounded", "unbounded Fallback";
}

/* [project]/client/src/components/footer/footer.module.css [app-client] (css) */
.footer-module__uBy6Uq__footer {
  justify-content: center;
  width: 100%;
  padding-top: 96px;
  padding-bottom: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-module__uBy6Uq__footerImageContainer {
  z-index: -1;
  width: 1920px;
  height: 809px;
  position: absolute;
  bottom: 0;
  overflow: visible;
  mask-image: linear-gradient(90deg, #0000 0%, #000 5% 95%, #0000 100%);
}

.footer-module__uBy6Uq__footerContainer {
  flex-direction: column;
  width: 1400px;
  display: flex;
}

.footer-module__uBy6Uq__footerImage {
  object-fit: contain;
}

.footer-module__uBy6Uq__icon {
  background-color: var(--main-color);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
  position: relative;
}

.footer-module__uBy6Uq__topSide {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.footer-module__uBy6Uq__columnContainer {
  text-transform: uppercase;
  flex-direction: column;
  gap: 24px;
  display: flex;
}

.footer-module__uBy6Uq__subTopicContainer {
  text-transform: none;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.footer-module__uBy6Uq__subTopic {
  align-items: center;
  height: 15px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.footer-module__uBy6Uq__subTopic span:hover {
  transition: all .4s;
  color: var(--primary-text-color) !important;
}

.footer-module__uBy6Uq__socialNetworkIconsContainer {
  flex-wrap: wrap;
  gap: 8px;
  width: 142px;
  display: flex;
}

.footer-module__uBy6Uq__socialNetwork {
  background-color: var(--article-bg-color);
  cursor: pointer;
  color: #7d8999;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  transition: all .4s;
  display: flex;
}

.footer-module__uBy6Uq__socialNetworkGiveaway {
  background-color: var(--bg-color);
  cursor: pointer;
  width: 48px;
  height: 48px;
  color: var(--icon-giveaway-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.footer-module__uBy6Uq__socialNetworkDeal {
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: var(--primary-text-color);
  background-color: #4c555f50;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.footer-module__uBy6Uq__socialNetworkDeal svg {
  transform: scale(.9);
}

.footer-module__uBy6Uq__socialNetwork:hover, .footer-module__uBy6Uq__socialNetworkGiveaway:hover, .footer-module__uBy6Uq__socialNetworkDeal:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

.footer-module__uBy6Uq__vk, .footer-module__uBy6Uq__youtube, .footer-module__uBy6Uq__telegram, .footer-module__uBy6Uq__tiktok, .footer-module__uBy6Uq__instagram, .footer-module__uBy6Uq__threads, .footer-module__uBy6Uq__xTwitter, .footer-module__uBy6Uq__facebook {
  transition: all .4s;
}

.footer-module__uBy6Uq__telegram svg {
  margin-left: -3px;
}

.footer-module__uBy6Uq__vk svg, .footer-module__uBy6Uq__youtube svg, .footer-module__uBy6Uq__telegram svg, .footer-module__uBy6Uq__tiktok svg, .footer-module__uBy6Uq__instagram svg, .footer-module__uBy6Uq__threads svg, .footer-module__uBy6Uq__xTwitter svg, .footer-module__uBy6Uq__facebook svg {
  z-index: 10;
}

.footer-module__uBy6Uq__vk:hover {
  background-color: #07f;
  transition: all .4s;
}

.footer-module__uBy6Uq__youtube:hover {
  background-color: red;
  transition: all .4s;
}

.footer-module__uBy6Uq__telegram:hover {
  background-color: #26a5e4;
  transition: all .4s;
}

.footer-module__uBy6Uq__xTwitter:hover {
  background-color: #38c6d9;
  transition: all .4s;
}

.footer-module__uBy6Uq__facebook:hover {
  background-color: #4460a0;
  transition: all .4s;
}

.footer-module__uBy6Uq__tiktok, .footer-module__uBy6Uq__instagram, .footer-module__uBy6Uq__threads {
  position: relative;
  overflow: hidden;
}

.footer-module__uBy6Uq__tiktok:before, .footer-module__uBy6Uq__instagram:before, .footer-module__uBy6Uq__threads:before {
  content: "";
  opacity: 0;
  z-index: 0;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.footer-module__uBy6Uq__tiktok:before {
  background: linear-gradient(135deg, #1fe6f0 0%, #f72152 80%);
}

.footer-module__uBy6Uq__instagram:before, .footer-module__uBy6Uq__threads:before {
  background: radial-gradient(circle at 30% 107%, #fdf497 0% 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.footer-module__uBy6Uq__tiktok:hover:before, .footer-module__uBy6Uq__instagram:hover:before, .footer-module__uBy6Uq__threads:hover:before {
  opacity: 1;
  transition: all .4s;
}

.footer-module__uBy6Uq__paymentContainer {
  align-items: center;
  gap: 20px;
  height: 35px;
  display: flex;
}

.footer-module__uBy6Uq__bottomSide {
  background-color: var(--footer-background);
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 104px;
  margin-top: 36px;
  padding: 24px;
  display: flex;
}

.footer-module__uBy6Uq__footerColumnContainer {
  width: 100%;
}

.footer-module__uBy6Uq__footerColumn {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.footer-module__uBy6Uq__helpSection {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.footer-module__uBy6Uq__helpText {
  align-items: center;
  height: 18px;
  text-decoration: none;
  display: flex;
}

.footer-module__uBy6Uq__container {
  align-items: center;
  gap: 8px;
  display: flex;
}

.footer-module__uBy6Uq__helpText span {
  transition: color .3s;
}

.footer-module__uBy6Uq__helpText:hover span {
  color: var(--primary-text-color);
}

.footer-module__uBy6Uq__bullet {
  background-color: var(--secondary-text-color);
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.footer-module__uBy6Uq__bulletNone {
  display: block;
}

.footer-module__uBy6Uq__footerMobile {
  display: none;
}

@media not (min-width: 1460px) {
  .footer-module__uBy6Uq__footerContainer {
    width: calc(100vw - 64px);
  }
}

@media not (min-width: 1200px) {
  .footer-module__uBy6Uq__visa {
    width: 56px;
    height: 18px;
  }

  .footer-module__uBy6Uq__mastercard {
    width: 49px;
    height: 30px;
  }

  .footer-module__uBy6Uq__mir {
    width: 53px;
    height: 14px;
  }

  .footer-module__uBy6Uq__sepa {
    width: 76px;
    height: 24px;
  }

  .footer-module__uBy6Uq__otherPaymentIcon {
    width: 35px;
    height: 35px;
  }

  .footer-module__uBy6Uq__paymentContainer {
    flex-wrap: nowrap;
    gap: 12px;
    height: 30px;
  }
}

@media not (min-width: 1130px) {
  .footer-module__uBy6Uq__helpSection {
    justify-content: center;
    max-width: 280px;
  }

  .footer-module__uBy6Uq__bulletNone {
    display: none;
  }
}

@media not (min-width: 960px) {
  .footer-module__uBy6Uq__footer {
    padding-top: 84px;
  }

  .footer-module__uBy6Uq__helpSection {
    width: 100%;
    max-width: 100%;
  }

  .footer-module__uBy6Uq__footerContainer, .footer-module__uBy6Uq__footerImageContainer {
    display: none;
  }

  .footer-module__uBy6Uq__footerMobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 44px;
    width: 100%;
    max-width: 700px;
    padding: 0 31px;
    display: flex;
  }

  .footer-module__uBy6Uq__footerMobileIcon {
    background-color: var(--main-color);
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
    position: relative;
  }

  .footer-module__uBy6Uq__footerColumn {
    gap: 32px;
    max-width: 100%;
  }

  .footer-module__uBy6Uq__footerMobileSectionContainer {
    width: 100%;
  }

  .footer-module__uBy6Uq__socialNetworkIconsContainer {
    gap: 12px;
    width: 100%;
    display: flex;
  }

  .footer-module__uBy6Uq__bulletNone {
    display: block;
  }

  .footer-module__uBy6Uq__subTopicContainer {
    text-transform: none;
    flex-direction: column;
    gap: 24px;
    display: flex;
  }

  .footer-module__uBy6Uq__socialNetwork {
    width: 46px;
    height: 46px;
  }

  .footer-module__uBy6Uq__footerColumn {
    align-self: flex-start;
    align-items: flex-start;
    max-width: 400px;
  }

  .footer-module__uBy6Uq__helpSection {
    justify-content: flex-start;
  }
}

@media not (min-width: 941px) {
  .footer-module__uBy6Uq__socialNetworkDeal {
    width: 36px;
    height: 36px;
  }

  .footer-module__uBy6Uq__socialNetworkDeal svg {
    transform: scale(.8);
  }
}

@media not (min-width: 525px) {
  .footer-module__uBy6Uq__helpTextPolitic {
    margin-top: 8px;
  }

  .footer-module__uBy6Uq__bulletNone {
    display: none;
  }

  .footer-module__uBy6Uq__helpSection {
    max-width: 280px;
  }
}

/* [project]/client/src/components/FaqComponent/SectionComponents/GuaranteesComponent/GuaranteesComponent.module.css [app-client] (css) */
.GuaranteesComponent-module__kkvj3a__container {
  flex: 1;
}

.GuaranteesComponent-module__kkvj3a__title {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}

.GuaranteesComponent-module__kkvj3a__guaranteesBlock {
  backdrop-filter: blur(100px);
  background-color: var(--background-recommended-color);
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 24px;
}

.GuaranteesComponent-module__kkvj3a__guaranteesBlock:last-child {
  margin-bottom: 0;
}

.GuaranteesComponent-module__kkvj3a__blockTitle {
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  display: flex;
}

.GuaranteesComponent-module__kkvj3a__titleIcon {
  color: var(--main-color);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.GuaranteesComponent-module__kkvj3a__blockTitleText {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.GuaranteesComponent-module__kkvj3a__description, .GuaranteesComponent-module__kkvj3a__cryptoAndBanksText {
  letter-spacing: .02em;
  color: var(--primary-text-color-80);
  margin: 0;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.GuaranteesComponent-module__kkvj3a__copyLink {
  color: var(--main-color);
  font-weight: 500;
}

.GuaranteesComponent-module__kkvj3a__cryptoAndBanksText {
  margin: 0;
}

.GuaranteesComponent-module__kkvj3a__cryptoAndBanksText:nth-child(3) {
  margin-top: 26px;
}

.GuaranteesComponent-module__kkvj3a__cryptoAndBanksText span {
  color: var(--primary-text-color);
  font-weight: 500;
}

@media not (min-width: 778px) {
  .GuaranteesComponent-module__kkvj3a__title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .GuaranteesComponent-module__kkvj3a__guaranteesBlock {
    margin-bottom: 12px;
    padding: 20px;
  }

  .GuaranteesComponent-module__kkvj3a__titleIcon {
    width: 22px;
    height: 22px;
  }

  .GuaranteesComponent-module__kkvj3a__blockTitleText {
    font-size: 16px;
  }

  .GuaranteesComponent-module__kkvj3a__description, .GuaranteesComponent-module__kkvj3a__cryptoAndBanksText {
    font-size: 14px;
  }

  .GuaranteesComponent-module__kkvj3a__cryptoAndBanksText:nth-child(3) {
    margin-top: 22px;
  }
}

/* [project]/client/src/components/FaqComponent/SectionComponents/PrivacyComponent/PrivacyComponent.module.css [app-client] (css) */
.PrivacyComponent-module__ahUfpq__container {
  flex: 1;
}

.PrivacyComponent-module__ahUfpq__privacyTitle {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}

.PrivacyComponent-module__ahUfpq__privacyContent {
  background-color: var(--background-recommended-color);
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.PrivacyComponent-module__ahUfpq__text:first-child {
  margin-top: 0;
}

.PrivacyComponent-module__ahUfpq__text, .PrivacyComponent-module__ahUfpq__listItem {
  letter-spacing: .02em;
  color: var(--primary-text-color-80);
  margin-block: 16px;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.PrivacyComponent-module__ahUfpq__whiteBold {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.PrivacyComponent-module__ahUfpq__link {
  color: var(--main-color);
}

.PrivacyComponent-module__ahUfpq__contentTitle {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  margin: 0;
  font-family: Inter Tight;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
}

.PrivacyComponent-module__ahUfpq__contentTitle + .PrivacyComponent-module__ahUfpq__text {
  margin-top: 10px;
}

.PrivacyComponent-module__ahUfpq__contentTitle + .PrivacyComponent-module__ahUfpq__contentSubTitle {
  margin-top: 16px;
}

.PrivacyComponent-module__ahUfpq__contentSubTitle {
  color: var(--primary-text-color);
  margin: 0;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.PrivacyComponent-module__ahUfpq__listItem {
  margin: 0;
}

.PrivacyComponent-module__ahUfpq__yellowBold {
  letter-spacing: .02em;
  color: var(--main-color);
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.PrivacyComponent-module__ahUfpq__bottomText {
  letter-spacing: .02em;
  color: var(--scrollbar-color);
  font-family: Inter Tight;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}

@media not (min-width: 780px) {
  .PrivacyComponent-module__ahUfpq__privacyTitle {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .PrivacyComponent-module__ahUfpq__contentTitle {
    font-size: 16px;
  }

  .PrivacyComponent-module__ahUfpq__contentSubTitle, .PrivacyComponent-module__ahUfpq__text, .PrivacyComponent-module__ahUfpq__listItem, .PrivacyComponent-module__ahUfpq__yellowBold, .PrivacyComponent-module__ahUfpq__whiteBold {
    font-size: 14px;
  }

  .PrivacyComponent-module__ahUfpq__text {
    margin-block: 14px;
  }
}

/* [project]/client/src/components/FaqComponent/SectionComponents/TermsComponent/TermsComponent.module.css [app-client] (css) */
.TermsComponent-module__54GlRG__container {
  flex: 1;
}

.TermsComponent-module__54GlRG__termsTitle {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
}

.TermsComponent-module__54GlRG__beCarefulBlock {
  background-color: var(--main-color-alpha-10);
  border: 1px solid var(--main-color);
  backdrop-filter: blur(100px);
  border-radius: 12px;
  width: 100%;
  margin-bottom: 24px;
  padding: 20px;
}

.TermsComponent-module__54GlRG__beCarefulBlock .TermsComponent-module__54GlRG__text {
  margin: 0;
}

.TermsComponent-module__54GlRG__termsContent {
  background-color: var(--background-recommended-color);
  border-radius: 12px;
  flex-direction: column;
  padding: 20px;
  display: flex;
}

.TermsComponent-module__54GlRG__decoration {
  text-decoration: underline;
}

.TermsComponent-module__54GlRG__text:first-child {
  margin-top: 0;
}

.TermsComponent-module__54GlRG__text, .TermsComponent-module__54GlRG__listItem, .TermsComponent-module__54GlRG__textWithIndent {
  letter-spacing: .02em;
  color: var(--primary-text-color-80);
  margin-block: 16px;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.TermsComponent-module__54GlRG__textWithIndent {
  text-indent: 40px;
  margin: 0;
  margin-top: 16px;
}

ul + .TermsComponent-module__54GlRG__textWithIndent {
  margin-top: 0;
}

.TermsComponent-module__54GlRG__whiteBold {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
}

.TermsComponent-module__54GlRG__link {
  color: var(--main-color);
  word-break: break-all;
}

.TermsComponent-module__54GlRG__linkEmail {
  color: var(--main-color);
}

.TermsComponent-module__54GlRG__contentTitle {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  margin: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
}

.TermsComponent-module__54GlRG__contentTitle + .TermsComponent-module__54GlRG__text {
  margin-top: 10px;
}

.TermsComponent-module__54GlRG__listItem {
  margin: 0;
}

.TermsComponent-module__54GlRG__bottomText {
  letter-spacing: .02em;
  color: var(--scrollbar-color);
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
}

@media not (min-width: 780px) {
  .TermsComponent-module__54GlRG__termsTitle {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .TermsComponent-module__54GlRG__contentTitle {
    font-size: 16px;
  }

  .TermsComponent-module__54GlRG__text, .TermsComponent-module__54GlRG__listItem, .TermsComponent-module__54GlRG__textWithIndent, .TermsComponent-module__54GlRG__whiteBold {
    font-size: 14px;
  }

  .TermsComponent-module__54GlRG__text {
    margin-block: 14px;
  }
}

/* [project]/client/src/components/Typography/Typography.module.css [app-client] (css) */
.Typography-module__1AvdJW__secondary-1 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-2 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-3 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-4 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-5 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-6 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-7 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-8 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-9 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.Typography-module__1AvdJW__secondary-10 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.Typography-module__1AvdJW__secondary-12 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
}

.Typography-module__1AvdJW__secondary-13 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 30px;
}

.Typography-module__1AvdJW__secondary-14 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-15 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 8px;
  font-weight: 500;
  line-height: 9px;
}

.Typography-module__1AvdJW__secondary-16 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
}

.Typography-module__1AvdJW__secondary-17 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-19 {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
}

.Typography-module__1AvdJW__unbounded-1 {
  font-family: var(--font-unbounded), sans-serif;
  letter-spacing: .02em;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.Typography-module__1AvdJW__unbounded-2 {
  font-family: var(--font-unbounded), sans-serif;
  letter-spacing: .02em;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-3 {
  font-family: var(--font-unbounded), sans-serif;
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 600;
  line-height: 160%;
}

.Typography-module__1AvdJW__unbounded-4 {
  font-family: var(--font-unbounded), sans-serif;
  color: #121314bf;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
}

.Typography-module__1AvdJW__unbounded-5 {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 160%;
}

.Typography-module__1AvdJW__unbounded-6 {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-7 {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
}

.Typography-module__1AvdJW__unbounded-8 {
  font-family: var(--font-unbounded), sans-serif;
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
}

.Typography-module__1AvdJW__unbounded-9 {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-grey-1 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.Typography-module__1AvdJW__secondary-grey-2 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-3 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-4 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-grey-5 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-7 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-8 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-11 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-12 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-13 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-14 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-15 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-grey-16 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-17 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-grey-18 {
  color: var(--icon-svg-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-19 {
  color: var(--icon-svg-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-24 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.Typography-module__1AvdJW__secondary-grey-25 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-grey-26 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-new-1 {
  color: var(--font-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.Typography-module__1AvdJW__secondary-grey-new-2 {
  color: var(--font-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.Typography-module__1AvdJW__secondary-grey-new-3 {
  color: var(--new-grey-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.Typography-module__1AvdJW__secondary-grey-new-4 {
  color: var(--new-grey-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-new-6 {
  color: var(--number-of-views-text);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-new-7 {
  color: var(--new-grey-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.Typography-module__1AvdJW__secondary-grey-21 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-22 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-grey-36 {
  color: var(--numberOfPages);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-35 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-comment-1 {
  color: var(--comment-text);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-29 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

.Typography-module__1AvdJW__secondary-grey-28 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-grey-40 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-grey-30 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.Typography-module__1AvdJW__secondary-grey-31 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-32 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.Typography-module__1AvdJW__secondary-grey-33 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-grey-34 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-41 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-grey-42 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-grey-43 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-grey-44 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-grey-45 {
  color: var(--grey-deal-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-46 {
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-47 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-grey-51 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-grey-52 {
  color: var(--secondary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.Typography-module__1AvdJW__secondary-orange-1 {
  color: var(--sidebar-orange-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-orange-2 {
  color: var(--sidebar-orange-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-orange-3 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-orange-5 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-orange-7 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-orange-8 {
  color: var(--sidebar-orange-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-orange-9 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-orange-10 {
  color: var(--sidebar-orange-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.Typography-module__1AvdJW__secondary-orange-11 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-orange-12 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 29px;
}

.Typography-module__1AvdJW__secondary-orange-13 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-orange-15 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-orange-17 {
  color: var(--sidebar-orange-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.Typography-module__1AvdJW__secondary-orange-19 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-orange-21 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-orange-22 {
  color: var(--main-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-white-1 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-2 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-3 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
}

.Typography-module__1AvdJW__secondary-white-4 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-14 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-5 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-7 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.Typography-module__1AvdJW__secondary-white-9 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-10 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-11 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
}

.Typography-module__1AvdJW__secondary-white-12 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-13 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-white-15 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
}

.Typography-module__1AvdJW__secondary-white-17 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.Typography-module__1AvdJW__secondary-white-18 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-19 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-22 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.Typography-module__1AvdJW__secondary-white-24 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-25 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-26 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 38px;
}

.Typography-module__1AvdJW__secondary-white-27 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.Typography-module__1AvdJW__secondary-white-28 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
}

.Typography-module__1AvdJW__secondary-white-29 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.Typography-module__1AvdJW__secondary-white-31 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-33 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-34 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.Typography-module__1AvdJW__secondary-white-36 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-37 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-white-38 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
}

.Typography-module__1AvdJW__secondary-white-39 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-with-opacity {
  color: #ffffff80;
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-with-opacity-40 {
  color: #fff6;
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
}

.Typography-module__1AvdJW__secondary-white-40 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-41 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-42 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-43 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-44 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-white-45 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 33px;
}

.Typography-module__1AvdJW__secondary-white-46 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-white-47 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.Typography-module__1AvdJW__secondary-white-48 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.Typography-module__1AvdJW__secondary-white-49 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.Typography-module__1AvdJW__secondary-white-51 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 33px;
}

.Typography-module__1AvdJW__secondary-white-52 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 27px;
}

.Typography-module__1AvdJW__secondary-white-56 {
  color: #fffc;
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.Typography-module__1AvdJW__secondary-white-57 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-white-58 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
}

.Typography-module__1AvdJW__secondary-white-59 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.Typography-module__1AvdJW__secondary-white-60 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-white-61 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-white-64 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-white-65 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 140%;
}

.Typography-module__1AvdJW__secondary-white-70 {
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-white-72 {
  color: var(--primary-text-color);
  letter-spacing: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}

.Typography-module__1AvdJW__secondary-green-1 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-green-2 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-green-3 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-green-4 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-green-5 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-green-6 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-green-7 {
  color: var(--green-button-trustpilot);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-green-8 {
  color: var(--main-green);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-green-13 {
  color: var(--green-winner);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-green-9 {
  color: var(--main-green);
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-green-10 {
  color: var(--green-graph);
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-green-11 {
  color: var(--green-graph);
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.Typography-module__1AvdJW__secondary-red-1 {
  color: var(--notification-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-red-2 {
  color: var(--notification-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.Typography-module__1AvdJW__secondary-red-3 {
  color: var(--notification-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-red-4 {
  color: var(--red-deal-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-black-1 {
  color: var(--black-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-black-3 {
  color: var(--black-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.Typography-module__1AvdJW__secondary-blue-1 {
  color: var(--link-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.Typography-module__1AvdJW__secondary-blue-2 {
  color: var(--link-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-blue-3 {
  color: var(--link-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.Typography-module__1AvdJW__secondary-blue-4 {
  color: var(--blue-deal-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 16px;
}

.Typography-module__1AvdJW__secondary-blue-5 {
  color: var(--link-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-blue-6 {
  color: var(--deal-frozen-text);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__secondary-black-2 {
  color: var(--black-text-color);
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.Typography-module__1AvdJW__unbounded-black-1 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.Typography-module__1AvdJW__unbounded-black-3 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--bg-color);
  letter-spacing: .015em;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-black-4 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  letter-spacing: .015em;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-black-5 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-black-6 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

.Typography-module__1AvdJW__unbounded-black-7 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.Typography-module__1AvdJW__unbounded-grey-1 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--secondary-text-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-grey-2 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-hovered-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.Typography-module__1AvdJW__unbounded-grey-6 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-hovered-text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.Typography-module__1AvdJW__unbounded-grey-4 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--secondary-text-color);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.Typography-module__1AvdJW__unbounded-grey-5 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--secondary-text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-grey-8 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--secondary-text-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}

.Typography-module__1AvdJW__unbounded-grey-9 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--secondary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-white-1 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.Typography-module__1AvdJW__unbounded-white-2 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-white-3 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 42px;
  font-weight: 600;
  line-height: 52px;
}

.Typography-module__1AvdJW__unbounded-white-5 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.Typography-module__1AvdJW__unbounded-white-7 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-white-8 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.Typography-module__1AvdJW__unbounded-white-9 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.Typography-module__1AvdJW__unbounded-white-10 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.Typography-module__1AvdJW__unbounded-white-16 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

.Typography-module__1AvdJW__unbounded-white-19 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 13px;
}

.Typography-module__1AvdJW__unbounded-white-20 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}

.Typography-module__1AvdJW__unbounded-green-1 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--main-green);
  text-shadow: 0 0 40px #30d15880;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-green-3 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--main-green);
  text-shadow: 0 0 40px #30d15880;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-green-4 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--main-green);
  text-shadow: 0 0 40px #30d15880;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-green-5 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--main-green);
  text-shadow: 0 0 40px #30d15880;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

.Typography-module__1AvdJW__unbounded-green-6 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--main-green);
  text-shadow: 0 0 40px #30d15833;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

.Typography-module__1AvdJW__unbounded-white-12 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 52px;
  font-weight: 600;
  line-height: 72px;
}

.Typography-module__1AvdJW__unbounded-white-14 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
}

.Typography-module__1AvdJW__unbounded-white-24 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-white-25 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 32px;
  font-weight: 600;
  line-height: 44px;
}

.Typography-module__1AvdJW__unbounded-white-27 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-white-30 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
}

.Typography-module__1AvdJW__unbounded-white-31 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  letter-spacing: .02em;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.Typography-module__1AvdJW__unbounded-white-32 {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  letter-spacing: .02em;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.Typography-module__1AvdJW__textDecoration {
  text-decoration: line-through;
}

.Typography-module__1AvdJW__textUnderline {
  cursor: pointer;
  text-decoration: underline;
}

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

.Typography-module__1AvdJW__isUppercaseAndMargin {
  text-transform: uppercase;
}

.Typography-module__1AvdJW__inter-tight-white-1 {
  color: var(--primary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.Typography-module__1AvdJW__inter-tight-white-2 {
  color: #fffc;
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}

.Typography-module__1AvdJW__inter-tight-grey-1 {
  color: var(--secondary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}

.Typography-module__1AvdJW__inter-tight-grey-2 {
  color: var(--secondary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}

.Typography-module__1AvdJW__unbounded-red-1 {
  font-family: var(--font-unbounded), sans-serif;
  color: #e00000;
  font-size: 22px;
  font-weight: 600;
  line-height: 25px;
}

@media not (min-width: 1350px) {
  .Typography-module__1AvdJW__unbounded-green-1 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__unbounded-green-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__unbounded-green-4 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
  }
}

@media not (min-width: 1300px) {
  .Typography-module__1AvdJW__secondary-white-24 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
  }
}

@media not (min-width: 1240px) {
  .Typography-module__1AvdJW__unbounded-green-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
  }
}

@media not (min-width: 1200px) {
  .Typography-module__1AvdJW__unbounded-1 {
    font-family: var(--font-unbounded), sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .Typography-module__1AvdJW__unbounded-white-9 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
  }

  .Typography-module__1AvdJW__secondary-grey-47 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }

  .Typography-module__1AvdJW__unbounded-7 {
    font-family: var(--font-unbounded), sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 160%;
  }
}

@media not (min-width: 1150px) {
  .Typography-module__1AvdJW__unbounded-green-1 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__secondary-white-24 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
  }

  .Typography-module__1AvdJW__unbounded-green-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
  }
}

@media not (min-width: 1100px) {
  .Typography-module__1AvdJW__secondary-white-41 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-43 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-46 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
  }
}

@media not (min-width: 941px) {
  .Typography-module__1AvdJW__unbounded-1 {
    font-family: var(--font-unbounded), sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
  }

  .Typography-module__1AvdJW__unbounded-green-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__secondary-white-24 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
  }

  .Typography-module__1AvdJW__unbounded-white-6 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-23 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-white-16 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-37 {
    color: var(--primary-hovered-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-white-51 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
  }

  .Typography-module__1AvdJW__unbounded-white-26 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__unbounded-white-28 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }

  .Typography-module__1AvdJW__unbounded-white-30 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
  }

  .Typography-module__1AvdJW__secondary-white-53 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-grey-48 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
  }

  .Typography-module__1AvdJW__secondary-white-54 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-55 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__inter-tight-white-3 {
    color: #fffc;
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-orange-14 {
    color: var(--main-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-orange-16 {
    color: var(--main-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-grey-49 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-white-56 {
    font-size: 13px;
  }

  .Typography-module__1AvdJW__secondary-blue-7 {
    color: var(--deal-frozen-text);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-green-9 {
    color: var(--main-green);
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
  }
}

@media not (min-width: 872px) {
  .Typography-module__1AvdJW__secondary-6 {
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-6 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-8 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-20 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
  }

  .Typography-module__1AvdJW__secondary-white-21 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
  }

  .Typography-module__1AvdJW__secondary-white-23 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
  }

  .Typography-module__1AvdJW__secondary-orange-4 {
    color: var(--sidebar-orange-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-orange-6 {
    color: var(--main-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
  }

  .Typography-module__1AvdJW__secondary-grey-6 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-9 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-10 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-20 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-new-4 {
    color: var(--new-grey-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-grey-new-5 {
    color: var(--new-grey-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__unbounded-grey-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--secondary-text-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .Typography-module__1AvdJW__unbounded-grey-7 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-hovered-text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
  }

  .Typography-module__1AvdJW__unbounded-white-4 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }

  .Typography-module__1AvdJW__unbounded-white-6 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__unbounded-white-11 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    font-weight: 600;
    line-height: 28px;
    overflow: hidden;
  }

  .Typography-module__1AvdJW__unbounded-white-13 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 30px;
    font-weight: 600;
    line-height: 39px;
  }

  .Typography-module__1AvdJW__unbounded-white-15 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }

  .Typography-module__1AvdJW__unbounded-white-17 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
  }

  .Typography-module__1AvdJW__secondary-grey-new-7 {
    color: var(--new-grey-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
  }

  .Typography-module__1AvdJW__secondary-white-45 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
  }
}

@media not (min-width: 820px) {
  .Typography-module__1AvdJW__secondary-white-30 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__unbounded-green-7 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15833;
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
  }
}

@media not (min-width: 800px) {
  .Typography-module__1AvdJW__secondary-18 {
    letter-spacing: .02em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
  }

  .Typography-module__1AvdJW__unbounded-white-18 {
    color: var(--primary-text-color);
    font-family: var(--font-unbounded), sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
  }

  .Typography-module__1AvdJW__unbounded-white-21 {
    color: var(--primary-text-color);
    font-family: var(--font-unbounded), sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-32 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-33 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
  }

  .Typography-module__1AvdJW__secondary-white-35 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
  }

  .Typography-module__1AvdJW__unbounded-white-29 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
  }

  .Typography-module__1AvdJW__unbounded-red-2 {
    font-family: var(--font-unbounded), sans-serif;
    color: #e00000;
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
  }

  .Typography-module__1AvdJW__secondary-grey-27 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-28 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
  }

  .Typography-module__1AvdJW__secondary-grey-35 {
    color: var(--primary-hovered-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
  }

  .Typography-module__1AvdJW__secondary-white-31 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-34 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-orange-10 {
    color: var(--sidebar-orange-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-orange-18 {
    color: var(--sidebar-orange-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-orange-20 {
    color: var(--main-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 100%;
  }

  .Typography-module__1AvdJW__secondary-white-47 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-white-48 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-white-50 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-blue-5 {
    color: var(--link-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-white-53 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
  }

  .Typography-module__1AvdJW__secondary-white-62 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 135%;
  }

  .Typography-module__1AvdJW__secondary-white-63 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }

  .Typography-module__1AvdJW__secondary-white-70 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 100%;
  }

  .Typography-module__1AvdJW__unbounded-grey-10 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--secondary-text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
  }

  .Typography-module__1AvdJW__secondary-grey-50 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%;
  }

  .Typography-module__1AvdJW__secondary-grey-70 {
    color: var(--secondary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }

  .Typography-module__1AvdJW__secondary-white-71 {
    color: var(--primary-text-color);
    letter-spacing: .015em;
    font-family: Inter Tight, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
  }
}

@media not (min-width: 752px) {
  .Typography-module__1AvdJW__unbounded-black-2 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--black-text-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
  }
}

@media not (min-width: 700px) {
  .Typography-module__1AvdJW__unbounded-green-1 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 36px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__unbounded-green-5 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
  }

  .Typography-module__1AvdJW__unbounded-white-31 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
}

@media not (min-width: 680px) {
  .Typography-module__1AvdJW__unbounded-green-3 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
  }
}

@media not (min-width: 613px) {
  .Typography-module__1AvdJW__unbounded-6 {
    font-family: var(--font-unbounded), sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
  }
}

@media not (min-width: 572px) {
  .Typography-module__1AvdJW__unbounded-green-2 {
    font-family: var(--font-unbounded), sans-serif;
    color: var(--main-green);
    text-shadow: 0 0 40px #30d15880;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
  }
}

@media not (min-width: 500px) {
  .Typography-module__1AvdJW__secondary-18 {
    letter-spacing: .02em;
    font-family: Inter Tight, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
  }
}

@media not (min-width: 400px) {
  .Typography-module__1AvdJW__unbounded-white-21 {
    color: var(--primary-text-color);
    font-family: var(--font-unbounded), sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
}

/* [project]/client/src/components/footer/JuridicalInfo/JuridicalInfo.module.css [app-client] (css) */
.JuridicalInfo-module__X6YsBa__juridicalInfo {
  background-color: var(--footer-background);
  border-radius: 12px;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
  padding: 24px;
  display: flex;
}

.JuridicalInfo-module__X6YsBa__text {
  letter-spacing: .02em;
  color: var(--secondary-text-color);
  align-items: center;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 130%;
  display: flex;
}

.JuridicalInfo-module__X6YsBa__dot {
  background-color: var(--secondary-text-color);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin-inline: 8px;
}

.JuridicalInfo-module__X6YsBa__locationInfo {
  align-items: center;
  display: flex;
}

.JuridicalInfo-module__X6YsBa__divider {
  display: none;
}

.JuridicalInfo-module__X6YsBa__merchantInfo {
  letter-spacing: .02em;
  color: var(--secondary-text-color);
  margin: 0;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 140%;
}

.JuridicalInfo-module__X6YsBa__merchantInfo a {
  color: var(--secondary-text-color);
  transition: color .4s;
}

.JuridicalInfo-module__X6YsBa__merchantInfo a:hover {
  color: var(--primary-text-color);
}

@media not (min-width: 960px) {
  .JuridicalInfo-module__X6YsBa__locationInfo .JuridicalInfo-module__X6YsBa__dot {
    display: none;
  }

  .JuridicalInfo-module__X6YsBa__juridicalInfo {
    margin-top: 8px;
    margin-bottom: 20px;
    padding: 16px;
  }

  .JuridicalInfo-module__X6YsBa__locationInfo {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 8px;
  }

  .JuridicalInfo-module__X6YsBa__divider {
    background-color: var(--secondary-text-color);
    opacity: .5;
    width: 100%;
    height: 1px;
    display: block;
  }
}

/* [project]/client/src/components/Select/Select.module.css [app-client] (css) */
.Select-module__Al_F_W__container {
  z-index: 1000;
  background-color: var(--article-bg-color);
  border-radius: 6px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 -5px 25px #00000040;
}

.Select-module__Al_F_W__item {
  cursor: pointer;
  border: 1px solid var(--grey_btn-bg-color);
  color: #fffc;
  box-sizing: border-box;
  border-bottom: none;
  align-items: center;
  gap: 6px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  transition: all .4s;
  display: flex;
}

.Select-module__Al_F_W__item:first-child {
  border-radius: 6px 6px 0 0;
}

.Select-module__Al_F_W__item:last-child {
  border-bottom: 1px solid var(--grey_btn-bg-color);
  border-radius: 0 0 6px 6px;
}

.Select-module__Al_F_W__item:hover {
  background-color: var(--grey_btn-bg-color);
}

.Select-module__Al_F_W__itemSelected {
  color: var(--new-yellow);
  backdrop-filter: blur(100px);
  box-sizing: content-box;
  z-index: 1;
  background: #fad40f26;
  border: none;
  position: relative;
  overflow: hidden;
}

.Select-module__Al_F_W__itemSelected:last-child {
  border-bottom: none;
}

.Select-module__Al_F_W__itemSelected:before {
  content: "";
  filter: blur(50px);
  z-index: -1;
  background-color: #fad40f40;
  border-radius: 50%;
  width: 118px;
  height: 118px;
  position: absolute;
  top: -38px;
  left: -93px;
}

.Select-module__Al_F_W__itemSelected:hover {
  background: #fad40f30;
}

.Select-module__Al_F_W__withoutTopBorder {
  border-top: none;
  border-bottom: none;
}

.Select-module__Al_F_W__currencySymbol {
  color: var(--grey-color-new);
  text-transform: uppercase;
  text-align: start;
  min-width: 22px;
  font-size: 18px;
}

.Select-module__Al_F_W__currencySymbolSelected {
  color: var(--new-yellow);
  text-transform: uppercase;
  text-align: start;
  min-width: 22px;
  font-size: 18px;
}

.Select-module__Al_F_W__mobileLanguage {
  justify-content: center;
}

@media not (min-width: 1297px) {
  .Select-module__Al_F_W__container {
    min-width: 71px;
    top: auto;
    bottom: 76px;
  }
}

/* [project]/client/src/components/Account/Balance/Balance.module.css [app-client] (css) */
.Balance-module__7wzWuq__balanceContainer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  width: 1111px;
  display: flex;
  position: relative;
}

.Balance-module__7wzWuq__balance {
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.Balance-module__7wzWuq__balanceBackground {
  background-color: var(--account-balance);
  border-radius: 16px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.Balance-module__7wzWuq__balanceBackground:after {
  content: "";
  filter: blur(80px);
  z-index: 2;
  background-color: #fbd5061a;
  border-radius: 50%;
  width: 324px;
  height: 176px;
  position: absolute;
  top: -40px;
  right: -162px;
}

.Balance-module__7wzWuq__balanceDataContainer {
  align-items: center;
  gap: 12px;
  display: flex;
}

.Balance-module__7wzWuq__balanceData {
  background-color: var(--grey_btn-bg-color);
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  height: 59px;
  padding: 16px 20px;
  display: flex;
}

.Balance-module__7wzWuq__balanceDataAmount {
  align-items: center;
  gap: 12px;
  display: flex;
}

.Balance-module__7wzWuq__balanceAtCurrency {
  font-family: var(--font-unbounded), sans-serif;
  text-transform: uppercase;
  text-shadow: 0 0 25px #30d15840;
  color: var(--main-green);
  border-right: 2px solid #7d899980;
  padding-right: 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
}

.Balance-module__7wzWuq__balanceAtCurrencyMarket {
  font-family: var(--font-unbounded), sans-serif;
  text-transform: uppercase;
  text-shadow: 0 0 25px #30d15840;
  color: var(--main-green);
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
}

.Balance-module__7wzWuq__questionContainer {
  z-index: 5;
  cursor: pointer;
  width: 20px;
  height: 20px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.Balance-module__7wzWuq__question {
  color: var(--primary-text-color);
  background-color: #7d899980;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  transition: all .4s;
  display: flex;
}

.Balance-module__7wzWuq__question:hover {
  color: var(--primary-text-color);
  background-color: #7d8999;
  border-radius: 50%;
}

.Balance-module__7wzWuq__availableTooltip {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  z-index: 5;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  width: 324px;
  padding: 16px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 42px;
  left: -24px;
}

.Balance-module__7wzWuq__questionContainer:hover .Balance-module__7wzWuq__availableTooltip {
  opacity: 1;
  visibility: visible;
}

.Balance-module__7wzWuq__availableTooltip:before {
  content: "";
  z-index: -1;
  mix-blend-mode: darken;
  background-image: url("../media/alertTriangleHeader.26a4642e.svg");
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
  position: absolute;
  top: -19px;
  left: 19px;
}

.Balance-module__7wzWuq__availableText {
  letter-spacing: .015em;
  color: #c8d0e1;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.Balance-module__7wzWuq__balanceRightPart {
  align-items: center;
  gap: 12px;
  display: flex;
}

.Balance-module__7wzWuq__buttonContainer {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 48px;
  display: flex;
}

.Balance-module__7wzWuq__buttonContainer button {
  border-radius: 8px;
  gap: 8px;
  padding: 0 20px;
}

.Balance-module__7wzWuq__navigationContainer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.Balance-module__7wzWuq__navigation {
  align-items: center;
  gap: 16px;
  display: flex;
}

.Balance-module__7wzWuq__navigationItem {
  align-items: center;
  gap: 6px;
  display: flex;
}

.Balance-module__7wzWuq__inputContainer {
  width: 146px;
}

.Balance-module__7wzWuq__balanceTableContainer {
  border-collapse: collapse;
  background: var(--article-bg-color);
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}

.Balance-module__7wzWuq__balanceTableContainer td, .Balance-module__7wzWuq__balanceTableContainer th {
  vertical-align: center;
  padding: 0 16px;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:first-child, .Balance-module__7wzWuq__balanceTableContainer tbody tr td:first-child {
  padding-left: 32px;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:first-child, .Balance-module__7wzWuq__balanceTableContainer tbody tr td:first-child {
  width: 11%;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:nth-child(2), .Balance-module__7wzWuq__balanceTableContainer tbody tr td:nth-child(2) {
  width: 17%;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:nth-child(3), .Balance-module__7wzWuq__balanceTableContainer tbody tr td:nth-child(3) {
  width: 10%;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:nth-child(4), .Balance-module__7wzWuq__balanceTableContainer tbody tr td:nth-child(4) {
  width: 300px;
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th:nth-child(5), .Balance-module__7wzWuq__balanceTableContainer tbody tr td:nth-child(5), .Balance-module__7wzWuq__balanceTableContainer thead tr th:nth-child(6), .Balance-module__7wzWuq__balanceTableContainer tbody tr td:nth-child(6) {
  width: 15%;
}

.Balance-module__7wzWuq__balanceTableContainer tbody tr:nth-child(odd) {
  background: var(--grey_btn-bg-color);
}

.Balance-module__7wzWuq__balanceTableContainer tbody tr:nth-child(2n) {
  background: var(--article-bg-color);
}

.Balance-module__7wzWuq__balanceTableContainer thead tr th {
  text-align: left;
}

.Balance-module__7wzWuq__headerOfTable {
  background: var(--article-bg-color);
  height: 56px;
}

.Balance-module__7wzWuq__loaderTableContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 273px;
  display: flex;
}

.Balance-module__7wzWuq__paginationContainer {
  align-self: center;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  display: flex;
}

.Balance-module__7wzWuq__buttonItem {
  cursor: pointer;
  background-color: var(--account-background);
  height: 40px;
  color: var(--primary-text-color);
  border: 1px solid #0000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  transition: all .4s;
  display: flex;
}

.Balance-module__7wzWuq__colored {
  color: var(--main-color);
  background-color: #fbd5061a;
  border: 1px solid #fbd50680;
}

.Balance-module__7wzWuq__buttonItem:hover {
  background-color: var(--grey_btn-bg-color);
  transition: all .4s;
}

.Balance-module__7wzWuq__balanceItemsMobile {
  display: none;
}

.Balance-module__7wzWuq__colored:hover {
  background-color: #fbd5061a;
}

@media not (min-width: 1440px) {
  .Balance-module__7wzWuq__balanceContainer {
    width: calc(100% - 289px);
  }
}

@media not (min-width: 1200px) {
  .Balance-module__7wzWuq__balanceContainer {
    width: 100%;
  }

  .Balance-module__7wzWuq__loaderTableContainer {
    height: 300px;
  }
}

@media not (min-width: 978px) {
  .Balance-module__7wzWuq__balanceAtCurrency {
    font-size: 20px;
  }

  .Balance-module__7wzWuq__balance {
    flex-flow: column wrap;
    align-items: flex-start;
    gap: 20px;
    padding: 16px;
  }

  .Balance-module__7wzWuq__balanceBackground:after {
    content: "";
    filter: blur(50px);
    z-index: 2;
    background-color: #fbd5061a;
    border-radius: 50%;
    width: 234px;
    height: 128px;
    position: absolute;
    top: 140px;
    right: 0;
    transform: translateX(-50%);
  }

  .Balance-module__7wzWuq__balanceDataContainer, .Balance-module__7wzWuq__balanceData {
    width: 100%;
  }

  .Balance-module__7wzWuq__balanceRightPart {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    display: grid;
  }

  .Balance-module__7wzWuq__buttonContainer {
    width: auto;
  }

  .Balance-module__7wzWuq__navigationContainer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
  }

  .Balance-module__7wzWuq__navigation {
    flex-direction: column-reverse;
    gap: 12px;
    width: 100%;
  }

  .Balance-module__7wzWuq__navigationItem {
    width: 100%;
  }

  .Balance-module__7wzWuq__navigation .Balance-module__7wzWuq__navigationItem:first-child {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .Balance-module__7wzWuq__navigation .Balance-module__7wzWuq__navigationItem:last-child {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .Balance-module__7wzWuq__inputContainer, .Balance-module__7wzWuq__datePickerContainer {
    width: 100%;
  }

  .Balance-module__7wzWuq__headerOfTable, .Balance-module__7wzWuq__balanceTableContainer {
    display: none;
  }

  .Balance-module__7wzWuq__balanceItemsMobile {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    display: flex;
  }
}

@media not (min-width: 750px) {
  .Balance-module__7wzWuq__balanceDataContainer {
    flex-direction: column;
  }
}

@media not (min-width: 600px) {
  .Balance-module__7wzWuq__buttonItem {
    padding: 0 12px;
  }

  .Balance-module__7wzWuq__buttonContainer button {
    padding: 0 8px;
  }

  .Balance-module__7wzWuq__availableTooltip {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
  }
}

/* [project]/client/src/components/Input/input.module.css [app-client] (css) */
.input-module__Q_Qtiq__inputStyles::placeholder {
  color: var(--secondary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.input-module__Q_Qtiq__inputStyles:focus {
  border: 1px solid var(--input-hover-border);
  background-color: var(--input-hover-bg-color);
}

.input-module__Q_Qtiq__inputStyles:hover {
  border: 1px solid var(--hovered-border);
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.input-module__Q_Qtiq__inputStyles {
  background-color: var(--grey_btn-bg-color);
  box-sizing: border-box;
  height: 40px;
  color: var(--primary-text-color);
  border: 1px solid var(--input-border);
  border-radius: 5px;
  outline: none;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 32px;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: all .4s;
  display: flex;
}

.input-module__Q_Qtiq__sidebarInput {
  height: 32px;
  padding-left: 8px;
  padding-right: 18px;
  font-size: 13px;
  line-height: 16px;
}

.input-module__Q_Qtiq__sidebarInput::placeholder {
  font-size: 13px;
  line-height: 16px;
}

.input-module__Q_Qtiq__sidebarInput::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
  display: none;
}

.input-module__Q_Qtiq__sidebarInput::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
  display: none;
}

.input-module__Q_Qtiq__sidebarInput {
  -moz-appearance: textfield;
}

/* [project]/client/src/components/ClientPagination/PaginationItem/PaginationItem.module.css [app-client] (css) */
.PaginationItem-module__xW_Uwa__paginationItem {
  background-color: var(--background-color);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  display: flex;
}

.PaginationItem-module__xW_Uwa__page {
  color: var(--primary-text-color);
  cursor: pointer;
  text-decoration: none;
  transition: all .4s;
}

:hover.PaginationItem-module__xW_Uwa__page {
  color: var(--main-color);
  background-color: #fbd50626;
  transition: all .4s;
}

.PaginationItem-module__xW_Uwa__selectedPage {
  background-color: var(--main-color);
  color: var(--black-text-color);
  cursor: pointer;
  font-weight: 700;
  text-decoration: none;
}

.PaginationItem-module__xW_Uwa__threeDots {
  color: var(--primary-text-color);
}

@media not (min-width: 500px) {
  .PaginationItem-module__xW_Uwa__paginationItem {
    width: 32px;
    height: 32px;
  }
}

/* [project]/client/src/components/ClientPagination/ClientPagination.module.css [app-client] (css) */
.ClientPagination-module__0sN2WG__pagination {
  align-items: center;
  gap: 4px;
  display: flex;
}

/* [project]/client/src/components/ClientPagination/Arrow/Arrow.module.css [app-client] (css) */
.Arrow-module__16tllq__arrowContainer {
  width: 36px;
  height: 36px;
  color: var(--primary-hovered-text-color);
  background-color: var(--background-color);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.Arrow-module__16tllq__arrowContainer svg {
  transform: scale(.8);
}

.Arrow-module__16tllq__enabled {
  background-color: var(--background-color);
  cursor: pointer;
  color: var(--primary-hovered-text-color);
  text-decoration: none;
  transition: all .4s;
}

:hover.Arrow-module__16tllq__enabled {
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

:active.Arrow-module__16tllq__enabled {
  background-color: var(--active-grey_btn-bg-color);
}

@media not (min-width: 500px) {
  .Arrow-module__16tllq__arrowContainer {
    width: 32px;
    height: 32px;
  }
}

/* [project]/client/node_modules/react-datepicker/dist/react-datepicker.css [app-client] (css) */
.react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  content: "";
  border: 3px solid #ccc;
  border-width: 3px 3px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 6px;
}

.react-datepicker__sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.react-datepicker-wrapper {
  border: 0;
  padding: 0;
  display: inline-block;
}

.react-datepicker {
  color: #000;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: .8rem;
  line-height: initial;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-right-radius: .375em;
  border-bottom-left-radius: .375em;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker-popper--header-middle[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper--header-bottom[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker-popper--header-bottom[data-placement^="top"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select, .react-datepicker__header--middle, .react-datepicker__header--bottom) {
  border-top-right-radius: .3rem;
}

.react-datepicker__header--middle {
  border-top: 1px solid #aeaeae;
  border-radius: 0;
  margin-top: 4px;
}

.react-datepicker__header--bottom {
  border-top: 1px solid #aeaeae;
  border-bottom: none;
  border-radius: 0 0 .3rem .3rem;
}

.react-datepicker__header-wrapper {
  position: relative;
}

.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 2px;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  margin: 0 15px;
  display: inline-block;
}

.react-datepicker__month-select, .react-datepicker__year-select, .react-datepicker__month-year-select {
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  background-color: #0000;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  margin-top: 5px;
  padding: 2px 5px;
}

.react-datepicker__month-select:focus-visible, .react-datepicker__year-select:focus-visible, .react-datepicker__month-year-select:focus-visible {
  outline: 1px auto;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  color: #000;
  margin-top: 0;
  font-size: .944rem;
  font-weight: bold;
}

h2.react-datepicker__current-month {
  margin: 0;
  padding: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  text-align: center;
  cursor: pointer;
  z-index: 1;
  text-indent: -999em;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 2px;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  width: 0;
  font-size: 20px;
  position: relative;
  top: -1px;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  text-align: center;
  margin: .5em;
}

.react-datepicker__year-wrapper {
  flex-wrap: wrap;
  max-width: 180px;
  display: flex;
}

.react-datepicker__year .react-datepicker__year-text {
  width: 5em;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__month {
  text-align: center;
  margin: .5em;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  width: 5em;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  text-align: left;
  width: 100%;
  margin: 5px 0 10px 15px;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin-left: 10px;
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .375em;
  display: inline;
  position: absolute;
  top: 0;
  right: -87px;
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .375em;
  position: relative;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  text-align: center;
  border-bottom-right-radius: .375em;
  width: 85px;
  margin: 0 auto;
  overflow-x: hidden;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing: content-box;
  width: 100%;
  height: calc(195px + 1.0625em);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  overflow-y: scroll;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  white-space: nowrap;
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  color: #fff;
  background-color: #216ba5;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: #0000;
}

.react-datepicker__week-number {
  color: #ccc;
  text-align: center;
  width: 2.125em;
  margin: .208em;
  line-height: 2.125em;
  display: inline-block;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  text-align: center;
  width: 2.125em;
  margin: .208em;
  line-height: 2.125em;
  display: inline-block;
}

.react-datepicker__day-name--disabled, .react-datepicker__day--disabled, .react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  color: #fff;
  background-color: #3dcc4a;
  border-radius: .3rem;
}

.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  color: #fff;
  background-color: #ff6803;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  color: #000;
  background-color: #bad9f1;
  border-radius: .3rem;
}

.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
  color: #fff;
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #216ba580;
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  color: #000;
  background-color: #f0f0f0;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__input-container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: content-box;
  padding: .625em;
  position: absolute;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid #0000;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  top: 0;
  right: -16px;
  transform: rotate(135deg);
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  z-index: 1;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  display: block;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  user-select: none;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  vertical-align: middle;
  background-color: #0000;
  border: 0;
  outline: 0;
  height: 100%;
  padding: 0 6px 0 0;
  display: table-cell;
  position: absolute;
  top: 0;
  right: 0;
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  content: "×";
  background-color: #216ba5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  display: table-cell;
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  cursor: pointer;
  text-align: center;
  clear: left;
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  padding: 5px 0;
  font-weight: bold;
}

.react-datepicker__portal {
  z-index: 2147483647;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.react-datepicker__children-container {
  width: 17.25em;
  height: auto;
  margin: .5em;
  padding-left: .25em;
  padding-right: .25em;
}

.react-datepicker__aria-live {
  clip-path: circle(0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.react-datepicker__calendar-icon {
  vertical-align: -.125em;
  width: 1em;
  height: 1em;
}

.react-datepicker-popper-offset {
  margin-top: -.7em;
}

/* [project]/client/src/components/BasicDatePicker/BasicDatePicker.css [app-client] (css) */
.datePickerPopperContainer[data-placement^="bottom"] .react-datepicker__triangle {
  color: var(--notification-modal-border);
  fill: var(--notification-modal-border);
  stroke: var(--notification-modal-border);
}

.datePickerContainer .react-datepicker__day {
  color: #fff;
  width: 27.2px;
  height: 27.2px;
}

.datePickerContainer .react-datepicker__day--outside-month {
  color: #7d8898;
}

.datePickerContainer .react-datepicker__day:hover {
  color: #101012;
  border-radius: 50%;
  transition: all .4s;
}

.datePickerContainer .react-datepicker__navigation-icon:before {
  border-color: #7d8898;
}

.datePickerContainer .react-datepicker__navigation--next, .datePickerContainer .react-datepicker__navigation--previous {
  top: 0;
}

.datePickerContainer {
  border: 1px solid var(--notification-modal-border);
  background-color: #1a1b20;
  border-radius: 4.2px;
}

.datePickerContainer .react-datepicker__header {
  border-bottom: 1px solid var(--notification-modal-border);
  background-color: #212229;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.datePickerContainer .react-datepicker__day--in-selecting-range {
  color: #101012;
  background-color: #ff0;
  border-radius: 50%;
}

.datePickerContainer .react-datepicker__current-month {
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-transform: capitalize;
  font-size: 13.2px;
  font-weight: 600;
  line-height: 16.19px;
}

.datePickerContainer .react-datepicker__day-names {
  margin-left: 6.4px;
  margin-right: 6.4px;
}

.datePickerContainer .react-datepicker__day-name span {
  letter-spacing: .02em;
  text-align: center;
  vertical-align: middle;
  color: #7d8898;
  font-size: 11.2px;
  font-weight: 400;
  line-height: 23.8px;
}

.datePickerContainer .react-datepicker__day--selected, .datePickerContainer .react-datepicker__day--in-range, .datePickerContainer .react-datepicker__day--selecting-range-end, .datePickerContainer .react-datepicker__day--in-selecting-range:hover {
  color: #101012;
  background-color: #fbd506;
  border-radius: 50%;
  transition: all .4s;
}

.datePickerContainer .react-datepicker__day--today {
  border: 1px solid #f59e0b;
  border-radius: 50%;
}

.react-datepicker__close-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
}

.react-datepicker__close-icon:after {
  content: url("../media/clear.0274482a.svg");
  background: #262a32;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
}

.react-datepicker__close-icon:hover:after {
  background: var(--hovered-grey_btn-bg-color);
}

.react-datepicker__close-icon:active:after {
  background: var(--active-grey_btn-bg-color);
}

/* [project]/client/src/components/Buttons/ButtonCustom/ButtonCustom.module.css [app-client] (css) */
.ButtonCustom-module__LnGdaq__button {
  cursor: pointer;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.ButtonCustom-module__LnGdaq__greyButton:hover, .ButtonCustom-module__LnGdaq__greyNotStandardInventory:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greyButton:active, .ButtonCustom-module__LnGdaq__greyNotStandardInventory:active {
  background-color: var(--active-grey_btn-bg-color);
}

.ButtonCustom-module__LnGdaq__button:disabled {
  background-color: var(--grey-grafit-button);
  pointer-events: none;
  color: var(--color-button-disabled) !important;
}

.ButtonCustom-module__LnGdaq__greyButton {
  background-color: var(--grey_btn-bg-color);
  color: var(--primary-text-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__yellowButton {
  background-color: var(--main-color);
  color: var(--black-text-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__yellowButton:hover {
  transition: all .4s;
  background-color: var(--button-main-hover) !important;
}

.ButtonCustom-module__LnGdaq__yellowButton:active {
  background-color: var(--button-click) !important;
}

.ButtonCustom-module__LnGdaq__yellowButtonWithBlur {
  color: var(--black-text-color);
  z-index: 1;
  background: linear-gradient(268.81deg, #ffdf31 0%, #ffd800 100%);
  transition: opacity .4s;
  position: relative;
  box-shadow: 0 5px 30px #fedc2333;
}

.ButtonCustom-module__LnGdaq__yellowButtonWithBlur:before {
  content: "";
  background-color: var(--button-main-hover);
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: none;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 5px 30px #fedc2333;
}

.ButtonCustom-module__LnGdaq__yellowButtonWithBlur:hover:before {
  opacity: 1;
  border-radius: inherit;
}

.ButtonCustom-module__LnGdaq__yellowButtonWithBlur:active:before {
  background-color: var(--button-click);
  border-radius: inherit;
  background-image: none;
  transition: none;
}

.ButtonCustom-module__LnGdaq__yellowButtonWithBlur:disabled {
  pointer-events: none;
  background: var(--grey-grafit-button) none;
  box-shadow: none;
  border-radius: inherit;
  color: var(--color-button-disabled) !important;
}

.ButtonCustom-module__LnGdaq__yellowGradient {
  color: var(--main-color);
  z-index: 1;
  background: linear-gradient(90deg, #fbd50633 0%, #fbd5061a 100%);
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  transition: opacity .4s;
  display: flex;
  position: relative;
}

.ButtonCustom-module__LnGdaq__yellowGradient:before {
  content: "";
  z-index: -1;
  background: linear-gradient(90deg, #fbd506 0% 80.38%, #fbd50680 100%) border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-origin: padding-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.ButtonCustom-module__LnGdaq__yellowGradient:after {
  content: "";
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(90deg, #fbd50640 0%, #fbd50626 100%);
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  left: 0;
}

.ButtonCustom-module__LnGdaq__yellowGradient:hover:after {
  opacity: 1;
  border-radius: inherit;
  background: linear-gradient(90deg, #fbd50640 0%, #fbd50626 100%);
}

.ButtonCustom-module__LnGdaq__yellowGradient:active:after {
  border-radius: inherit;
  background: linear-gradient(90deg, #fbd50630 0%, #fbd50617 100%);
  transition: none;
}

.ButtonCustom-module__LnGdaq__yellowGradientWithoutBorder {
  color: var(--black-text-color);
  z-index: 1;
  background: linear-gradient(96.43deg, #ffe34d 0%, #fbd506 100%);
  transition: opacity .4s;
  position: relative;
}

.ButtonCustom-module__LnGdaq__yellowGradientWithoutBorder:before {
  content: "";
  background-color: var(--button-main-hover);
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: none;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  left: 0;
}

.ButtonCustom-module__LnGdaq__yellowGradientWithoutBorder:hover:before {
  opacity: 1;
  border-radius: inherit;
}

.ButtonCustom-module__LnGdaq__yellowGradientWithoutBorder:active:before {
  background-color: var(--button-click);
  border-radius: inherit;
  background-image: none;
  transition: none;
}

.ButtonCustom-module__LnGdaq__yellowGradientAndBlur {
  color: var(--black-text-color);
  z-index: 1;
  background: linear-gradient(96.43deg, #ffe34d 0%, #fbd506 100%);
  transition: opacity .4s;
  position: relative;
  box-shadow: 0 0 25px #fbd50640;
}

.ButtonCustom-module__LnGdaq__yellowGradientAndBlur:before {
  content: "";
  background-color: var(--button-main-hover);
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  background-image: none;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  top: 0;
  left: 0;
}

.ButtonCustom-module__LnGdaq__yellowGradientAndBlur:hover:before {
  opacity: 1;
  border-radius: inherit;
}

.ButtonCustom-module__LnGdaq__yellowGradientAndBlur:active:before {
  background-color: var(--button-click);
  border-radius: inherit;
  background-image: none;
  transition: none;
}

.ButtonCustom-module__LnGdaq__yellowOpacity {
  color: var(--main-color);
  background-color: #fbd5061a;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__yellowOpacity:hover {
  background-color: #fbd50626;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__yellowOpacity:active {
  background-color: #fbd5060d;
}

.ButtonCustom-module__LnGdaq__yellowOpacity:disabled {
  filter: opacity(.5);
  color: var(--main-color) !important;
  background-color: #fbd5061a !important;
}

.ButtonCustom-module__LnGdaq__greenButton {
  background-color: var(--green-button);
  color: var(--primary-text-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greenButton:hover {
  background-color: var(--main-green);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greenButton:active {
  background-color: var(--green-button-active);
}

.ButtonCustom-module__LnGdaq__greenWithShadow {
  background: linear-gradient(90deg, #30d158 67.16%, #37df61 100%);
  transition: all .4s;
  box-shadow: 0 0 25px #47ef714d;
}

.ButtonCustom-module__LnGdaq__greenWithShadow:hover {
  filter: brightness(1.1);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greenWithShadow:active {
  filter: brightness(.9);
}

.ButtonCustom-module__LnGdaq__greyNotStandard {
  background-color: var(--background-color);
  color: var(--secondary-text-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greyNotStandard:hover {
  background-color: var(--grey_btn-bg-color);
  color: var(--primary-text-color);
  text-shadow: 0 0 .3px var(--primary-text-color), 0 0 .3px var(--primary-text-color);
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__greyNotStandard:active {
  background-color: var(--active-grey_btn-bg-color);
  color: var(--primary-text-color);
  text-shadow: 0 0 .3px var(--primary-text-color), 0 0 .3px var(--primary-text-color);
}

.ButtonCustom-module__LnGdaq__greyNotStandardInventory {
  color: var(--primary-text-color);
  background-color: #0000;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
  transition: all .4s;
  display: flex;
}

.ButtonCustom-module__LnGdaq__loaderButtonContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .4s;
  display: flex;
}

.ButtonCustom-module__LnGdaq__disabled:disabled {
  pointer-events: none;
  color: var(--color-button-disabled) !important;
}

.ButtonCustom-module__LnGdaq__redDisabled:disabled {
  pointer-events: none;
  background-color: var(--trash-color) !important;
  color: var(--primary-text-color) !important;
}

.ButtonCustom-module__LnGdaq__red {
  color: var(--account-red);
  background-color: #0000;
  border-radius: 7px;
  justify-content: flex-start;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__red:hover {
  background-color: #c1191933;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__red:active {
  filter: brightness(1.1);
  background-color: #c1191933;
}

.ButtonCustom-module__LnGdaq__redWithOpacity {
  color: #ff5959;
  background-color: #c1191933;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__redWithOpacity:hover {
  background-color: #c1191926;
  transition: all .4s;
}

.ButtonCustom-module__LnGdaq__redWithOpacity:active {
  background-color: #c119190d;
}

.ButtonCustom-module__LnGdaq__newGreyAccount {
  background-color: var(--grey_btn-bg-color);
  color: #97a2b7;
  pointer-events: none;
  cursor: auto;
  transition: all .4s;
}

@media not (min-width: 572px) {
  .ButtonCustom-module__LnGdaq__yellowGradient {
    padding: 0 12px;
  }
}

/* [project]/client/src/components/Account/Balance/BalanceTableRow/BalanceTableRow.module.css [app-client] (css) */
.BalanceTableRow-module__iPd0YW__balanceItemContainer {
  align-content: center;
  align-items: center;
  height: 56px;
}

.BalanceTableRow-module__iPd0YW__paymentMethodImgContainer {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 20px;
  display: flex;
  position: relative;
}

.BalanceTableRow-module__iPd0YW__iconSbp, .BalanceTableRow-module__iPd0YW__notIcon {
  height: 22px;
}

.BalanceTableRow-module__iPd0YW__dateAndStatusContainer {
  display: none;
}

@media not (min-width: 978px) {
  .BalanceTableRow-module__iPd0YW__balanceItemContainer {
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    margin-bottom: 12px;
    padding: 16px;
    display: grid;
  }

  .BalanceTableRow-module__iPd0YW__rowMobileFirstElement {
    display: block;
  }

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

  .BalanceTableRow-module__iPd0YW__date {
    display: none;
  }

  .BalanceTableRow-module__iPd0YW__dateAndStatusContainer {
    display: flex;
  }

  .BalanceTableRow-module__iPd0YW__dateAndStatus {
    border-bottom: 1px solid #353b46;
    width: 100%;
    padding-bottom: 16px;
    display: flex;
  }
}

@media not (min-width: 600px) {
  .BalanceTableRow-module__iPd0YW__row {
    grid-template-columns: 120px 1fr;
    align-items: center;
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/YouReceive.module.css [app-client] (css) */
.YouReceive-module__uEuJVW__youReceiveContainer {
  background-color: var(--article-bg-color);
  z-index: 2;
  border-radius: 16px;
  flex-direction: column;
  gap: 24px;
  width: 684px;
  height: 100%;
  padding: 32px 32px 24px;
  display: flex;
}

.YouReceive-module__uEuJVW__youReceiveHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.YouReceive-module__uEuJVW__title {
  z-index: 4;
  position: relative;
}

.YouReceive-module__uEuJVW__promocodeContainerLaptop {
  height: 44px;
  position: absolute;
  top: -8px;
  right: -8px;
}

.YouReceive-module__uEuJVW__promocodeContainerMobile {
  display: none;
}

.YouReceive-module__uEuJVW__middlePart {
  z-index: 2;
  flex-direction: column;
  gap: 20px;
  display: flex;
  position: relative;
}

.YouReceive-module__uEuJVW__priceContainer {
  z-index: 2;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  display: flex;
  position: relative;
}

.YouReceive-module__uEuJVW__priceBox {
  background-color: var(--article-bg-color);
  white-space: nowrap;
  border: 1px solid #262a32bf;
  border-radius: 24px;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 216px);
  height: 108px;
  padding: 32px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 50px 1px #00000080;
}

.YouReceive-module__uEuJVW__mascot {
  z-index: -1;
  cursor: pointer;
  transition: all .4s;
  position: absolute;
  top: -52px;
  right: 28px;
}

.YouReceive-module__uEuJVW__mascot:hover {
  transition: all .4s;
  transform: translateY(-10px);
}

.YouReceive-module__uEuJVW__bonusContainer {
  backdrop-filter: blur(100px);
  font-family: var(--font-unbounded), sans-serif;
  color: var(--bg-color);
  background-image: linear-gradient(90deg, #fbd506 0% 100%);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  position: absolute;
  top: -40px;
  left: -54px;
  transform: rotate(10deg);
  box-shadow: 0 6px 19px #0000001a;
}

.YouReceive-module__uEuJVW__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 108px;
  display: flex;
}

.YouReceive-module__uEuJVW__loader {
  width: 63px;
  height: 42px;
}

.YouReceive-module__uEuJVW__priceInfo {
  width: 68%;
  margin-left: 14px;
  line-height: 1;
}

.YouReceive-module__uEuJVW__priceInfoMobile {
  display: none;
}

.YouReceive-module__uEuJVW__transactionInformation {
  flex-direction: column;
  align-items: flex-start;
  width: 200px;
  display: flex;
}

.YouReceive-module__uEuJVW__priceSection {
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
  min-width: 180px;
  margin-top: 16px;
  display: flex;
}

.YouReceive-module__uEuJVW__priceSectionItem {
  gap: 4px;
  display: flex;
}

.YouReceive-module__uEuJVW__tradeProtection {
  background: linear-gradient(90deg, #ffffff1a 0%, #ffffff0d 100%);
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  padding: 10px 10px 10px 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.YouReceive-module__uEuJVW__tradeProtection:before {
  content: "";
  filter: blur(40px);
  z-index: 1;
  background-color: #ffffff40;
  border-radius: 50%;
  width: 397px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: -300px;
  transform: translateY(-50%);
}

.YouReceive-module__uEuJVW__tradeProtection:after {
  content: "";
  background: linear-gradient(#fff0 0%, #ffffff40 49.24%, #fff0 100%);
  width: 2px;
  height: 62px;
  position: absolute;
  top: 6px;
  left: 0;
}

.YouReceive-module__uEuJVW__tradeProtectionTitle {
  letter-spacing: .015em;
  color: var(--primary-text-color);
  z-index: 2;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.YouReceive-module__uEuJVW__boldTime {
  font-weight: 600;
}

.YouReceive-module__uEuJVW__underline {
  text-decoration: underline;
}

.YouReceive-module__uEuJVW__readMore {
  letter-spacing: .015em;
  color: #e6e6e6;
  white-space: pre-line;
  z-index: 2;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.YouReceive-module__uEuJVW__bold {
  cursor: pointer;
  color: #e6e6e6;
  font-weight: 600;
  text-decoration: none;
  transition: all .4s;
}

.YouReceive-module__uEuJVW__bold:hover {
  color: #fff;
}

.YouReceive-module__uEuJVW__paymentBlock {
  opacity: 1;
  flex-direction: column;
  display: flex;
}

.YouReceive-module__uEuJVW__paymentBlockOpacity {
  pointer-events: none;
  opacity: .2 !important;
}

.YouReceive-module__uEuJVW__paymentMethodsHeader {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.YouReceive-module__uEuJVW__commission {
  align-items: center;
  gap: 3px;
  display: flex;
}

.YouReceive-module__uEuJVW__paymentMethodsContainer {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  align-content: flex-start;
  gap: 8px;
  width: 100%;
  display: grid;
}

.YouReceive-module__uEuJVW__dataContainer {
  opacity: 1;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  display: flex;
}

.YouReceive-module__uEuJVW__formDataContainer {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.YouReceive-module__uEuJVW__dataInputContainer {
  flex-flow: wrap;
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

.YouReceive-module__uEuJVW__avanMethodContainer {
  display: none;
}

.YouReceive-module__uEuJVW__textFieldBox {
  width: calc(50% - 8px);
  position: relative;
}

.YouReceive-module__uEuJVW__textFieldBox .YouReceive-module__uEuJVW__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.YouReceive-module__uEuJVW__textFieldBoxCard {
  width: 100%;
  position: relative;
}

.YouReceive-module__uEuJVW__textFieldBoxCard .YouReceive-module__uEuJVW__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.YouReceive-module__uEuJVW__countryFlag {
  font-size: 40px;
  position: absolute;
  bottom: 16px;
  right: 15px;
}

.YouReceive-module__uEuJVW__cardLoader {
  position: absolute;
  bottom: 33px;
  right: 15px;
}

.YouReceive-module__uEuJVW__textBoxError {
  height: 12px;
  color: var(--sidebar-orange-color);
  margin-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.YouReceive-module__uEuJVW__rotateArrow {
  transform: rotate(180deg);
}

.YouReceive-module__uEuJVW__arrow {
  color: var(--secondary-text-color);
  cursor: pointer;
  position: absolute;
  top: 24px;
  right: 16px;
}

.YouReceive-module__uEuJVW__closeIcon {
  color: var(--secondary-text-color);
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 36px;
}

.YouReceive-module__uEuJVW__inputFormStyles {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  width: 100%;
  height: 56px;
  color: var(--primary-text-color);
  cursor: text;
  box-sizing: border-box;
  caret-color: var(--primary-text-color);
  border-radius: 5px;
  outline: none;
  margin-bottom: 0;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all .4s;
}

.YouReceive-module__uEuJVW__sbpContainer {
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  display: flex;
}

.YouReceive-module__uEuJVW__autocompleteBox {
  width: calc(50% - 8px);
}

.YouReceive-module__uEuJVW__inputFormStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.YouReceive-module__uEuJVW__inputFormStyles:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
}

.YouReceive-module__uEuJVW__inputFormStyles:disabled {
  pointer-events: none;
  background-color: var(--grey-grafit-button);
  border: 1px solid var(--input-border);
}

.YouReceive-module__uEuJVW__inputFormStyles:disabled + label {
  color: var(--scrollbar-color);
}

.YouReceive-module__uEuJVW__errorInput, .YouReceive-module__uEuJVW__errorInput:hover {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
  transition: all .4s;
}

.YouReceive-module__uEuJVW__errorInput:focus {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
}

.YouReceive-module__uEuJVW__formButton {
  align-self: end;
  width: 48%;
  height: 56px;
  position: relative;
}

.YouReceive-module__uEuJVW__formButtonText {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.YouReceive-module__uEuJVW__tooltip {
  transition: all .4s;
  display: none;
}

.YouReceive-module__uEuJVW__buttonQuestion {
  cursor: help;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 9px;
}

.YouReceive-module__uEuJVW__buttonQuestion:hover .YouReceive-module__uEuJVW__tooltip {
  background-color: var(--black-text-color);
  border: 1px solid var(--bg-color-input);
  z-index: 35;
  cursor: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: auto;
  padding: 24px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 24px;
  right: -9px;
}

.YouReceive-module__uEuJVW__paymetDetailsListAndButton {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.YouReceive-module__uEuJVW__paymetDetailsListAndButton.YouReceive-module__uEuJVW__avanMethod {
  justify-content: flex-end;
}

@media not (min-width: 1450px) {
  .YouReceive-module__uEuJVW__youReceiveContainer {
    width: calc(50vw - 35.5px);
  }
}

@media not (min-width: 1397px) {
  .YouReceive-module__uEuJVW__youReceiveContainer {
    width: calc(50vw - 27.5px);
  }
}

@media not (min-width: 1248px) {
  .YouReceive-module__uEuJVW__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
  }

  .YouReceive-module__uEuJVW__priceInfo {
    width: 75%;
  }

  .YouReceive-module__uEuJVW__readMore {
    white-space: pre-line;
  }

  .YouReceive-module__uEuJVW__mascot {
    right: 0;
  }

  .YouReceive-module__uEuJVW__tradeProtectionTitle {
    white-space: pre-line;
  }
}

@media not (min-width: 1150px) {
  .YouReceive-module__uEuJVW__formButton {
    width: 300px;
  }

  .YouReceive-module__uEuJVW__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }

  .YouReceive-module__uEuJVW__youReceiveContainer {
    width: 100%;
  }

  .YouReceive-module__uEuJVW__priceInfo {
    width: 60%;
  }

  .YouReceive-module__uEuJVW__readMore {
    white-space: pre-line;
  }

  .YouReceive-module__uEuJVW__mascot {
    right: 28px;
  }

  .YouReceive-module__uEuJVW__tradeProtectionTitle {
    white-space: normal;
  }

  .YouReceive-module__uEuJVW__tradeProtection {
    margin-bottom: 10px;
  }
}

@media not (min-width: 600px) {
  .YouReceive-module__uEuJVW__paymentMethodsHeader {
    flex-direction: column;
    align-items: start;
    gap: 16px;
    margin-top: 12px;
  }

  .YouReceive-module__uEuJVW__promocodeContainerLaptop {
    display: none;
  }

  .YouReceive-module__uEuJVW__promocodeContainerMobile {
    align-self: flex-start;
    height: 36px;
    margin-bottom: 8px;
    display: flex;
  }

  .YouReceive-module__uEuJVW__dataContainer {
    margin-top: 12px;
  }

  .YouReceive-module__uEuJVW__readMore {
    white-space: normal;
  }

  .YouReceive-module__uEuJVW__priceContainer {
    flex-direction: column;
    gap: 16px;
  }

  .YouReceive-module__uEuJVW__priceInfoMobile {
    width: 100%;
    margin-left: 0;
    line-height: 1;
    display: block;
  }

  .YouReceive-module__uEuJVW__priceInfo {
    display: none;
  }

  .YouReceive-module__uEuJVW__transactionInformation {
    align-self: start;
  }

  .YouReceive-module__uEuJVW__priceSection {
    margin-top: 0;
  }

  .YouReceive-module__uEuJVW__youReceiveContainer {
    gap: 16px;
    padding: 24px 16px;
  }

  .YouReceive-module__uEuJVW__youReceiveHeader {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }

  .YouReceive-module__uEuJVW__priceBox {
    border-radius: 14px;
    width: 100%;
    height: 62px;
    padding: 16px;
  }

  .YouReceive-module__uEuJVW__loaderContainer {
    height: 62px;
  }

  .YouReceive-module__uEuJVW__loader {
    width: 41px;
    height: 27px;
  }

  .YouReceive-module__uEuJVW__dataInputContainer {
    flex-direction: column;
  }

  .YouReceive-module__uEuJVW__inputFormStyles, .YouReceive-module__uEuJVW__formButton, .YouReceive-module__uEuJVW__textFieldBox {
    width: 100%;
  }

  .YouReceive-module__uEuJVW__sbpContainer {
    flex-direction: column;
    margin-bottom: 12px;
  }

  .YouReceive-module__uEuJVW__autocompleteBox {
    width: 100%;
  }

  .YouReceive-module__uEuJVW__paymetDetailsListAndButton {
    flex-direction: column;
    gap: 32px;
  }

  .YouReceive-module__uEuJVW__mascot {
    right: 14px;
  }

  .YouReceive-module__uEuJVW__tradeProtectionTitle {
    white-space: pre-line;
  }
}

/* [project]/client/src/components/PaymentMethods/PaymentMethodForms/Form.module.css [app-client] (css) */
.Form-module__dBDQFq__avan {
  align-items: center;
  height: 76px;
  display: flex;
}

.Form-module__dBDQFq__tooltip {
  transition: all .4s;
  display: none;
}

.Form-module__dBDQFq__buttonQuestion {
  cursor: help;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 9px;
}

.Form-module__dBDQFq__buttonQuestion:hover .Form-module__dBDQFq__tooltip {
  background-color: var(--black-text-color);
  border: 1px solid var(--bg-color-input);
  z-index: 35;
  cursor: auto;
  white-space: pre-line;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: auto;
  padding: 24px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 24px;
  right: -9px;
}

.Form-module__dBDQFq__textFieldBoxFullWidth {
  width: 100%;
  position: relative;
}

.Form-module__dBDQFq__textFieldBoxFullWidth .Form-module__dBDQFq__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.Form-module__dBDQFq__inputFormStyles {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  width: 100%;
  height: 56px;
  color: var(--primary-text-color);
  cursor: text;
  box-sizing: border-box;
  caret-color: var(--primary-text-color);
  border-radius: 5px;
  outline: none;
  margin-bottom: 0;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all .4s;
}

.Form-module__dBDQFq__inputFormStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.Form-module__dBDQFq__inputFormStyles:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
}

.Form-module__dBDQFq__inputFormStyles:disabled {
  pointer-events: none;
  background-color: var(--grey-grafit-button);
  border: 1px solid var(--input-border);
}

.Form-module__dBDQFq__inputFormStyles:disabled + label {
  color: var(--scrollbar-color);
}

.Form-module__dBDQFq__textBoxError {
  height: 12px;
  color: var(--sidebar-orange-color);
  margin-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.Form-module__dBDQFq__errorInput, .Form-module__dBDQFq__errorInput:hover {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
  transition: all .4s;
}

.Form-module__dBDQFq__errorInput:focus {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
}

@media not (min-width: 600px) {
  .Form-module__dBDQFq__inputFormStyles {
    width: 100%;
  }
}

/* [project]/client/src/components/PaymentMethods/PaymentMethodCard/PaymentMethodCard.module.css [app-client] (css) */
.PaymentMethodCard-module__iGs-Fa__paymentMethodItem.PaymentMethodCard-module__iGs-Fa__checkedPaymentMethodItem {
  border: 1px solid var(--main-color);
  background-color: var(--main-color-alpha-10);
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodItem:not(.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem).PaymentMethodCard-module__iGs-Fa__checkedPaymentMethodItem:hover {
  background-color: var(--main-color-alpha-10);
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodItem {
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  opacity: 1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: background .4s;
  display: flex;
  position: relative;
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodItem:not(.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem):hover {
  background-color: var(--input-border);
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodImage img, .PaymentMethodCard-module__iGs-Fa__avanMarketImage img {
  transition: transform .4s;
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodItem:not(.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem):hover img {
  transform: scale(1.25);
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodItem:not(.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem):hover .PaymentMethodCard-module__iGs-Fa__avanMarketImage img {
  transform: scale(1.15);
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodImage {
  width: 100%;
  height: 20px;
  position: relative;
}

.PaymentMethodCard-module__iGs-Fa__paymentMethodImage img {
  object-fit: contain;
}

.PaymentMethodCard-module__iGs-Fa__avanMarketImage {
  width: 80%;
  position: relative;
}

.PaymentMethodCard-module__iGs-Fa__flashContainer {
  background-color: var(--article-bg-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.PaymentMethodCard-module__iGs-Fa__flash {
  background: linear-gradient(0deg, #fbd50633, #fbd50633);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem {
  transition: all .4s;
  opacity: .2 !important;
  cursor: not-allowed !important;
}

.PaymentMethodCard-module__iGs-Fa__notActivePaymentMethodItem:hover {
  transition: all .4s;
  outline: none !important;
}

/* [project]/client/src/components/PaymentMethods/PaymentMethodCard/PaymentMethodCardTooltip/PaymentMethodCardTooltip.module.css [app-client] (css) */
.PaymentMethodCardTooltip-module__dgvWOG__tooltipContainer {
  position: relative;
}

.PaymentMethodCardTooltip-module__dgvWOG__tooltip {
  opacity: 0;
  pointer-events: none;
  transform-origin: 0;
  z-index: 100;
  transition: opacity .3s, scale .3s;
  position: absolute;
  bottom: -31px;
  left: 50%;
  transform: translateX(-50%);
}

.PaymentMethodCardTooltip-module__dgvWOG__tooltipContainer:hover .PaymentMethodCardTooltip-module__dgvWOG__tooltip:not(.PaymentMethodCardTooltip-module__dgvWOG__disabled) {
  opacity: 1;
  scale: 1;
}

.PaymentMethodCardTooltip-module__dgvWOG__arrowContainer {
  z-index: 101;
  justify-content: center;
  display: flex;
  position: relative;
}

.PaymentMethodCardTooltip-module__dgvWOG__bgRectangle {
  background-color: var(--article-bg-color);
  z-index: 105;
  width: 28px;
  height: 6px;
  margin-left: -2px;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}

.PaymentMethodCardTooltip-module__dgvWOG__arrow {
  position: absolute;
}

.PaymentMethodCardTooltip-module__dgvWOG__value {
  letter-spacing: .02em;
  color: var(--font-color);
  background-color: var(--article-bg-color);
  border: 1px solid var(--grey_btn-bg-color);
  z-index: 100;
  border-radius: 8px;
  width: max-content;
  padding: 8px;
  font-family: Inter Tight;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  bottom: -11px;
}

@media not (min-width: 800px) {
  .PaymentMethodCardTooltip-module__dgvWOG__tooltip {
    display: none;
  }
}

/* [project]/client/src/components/ReferralComponents/EarnMoney/EarnMoney.module.css [app-client] (css) */
.EarnMoney-module__a_EDIG__earnMoneyContainer::-webkit-scrollbar {
  display: none;
}

.EarnMoney-module__a_EDIG__earnMoneyContainer {
  background-color: var(--article-bg-color);
  -webkit-overflow-scrolling: touch;
  z-index: 30;
  border-radius: 16px;
  flex-direction: column;
  gap: 32px;
  width: 684px;
  max-height: calc(100vh - 72px);
  padding: 32px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 75px #0003;
}

.EarnMoney-module__a_EDIG__youReceiveHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.EarnMoney-module__a_EDIG__iconButton {
  width: 32px;
  height: 32px;
}

.EarnMoney-module__a_EDIG__middlePart {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.EarnMoney-module__a_EDIG__priceContainer {
  flex-direction: row;
  align-items: center;
  gap: 24px;
  display: flex;
}

.EarnMoney-module__a_EDIG__inputContainer {
  background-color: var(--bg-color);
  box-sizing: border-box;
  background-image: linear-gradient(90deg, var(--bg-color), var(--bg-color)), linear-gradient(180deg, #262a3280, #262a32);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 24px;
  outline: none;
  align-items: center;
  width: 65%;
  height: 108px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 50px 1px #00000080;
}

.EarnMoney-module__a_EDIG__inputStyles {
  box-sizing: border-box;
  height: 100%;
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  filter: drop-shadow(2px 2px 15px #30d15880);
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 24px;
  outline: none;
  padding-left: 32px;
  padding-right: 72px;
  font-weight: 600;
}

.EarnMoney-module__a_EDIG__inputStyles::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.EarnMoney-module__a_EDIG__inputStyles::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.EarnMoney-module__a_EDIG__inputStyles::placeholder {
  color: var(--main-green);
}

.EarnMoney-module__a_EDIG__errorBalanceInput {
  border: 1px solid var(--notification-color);
}

.EarnMoney-module__a_EDIG__fakeDiv {
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  opacity: 0;
  z-index: -5;
  font-weight: 600;
  position: absolute;
}

.EarnMoney-module__a_EDIG__fontSizeInput44 {
  font-size: 44px;
  line-height: 48px;
}

.EarnMoney-module__a_EDIG__fontSizeInput40 {
  font-size: 40px;
  line-height: 48px;
}

.EarnMoney-module__a_EDIG__fontSizeInput36 {
  font-size: 36px;
  line-height: 48px;
}

.EarnMoney-module__a_EDIG__fontSizeInput32 {
  font-size: 32px;
  line-height: 48px;
}

.EarnMoney-module__a_EDIG__fontSizeInput48 {
  font-size: 48px;
  line-height: 60px;
}

.EarnMoney-module__a_EDIG__currency {
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  filter: drop-shadow(2px 2px 15px #30d15880);
  margin-left: -45px;
  font-weight: 600;
}

.EarnMoney-module__a_EDIG__error {
  align-items: center;
  height: 16px;
  margin-left: 14px;
  display: flex;
}

.EarnMoney-module__a_EDIG__transactionInformation {
  flex-direction: column;
  align-items: flex-start;
  width: 208px;
  display: flex;
}

.EarnMoney-module__a_EDIG__priceSection {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  min-width: 200px;
  margin-top: 12px;
  display: flex;
}

.EarnMoney-module__a_EDIG__priceSectionItem {
  gap: 4px;
  display: flex;
}

.EarnMoney-module__a_EDIG__priceInfo {
  width: 68%;
  margin-left: 14px;
  line-height: 1;
}

.EarnMoney-module__a_EDIG__priceInfoMobile {
  display: none;
}

.EarnMoney-module__a_EDIG__paymentBlockOpacity {
  opacity: .2 !important;
}

.EarnMoney-module__a_EDIG__paymentBlock {
  opacity: 1;
  flex-direction: column;
  width: 100%;
  margin-bottom: 32px;
  display: flex;
}

.EarnMoney-module__a_EDIG__paymentMethodsHeader {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.EarnMoney-module__a_EDIG__commission {
  align-items: center;
  gap: 3px;
  display: flex;
}

.EarnMoney-module__a_EDIG__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 136px;
  display: flex;
}

.EarnMoney-module__a_EDIG__paymentMethodsContainer {
  user-select: none;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  align-content: flex-start;
  gap: 8px;
  width: 100%;
  display: grid;
}

.EarnMoney-module__a_EDIG__dataContainer {
  opacity: 1;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  display: flex;
}

.EarnMoney-module__a_EDIG__formDataContainer {
  flex-direction: column;
  display: flex;
}

.EarnMoney-module__a_EDIG__dataInputContainer {
  flex-flow: wrap;
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

.EarnMoney-module__a_EDIG__textFieldBox {
  width: calc(50% - 8px);
  position: relative;
}

.EarnMoney-module__a_EDIG__textFieldBox .EarnMoney-module__a_EDIG__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.EarnMoney-module__a_EDIG__textFieldBoxCard {
  width: 100%;
  position: relative;
}

.EarnMoney-module__a_EDIG__textFieldBoxCard .EarnMoney-module__a_EDIG__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.EarnMoney-module__a_EDIG__inputFormStyles {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  width: 100%;
  height: 56px;
  color: var(--primary-text-color);
  cursor: text;
  box-sizing: border-box;
  caret-color: var(--primary-text-color);
  border-radius: 5px;
  outline: none;
  margin-bottom: 0;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all .4s;
}

.EarnMoney-module__a_EDIG__inputFormStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.EarnMoney-module__a_EDIG__inputFormStyles:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
}

.EarnMoney-module__a_EDIG__inputFormStyles:disabled {
  pointer-events: none;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
}

.EarnMoney-module__a_EDIG__textBoxError {
  height: 12px;
  color: var(--sidebar-orange-color);
  margin-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.EarnMoney-module__a_EDIG__errorInput, .EarnMoney-module__a_EDIG__errorInput:hover {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
  transition: all .4s;
}

.EarnMoney-module__a_EDIG__errorInput:focus {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
}

.EarnMoney-module__a_EDIG__formButton {
  align-self: flex-end;
  width: 250px;
  height: 56px;
}

.EarnMoney-module__a_EDIG__tooltip {
  transition: all .4s;
  display: none;
}

.EarnMoney-module__a_EDIG__buttonQuestion {
  cursor: help;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 9px;
}

.EarnMoney-module__a_EDIG__buttonQuestion:hover .EarnMoney-module__a_EDIG__tooltip {
  background-color: var(--black-text-color);
  border: 1px solid var(--bg-color-input);
  z-index: 35;
  cursor: auto;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: auto;
  padding: 24px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 24px;
  right: -9px;
}

@media not (min-width: 1247px) {
  .EarnMoney-module__a_EDIG__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
  }
}

@media not (min-width: 1150px) {
  .EarnMoney-module__a_EDIG__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }

  .EarnMoney-module__a_EDIG__formButton {
    width: 300px;
  }
}

@media not (min-width: 800px) {
  .EarnMoney-module__a_EDIG__priceContainer {
    flex-direction: column;
    gap: 16px;
  }

  .EarnMoney-module__a_EDIG__transactionInformation {
    align-self: flex-start;
  }

  .EarnMoney-module__a_EDIG__priceSection {
    gap: 8px;
    margin-top: 16px;
  }

  .EarnMoney-module__a_EDIG__priceInfoMobile {
    width: 100%;
    margin-left: 0;
    line-height: 1;
    display: block;
  }

  .EarnMoney-module__a_EDIG__priceInfo {
    display: none;
  }

  .EarnMoney-module__a_EDIG__dataInputContainer {
    flex-direction: column;
  }

  .EarnMoney-module__a_EDIG__textFieldBox, .EarnMoney-module__a_EDIG__formButton {
    width: 100%;
  }

  .EarnMoney-module__a_EDIG__earnMoneyContainer {
    width: calc(100vw - 32px);
    max-height: calc(100dvh - 180px);
    padding: 24px 16px;
    top: 72px;
    left: 50%;
    transform: translate(-50%);
  }

  .EarnMoney-module__a_EDIG__inputContainer {
    width: 100%;
    height: 62px;
  }

  .EarnMoney-module__a_EDIG__inputStyles {
    filter: drop-shadow(2px 2px 10px #30d15880);
    border-radius: 14px;
    width: 100%;
    height: 62px;
    padding-left: 16px;
    padding-right: 42px;
  }

  .EarnMoney-module__a_EDIG__fontSizeInput44, .EarnMoney-module__a_EDIG__fontSizeInput40, .EarnMoney-module__a_EDIG__fontSizeInput36, .EarnMoney-module__a_EDIG__fontSizeInput32, .EarnMoney-module__a_EDIG__fontSizeInput48 {
    font-size: 24px;
    line-height: 30px;
  }

  .EarnMoney-module__a_EDIG__currency {
    filter: drop-shadow(2px 2px 10px #30d15880);
    margin-left: -30px;
  }

  .EarnMoney-module__a_EDIG__error {
    margin-left: 0;
  }
}

/* [project]/client/src/components/Buttons/IconButton/IconButton.module.css [app-client] (css) */
.IconButton-module__EvPuea__iconButton {
  cursor: pointer;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .4s;
  display: flex;
}

.IconButton-module__EvPuea__addRadius {
  border-radius: 5px;
}

.IconButton-module__EvPuea__inputSearch {
  width: 40px;
  height: 40px;
  color: var(--secondary-text-color);
  background-color: #0000;
  border-radius: 5px;
  transition: all .4s;
}

.IconButton-module__EvPuea__standard {
  width: 40px;
  height: 40px;
  color: var(--secondary-text-color);
  background-color: var(--grey_btn-bg-color);
  border-radius: 5px;
  transition: all .4s;
}

.IconButton-module__EvPuea__variousSizes {
  width: 100%;
  height: 100%;
  color: var(--secondary-text-color);
  background-color: var(--grey_btn-bg-color);
  border-radius: 5px;
  transition: all .4s;
}

.IconButton-module__EvPuea__iconButton:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  color: var(--primary-text-color);
  transition: all .4s;
}

.IconButton-module__EvPuea__iconButton:active {
  background-color: var(--active-grey_btn-bg-color);
  color: var(--primary-text-color);
}

.IconButton-module__EvPuea__inputSearch:hover {
  background-color: #0000;
  transition: all .4s;
}

.IconButton-module__EvPuea__inputSearch:active {
  background-color: #0000;
}

.IconButton-module__EvPuea__withoutBackground {
  background-color: #0000;
  border-radius: 50%;
  transition: all .4s;
}

.IconButton-module__EvPuea__withoutBackground:hover {
  background-color: #0000;
  transition: all .4s;
}

.IconButton-module__EvPuea__headerNotification {
  background-color: var(--grey_btn-bg-color);
  width: 40px;
  height: 40px;
  color: var(--primary-text-color);
  border-radius: 8px;
  transition: all .4s;
  position: relative;
}

.IconButton-module__EvPuea__headerNotificationActive {
  color: var(--main-color);
  background-color: #f8d3071a;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  transition: all .4s;
  position: relative;
}

.IconButton-module__EvPuea__variousSizes:disabled {
  pointer-events: none;
}

.IconButton-module__EvPuea__round {
  width: 36px;
  height: 36px;
  color: var(--secondary-text-color);
  background-color: var(--grey_btn-bg-color);
  border-radius: 50%;
  transition: all .4s;
}

/* [project]/client/src/components/CustomCheckbox/CustomCheckbox.module.css [app-client] (css) */
.CustomCheckbox-module__CDN-bW__inputCheckboxContainer {
  align-items: center;
  gap: 12px;
  margin: 32px 0 24px;
  display: flex;
}

.CustomCheckbox-module__CDN-bW__label {
  cursor: pointer;
  max-width: 532px;
}

.CustomCheckbox-module__CDN-bW__customCheckbox {
  cursor: pointer;
  appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  transition: all .4s;
  position: relative;
}

.CustomCheckbox-module__CDN-bW__customCheckbox:before {
  content: "";
  border: 1px solid var(--input-border);
  background-color: var(--grey_btn-bg-color);
  box-sizing: border-box;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.CustomCheckbox-module__CDN-bW__customCheckbox:hover:before {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.CustomCheckbox-module__CDN-bW__customCheckbox:checked:after {
  content: url("../media/CheckedBig.62121d0f.svg");
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  box-sizing: border-box;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.CustomCheckbox-module__CDN-bW__customCheckbox:checked:hover:after {
  background-color: var(--button-main-hover);
  border: 1px solid var(--button-main-hover);
}

.CustomCheckbox-module__CDN-bW__customCheckbox:disabled {
  pointer-events: none;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
}

.CustomCheckbox-module__CDN-bW__disabledLabel {
  pointer-events: none;
}

.CustomCheckbox-module__CDN-bW__link {
  text-decoration: none;
}

@media not (min-width: 600px) {
  .CustomCheckbox-module__CDN-bW__label {
    width: calc(100% - 32px);
    max-width: 100%;
  }
}

/* [project]/client/src/components/Modal/Modal.module.css [app-client] (css) */
.Modal-module__lBS7xG__modalContainer {
  justify-content: center;
  align-items: center;
  display: flex;
}

.Modal-module__lBS7xG__notAtCenterContainer {
  align-items: flex-start;
}

.Modal-module__lBS7xG__modalBox {
  background-color: var(--article-bg-color);
  z-index: 30;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 60%;
  max-width: 541px;
  height: auto;
  max-height: calc(100dvh - 72px);
  padding: 56px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 75px #0003;
}

.Modal-module__lBS7xG__modalBox::-webkit-scrollbar {
  display: none;
}

.Modal-module__lBS7xG__fullPageSize {
  width: 90%;
  max-width: 90%;
  height: auto;
}

.Modal-module__lBS7xG__replenishmentModal {
  width: 100%;
  max-width: 456px;
  padding: 12px;
}

.Modal-module__lBS7xG__couponModal, .Modal-module__lBS7xG__steamLoginModal {
  width: 100%;
  max-width: 424px;
  padding: 12px 12px 32px;
}

.Modal-module__lBS7xG__createReviewModal {
  text-align: start;
  border: 1px solid #343640;
  width: 100%;
  max-width: 456px;
  padding: 0;
  overflow: visible;
}

.Modal-module__lBS7xG__ChangePaymentDataModal {
  text-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 580px;
  padding: 24px;
}

.Modal-module__lBS7xG__giveawayModal {
  text-align: start;
  width: 100%;
  padding: 28px;
}

.Modal-module__lBS7xG__closeButton {
  z-index: 3;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 28px;
  right: 28px;
}

.Modal-module__lBS7xG__bigButtonMobile {
  top: 24px;
  right: 24px;
}

.Modal-module__lBS7xG__circleIcon {
  top: -24px;
  right: -8px;
}

.Modal-module__lBS7xG__circle {
  z-index: 100;
  border-radius: 50%;
  top: 16px;
  right: 16px;
  overflow: hidden;
}

.Modal-module__lBS7xG__killerFeatureModal {
  background-color: var(--article-bg-color);
  width: 474px;
  height: 689px;
  max-height: 689px;
  padding: 0 24px;
  overflow: visible;
  box-shadow: 0 10px 50px #0003;
}

.Modal-module__lBS7xG__killerFeatureModal:before {
  content: "";
  mix-blend-mode: overlay;
  z-index: -1;
  background: linear-gradient(90deg, #fff 0% 100%) border-box;
  border: 1px solid #0000;
  border-radius: 16px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-origin: padding-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

@media not (min-width: 941px) {
  .Modal-module__lBS7xG__killerFeatureModal {
    justify-content: start;
    height: auto;
    max-height: calc(100dvh - 108px);
    padding: 0;
    top: 72px;
    left: 50%;
    transform: translate(-50%);
  }
}

@media not (min-width: 800px) {
  .Modal-module__lBS7xG__modalBox, .Modal-module__lBS7xG__fullPageSize {
    justify-content: start;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    max-height: calc(100dvh - 180px);
    padding: 40px 16px 28px;
    top: 96px;
    left: 50%;
    transform: translate(-50%);
  }

  .Modal-module__lBS7xG__killerFeatureModal {
    justify-content: start;
    height: auto;
    max-height: calc(100dvh - 108px);
    padding: 0;
    top: 72px;
    left: 50%;
    transform: translate(-50%);
  }

  .Modal-module__lBS7xG__createReviewModal {
    max-height: calc(100dvh - 108px);
    padding: 0;
  }

  .Modal-module__lBS7xG__steamLoginModal {
    max-width: 424px;
    padding: 12px 12px 32px;
  }

  .Modal-module__lBS7xG__modalBox span {
    width: 70%;
  }

  .Modal-module__lBS7xG__fullwidthText span, .Modal-module__lBS7xG__createReviewModal span, .Modal-module__lBS7xG__ChangePaymentDataModal span {
    width: 100%;
  }

  .Modal-module__lBS7xG__ChangePaymentDataModal {
    padding: 24px 16px;
  }

  .Modal-module__lBS7xG__closeButton {
    top: 16px;
    right: 16px;
  }

  .Modal-module__lBS7xG__circle {
    top: 8px;
    right: 8px;
  }

  .Modal-module__lBS7xG__replenishmentModal {
    padding: 12px;
  }

  .Modal-module__lBS7xG__giveawayModal {
    padding: 20px;
  }

  .Modal-module__lBS7xG__couponModal {
    padding: 12px 12px 32px;
  }

  .Modal-module__lBS7xG__replenishmentModal span, .Modal-module__lBS7xG__couponModal span, .Modal-module__lBS7xG__giveawayModal span, .Modal-module__lBS7xG__killerFeatureModal span {
    width: auto;
  }

  .Modal-module__lBS7xG__bigButtonMobile {
    top: 24px;
    right: 24px;
  }

  .Modal-module__lBS7xG__circleIcon {
    z-index: 7;
    top: -12px;
    right: -8px;
  }
}

/* [project]/client/src/components/Modal/AlertTriangle/AlertTriangle.module.css [app-client] (css) */
.AlertTriangle-module__c6zGUq__alertTriangle {
  width: 52px;
  height: 52px;
  position: relative;
}

.AlertTriangle-module__c6zGUq__alertBlur {
  background: var(--main-color);
  filter: blur(25px);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  left: 12px;
}

/* [project]/client/src/components/Modal/TechnicalSupportModal/TechnicalSupportModal.module.css [app-client] (css) */
.TechnicalSupportModal-module__KocxyW__container {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
}

.TechnicalSupportModal-module__KocxyW__buttonsContainer {
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.TechnicalSupportModal-module__KocxyW__button {
  width: 200px;
  height: 56px;
}

@media not (min-width: 800px) {
  .TechnicalSupportModal-module__KocxyW__button span {
    width: auto;
  }
}

@media not (min-width: 500px) {
  .TechnicalSupportModal-module__KocxyW__buttonsContainer {
    flex-direction: column;
  }

  .TechnicalSupportModal-module__KocxyW__button {
    width: 100%;
  }
}

/* [project]/client/src/components/Market/Payment/BalanceRefill/BalanceRefill.module.css [app-client] (css) */
.BalanceRefill-module__6253lW__balanceRefillHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.BalanceRefill-module__6253lW__iconButtonContainer {
  width: 32px;
  height: 32px;
}

.BalanceRefill-module__6253lW__middlePart {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.BalanceRefill-module__6253lW__error {
  align-items: center;
  height: 16px;
  margin-left: 14px;
  display: flex;
}

.BalanceRefill-module__6253lW__priceContainer {
  flex-direction: row;
  align-items: center;
  gap: 24px;
  display: flex;
}

.BalanceRefill-module__6253lW__buttonModal {
  width: 200px;
  height: 56px;
}

.BalanceRefill-module__6253lW__inputContainer {
  background-color: var(--bg-color);
  box-sizing: border-box;
  background-image: linear-gradient(90deg, var(--bg-color), var(--bg-color)), linear-gradient(180deg, #262a3280, #262a32);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 24px;
  outline: none;
  align-items: center;
  width: 65%;
  height: 108px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 50px 1px #00000080;
}

.BalanceRefill-module__6253lW__fakeDiv {
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  opacity: 0;
  z-index: -5;
  font-weight: 600;
  position: absolute;
}

.BalanceRefill-module__6253lW__inputStyles {
  box-sizing: border-box;
  height: 100%;
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  filter: drop-shadow(2px 2px 15px #30d15880);
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 24px;
  outline: none;
  padding-left: 32px;
  padding-right: 72px;
  font-weight: 600;
}

.BalanceRefill-module__6253lW__inputStyles::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.BalanceRefill-module__6253lW__inputStyles::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.BalanceRefill-module__6253lW__inputStyles::placeholder {
  color: var(--main-green);
}

.BalanceRefill-module__6253lW__currency {
  color: var(--main-green);
  font-family: var(--font-unbounded), sans-serif;
  filter: drop-shadow(2px 2px 15px #30d15880);
  margin-left: -45px;
  font-weight: 600;
}

.BalanceRefill-module__6253lW__fontSizeInput44 {
  font-size: 44px;
  line-height: 48px;
}

.BalanceRefill-module__6253lW__fontSizeInput40 {
  font-size: 40px;
  line-height: 48px;
}

.BalanceRefill-module__6253lW__fontSizeInput36 {
  font-size: 36px;
  line-height: 48px;
}

.BalanceRefill-module__6253lW__fontSizeInput32 {
  font-size: 32px;
  line-height: 48px;
}

.BalanceRefill-module__6253lW__fontSizeInput48 {
  font-size: 48px;
  line-height: 60px;
}

.BalanceRefill-module__6253lW__transactionInformation {
  flex-direction: column;
  align-items: flex-start;
  width: 180px;
  display: flex;
}

.BalanceRefill-module__6253lW__priceSection {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  min-width: 200px;
  margin-top: 12px;
  display: flex;
}

.BalanceRefill-module__6253lW__priceSectionItem {
  gap: 4px;
  display: flex;
}

.BalanceRefill-module__6253lW__formButton {
  align-self: center;
  width: 100%;
  height: 56px;
}

.BalanceRefill-module__6253lW__paymentMethodsContainer {
  user-select: none;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  align-content: flex-start;
  gap: 8px;
  width: 100%;
  display: grid;
}

.BalanceRefill-module__6253lW__commission {
  align-items: center;
  gap: 3px;
  display: flex;
}

.BalanceRefill-module__6253lW__paymentMethodsHeader {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  display: flex;
}

.BalanceRefill-module__6253lW__paymentBlock {
  opacity: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.BalanceRefill-module__6253lW__priceInfoMobile {
  display: none;
}

.BalanceRefill-module__6253lW__priceInfo {
  width: 70%;
  margin-left: 14px;
  line-height: 1;
}

.BalanceRefill-module__6253lW__inputsBlock {
  flex-flow: wrap;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  display: flex;
}

.BalanceRefill-module__6253lW__textFieldBox {
  width: calc(50% - 8px);
  position: relative;
}

.BalanceRefill-module__6253lW__textFieldBox .BalanceRefill-module__6253lW__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.BalanceRefill-module__6253lW__textFieldBoxCard {
  width: 100%;
  position: relative;
}

.BalanceRefill-module__6253lW__textFieldBoxCard .BalanceRefill-module__6253lW__inputFormStyles ~ label {
  color: var(--primary-hovered-text-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.BalanceRefill-module__6253lW__inputFormStyles {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  width: 100%;
  height: 56px;
  color: var(--primary-text-color);
  cursor: text;
  box-sizing: border-box;
  caret-color: var(--primary-text-color);
  border-radius: 5px;
  outline: none;
  margin-bottom: 0;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  transition: all .4s;
}

.BalanceRefill-module__6253lW__inputFormStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.BalanceRefill-module__6253lW__inputFormStyles:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
}

.BalanceRefill-module__6253lW__inputFormStyles:disabled {
  pointer-events: none;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
}

.BalanceRefill-module__6253lW__textBoxError {
  height: 12px;
  color: var(--sidebar-orange-color);
  margin-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.BalanceRefill-module__6253lW__errorInput, .BalanceRefill-module__6253lW__errorInput:hover {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
  transition: all .4s;
}

.BalanceRefill-module__6253lW__errorInput:focus {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
}

.BalanceRefill-module__6253lW__autocompleteBox {
  width: 48%;
}

@media not (min-width: 800px) {
  .BalanceRefill-module__6253lW__priceContainer {
    flex-direction: column;
    gap: 16px;
  }

  .BalanceRefill-module__6253lW__inputStyles {
    filter: drop-shadow(2px 2px 10px #30d15880);
    border-radius: 14px;
    width: 100%;
    height: 62px;
    padding-left: 16px;
    padding-right: 42px;
  }

  .BalanceRefill-module__6253lW__currency {
    filter: drop-shadow(2px 2px 10px #30d15880);
    margin-left: -30px;
  }

  .BalanceRefill-module__6253lW__transactionInformation {
    align-self: flex-start;
    width: 100%;
  }

  .BalanceRefill-module__6253lW__priceSection {
    gap: 8px;
    min-width: 100%;
    margin-top: 16px;
  }

  .BalanceRefill-module__6253lW__priceInfoMobile {
    width: 100%;
    margin-left: 0;
    line-height: 1;
    display: block;
  }

  .BalanceRefill-module__6253lW__priceInfo {
    display: none;
  }

  .BalanceRefill-module__6253lW__formButton {
    width: 100%;
  }

  .BalanceRefill-module__6253lW__inputContainer {
    width: 100%;
    height: 62px;
  }

  .BalanceRefill-module__6253lW__error {
    margin-left: 0;
  }

  .BalanceRefill-module__6253lW__fontSizeInput44, .BalanceRefill-module__6253lW__fontSizeInput40, .BalanceRefill-module__6253lW__fontSizeInput36, .BalanceRefill-module__6253lW__fontSizeInput32, .BalanceRefill-module__6253lW__fontSizeInput48 {
    font-size: 24px;
    line-height: 30px;
  }

  .BalanceRefill-module__6253lW__inputsBlock {
    flex-direction: column;
  }

  .BalanceRefill-module__6253lW__textFieldBox {
    width: 100%;
  }

  .BalanceRefill-module__6253lW__autocompleteBox {
    width: 100%;
    margin-bottom: 20px;
  }

  .BalanceRefill-module__6253lW__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }
}

/* [project]/client/src/components/Market/Payment/Crypto/Crypto.module.css [app-client] (css) */
.Crypto-module__ClwzuG__balanceRefillContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.Crypto-module__ClwzuG__balanceRefillHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.Crypto-module__ClwzuG__iconButtonContainer {
  width: 32px;
  height: 32px;
}

.Crypto-module__ClwzuG__loaderHeaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.Crypto-module__ClwzuG__statusContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.Crypto-module__ClwzuG__emptyBox {
  width: 100%;
  height: 32px;
}

.Crypto-module__ClwzuG__qrBox {
  background-color: var(--primary-text-color);
  border-radius: 16px;
  justify-content: center;
  align-self: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: relative;
}

.Crypto-module__ClwzuG__qrImage {
  object-fit: contain;
  border-radius: 16px;
}

.Crypto-module__ClwzuG__inputContainer {
  width: 90%;
  position: relative;
}

.Crypto-module__ClwzuG__copyIconContainer {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 4px;
}

.Crypto-module__ClwzuG__headerMobile {
  display: none;
}

@media not (min-width: 800px) {
  .Crypto-module__ClwzuG__headerMobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .Crypto-module__ClwzuG__balanceRefillHeader span {
    display: none;
  }

  .Crypto-module__ClwzuG__balanceRefillHeader {
    justify-content: end;
  }
}

@media not (min-width: 400px) {
  .Crypto-module__ClwzuG__balanceRefillHeader span {
    width: 185px;
  }
}

/* [project]/client/src/components/Market/Payment/UAH/UAH.module.css [app-client] (css) */
.UAH-module__aI_vwq__balanceRefillContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.UAH-module__aI_vwq__balanceRefillHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.UAH-module__aI_vwq__iconButtonContainer {
  width: 32px;
  height: 32px;
}

.UAH-module__aI_vwq__loaderHeaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.UAH-module__aI_vwq__statusContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.UAH-module__aI_vwq__emptyBox {
  width: 100%;
  height: 32px;
}

.UAH-module__aI_vwq__qrBox {
  background-color: var(--primary-text-color);
  border-radius: 16px;
  justify-content: center;
  align-self: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: relative;
}

.UAH-module__aI_vwq__qrImage {
  object-fit: contain;
  border-radius: 16px;
}

.UAH-module__aI_vwq__inputContainer {
  width: 90%;
  position: relative;
}

.UAH-module__aI_vwq__copyIconContainer {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 4px;
}

.UAH-module__aI_vwq__headerMobile {
  display: none;
}

@media not (min-width: 800px) {
  .UAH-module__aI_vwq__headerMobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .UAH-module__aI_vwq__balanceRefillHeader span {
    display: none;
  }

  .UAH-module__aI_vwq__balanceRefillHeader {
    justify-content: end;
  }
}

@media not (min-width: 400px) {
  .UAH-module__aI_vwq__balanceRefillHeader span {
    width: 185px;
  }
}

.UAH-module__aI_vwq__formButton {
  width: 100%;
  height: 48px;
  margin-top: 32px;
}

/* [project]/client/src/components/Market/Payment/VisaRUB/VisaRUB.module.css [app-client] (css) */
.VisaRUB-module__pDb09a__balanceRefillContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
  position: relative;
}

.VisaRUB-module__pDb09a__silverEllipse {
  filter: blur(110px);
  background-color: var(--primary-text-color);
  width: 150px;
  height: 150px;
  position: absolute;
  top: -25%;
  left: 50%;
  transform: translate(-50%, -25%);
}

.VisaRUB-module__pDb09a__silverLine {
  background: linear-gradient(270deg, #ffffff05 0%, #fff6 47%, #ffffff05 100%);
  width: 70%;
  height: 1px;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}

.VisaRUB-module__pDb09a__balanceRefillHeader {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.VisaRUB-module__pDb09a__iconButtonContainer {
  width: 32px;
  height: 32px;
}

.VisaRUB-module__pDb09a__loaderHeaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.VisaRUB-module__pDb09a__loader {
  width: 116px;
  height: 116px;
}

.VisaRUB-module__pDb09a__statusContainer {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.VisaRUB-module__pDb09a__autoloadHintContainer {
  width: 100%;
  color: var(--secondary-text-color);
  justify-content: center;
  padding-inline: 20px;
  display: flex;
}

.VisaRUB-module__pDb09a__autoloadHintContainer span {
  text-align: center;
}

.VisaRUB-module__pDb09a__emptyBox {
  width: 100%;
  height: 32px;
}

.VisaRUB-module__pDb09a__qrBox {
  background-color: var(--primary-text-color);
  border-radius: 16px;
  justify-content: center;
  align-self: center;
  width: 140px;
  height: 140px;
  display: flex;
  position: relative;
}

.VisaRUB-module__pDb09a__qrImage {
  object-fit: contain;
  border-radius: 16px;
}

.VisaRUB-module__pDb09a__inputContainer {
  width: 90%;
  position: relative;
}

.VisaRUB-module__pDb09a__copyIconContainer {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
  right: 4px;
}

.VisaRUB-module__pDb09a__headerMobile {
  display: none;
}

.VisaRUB-module__pDb09a__buttonContainer {
  width: 90%;
  height: 56px;
  text-decoration: none;
}

@media not (min-width: 800px) {
  .VisaRUB-module__pDb09a__headerMobile {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .VisaRUB-module__pDb09a__balanceRefillHeader span {
    display: none;
  }

  .VisaRUB-module__pDb09a__balanceRefillHeader {
    justify-content: end;
  }

  .VisaRUB-module__pDb09a__statusContainer, .VisaRUB-module__pDb09a__balanceRefillContainer {
    gap: 16px;
  }
}

@media not (min-width: 400px) {
  .VisaRUB-module__pDb09a__balanceRefillHeader span {
    width: 185px;
  }
}

.VisaRUB-module__pDb09a__formButton {
  width: 100%;
  height: 48px;
  margin-top: 32px;
}

/* [project]/client/src/components/Market/Payment/Payment.module.css [app-client] (css) */
.Payment-module__I9jQlq__modalContainer {
  background-color: var(--article-bg-color);
  -webkit-overflow-scrolling: touch;
  z-index: 30;
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  width: 684px;
  max-height: calc(100dvh - 72px);
  padding: 32px;
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 75px #0003;
}

.Payment-module__I9jQlq__modalContainer::-webkit-scrollbar {
  display: none;
}

.Payment-module__I9jQlq__modalContainer.Payment-module__I9jQlq__visaRubModalContainer {
  border: 1px solid #343640;
  width: auto;
  max-width: 444px;
  max-height: none;
  padding: 12px;
}

.Payment-module__I9jQlq__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 136px;
  display: flex;
}

@media not (min-width: 800px) {
  .Payment-module__I9jQlq__modalContainer {
    width: calc(100vw - 32px);
    max-height: calc(100dvh - 180px);
    padding: 16px;
    top: 72px;
    left: 50%;
    transform: translate(-50%);
  }
}

@media not (min-width: 600px) {
  .Payment-module__I9jQlq__modalContainer.Payment-module__I9jQlq__visaRubModalContainer {
    width: calc(100% - 32px);
  }
}

/* [project]/client/src/components/BasicDatePicker/CustomInput/CustomInput.module.css [app-client] (css) */
.CustomInput-module__7j8qSq__gameInputContainer {
  cursor: pointer;
  transition: all .27s ease-out;
}

.CustomInput-module__7j8qSq__marketArticlesHeaderGame {
  background: var(--grey_btn-bg-color);
  height: 40px;
  color: var(--secondary-text-color);
  cursor: pointer;
  border: none;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  padding: 8px 12px;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

.CustomInput-module__7j8qSq__marketArticlesHeaderGameWithValue {
  color: var(--primary-text-color);
}

.CustomInput-module__7j8qSq__titleStyles {
  text-overflow: ellipsis;
  align-items: center;
  height: 40px;
  margin-right: 8px;
  font-family: Inter Tight, sans-serif;
  display: flex;
  overflow: hidden;
}

.CustomInput-module__7j8qSq__iconsContainer {
  background: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 20px;
  height: 20px;
  transition: all .4s;
  display: flex;
}

.CustomInput-module__7j8qSq__arrow {
  color: var(--secondary-text-color);
  transition: all .4s;
}

.CustomInput-module__7j8qSq__arrowOpen {
  color: var(--secondary-text-color);
  transform-origin: center;
  transition: all .4s;
  transform: scaleY(-1);
}

.CustomInput-module__7j8qSq__iconsContainer:hover {
  background: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.CustomInput-module__7j8qSq__iconsContainer:active {
  background: var(--active-grey_btn-bg-color);
}

.CustomInput-module__7j8qSq__clear {
  color: var(--secondary-text-color);
}

@media not (min-width: 978px) {
  .CustomInput-module__7j8qSq__marketArticlesHeaderGame {
    width: calc(50vw - 19px);
  }
}

/* [project]/client/src/components/Account/Balance/BalanceItemsMobile/BalanceItemsMobile.module.css [app-client] (css) */
@media not (min-width: 978px) {
  .BalanceItemsMobile-module__IkE8sq__balanceItemContainer {
    background-color: var(--article-bg-color);
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    padding: 16px;
    display: grid;
  }

  .BalanceItemsMobile-module__IkE8sq__rowMobileFirstElement {
    display: block;
  }

  .BalanceItemsMobile-module__IkE8sq__row, .BalanceItemsMobile-module__IkE8sq__rowStatus {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .BalanceItemsMobile-module__IkE8sq__rowStatus span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .BalanceItemsMobile-module__IkE8sq__dateAndStatusContainer {
    display: flex;
  }

  .BalanceItemsMobile-module__IkE8sq__dateAndStatus {
    border-bottom: 1px solid #353b46;
    width: 100%;
    padding-bottom: 12px;
    display: flex;
  }

  .BalanceItemsMobile-module__IkE8sq__paymentMethodImgContainer {
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 30px;
    display: flex;
    position: relative;
  }
}

@media not (min-width: 600px) {
  .BalanceItemsMobile-module__IkE8sq__row, .BalanceItemsMobile-module__IkE8sq__rowStatus {
    grid-template-columns: 140px 1fr;
    align-items: center;
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/EmptyListPlug/EmptyListPlug.module.css [app-client] (css) */
.EmptyListPlug-module__ZNsLeq__emptyListPlug {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: flex;
}

.EmptyListPlug-module__ZNsLeq__textContainer {
  white-space: pre-line;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: 440px;
  display: flex;
}

.EmptyListPlug-module__ZNsLeq__emptyListPlugFlexStart {
  align-items: flex-start;
  margin-top: 4px;
}

.EmptyListPlug-module__ZNsLeq__textContainerFlexStart {
  text-align: left;
  align-items: flex-start;
}

.EmptyListPlug-module__ZNsLeq__mainText {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  letter-spacing: .015em;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}

.EmptyListPlug-module__ZNsLeq__mainTextGrey {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-hovered-text-color);
  letter-spacing: .015em;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.EmptyListPlug-module__ZNsLeq__secondaryText {
  letter-spacing: .02em;
  color: var(--new-grey-color);
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

@media not (min-width: 800px) {
  .EmptyListPlug-module__ZNsLeq__emptyListPlug {
    gap: 12px;
  }

  .EmptyListPlug-module__ZNsLeq__textContainer {
    max-width: 100%;
  }

  .EmptyListPlug-module__ZNsLeq__mainText {
    font-size: 18px;
  }

  .EmptyListPlug-module__ZNsLeq__secondaryText {
    font-size: 14px;
  }
}

@media not (min-width: 700px) {
  .EmptyListPlug-module__ZNsLeq__emptyListPlugFlexStart {
    align-items: center;
  }

  .EmptyListPlug-module__ZNsLeq__textContainerFlexStart {
    text-align: center;
    align-items: center;
  }
}

/* [project]/client/src/components/Account/AccountTrades/AccountTrades.module.css [app-client] (css) */
.AccountTrades-module__Z_dQga__navigationItem {
  align-items: center;
  gap: 6px;
  display: flex;
}

.AccountTrades-module__Z_dQga__navigation {
  align-items: center;
  gap: 16px;
  display: flex;
}

.AccountTrades-module__Z_dQga__tradesContainer {
  flex-direction: column;
  gap: 20px;
  width: 1111px;
  display: flex;
}

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

.AccountTrades-module__Z_dQga__accountTableContainer {
  border-collapse: collapse;
  background: var(--article-bg-color);
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}

.AccountTrades-module__Z_dQga__accountTableContainer thead tr th:first-child, .AccountTrades-module__Z_dQga__accountTableContainer tbody tr td:first-child {
  padding-left: 32px;
}

.AccountTrades-module__Z_dQga__accountTableContainer thead tr th:last-child, .AccountTrades-module__Z_dQga__accountTableContainer tbody tr td:last-child {
  padding-right: 16px;
}

.AccountTrades-module__Z_dQga__accountTableContainer tbody tr:nth-child(4n+1), .AccountTrades-module__Z_dQga__accountTableContainer tbody tr:nth-child(4n+2) {
  background: var(--grey_btn-bg-color);
}

.AccountTrades-module__Z_dQga__accountTableContainer tbody tr:nth-child(4n+3), .AccountTrades-module__Z_dQga__accountTableContainer tbody tr:nth-child(4n+4) {
  background: var(--article-bg-color);
}

.AccountTrades-module__Z_dQga__accountTableContainer thead tr th {
  text-align: left;
}

.AccountTrades-module__Z_dQga__accountTableContainer td, .AccountTrades-module__Z_dQga__accountTableContainer th {
  vertical-align: center;
  padding: 0 8px;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:first-child, .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:first-child {
  width: 9%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(2), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(2) {
  width: 8%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(3), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(3) {
  width: 13%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(4), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(4) {
  width: 9%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(5), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(5) {
  width: 190px;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(6), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(6) {
  width: 10%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(7), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(7) {
  width: 17%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(8), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(8) {
  width: 12%;
}

.AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(9), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(9) {
  width: 3%;
}

.AccountTrades-module__Z_dQga__headerOfTable {
  background: var(--article-bg-color);
  height: 56px;
}

.AccountTrades-module__Z_dQga__tradesItemsMobile {
  display: none;
}

.AccountTrades-module__Z_dQga__loaderTableContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 389px;
  display: flex;
}

.AccountTrades-module__Z_dQga__paginationContainer {
  align-self: center;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  display: flex;
}

.AccountTrades-module__Z_dQga__buttonItem {
  cursor: pointer;
  background-color: var(--account-background);
  height: 40px;
  color: var(--primary-text-color);
  border: 1px solid #0000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  transition: all .4s;
  display: flex;
}

.AccountTrades-module__Z_dQga__colored {
  color: var(--main-color);
  background-color: #fbd5061a;
  border: 1px solid #fbd50680;
}

.AccountTrades-module__Z_dQga__buttonItem:hover {
  background-color: var(--grey_btn-bg-color);
  transition: all .4s;
}

.AccountTrades-module__Z_dQga__colored:hover {
  background-color: #fbd5061a;
}

@media not (min-width: 1440px) {
  .AccountTrades-module__Z_dQga__tradesContainer {
    width: calc(100% - 289px);
  }
}

@media not (min-width: 1300px) {
  .AccountTrades-module__Z_dQga__accountTableContainer thead tr th:first-child, .AccountTrades-module__Z_dQga__accountTableContainer tbody tr td:first-child {
    padding-left: 16px;
  }

  .AccountTrades-module__Z_dQga__accountTableContainer thead tr th:last-child, .AccountTrades-module__Z_dQga__accountTableContainer tbody tr td:last-child {
    padding-right: 8px;
  }

  .AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(5), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(5) {
    width: 160px;
  }

  .AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(6), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(6) {
    width: 9%;
  }

  .AccountTrades-module__Z_dQga__accountTableContainerTrades thead tr th:nth-child(7), .AccountTrades-module__Z_dQga__accountTableContainerTrades tbody tr td:nth-child(7) {
    width: 18%;
  }

  .AccountTrades-module__Z_dQga__accountTableContainer td, .AccountTrades-module__Z_dQga__accountTableContainer th {
    padding: 0 4px;
  }
}

@media not (min-width: 1200px) {
  .AccountTrades-module__Z_dQga__tradesContainer {
    width: 100%;
  }

  .AccountTrades-module__Z_dQga__loaderTableContainer {
    height: 300px;
  }
}

@media not (min-width: 978px) {
  .AccountTrades-module__Z_dQga__headerOfTable, .AccountTrades-module__Z_dQga__accountTableContainer {
    display: none;
  }

  .AccountTrades-module__Z_dQga__tradesItemsMobile {
    flex-direction: column;
    gap: 12px;
    width: 100%;
    display: flex;
  }
}

@media not (min-width: 600px) {
  .AccountTrades-module__Z_dQga__navigationContainer {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .AccountTrades-module__Z_dQga__navigation {
    width: 100%;
  }

  .AccountTrades-module__Z_dQga__navigationItem {
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/Account/AccountTrades/AccountTableRow/AccountTableRow.module.css [app-client] (css) */
.AccountTableRow-module__btH15a__itemContainer {
  flex-direction: column;
  align-content: center;
  align-items: center;
  height: 56px;
  overflow: hidden;
}

.AccountTableRow-module__btH15a__emptyDiv {
  height: 0;
}

.AccountTableRow-module__btH15a__rowWrapper {
  position: relative;
}

.AccountTableRow-module__btH15a__svgIcon {
  color: var(--primary-text-color);
  align-items: center;
  display: flex;
  transform: scale(.8);
}

.AccountTableRow-module__btH15a__amountContainer {
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: 56px;
  display: flex;
}

.AccountTableRow-module__btH15a__withrawedAmount {
  color: var(--primary-hovered-text-color);
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.AccountTableRow-module__btH15a__tradeAmount {
  color: var(--primary-text-color);
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.AccountTableRow-module__btH15a__increasedAmount {
  color: var(--green-graph);
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.AccountTableRow-module__btH15a__increaseContainer {
  background-color: #30d15833;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 24px;
  padding: 6px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 10px #0000001a;
}

.AccountTableRow-module__btH15a__increaseContainer:after {
  content: "";
  filter: blur(20px);
  background: #30d15833;
  border-radius: 50%;
  width: 79px;
  height: 49px;
  position: absolute;
  top: 10px;
  left: -20px;
}

.AccountTableRow-module__btH15a__rowMobileFirstElement {
  display: none;
}

.AccountTableRow-module__btH15a__paymentMethodImgContainer {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 20px;
  display: flex;
  position: relative;
}

.AccountTableRow-module__btH15a__iconSbp, .AccountTableRow-module__btH15a__notIcon {
  height: 22px;
  position: relative;
}

.AccountTableRow-module__btH15a__paymentMethodImgContainer img {
  object-fit: contain;
}

.AccountTableRow-module__btH15a__orderContainer {
  align-items: center;
  gap: 8px;
  display: flex;
}

.AccountTableRow-module__btH15a__date {
  letter-spacing: .015em;
  color: #fff;
  background: #9da6b833;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 67px;
  height: 32px;
  padding: 0 12px;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.AccountTableRow-module__btH15a__order {
  cursor: pointer;
  background-color: #fbd5061a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
}

.AccountTableRow-module__btH15a__order:hover {
  background-color: #fbd50626;
  transition: all .4s;
}

.AccountTableRow-module__btH15a__order:active {
  background-color: #fbd5060d;
}

.AccountTableRow-module__btH15a__arrowImage {
  transform: rotate(-90deg);
}

.AccountTableRow-module__btH15a__arrow {
  color: var(--primary-hovered-text-color);
  cursor: pointer;
  transition: all .4s;
}

.AccountTableRow-module__btH15a__rotateArrow {
  color: var(--primary-hovered-text-color);
  transform-origin: center;
  cursor: pointer;
  transition: all .4s;
  transform: scaleY(-1);
}

.AccountTableRow-module__btH15a__arrow:hover, .AccountTableRow-module__btH15a__rotateArrow:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

.AccountTableRow-module__btH15a__firstTd {
  position: relative;
}

.AccountTableRow-module__btH15a__firstTdInProcessing:after {
  content: "";
  filter: blur(35px);
  background-color: #fbd50633;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translateY(-50%);
}

.AccountTableRow-module__btH15a__firstTdInProcessing:before {
  content: "";
  background-color: #fbd506;
  width: 2px;
  height: 37px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@media not (min-width: 1300px) {
  .AccountTableRow-module__btH15a__withrawedAmount, .AccountTableRow-module__btH15a__tradeAmount, .AccountTableRow-module__btH15a__increasedAmount {
    font-size: 14px;
  }

  .AccountTableRow-module__btH15a__statusContainer {
    transform: scale(.92);
  }
}

/* [project]/client/src/components/Market/marketProductCard/marketProductCard.module.css [app-client] (css) */
.marketProductCard-module__YymB6W__cardHovered {
  background-color: var(--background-color);
  cursor: pointer;
  border-radius: 8px;
  height: 232px;
  transition: all .4s ease-in-out;
  position: relative;
}

.marketProductCard-module__YymB6W__cardHoveredDota {
  height: 237px;
}

.marketProductCard-module__YymB6W__cardHoveredRustTF {
  height: 224px;
}

.marketProductCard-module__YymB6W__cardHovered:hover {
  z-index: 22;
  transition: all .4s ease-in-out;
  transform: translateY(-14px)scale(1.05);
}

.marketProductCard-module__YymB6W__marketGunContainerDota:hover {
  background-image: linear-gradient(90deg, var(--background-color), var(--background-color)), linear-gradient(180deg, #353b46 0%, var(--background-color) 50%, var(--background-color) 70%, #353b46 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 277px;
  display: flex;
}

.marketProductCard-module__YymB6W__marketProductContainer {
  border-radius: 8px;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  display: flex;
  position: relative;
}

.marketProductCard-module__YymB6W__marketProductContainerLink {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.marketProductCard-module__YymB6W__inCart, .marketProductCard-module__YymB6W__inCartDota, .marketProductCard-module__YymB6W__inCartRust {
  background-image: linear-gradient(90deg, var(--background-color), var(--background-color)), linear-gradient(180deg, var(--main-color) 0%, var(--main-color) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  height: 100%;
}

.marketProductCard-module__YymB6W__inCart:hover {
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 313px;
  display: flex;
}

.marketProductCard-module__YymB6W__inCartDota:hover {
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 277px;
  display: flex;
}

.marketProductCard-module__YymB6W__inCartRust:hover {
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 264px;
  display: flex;
}

.marketProductCard-module__YymB6W__marketGunContainer:hover {
  background-image: linear-gradient(90deg, var(--background-color), var(--background-color)), linear-gradient(180deg, #353b46 0%, var(--background-color) 50%, var(--background-color) 70%, #353b46 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 313px;
  display: flex;
}

.marketProductCard-module__YymB6W__marketGunContainer, .marketProductCard-module__YymB6W__marketGunContainerDota, .marketProductCard-module__YymB6W__marketGunContainerRustTF {
  border: 1px solid var(--background-color);
  border-radius: 8px;
  height: 100%;
}

.marketProductCard-module__YymB6W__smallerHeight:hover {
  height: 274px;
}

.marketProductCard-module__YymB6W__marketGunContainerRustTF:hover {
  background-image: linear-gradient(90deg, var(--background-color), var(--background-color)), linear-gradient(180deg, #353b46 0%, var(--background-color) 50%, var(--background-color) 70%, #353b46 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 264px;
  display: flex;
}

.marketProductCard-module__YymB6W__photoContainer {
  align-items: center;
  width: 100%;
  height: 128px;
  display: flex;
  position: relative;
}

.marketProductCard-module__YymB6W__photoContainerTFRust {
  align-self: center;
  width: 112px;
  height: 112px;
  position: relative;
}

.marketProductCard-module__YymB6W__productSkin {
  filter: drop-shadow(-1px 14px 6px #14171c);
  object-fit: contain;
  border-radius: 8px;
}

.marketProductCard-module__YymB6W__imageAndRunesContainer {
  z-index: 1;
  flex-direction: column;
  align-self: center;
  gap: 8px;
  min-width: 140px;
  max-width: 152px;
  display: flex;
}

.marketProductCard-module__YymB6W__imageContainer {
  width: 100%;
  height: 112px;
  position: relative;
}

.marketProductCard-module__YymB6W__imageContainerDota {
  width: 100%;
  height: 98px;
  position: relative;
}

.marketProductCard-module__YymB6W__runesContainer {
  align-items: center;
  gap: 4px;
  height: 18px;
  display: flex;
}

.marketProductCard-module__YymB6W__runesContainer img {
  border-radius: 2px;
}

.marketProductCard-module__YymB6W__marketProductContainer:before {
  content: "";
  opacity: 0;
  z-index: 0;
  background-image: url("../media/GridCardNew.5ca599cc.svg");
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: 140px 140px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.marketProductCard-module__YymB6W__cardHovered:hover .marketProductCard-module__YymB6W__marketProductContainer:before {
  opacity: 1;
}

.marketProductCard-module__YymB6W__cardHovered:hover .marketProductCard-module__YymB6W__marketGunContainer, .marketProductCard-module__YymB6W__cardHovered:hover .marketProductCard-module__YymB6W__inCart, .marketProductCard-module__YymB6W__cardHoveredDota:hover .marketProductCard-module__YymB6W__marketGunContainerDota, .marketProductCard-module__YymB6W__cardHoveredDota:hover .marketProductCard-module__YymB6W__inCartDota, .marketProductCard-module__YymB6W__cardHoveredRustTF:hover .marketProductCard-module__YymB6W__marketGunContainerRustTF, .marketProductCard-module__YymB6W__cardHoveredRustTF:hover .marketProductCard-module__YymB6W__inCartRust {
  box-shadow: 0 0 30px 6px #0003;
}

.marketProductCard-module__YymB6W__marketGunCardHeader {
  z-index: 1;
  justify-content: space-between;
  height: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.marketProductCard-module__YymB6W__timeContainer {
  gap: 4px;
  display: flex;
}

.marketProductCard-module__YymB6W__lockColor {
  color: var(--sidebar-orange-color);
}

.marketProductCard-module__YymB6W__marketGunCardSkinContainer {
  position: relative;
}

.marketProductCard-module__YymB6W__nameAndPriceContainer {
  z-index: 1;
}

.marketProductCard-module__YymB6W__marketGunCardPrice {
  align-items: center;
  gap: 8px;
  display: flex;
}

.marketProductCard-module__YymB6W__saleContainer {
  text-align: center;
  background-color: #30d15829;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 31px;
  height: 20px;
  display: flex;
}

.marketProductCard-module__YymB6W__marketGunCardName {
  flex-direction: column;
  gap: 2px;
  height: 32px;
  margin-top: 10px;
  line-height: 14px;
  display: flex;
}

.marketProductCard-module__YymB6W__marketGunCardNameType {
  color: var(--secondary-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
}

.marketProductCard-module__YymB6W__marketGunCardNameItemName {
  color: var(--primary-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
}

.marketProductCard-module__YymB6W__marketGunCardNameItemNameCS {
  color: var(--grey-color-new);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: .02em;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
}

.marketProductCard-module__YymB6W__qualityNumbers {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  align-items: center;
  gap: 4px;
  margin-top: -6px;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.marketProductCard-module__YymB6W__emptyQuality {
  height: 16px;
  margin-top: -6px;
}

.marketProductCard-module__YymB6W__qualityCaption {
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 600;
}

.marketProductCard-module__YymB6W__stickersContainer {
  z-index: 3;
  flex-direction: column;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 2px;
  right: 0;
}

.marketProductCard-module__YymB6W__stickersContainer img {
  object-fit: cover;
}

.marketProductCard-module__YymB6W__bottomPart {
  display: none;
}

.marketProductCard-module__YymB6W__cardButtonCS {
  width: 100%;
  height: 40px;
  display: block;
}

.marketProductCard-module__YymB6W__cardButtonCS button {
  border-radius: 0 0 5px 5px;
}

.marketProductCard-module__YymB6W__cardButton {
  width: 100%;
  height: 40px;
  display: none;
}

.marketProductCard-module__YymB6W__cardButton button {
  border-radius: 0 0 5px 5px;
}

.marketProductCard-module__YymB6W__cardButtonText {
  letter-spacing: .02em;
  color: var(--black-text-color);
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

.marketProductCard-module__YymB6W__qualityInputWidth {
  width: 100%;
  height: 25px;
}

.marketProductCard-module__YymB6W__cardHovered:hover .marketProductCard-module__YymB6W__bottomPart {
  display: block;
}

.marketProductCard-module__YymB6W__cardHoveredDota:hover .marketProductCard-module__YymB6W__cardButton, .marketProductCard-module__YymB6W__cardHoveredRustTF:hover .marketProductCard-module__YymB6W__cardButton {
  border-radius: 0 0 5px 5px;
  display: block;
}

.marketProductCard-module__YymB6W__quality {
  margin-bottom: 18px;
  padding: 0 12px;
}

@media not (min-width: 1213px) {
  .marketProductCard-module__YymB6W__stickersContainer {
    right: 4px;
  }
}

@media not (min-width: 800px) {
  .marketProductCard-module__YymB6W__marketProductContainer {
    gap: 12px;
    padding: 12px;
  }

  .marketProductCard-module__YymB6W__photoContainer, .marketProductCard-module__YymB6W__imageContainer {
    height: 109px;
  }

  .marketProductCard-module__YymB6W__imageContainerDota {
    height: 89px;
  }

  .marketProductCard-module__YymB6W__photoContainerTFRust {
    width: 100px;
    height: 100px;
  }

  .marketProductCard-module__YymB6W__marketGunCardName {
    margin-top: 8px;
  }
}

/* [project]/client/src/components/Market/QualityComponent/QualityComponent.module.css [app-client] (css) */
.QualityComponent-module__rCR3Aa__slider {
  align-items: center;
  gap: 10px;
  display: flex;
}

.QualityComponent-module__rCR3Aa__sliderWithHiddenFloat {
  flex: 1;
  align-items: center;
  gap: 6px;
  display: flex;
  position: relative;
}

.QualityComponent-module__rCR3Aa__inputHiddenFloatContainer {
  flex: 1;
  display: flex;
}

.QualityComponent-module__rCR3Aa__floatContainer {
  background-color: var(--grey_btn-bg-color);
  letter-spacing: .015em;
  color: var(--primary-hovered-text-color);
  white-space: nowrap;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 10;
  border: 1px solid #3e434d;
  border-radius: 8px;
  height: 29px;
  padding: 8px 12px;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  display: none;
  position: absolute;
  top: 18px;
  transform: translateX(-50%);
}

.QualityComponent-module__rCR3Aa__textContainer {
  justify-content: flex-start;
  width: 25px;
  display: flex;
}

.QualityComponent-module__rCR3Aa__range, .QualityComponent-module__rCR3Aa__increasedRangeHeight {
  appearance: none;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-appearance: none !important;
}

.QualityComponent-module__rCR3Aa__rangeWithHiddenFloat {
  appearance: none;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  position: relative;
  -webkit-appearance: none !important;
}

.QualityComponent-module__rCR3Aa__range::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none !important;
}

.QualityComponent-module__rCR3Aa__range::-moz-range-thumb {
  -moz-appearance: none;
}

.QualityComponent-module__rCR3Aa__increasedRangeHeight::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none !important;
}

.QualityComponent-module__rCR3Aa__increasedRangeHeight::-moz-range-thumb {
  -moz-appearance: none;
}

.QualityComponent-module__rCR3Aa__rangeWithHiddenFloat::-webkit-slider-thumb {
  display: none;
}

.QualityComponent-module__rCR3Aa__rangeWithHiddenFloat::-moz-range-thumb {
  display: none;
}

.QualityComponent-module__rCR3Aa__thumbContainer {
  cursor: pointer;
  border-radius: 8px;
  flex: 1;
  width: 70px;
  height: 40px;
  position: absolute;
  top: 0;
}

.QualityComponent-module__rCR3Aa__container {
  cursor: pointer;
  width: 100%;
  height: 11px;
  position: absolute;
  top: 24px;
}

.QualityComponent-module__rCR3Aa__containerQualityRow {
  flex: 1;
  display: flex;
  position: relative;
}

.QualityComponent-module__rCR3Aa__containerRow {
  cursor: pointer;
  width: 100%;
  height: 11px;
  position: absolute;
  top: 0;
}

.QualityComponent-module__rCR3Aa__containerRowHiddenFloat {
  width: calc(100% - 31px);
  height: 11px;
  position: absolute;
  top: 0;
}

.QualityComponent-module__rCR3Aa__thumb {
  margin-left: -5px;
  position: absolute;
  top: 6px;
}

.QualityComponent-module__rCR3Aa__thumbNotHidden {
  margin-left: -5px;
  position: absolute;
  top: 0;
}

.QualityComponent-module__rCR3Aa__notRange::-webkit-slider-thumb {
  background: none;
}

.QualityComponent-module__rCR3Aa__notRange::-moz-range-thumb {
  background: none;
}

.QualityComponent-module__rCR3Aa__range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 2px;
}

.QualityComponent-module__rCR3Aa__range::-moz-range-track {
  -moz-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 2px;
}

.QualityComponent-module__rCR3Aa__increasedRangeHeight::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 4px;
}

.QualityComponent-module__rCR3Aa__increasedRangeHeight::-moz-range-track {
  -moz-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 4px;
}

.QualityComponent-module__rCR3Aa__rangeWithHiddenFloat::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 4px;
}

.QualityComponent-module__rCR3Aa__rangeWithHiddenFloat::-moz-range-track {
  -moz-appearance: none;
  background: -webkit-linear-gradient(to right, #0d9a30 0%, #0d9a30 7%, #30d158 7%, #30d158 15%, #ebce34 15%, #ebce34 38%, #ff9f0a 38%, #ff9f0a 45%, #d63232 45%, #d63232 100%);
  background: linear-gradient(to right, #0d9a30 0% 7%, #30d158 7% 15%, #ebce34 15% 38%, #ff9f0a 38% 45%, #d63232 45% 100%);
  border-radius: 4px;
  height: 4px;
}

.QualityComponent-module__rCR3Aa__sliderColumn {
  flex-direction: column;
  gap: 8px;
  display: flex;
  position: relative;
}

.QualityComponent-module__rCR3Aa__typographyContainer {
  justify-content: space-between;
  display: flex;
}

/* [project]/client/src/components/Market/ProductPageContainer/ProductPageAndDescription/ProductPageAndDescription.module.css [app-client] (css) */
.ProductPageAndDescription-module__Tb5Xxq__productPageSkinAndDescription {
  gap: 65px;
  width: 100%;
  max-width: 1400px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkin {
  background-image: url("../media/GridProductPage.8adbe17e.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: var(--article-bg-color);
  background-position: center;
  border-radius: 16px;
  flex-direction: column;
  gap: 24px;
  width: 735px;
  min-width: 500px;
  max-width: 735px;
  height: 477px;
  padding: 24px;
  display: flex;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__fullImageContainer {
  width: 100%;
  height: 70vh;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__imageContainer {
  width: 100%;
  height: 350px;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__skinImg {
  object-fit: cover;
  object-position: center;
  filter: drop-shadow(-24px 50px 32px #0d0e1140);
  width: 100%;
  height: 100%;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerPrice {
  letter-spacing: .02em;
  text-align: center;
  color: #ffffffe5;
  white-space: nowrap;
  margin-top: 8px;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinRustAndTF {
  gap: 28px;
  height: 298px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinDota {
  gap: 47px;
  height: 398px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinHeader {
  justify-content: space-between;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinHeaderDota {
  justify-content: flex-start;
  gap: 1rem;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinHeaderInfoContainer {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__time {
  background-color: var(--time-color);
  width: auto;
  height: 32px;
  color: var(--sidebar-orange-color);
  border-radius: 5px;
  gap: 5px;
  padding: 8px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__qualityInputWidth {
  width: 150px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinContainer {
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 373px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__noOnMarket {
  margin-top: 24px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageSkinContainerDota {
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 271px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__noOnMarketDota {
  margin-top: 30px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainer {
  gap: 24px;
  transition: all .4s;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainer:hover {
  opacity: 1;
  transition: all .4s;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainerDota {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 79px;
  padding: 0;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerContainer {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 72px;
  height: 126px;
  transition: all .4s;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota {
  opacity: .6;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 72px;
  height: 79px;
  transition: all .4s;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:hover {
  opacity: 1;
  transition: all .4s;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:hover .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
  background-color: var(--black-text-color);
  z-index: 3;
  border: 1px solid #0003;
  border-radius: 4px;
  align-items: center;
  gap: 16px;
  width: max-content;
  height: 28px;
  padding: 6px 8px;
  display: flex;
  transform: translateY(10px);
}

.ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:hover .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
  background-color: var(--black-text-color);
  z-index: 3;
  border: 1px solid #0003;
  border-radius: 4px;
  align-items: center;
  gap: 16px;
  width: max-content;
  height: 28px;
  padding: 6px 8px;
  transition: all .4s;
  display: flex;
  transform: translateY(-10px);
}

.ProductPageAndDescription-module__Tb5Xxq__sticker {
  cursor: pointer;
  width: 72px;
  height: 72px;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerDota {
  width: 72px;
  height: 51px;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__stickerDota img {
  border-radius: 6px;
  transform: translateY(-10px);
}

.ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
  transition: all .4s;
  display: none;
}

.ProductPageAndDescription-module__Tb5Xxq__polygonContainer {
  position: relative !important;
}

.ProductPageAndDescription-module__Tb5Xxq__polygonContainerPage {
  width: 72px;
  height: 72px;
  position: relative;
}

.ProductPageAndDescription-module__Tb5Xxq__empty {
  letter-spacing: .02em;
  text-align: center;
  color: var(--grey-color-new);
  margin-top: 8px;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.ProductPageAndDescription-module__Tb5Xxq__eyeContainer {
  gap: 1rem;
  display: flex;
  top: 24px;
  left: 24px;
}

.ProductPageAndDescription-module__Tb5Xxq__eyeContainer button {
  width: 32px;
  height: 32px;
}

.ProductPageAndDescription-module__Tb5Xxq__productPageDescription {
  width: 100%;
  min-width: 450px;
  max-width: 600px;
}

.ProductPageAndDescription-module__Tb5Xxq__rarity {
  height: 36px;
  margin-bottom: 14px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__rarityText:first-child button {
  border-radius: 5px 0 0 5px;
}

.ProductPageAndDescription-module__Tb5Xxq__rarityText:last-child button {
  border-radius: 0 5px 5px 0;
}

.ProductPageAndDescription-module__Tb5Xxq__rarityText {
  width: 100px;
}

.ProductPageAndDescription-module__Tb5Xxq__qualityProductContainer {
  border-top: 1px solid var(--basket-border);
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 24px;
  display: flex;
}

.ProductPageAndDescription-module__Tb5Xxq__qualityProductContainerWithoutBorder {
  border-top: none;
}

.ProductPageAndDescription-module__Tb5Xxq__incomingQuality span {
  color: var(--primary-text-color) !important;
}

.ProductPageAndDescription-module__Tb5Xxq__incomingQuality, .ProductPageAndDescription-module__Tb5Xxq__link {
  text-decoration: none;
}

.ProductPageAndDescription-module__Tb5Xxq__qualityProduct {
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 10px;
  display: flex;
}

@media not (min-width: 1350px) {
  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:first-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:first-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: flex-start;
    transition: all .4s;
  }

  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:last-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:last-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: flex-end;
    transition: all .4s;
  }
}

@media not (min-width: 1300px) {
  .ProductPageAndDescription-module__Tb5Xxq__polygonContainerPage {
    width: 64px;
    height: 64px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainer {
    gap: 4px;
  }
}

@media not (min-width: 1200px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinAndDescription {
    gap: 32px;
  }
}

@media not (min-width: 1026px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinAndDescription {
    flex-direction: column;
    align-items: center;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageDescription {
    align-self: center;
    width: 600px;
    min-width: 600px;
    max-width: 600px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__rarityText {
    width: 300px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageSkin {
    background-size: 70%;
    width: 100%;
  }

  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:first-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:first-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: center;
    transition: all .4s;
  }

  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:last-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:last-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: center;
    transition: all .4s;
  }
}

@media not (min-width: 941px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageSkin {
    gap: 16px;
    height: 318px;
    padding: 16px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__qualityInputWidth {
    width: 100px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinContainer {
    gap: 16px;
    height: 238px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinContainerDota {
    gap: 16px;
    height: 176px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__noOnMarketDota {
    margin-top: 10px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinDota {
    gap: 32px;
    height: 267px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageSkinRustAndTF {
    gap: 16px;
    height: 196px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainer {
    align-content: center;
    gap: 16px;
    height: 92px;
    transform: translateY(-16px);
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainerDota {
    gap: 12px;
    height: 60px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota {
    width: 48px;
    height: 60px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerContainer {
    width: 60px;
    height: 104px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__sticker {
    width: 48px;
    height: 48px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerDota {
    width: 45px;
    height: 32px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerDota img {
    transform: translateY(-8px);
  }

  .ProductPageAndDescription-module__Tb5Xxq__polygonContainer {
    width: 42px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__qualityProductContainer {
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    border-top: none;
    flex-wrap: nowrap;
    width: 100%;
    height: 36px;
    margin-bottom: 60px;
    padding: 0;
    display: inline-flex;
    overflow: scroll hidden;
  }

  .ProductPageAndDescription-module__Tb5Xxq__qualityProductContainer::-webkit-scrollbar {
    display: none;
  }

  .ProductPageAndDescription-module__Tb5Xxq__qualityProduct {
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -moz-box-orient: horizontal;
    scroll-snap-align: start;
    -webkit-box-orient: vertical;
    display: flex;
    max-width: 328px !important;
  }

  .ProductPageAndDescription-module__Tb5Xxq__polygonContainerPage {
    width: 42px;
    height: 42px;
    position: relative;
  }
}

@media not (min-width: 800px) {
  .ProductPageAndDescription-module__Tb5Xxq__fullImageContainer {
    height: 50vh;
  }
}

@media not (min-width: 650px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageDescription {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .ProductPageAndDescription-module__Tb5Xxq__rarityText {
    width: 164px;
  }

  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:first-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:first-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: flex-start;
    transition: all .4s;
  }

  :is(.ProductPageAndDescription-module__Tb5Xxq__stickerContainer:last-child:hover, .ProductPageAndDescription-module__Tb5Xxq__stickerContainerDota:last-child:hover) .ProductPageAndDescription-module__Tb5Xxq__helpTextContainer {
    align-self: flex-end;
    transition: all .4s;
  }
}

@media not (min-width: 540px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageSkin {
    background-position: 140px -97px;
    background-size: 700px 700px;
    width: 100%;
    min-width: 100%;
  }

  .ProductPageAndDescription-module__Tb5Xxq__fullImageContainer {
    height: 40vh;
  }
}

@media not (min-width: 500px) {
  .ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainer {
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }

  .ProductPageAndDescription-module__Tb5Xxq__productPageStickersContainerDota {
    justify-content: center;
    gap: 12px;
    width: auto;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerPriceSmaller {
    font-size: 10px;
    line-height: 10px;
  }
}

@media not (min-width: 420px) {
  .ProductPageAndDescription-module__Tb5Xxq__polygonContainerPage {
    width: 40px;
    height: 40px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__stickerContainer {
    width: 48px;
  }

  .ProductPageAndDescription-module__Tb5Xxq__sticker {
    width: 40px;
    height: 40px;
  }
}

/* [project]/client/src/components/Market/ProductPagePriceAndButton/ProductPagePriceAndButton.module.css [app-client] (css) */
.ProductPagePriceAndButton-module__dKnXXG__priceAndButtonContainer {
  border-bottom: 1px solid var(--basket-border);
  justify-content: space-between;
  width: 100%;
  height: 88px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: flex;
}

.ProductPagePriceAndButton-module__dKnXXG__productPageButton {
  width: 232px;
  height: 56px;
}

@media not (min-width: 500px) {
  .ProductPagePriceAndButton-module__dKnXXG__priceAndButtonContainer {
    flex-direction: column;
    gap: 32px;
    width: 100%;
    height: auto;
    padding-bottom: 32px;
  }

  .ProductPagePriceAndButton-module__dKnXXG__productPageButton {
    width: 100%;
  }
}

/* [project]/client/src/components/Market/sidebar/sidebar.module.css [app-client] (css) */
@keyframes sidebar-module___LygZG__fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

.sidebar-module___LygZG__overlay {
  z-index: 25;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.sidebar-module___LygZG__overlayNone {
  display: none;
}

.sidebar-module___LygZG__marketSidebarLaptop {
  background-color: var(--article-bg-color);
  border-radius: 5px;
  width: 238px;
  height: max-content;
  padding: 24px 16px 12px;
  display: block;
}

.sidebar-module___LygZG__marketSidebarTitle {
  background-color: var(--article-bg-color);
  border-bottom: 1px solid var(--grey_btn-bg-color);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 16px;
  display: flex;
}

.sidebar-module___LygZG__marketSidebarTitleMobile {
  display: none;
}

.sidebar-module___LygZG__marketSidebarTitleLaptop {
  display: flex;
}

.sidebar-module___LygZG__clearAll {
  color: var(--grey-color-new);
  cursor: pointer;
  transition: all .4s;
}

.sidebar-module___LygZG__clearAll:hover {
  filter: brightness(90%);
  transition: all .4s;
}

.sidebar-module___LygZG__marketSidebarProperties {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.sidebar-module___LygZG__filtersContainer {
  border-bottom: 1px solid var(--grey_btn-bg-color);
}

.sidebar-module___LygZG__filtersContainer:last-child .sidebar-module___LygZG__typesItemContainer {
  padding-bottom: 12px;
}

.sidebar-module___LygZG__filtersContainer:last-child {
  border-bottom: none;
}

.sidebar-module___LygZG__addZIndex {
  z-index: 50;
}

.sidebar-module___LygZG__marketSidebarProperties .sidebar-module___LygZG__marketSidebarCostAndFloat:last-child .sidebar-module___LygZG__sidebarInputContainer {
  border-bottom: none;
  padding-bottom: 0;
}

.sidebar-module___LygZG__marketSidebarCostAndFloat {
  border-bottom: 1px solid var(--grey_btn-bg-color);
  flex-direction: column;
  display: flex;
}

.sidebar-module___LygZG__typesItemContainer {
  padding-bottom: 16px;
  animation: .3s cubic-bezier(.39, .575, .565, 1) both sidebar-module___LygZG__fade-in-top;
}

.sidebar-module___LygZG__heroInput {
  margin-bottom: 16px;
}

.sidebar-module___LygZG__scrollFiltersContainer {
  flex-direction: column;
  gap: 12px;
  padding-bottom: 4px;
  display: flex;
  overflow-y: auto;
}

.sidebar-module___LygZG__scrollFiltersContainer::-webkit-scrollbar {
  background-color: var(--grey_btn-bg-color);
  width: 3px;
}

.sidebar-module___LygZG__scrollFiltersContainer::-webkit-scrollbar-track {
  background: var(--grey_btn-bg-color);
}

.sidebar-module___LygZG__scrollFiltersContainer::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 8px;
  height: 33px;
}

.sidebar-module___LygZG__hide {
  display: none;
}

.sidebar-module___LygZG__typesGunsItemContainer {
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 12px;
  display: flex;
}

.sidebar-module___LygZG__typesGunsItemContainerNull {
  padding-top: 0;
}

.sidebar-module___LygZG__typesItem {
  align-items: center;
  gap: 8px;
  display: flex;
}

.sidebar-module___LygZG__customCheckbox {
  cursor: pointer;
  appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  transition: all .4s;
  position: relative;
}

.sidebar-module___LygZG__customCheckbox:before {
  content: "";
  border: 1px solid var(--input-border);
  background-color: var(--grey_btn-bg-color);
  box-sizing: border-box;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  transition: all .4s;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.sidebar-module___LygZG__customCheckbox:hover:before {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

.sidebar-module___LygZG__customCheckbox:checked:after {
  content: url("../media/Checked.ee457bd6.svg");
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  box-sizing: border-box;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  transition: all .4s;
  position: absolute;
  top: 0;
  right: 0;
}

.sidebar-module___LygZG__customCheckbox:checked:hover:after {
  background-color: var(--button-main-hover);
  border: 1px solid var(--main-color);
  transition: all .4s;
}

.sidebar-module___LygZG__typesItemLabel {
  color: var(--primary-hovered-text-color);
  cursor: pointer;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  transition: all .4s;
}

.sidebar-module___LygZG__typesItemLabel:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

.sidebar-module___LygZG__customCheckbox:checked + .sidebar-module___LygZG__typesItemLabel {
  color: var(--primary-text-color);
}

.sidebar-module___LygZG__typesItemLabelRarity {
  cursor: pointer;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.sidebar-module___LygZG__typesItemLabelColorGrey {
  color: var(--sidebar-grey-color);
}

.sidebar-module___LygZG__typesItemLabelColorGreen {
  color: var(--sidebar-green-color);
}

.sidebar-module___LygZG__typesItemLabelColorBlue {
  color: var(--sidebar-blue-color);
}

.sidebar-module___LygZG__typesItemLabelColorDarkBlue {
  color: var(--sidebar-dark-blue-color);
}

.sidebar-module___LygZG__typesItemLabelColorViolet {
  color: var(--sidebar-violet-color);
}

.sidebar-module___LygZG__typesItemLabelColorPink {
  color: var(--sidebar-pink-color);
}

.sidebar-module___LygZG__typesItemLabelColorRed {
  color: var(--sidebar-red-color);
}

.sidebar-module___LygZG__typesItemLabelColorOrange {
  color: var(--sidebar-orange-color);
}

.sidebar-module___LygZG__typesItemLabelColorMain {
  color: var(--main-color);
}

.sidebar-module___LygZG__minus {
  color: var(--secondary-text-color);
}

.sidebar-module___LygZG__sidebarInputContainer {
  align-items: center;
  gap: 4px;
  padding-bottom: 16px;
  animation: .3s cubic-bezier(.39, .575, .565, 1) both sidebar-module___LygZG__fade-in-top;
  display: flex;
}

.sidebar-module___LygZG__marketSidebarCostAndFloatLast {
  border-bottom: none;
  padding-bottom: 12px;
}

.sidebar-module___LygZG__marketSidebarCostAndFloatLast .sidebar-module___LygZG__sidebarInputContainer {
  padding-bottom: 0;
}

.sidebar-module___LygZG__inputBox {
  width: 50%;
  position: relative;
}

.sidebar-module___LygZG__currencyInput {
  display: block;
  position: absolute;
  top: 5px;
  right: 6px;
}

.sidebar-module___LygZG__currencyInputHidden {
  display: none;
}

.sidebar-module___LygZG__sidebarInputMobile {
  width: 145px !important;
}

.sidebar-module___LygZG__buttonType {
  height: 10px;
  width: 100px !important;
}

.sidebar-module___LygZG__buttonDiffTypes {
  height: 24px;
}

.sidebar-module___LygZG__marketSidebarMobile {
  display: none;
}

@media not (min-width: 1440px) {
  .sidebar-module___LygZG__marketSidebarLaptop {
    margin-left: 16px;
  }
}

@media not (min-width: 1050px) {
  .sidebar-module___LygZG__marketSidebarMobile {
    background-color: var(--bg-color);
    z-index: 50;
    border-radius: 0;
    width: 100%;
    height: calc(100dvh - 72px);
    padding-top: 0;
    animation: .3s cubic-bezier(.39, .575, .565, 1) both sidebar-module___LygZG__fade-in-top;
    display: block;
    position: fixed;
    top: 72px;
    right: 0;
  }

  .sidebar-module___LygZG__marketSidebarMobileHide {
    display: none;
  }

  .sidebar-module___LygZG__marketSidebarTitle {
    background-color: var(--article-bg-color);
    border-bottom: none;
    align-items: center;
    height: 72px;
    margin-bottom: 20px;
    padding: 16px;
    display: flex;
  }

  .sidebar-module___LygZG__marketSidebarTitleAndButton {
    align-items: center;
    gap: 16px;
    display: flex;
  }

  .sidebar-module___LygZG__heroInput {
    width: calc(50vw - 32px);
  }

  .sidebar-module___LygZG__buttonClearAllMobile {
    width: auto;
    height: 36px;
  }

  .sidebar-module___LygZG__marketSidebarProperties {
    width: 100%;
    height: calc(100dvh - 180px);
    margin-bottom: 0;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden scroll;
  }

  .sidebar-module___LygZG__marketSidebarProperties::-webkit-scrollbar {
    display: none;
  }

  .sidebar-module___LygZG__typesItemLabel, .sidebar-module___LygZG__typesItemLabelRarity {
    font-size: 14px;
  }

  .sidebar-module___LygZG__marketArticlesHeaderGameMobile {
    width: 328px;
    height: 40px;
  }

  .sidebar-module___LygZG__arrow {
    color: var(--secondary-text-color);
    width: 12px;
    height: 8px;
  }

  .sidebar-module___LygZG__marketSidebarProperties .sidebar-module___LygZG__filtersContainer:last-child .sidebar-module___LygZG__typesItemContainer {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .sidebar-module___LygZG__typesGunsItemContainer {
    width: 100%;
  }

  .sidebar-module___LygZG__typesItemContainer {
    gap: 16px;
  }

  .sidebar-module___LygZG__marketSidebarTitleMobile {
    display: flex;
  }

  .sidebar-module___LygZG__marketSidebarTitleLaptop {
    display: none;
  }

  .sidebar-module___LygZG__marketSidebarMobile::-webkit-scrollbar {
    display: none;
  }

  .sidebar-module___LygZG__marketSidebarLaptop {
    display: none;
  }

  .sidebar-module___LygZG__modal {
    z-index: 40;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
}

@media not (min-width: 600px) {
  .sidebar-module___LygZG__heroInput {
    width: 100%;
  }
}

/* [project]/client/src/components/Market/sidebar/FilterTitle/FilterTitle.module.css [app-client] (css) */
@keyframes FilterTitle-module__gk1Gba__scale-in-center {
  0% {
    opacity: 1;
    transform: scale(0);
  }

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

.FilterTitle-module__gk1Gba__marketSidebarTitleEachGroup {
  cursor: pointer;
  justify-content: space-between;
  padding-bottom: 12px;
  display: flex;
}

.FilterTitle-module__gk1Gba__marketSidebarTitleEachGroup:last-child {
  padding-bottom: 0;
}

.FilterTitle-module__gk1Gba__marketSidebarTitleClear {
  color: var(--main-color);
  align-items: center;
  gap: 8px;
  display: flex;
}

.FilterTitle-module__gk1Gba__transformIcon {
  animation: .5s cubic-bezier(.25, .46, .45, .94) both FilterTitle-module__gk1Gba__scale-in-center;
}

.FilterTitle-module__gk1Gba__iconButtonSidebar {
  background-color: var(--article-bg-color);
  cursor: pointer;
  border: none;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .4s;
  display: flex;
}

.FilterTitle-module__gk1Gba__iconButtonSidebar:hover {
  background-color: var(--hovered-grey_btn-bg-color);
}

.FilterTitle-module__gk1Gba__iconButtonSidebar:active {
  background-color: var(--active-grey_btn-bg-color);
}

.FilterTitle-module__gk1Gba__minus {
  color: var(--secondary-text-color);
}

@media not (min-width: 941px) {
  .FilterTitle-module__gk1Gba__iconButtonSidebar {
    background-color: var(--bg-color);
  }

  .FilterTitle-module__gk1Gba__iconButtonSidebar:hover {
    background-color: var(--hovered-grey_btn-bg-color);
  }

  .FilterTitle-module__gk1Gba__iconButtonSidebar:active {
    background-color: var(--active-grey_btn-bg-color);
  }
}

/* [project]/client/src/components/Market/sidebar/Stickers/Stickers.module.css [app-client] (css) */
.Stickers-module__d6y4nW__container {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  display: flex;
}

.Stickers-module__d6y4nW__inputsContainer {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.Stickers-module__d6y4nW__addSticker {
  letter-spacing: .02em;
  width: 100%;
  height: 40px;
  color: var(--secondary-text-color);
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: Inter Tight, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  transition: all .4s;
  display: flex;
}

.Stickers-module__d6y4nW__addSticker:hover, .Stickers-module__d6y4nW__addSticker svg:hover {
  color: var(--primary-text-color);
}

/* [project]/client/src/components/Market/sidebar/InputForStickers/InputForStickers.module.css [app-client] (css) */
.InputForStickers-module__kYJzGa__inputContainer {
  width: 100%;
  height: 40px;
  position: relative;
}

.InputForStickers-module__kYJzGa__inputStyles {
  background-color: var(--grey_btn-bg-color);
  box-sizing: border-box;
  height: 40px;
  color: var(--primary-text-color);
  letter-spacing: .02em;
  border: 1px solid var(--grey_btn-bg-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  outline: none;
  align-items: center;
  width: 100%;
  padding-left: 36px;
  padding-right: 28px;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.InputForStickers-module__kYJzGa__inputStyles:focus {
  background-color: var(--input-hover-bg-color);
}

.InputForStickers-module__kYJzGa__inputStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.InputForStickers-module__kYJzGa__active {
  border: 1px solid var(--secondary-text-color);
}

.InputForStickers-module__kYJzGa__inputContainerSearch {
  color: var(--secondary-text-color);
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.InputForStickers-module__kYJzGa__sticker {
  z-index: 2;
  object-fit: contain;
  margin-right: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.InputForStickers-module__kYJzGa__deleteIcon {
  color: var(--secondary-text-color);
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.InputForStickers-module__kYJzGa__deleteIcon:hover {
  color: var(--primary-text-color);
}

/* [project]/client/src/components/Market/sidebar/StickersSearchResult/StickersSearchResult.module.css [app-client] (css) */
.StickersSearchResult-module__9oHWYG__searchContainer {
  background-color: var(--article-bg-color);
  border: 1px solid var(--grey_btn-bg-color);
  z-index: 3;
  width: 100%;
  color: var(--primary-hovered-text-color);
  border-radius: 6px;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 48px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
  box-shadow: 0 -5px 25px #00000040;
}

.StickersSearchResult-module__9oHWYG__searchItemFirstElement {
  background-color: var(--article-bg-color);
  border-bottom: 1px solid var(--grey_btn-bg-color);
  border-radius: 6px 6px 0 0;
  align-items: center;
  height: 40px;
  padding: 0 8px 0 20px;
  display: flex;
}

.StickersSearchResult-module__9oHWYG__searchItemFirstElement span {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  white-space: normal;
  letter-spacing: .02em;
  -webkit-box-orient: vertical;
  width: 100%;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.StickersSearchResult-module__9oHWYG__searchItemFirstElementWithoutBorder {
  border: none;
  border-radius: 6px;
}

.StickersSearchResult-module__9oHWYG__searchItem {
  background-color: var(--article-bg-color);
  border-bottom: 1px solid var(--grey_btn-bg-color);
  letter-spacing: .02em;
  width: 100%;
  height: 52px;
  color: var(--primary-text-color);
  cursor: pointer;
  align-items: center;
  gap: 2px;
  padding: 4px;
  font-family: Inter Tight, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.StickersSearchResult-module__9oHWYG__searchItem:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.StickersSearchResult-module__9oHWYG__searchItem:hover {
  background-color: var(--grey_btn-bg-color);
}

.StickersSearchResult-module__9oHWYG__searchItem img {
  object-fit: contain;
}

.StickersSearchResult-module__9oHWYG__text {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.StickersSearchResult-module__9oHWYG__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.StickersSearchResult-module__9oHWYG__quality {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

/* [project]/client/src/components/AccountComponent/SalesHistory/SalesHistoryItem/SalesItems/SalesItems.module.css [app-client] (css) */
.SalesItems-module__fNizwq__itemContainer {
  background-color: var(--grey_btn-bg-color);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 12px 16px 12px 12px;
  display: flex;
}

.SalesItems-module__fNizwq__itemContainer.SalesItems-module__fNizwq__odd {
  background-color: var(--article-bg-color);
}

.SalesItems-module__fNizwq__rarityAndItemInfo {
  flex: 1;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.SalesItems-module__fNizwq__itemInfo {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.SalesItems-module__fNizwq__rarityColor {
  border-radius: 3px;
  width: 3px;
  height: 40px;
}

.SalesItems-module__fNizwq__itemFullName {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.SalesItems-module__fNizwq__itemFullName p {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  overflow: hidden;
}

.SalesItems-module__fNizwq__image {
  object-fit: contain;
  filter: drop-shadow(-24px 50px 32px #0d0e1140);
}

.SalesItems-module__fNizwq__price {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.SalesItems-module__fNizwq__itemName {
  letter-spacing: .02em;
  color: var(--grey-color-new);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.SalesItems-module__fNizwq__itemSkinName {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}

@media not (min-width: 978px) {
  .SalesItems-module__fNizwq__itemContainer {
    padding: 10px 16px 10px 10px;
  }

  .SalesItems-module__fNizwq__itemContainer.SalesItems-module__fNizwq__odd {
    background-color: var(--grey_btn-bg-color);
  }
}

@media not (min-width: 480px) {
  .SalesItems-module__fNizwq__itemName {
    font-size: 11px;
  }

  .SalesItems-module__fNizwq__itemSkinName {
    font-size: 12px;
  }

  .SalesItems-module__fNizwq__price {
    font-size: 13px;
  }

  .SalesItems-module__fNizwq__itemFullName {
    max-width: 110px;
  }
}

/* [project]/client/src/components/Account/AccountTrades/TradeItem/SaleItems/SaleItems.module.css [app-client] (css) */
.SaleItems-module__uxKCYq__salesItemsContainer {
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 8px;
  width: 100%;
  padding: 12px 0 20px;
  display: grid;
}

.SaleItems-module__uxKCYq__salesItem {
  background-color: var(--grey_btn-bg-color);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

@media not (min-width: 978px) {
  .SaleItems-module__uxKCYq__salesItemsContainer {
    padding: 12px 0 0;
  }
}

/* [project]/client/src/components/Account/AccountTrades/TradesItemsMobile/TradesItemsMobile.module.css [app-client] (css) */
@media not (min-width: 978px) {
  .TradesItemsMobile-module__GFgvYG__tradeItemContainer {
    background-color: var(--article-bg-color);
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    padding: 16px;
    display: grid;
  }

  .TradesItemsMobile-module__GFgvYG__row, .TradesItemsMobile-module__GFgvYG__rowAmount {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__dateAndGame {
    border-bottom: 1px solid #353b46;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 16px;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__svgIcon {
    color: var(--primary-text-color);
    align-items: center;
    display: flex;
    transform: scale(.8);
  }

  .TradesItemsMobile-module__GFgvYG__paymentMethodImgContainer {
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 20px;
    display: flex;
    position: relative;
  }

  .TradesItemsMobile-module__GFgvYG__paymentMethodImgContainer img {
    object-fit: contain;
  }

  .TradesItemsMobile-module__GFgvYG__iconSbp, .TradesItemsMobile-module__GFgvYG__notIcon {
    height: 22px;
  }

  .TradesItemsMobile-module__GFgvYG__linkMobile {
    width: 100%;
    height: 36px;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__allItems {
    cursor: pointer;
    justify-content: center;
    transition: all .4s;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__allItems:hover {
    color: var(--primary-text-color);
    transition: all .4s;
  }

  tbody .TradesItemsMobile-module__GFgvYG__itemContainer + tr.TradesItemsMobile-module__GFgvYG__saleItemsRow {
    background-color: var(--article-bg-color);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    position: relative;
    top: -17px;
    overflow: hidden;
  }

  tbody .TradesItemsMobile-module__GFgvYG__itemContainer + tr.TradesItemsMobile-module__GFgvYG__saleItemsRow td {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-inline: 16px;
  }

  .TradesItemsMobile-module__GFgvYG__arrowImage {
    transform: rotate(-90deg);
  }

  .TradesItemsMobile-module__GFgvYG__amountContainerMobile {
    align-items: center;
    gap: 6px;
    width: max-content;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__withrawedAmount {
    color: var(--primary-hovered-text-color);
    letter-spacing: .02em;
    font-family: Inter Tight, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
  }

  .TradesItemsMobile-module__GFgvYG__increaseContainer {
    background-color: #30d15833;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 6px;
    display: flex;
    position: relative;
    box-shadow: 0 3px 10px #0000001a;
  }

  .TradesItemsMobile-module__GFgvYG__increaseContainer:after {
    content: "";
    filter: blur(20px);
    background: #30d15833;
    border-radius: 50%;
    width: 49px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .TradesItemsMobile-module__GFgvYG__date {
    letter-spacing: .015em;
    color: #fff;
    background: #9da6b833;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-width: 67px;
    height: 32px;
    padding: 0 12px;
    font-family: Inter Tight, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
    display: flex;
  }

  .TradesItemsMobile-module__GFgvYG__order {
    cursor: pointer;
    background-color: #fbd5061a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 32px;
    padding: 0 12px;
    text-decoration: none;
    transition: all .4s;
    display: flex;
  }
}

@media not (min-width: 600px) {
  .TradesItemsMobile-module__GFgvYG__row, .TradesItemsMobile-module__GFgvYG__rowAmount {
    grid-template-columns: 120px 1fr;
    align-items: center;
    width: 100%;
    display: grid;
  }
}

@media not (min-width: 440px) {
  .TradesItemsMobile-module__GFgvYG__rowAmount {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
}

/* [project]/client/src/components/Account/Partnership/Partnership.module.css [app-client] (css) */
.Partnership-module__5ZUsHW__partnershipContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.Partnership-module__5ZUsHW__partnershipBox {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.Partnership-module__5ZUsHW__header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.Partnership-module__5ZUsHW__headerSecond {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 72px;
  margin-bottom: 20px;
  display: flex;
}

.Partnership-module__5ZUsHW__loaderTableContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 449px;
  display: flex;
}

.Partnership-module__5ZUsHW__paginationContainer {
  align-self: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.Partnership-module__5ZUsHW__tableContainer {
  border-collapse: collapse;
  background: var(--article-bg-color);
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}

.Partnership-module__5ZUsHW__tableContainer thead tr th:first-child, .Partnership-module__5ZUsHW__tableContainer tbody tr td:first-child {
  padding-left: 32px;
}

.Partnership-module__5ZUsHW__tableContainer tbody tr:nth-child(odd) {
  background: var(--grey_btn-bg-color);
}

.Partnership-module__5ZUsHW__tableContainer tbody tr:nth-child(2n) {
  background: var(--article-bg-color);
}

.Partnership-module__5ZUsHW__tableContainer thead tr th {
  text-align: left;
}

.Partnership-module__5ZUsHW__tableContainer td, .Partnership-module__5ZUsHW__tableContainer th {
  vertical-align: center;
  padding: 0 16px;
}

.Partnership-module__5ZUsHW__buttonsContainer {
  align-items: center;
  gap: 6px;
  display: flex;
}

.Partnership-module__5ZUsHW__buttonItem {
  cursor: pointer;
  background-color: var(--account-background);
  height: 40px;
  color: var(--primary-text-color);
  border: 1px solid #0000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 0 24px;
  transition: all .4s;
  display: flex;
}

.Partnership-module__5ZUsHW__colored {
  color: var(--main-color);
  background-color: #fbd5061a;
  border: 1px solid #fbd50680;
}

.Partnership-module__5ZUsHW__buttonItem:hover {
  background-color: var(--grey_btn-bg-color);
  transition: all .4s;
}

.Partnership-module__5ZUsHW__colored:hover {
  background-color: #fbd5061a;
}

.Partnership-module__5ZUsHW__tableContainerMobile {
  width: 100%;
  margin-bottom: 24px;
}

.Partnership-module__5ZUsHW__headerOfTable {
  background: var(--article-bg-color);
  height: 40px;
}

.Partnership-module__5ZUsHW__headerOfTableHistory {
  background: var(--article-bg-color);
  height: 56px;
}

.Partnership-module__5ZUsHW__inputContainer {
  width: 220px;
  height: 40px;
  position: relative;
}

.Partnership-module__5ZUsHW__inputContainerSearch {
  z-index: 2;
  color: var(--secondary-text-color);
  position: absolute;
  top: 11px;
  right: 11px;
}

.Partnership-module__5ZUsHW__navigationContainer {
  align-items: center;
  gap: 16px;
  display: flex;
}

@media not (min-width: 1200px) {
  .Partnership-module__5ZUsHW__loaderTableContainer {
    height: 300px;
  }
}

@media not (min-width: 978px) {
  .Partnership-module__5ZUsHW__headerOfTable, .Partnership-module__5ZUsHW__headerOfTableHistory {
    display: none;
  }

  .Partnership-module__5ZUsHW__tableContainer {
    background: none;
  }

  .Partnership-module__5ZUsHW__tableContainer tbody tr:nth-child(odd) {
    background: var(--article-bg-color);
  }

  .Partnership-module__5ZUsHW__tableContainer, .Partnership-module__5ZUsHW__tableContainer tbody td {
    width: 100%;
  }

  .Partnership-module__5ZUsHW__tableContainer thead tr th:first-child, .Partnership-module__5ZUsHW__tableContainer tbody tr td:first-child {
    padding-left: 0;
  }

  .Partnership-module__5ZUsHW__tableContainer td, .Partnership-module__5ZUsHW__tableContainer th {
    padding: 0;
  }

  .Partnership-module__5ZUsHW__tableContainer tbody td {
    width: 100%;
  }

  .Partnership-module__5ZUsHW__tableContainerMobile {
    width: 100%;
    margin-bottom: 20px;
  }

  .Partnership-module__5ZUsHW__title {
    margin-top: 12px;
  }
}

@media not (min-width: 750px) {
  .Partnership-module__5ZUsHW__headerSecond {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    margin-top: 72px;
    margin-bottom: 16px;
  }

  .Partnership-module__5ZUsHW__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    margin-bottom: 16px;
  }

  .Partnership-module__5ZUsHW__navigationContainer {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .Partnership-module__5ZUsHW__inputContainer {
    width: 100%;
  }

  .Partnership-module__5ZUsHW__buttonsContainer {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/Account/Partnership/PartnershipTopPart/PartnershipTopPart.module.css [app-client] (css) */
.PartnershipTopPart-module__kzKnXW__container {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 16px;
  width: 1111px;
  height: 100%;
  display: grid;
}

.PartnershipTopPart-module__kzKnXW__refHeaderLine {
  background-color: var(--grey_btn-bg-color);
  border-radius: 8px;
  justify-content: center;
  align-self: flex-end;
  gap: 10px;
  width: auto;
  height: 36px;
  padding: 10px 16px;
  display: flex;
}

.PartnershipTopPart-module__kzKnXW__percentageBox {
  align-items: center;
  gap: 4px;
  display: flex;
}

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

.PartnershipTopPart-module__kzKnXW__border {
  background-color: var(--refBorder);
  width: 2px;
  height: 16px;
}

.PartnershipTopPart-module__kzKnXW__balanceContainer {
  background-color: var(--greyReferral);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  display: flex;
}

.PartnershipTopPart-module__kzKnXW__balanceContainerBottom {
  align-items: center;
  gap: 8px;
  display: flex;
}

.PartnershipTopPart-module__kzKnXW__iconButtonContainer {
  width: 24px;
  height: 24px;
}

.PartnershipTopPart-module__kzKnXW__buttonContainer {
  display: none;
}

.PartnershipTopPart-module__kzKnXW__withdrawSwg {
  color: var(--main-color);
  transition: all .4s;
}

.PartnershipTopPart-module__kzKnXW__withdrawSwg:hover {
  color: var(--button-main-hover);
  transition: all .4s;
}

.PartnershipTopPart-module__kzKnXW__withdrawSwg:active {
  color: var(--button-click);
}

.PartnershipTopPart-module__kzKnXW__paginationContainer {
  align-self: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.PartnershipTopPart-module__kzKnXW__desktopPagination {
  display: block;
}

.PartnershipTopPart-module__kzKnXW__mobilePagination {
  display: none;
}

@media not (min-width: 1440px) {
  .PartnershipTopPart-module__kzKnXW__container {
    width: 100%;
  }
}

@media not (min-width: 1280px) {
  .PartnershipTopPart-module__kzKnXW__container {
    flex-direction: column;
    display: flex;
  }
}

@media not (min-width: 820px) {
  .PartnershipTopPart-module__kzKnXW__balanceContainer {
    background-color: #0000;
    border-radius: 0;
    padding: 0;
  }

  .PartnershipTopPart-module__kzKnXW__iconButtonContainer {
    display: none;
  }

  .PartnershipTopPart-module__kzKnXW__balanceContainerBottom {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }

  .PartnershipTopPart-module__kzKnXW__buttonContainer {
    width: 100%;
    height: 48px;
    display: flex;
  }
}

@media not (min-width: 600px) {
  .PartnershipTopPart-module__kzKnXW__refHeaderLine {
    justify-content: space-evenly;
    align-self: center;
    width: 100%;
  }

  .PartnershipTopPart-module__kzKnXW__infoContainer {
    background-color: var(--article-bg-color);
    border-radius: 16px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 20px 0;
  }
}

@media not (min-width: 500px) {
  .PartnershipTopPart-module__kzKnXW__mobilePagination {
    display: block;
  }

  .PartnershipTopPart-module__kzKnXW__desktopPagination {
    display: none;
  }
}

/* [project]/client/src/components/Account/Partnership/PartnershipTableRow/PartnershipTableRow.module.css [app-client] (css) */
.PartnershipTableRow-module__5tpl3G__itemContainer {
  flex-direction: column;
  align-content: center;
  align-items: center;
  height: 48px;
  padding: 0 32px;
}

.PartnershipTableRow-module__5tpl3G__itemContainerHistory {
  flex-direction: column;
  align-content: center;
  align-items: center;
  height: 56px;
  padding: 0 32px;
}

.PartnershipTableRow-module__5tpl3G__rowMobileFirstElement {
  display: none;
}

.PartnershipTableRow-module__5tpl3G__user {
  align-items: center;
  gap: 8px;
  display: flex;
}

.PartnershipTableRow-module__5tpl3G__user img {
  border-radius: 4px;
}

.PartnershipTableRow-module__5tpl3G__dateHistory, .PartnershipTableRow-module__5tpl3G__dateMobile {
  display: none;
}

@media not (min-width: 978px) {
  .PartnershipTableRow-module__5tpl3G__itemContainer, .PartnershipTableRow-module__5tpl3G__itemContainerHistory {
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    margin-bottom: 12px;
    padding: 16px 20px;
    display: grid;
  }

  .PartnershipTableRow-module__5tpl3G__userContainer {
    display: flex;
  }

  .PartnershipTableRow-module__5tpl3G__dateMobile {
    display: block;
  }

  .PartnershipTableRow-module__5tpl3G__user {
    border-bottom: 1px solid #353b46;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding-bottom: 16px;
    display: flex;
  }

  .PartnershipTableRow-module__5tpl3G__date {
    display: none;
  }

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

  .PartnershipTableRow-module__5tpl3G__rowMobileFirstElement, .PartnershipTableRow-module__5tpl3G__dateHistory {
    display: block;
  }
}

@media not (min-width: 600px) {
  .PartnershipTableRow-module__5tpl3G__row {
    grid-template-columns: 140px 1fr;
    align-items: center;
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/MainPageLoader/MainPageLoader.module.css [app-client] (css) */
.MainPageLoader-module__QvmoIW__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 100px);
  display: flex;
}

.MainPageLoader-module__QvmoIW__loader {
  width: 416px;
  height: 280px;
}

.MainPageLoader-module__QvmoIW__loader svg, .MainPageLoader-module__QvmoIW__loader .MainPageLoader-module__QvmoIW__lottie {
  width: 100%;
  height: 100%;
}

@media not (min-width: 1025px) {
  .MainPageLoader-module__QvmoIW__loader {
    width: 208px;
    height: auto;
  }
}

/* [project]/client/src/components/ReferralComponents/vector.module.css [app-client] (css) */
@keyframes vector-module__oAXvqG__pulsate-fwd {
  0% {
    z-index: 2;
    transform: scale(1);
  }

  50% {
    z-index: 2;
    transform: scale(1.4);
  }

  100% {
    z-index: 2;
    transform: scale(1);
  }
}

@keyframes vector-module__oAXvqG__fill-line {
  0% {
    width: 0;
  }

  100% {
    width: 596px;
  }
}

@keyframes vector-module__oAXvqG__fill-circle {
  0% {
    width: 0;
  }

  100% {
    width: 15px;
  }
}

.vector-module__oAXvqG__circleOne {
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1s ease-out both vector-module__oAXvqG__pulsate-fwd;
  position: absolute;
  top: 4px;
  left: 2px;
  overflow: hidden;
}

.vector-module__oAXvqG__circleTwo {
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1s ease-out 2.8s both vector-module__oAXvqG__pulsate-fwd;
  position: absolute;
  top: 4px;
  left: 298px;
  overflow: hidden;
}

.vector-module__oAXvqG__circleThree {
  background: #fff;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1s ease-out 5.5s both vector-module__oAXvqG__pulsate-fwd;
  position: absolute;
  top: 4px;
  left: 596px;
  overflow: hidden;
}

.vector-module__oAXvqG__line {
  background: #333840;
  width: 586px;
  height: 1px;
  position: absolute;
  top: 9px;
  left: 10px;
}

.vector-module__oAXvqG__lineOne {
  background: #fbd506;
  width: 586px;
  height: 1px;
  animation: 5s linear .5s both vector-module__oAXvqG__fill-line;
  position: absolute;
  top: 9px;
  left: 10px;
}

.vector-module__oAXvqG__fillOne {
  background: #fbd506;
  width: 15px;
  height: 15px;
  animation: 1s linear both vector-module__oAXvqG__fill-circle;
  position: absolute;
  top: 0;
  left: 0;
}

.vector-module__oAXvqG__fillTwo {
  background: #fbd506;
  width: 15px;
  height: 15px;
  animation: 1s linear 2.8s both vector-module__oAXvqG__fill-circle;
  position: absolute;
  top: 0;
  left: 0;
}

.vector-module__oAXvqG__fillThree {
  background: #fbd506;
  width: 15px;
  height: 15px;
  animation: 1s linear 5.5s both vector-module__oAXvqG__fill-circle;
  position: absolute;
  top: 0;
  left: 0;
}

.vector-module__oAXvqG__container {
  z-index: 5;
  width: 608px;
  height: 18px;
  display: block;
  position: relative;
  overflow: hidden;
}

@media not (min-width: 945px) {
  .vector-module__oAXvqG__container {
    display: none;
  }
}

/* [project]/client/src/components/ReferralComponents/ReferalNotAuthPage.module.css [app-client] (css) */
.ReferalNotAuthPage-module__RxcJcq__green {
  color: #30d158;
  font-weight: 600;
}

.ReferalNotAuthPage-module__RxcJcq__text {
  text-align: center;
  color: var(--primary-text-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

/* [project]/client/src/components/Market/MarketInventory/MarketInventoryContainer.module.css [app-client] (css) */
.MarketInventoryContainer-module__yqP0oa__loaderContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 389px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__bodyContainer {
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__allLoaderContainer {
  margin-bottom: 20px;
}

.MarketInventoryContainer-module__yqP0oa__allContainer {
  flex-direction: column;
  width: 100%;
  max-width: 1111px;
  display: flex;
  position: relative;
}

.MarketInventoryContainer-module__yqP0oa__implementContainerHeader, .MarketInventoryContainer-module__yqP0oa__implementContainerHeaderHidden {
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 20px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__implementContainerTitleAndSelectContainer {
  align-items: center;
  gap: 40px;
  height: 40px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__selectAndButton, .MarketInventoryContainer-module__yqP0oa__buttonSettings {
  display: none;
}

.MarketInventoryContainer-module__yqP0oa__selectContainer {
  z-index: 20;
  height: 40px;
}

.MarketInventoryContainer-module__yqP0oa__selectFilterContainer {
  width: 302px;
}

.MarketInventoryContainer-module__yqP0oa__headerRightSide {
  align-items: center;
  gap: 16px;
  height: 40px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__totalItems {
  align-items: center;
  gap: 6px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__buttonHeader {
  width: 165px;
  height: 40px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer {
  border-collapse: collapse;
  background: var(--article-bg-color);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 24px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer thead tr {
  background: var(--article-bg-color);
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th:last-child {
  text-align: right;
  padding-right: 66px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th {
  vertical-align: center;
  padding: 0 8px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:first-child, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th:first-child {
  padding: 0 8px 0 16px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:last-child {
  padding: 0 16px 0 8px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer thead tr th:first-child {
  border-radius: 5px 0 0;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer thead tr th:last-child {
  border-radius: 0 5px 0 0;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer tbody tr:last-child td:last-child {
  border-radius: 0 0 5px;
}

.MarketInventoryContainer-module__yqP0oa__marketInventoryTable {
  background: var(--article-bg-color);
  height: 56px;
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer tbody tr:nth-child(odd) {
  background: var(--grey_btn-bg-color);
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer tbody tr:nth-child(2n) {
  background: var(--article-bg-color);
}

.MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th {
  text-align: left;
}

.MarketInventoryContainer-module__yqP0oa__emptyInventoryContainer {
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  max-width: 380px;
  display: flex;
}

.MarketInventoryContainer-module__yqP0oa__emptyInventoryContainer span:nth-child(3) {
  margin-top: 12px;
  margin-bottom: 24px;
}

.MarketInventoryContainer-module__yqP0oa__emptyContainerButton {
  width: 183px;
  height: 50px;
}

.MarketInventoryContainer-module__yqP0oa__emptyBoxImage {
  margin-bottom: 12px;
}

.MarketInventoryContainer-module__yqP0oa__paginationContainer {
  align-self: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

@media not (min-width: 1600px) {
  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th {
    vertical-align: center;
    padding: 0 2px;
  }

  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:first-child, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th:first-child {
    padding: 0 2px 0 16px;
  }

  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:last-child {
    padding: 0 16px 0 2px;
  }
}

@media not (min-width: 1300px) {
  .MarketInventoryContainer-module__yqP0oa__selectFilterContainer {
    width: 250px;
  }
}

@media not (min-width: 1200px) {
  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th {
    padding: 0 6px;
  }

  .MarketInventoryContainer-module__yqP0oa__allContainer {
    width: 100%;
    max-width: 100%;
  }

  .MarketInventoryContainer-module__yqP0oa__loaderContainer {
    height: 300px;
  }
}

@media not (min-width: 1190px) {
  .MarketInventoryContainer-module__yqP0oa__implementContainerHeaderHidden {
    display: none;
  }
}

@media not (min-width: 1000px) {
  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th {
    padding: 0 2px;
  }
}

@media not (min-width: 978px) {
  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer {
    background: var(--bg-color);
    border-radius: 8px;
    align-self: center;
    margin-bottom: 20px;
  }

  .MarketInventoryContainer-module__yqP0oa__implementContainerHeader, .MarketInventoryContainer-module__yqP0oa__implementContainerHeaderHidden {
    gap: 20px;
    height: auto;
  }

  .MarketInventoryContainer-module__yqP0oa__implementContainerTitleAndSelectContainer {
    justify-content: space-between;
    width: 100%;
    height: auto;
  }

  .MarketInventoryContainer-module__yqP0oa__implementContainerHeader {
    flex-direction: column;
  }

  .MarketInventoryContainer-module__yqP0oa__headerRightSide {
    justify-content: space-between;
    width: 100%;
  }

  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer th, .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:last-child {
    padding: 0;
  }

  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:nth-child(3), .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer td:nth-child(4) {
    width: auto;
  }

  .MarketInventoryContainer-module__yqP0oa__allContainer {
    width: 100%;
  }

  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer tbody tr:nth-child(odd) {
    background: var(--article-bg-color);
  }

  .MarketInventoryContainer-module__yqP0oa__selectContainer {
    display: none;
  }

  .MarketInventoryContainer-module__yqP0oa__selectAndButton, .MarketInventoryContainer-module__yqP0oa__buttonSettings {
    display: flex;
  }

  .MarketInventoryContainer-module__yqP0oa__buttonHeader {
    height: 40px;
  }

  .MarketInventoryContainer-module__yqP0oa__totalItems, .MarketInventoryContainer-module__yqP0oa__marketInventoryTable {
    display: none;
  }
}

@media not (min-width: 700px) {
  .MarketInventoryContainer-module__yqP0oa__inventoryTableContainer {
    width: 100%;
  }
}

/* [project]/client/src/components/SelectComponent/SelectComponent.module.css [app-client] (css) */
@keyframes SelectComponent-module__wREHsG__fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes SelectComponent-module__wREHsG__fade-out-top {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-50px);
  }
}

.SelectComponent-module__wREHsG__marketArticlesHeaderGame {
  background: var(--grey_btn-bg-color);
  height: 40px;
  color: var(--primary-text-color);
  cursor: pointer;
  border: none;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  position: relative;
}

.SelectComponent-module__wREHsG__marketArticlesHeaderGame span {
  position: absolute;
  bottom: 4px;
}

.SelectComponent-module__wREHsG__iconButtonContainer {
  position: absolute;
  top: 8px;
  right: 28px;
  transform: scale(.7);
}

.SelectComponent-module__wREHsG__iconButtonContainerHide {
  display: none;
}

.SelectComponent-module__wREHsG__titleStyles {
  align-items: center;
  height: 40px;
  font-family: Inter Tight, sans-serif;
  display: flex;
}

.SelectComponent-module__wREHsG__titleStylesWithCheckBox {
  height: 20px;
  transition: all .1s ease-out;
  position: absolute;
  top: 10px;
}

.SelectComponent-module__wREHsG__titleAtTop {
  color: var(--primary-hovered-text-color);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  transition: all .1s ease-out;
  position: absolute;
  top: 6px;
  left: 16px;
}

.SelectComponent-module__wREHsG__gameInputContainer {
  cursor: pointer;
  transition: all .27s ease-out;
}

.SelectComponent-module__wREHsG__inputContainer {
  transition: all .27s ease-out;
}

.SelectComponent-module__wREHsG__rotateArrow {
  transform: rotate(180deg);
}

.SelectComponent-module__wREHsG__arrow {
  color: var(--secondary-text-color);
}

.SelectComponent-module__wREHsG__selectInputContainer {
  background-color: var(--black-text-color);
  border: 1px solid var(--bg-color-input);
  z-index: 30;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  max-height: 250px;
  margin-top: 8px;
  padding: 8px;
  animation: .3s cubic-bezier(.39, .575, .565, 1) both SelectComponent-module__wREHsG__fade-in-top;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.SelectComponent-module__wREHsG__gameWidth {
  width: 130px;
}

.SelectComponent-module__wREHsG__selectInputContainer::-webkit-scrollbar {
  background-color: var(--grey_btn-bg-color);
  width: 3px;
}

.SelectComponent-module__wREHsG__selectInputContainer::-webkit-scrollbar-track {
  background: var(--grey_btn-bg-color);
}

.SelectComponent-module__wREHsG__selectInputContainer::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 8px;
  height: 33px;
}

.SelectComponent-module__wREHsG__hide {
  opacity: 0;
  height: 0;
  transition: all .6s cubic-bezier(.39, .575, .565, 1);
  transform: translateY(-1000px);
}

.SelectComponent-module__wREHsG__inputItem {
  height: 36px;
  color: var(--secondary-text-color);
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transition: all .4s;
  display: flex;
}

.SelectComponent-module__wREHsG__selectedValue {
  background-color: var(--grey_btn-bg-color);
  color: var(--primary-text-color);
  border-radius: 5px;
  transition: all .4s;
}

.SelectComponent-module__wREHsG__selectedValue:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.SelectComponent-module__wREHsG__container {
  display: none;
}

.SelectComponent-module__wREHsG__inputItem:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

@media not (min-width: 941px) {
  .SelectComponent-module__wREHsG__settingsContainerClose {
    display: none;
  }

  .SelectComponent-module__wREHsG__container {
    flex-direction: column;
    gap: 24px;
    width: calc(100% - 32px);
    margin: 0 auto;
    display: flex;
  }

  .SelectComponent-module__wREHsG__totalItems {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .SelectComponent-module__wREHsG__marketSearchTitle {
    background-color: var(--article-bg-color);
    height: 72px;
    margin-bottom: 24px;
  }

  .SelectComponent-module__wREHsG__marketSearchBtnAndInput {
    align-items: center;
    gap: 10px;
    padding: 16px;
    display: flex;
  }

  .SelectComponent-module__wREHsG__modal {
    backdrop-filter: blur(15px);
    z-index: 40;
    background-color: #101012cc;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }

  .SelectComponent-module__wREHsG__settingsContainer {
    z-index: 50;
    background-color: var(--bg-color);
    width: 100%;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
  }
}

@media not (min-width: 572px) {
  .SelectComponent-module__wREHsG__container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 0 16px;
  }
}

/* [project]/client/src/components/Market/MarketInventory/MarketInventoryGames/MarketInventory.module.css [app-client] (css) */
.MarketInventory-module__N9oDRW__implementContainerTitle {
  margin-right: 40px;
}

.MarketInventory-module__N9oDRW__selectContainerMobile {
  display: none;
}

.MarketInventory-module__N9oDRW__inputSelectItemWidth {
  width: 151px;
}

.MarketInventory-module__N9oDRW__inputItemWidth {
  width: 286px;
}

.MarketInventory-module__N9oDRW__centralContainer {
  align-items: center;
  gap: 150px;
  display: flex;
}

.MarketInventory-module__N9oDRW__offerContainer {
  align-content: center;
  align-items: center;
  height: 72px;
  position: relative;
  overflow: hidden;
}

.MarketInventory-module__N9oDRW__containerWithoutTime {
  justify-content: space-between;
  display: flex;
}

.MarketInventory-module__N9oDRW__skinContainer {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 48px;
  display: flex;
  position: relative;
}

.MarketInventory-module__N9oDRW__skin {
  object-fit: contain;
  filter: drop-shadow(-24px 50px 32px #0d0e1140);
}

.MarketInventory-module__N9oDRW__skinDota {
  object-fit: contain;
  filter: drop-shadow(-24px 50px 32px #0d0e1140);
  border-radius: 5px;
}

.MarketInventory-module__N9oDRW__skinSticker {
  filter: drop-shadow(-24px 50px 32px #0d0e1140);
  object-fit: contain;
}

.MarketInventory-module__N9oDRW__wear {
  width: 33px;
  color: var(--primary-text-color);
  letter-spacing: .015em;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  display: flex;
  transform: translateY(-4px);
}

.MarketInventory-module__N9oDRW__qualityTd {
  display: table-cell;
}

.MarketInventory-module__N9oDRW__buttonTd {
  padding: 16px 0;
}

.MarketInventory-module__N9oDRW__stickersContainer {
  align-items: center;
  display: flex;
}

.MarketInventory-module__N9oDRW__helpTextContainer {
  transition: all .4s;
  display: none;
}

.MarketInventory-module__N9oDRW__stickerContainer {
  text-align: center;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  transition: all .4s;
  display: flex;
}

.MarketInventory-module__N9oDRW__sticker {
  width: 36px;
  height: 36px;
  position: relative;
  transform: translateY(4px);
}

.MarketInventory-module__N9oDRW__stickerDota {
  width: 40px;
  height: 28px;
  position: relative;
}

.MarketInventory-module__N9oDRW__stickerDota .MarketInventory-module__N9oDRW__skinSticker {
  border-radius: 4px;
}

.MarketInventory-module__N9oDRW__stickerContainer:hover .MarketInventory-module__N9oDRW__helpTextContainer {
  background-color: var(--black-text-color);
  z-index: 3;
  border: 1px solid #0003;
  border-radius: 4px;
  align-items: center;
  gap: 16px;
  width: max-content;
  height: 28px;
  padding: 6px 8px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: -60%;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInventory-module__N9oDRW__tdName span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.MarketInventory-module__N9oDRW__idBox {
  position: relative;
  overflow: hidden;
}

.MarketInventory-module__N9oDRW__skinAndNameContainer {
  align-items: center;
  gap: 20px;
  display: flex;
}

.MarketInventory-module__N9oDRW__nameContainer {
  flex-direction: column;
  justify-items: center;
  gap: 5px;
  display: flex;
}

.MarketInventory-module__N9oDRW__name {
  align-items: center;
  width: 115px;
  display: flex;
}

.MarketInventory-module__N9oDRW__classNameContainer {
  color: var(--primary-text-color);
  width: 302px;
}

.MarketInventory-module__N9oDRW__rowMobileFirstElement {
  display: none;
}

.MarketInventory-module__N9oDRW__data {
  display: flex;
}

.MarketInventory-module__N9oDRW__secondTd {
  width: auto;
  display: none;
}

.MarketInventory-module__N9oDRW__svgIcon {
  color: var(--primary-text-color);
  align-items: center;
  display: flex;
}

.MarketInventory-module__N9oDRW__qualityInputWidth {
  width: 140px;
  display: block;
}

.MarketInventory-module__N9oDRW__buttonContainerRow, .MarketInventory-module__N9oDRW__buttonContainer {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
  position: relative;
}

.MarketInventory-module__N9oDRW__timeContainerModal {
  transition: all .4s;
  display: none;
}

.MarketInventory-module__N9oDRW__estimatedTime {
  color: #fff;
  font-weight: 500;
}

.MarketInventory-module__N9oDRW__buttonQuestion:hover .MarketInventory-module__N9oDRW__timeContainerModal {
  background-color: var(--black-text-color);
  border: 1px solid var(--bg-color-input);
  z-index: 35;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: auto;
  padding: 24px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInventory-module__N9oDRW__buttonQuestion {
  height: 32px;
  transition: all .4s;
  position: relative;
  width: 32px !important;
}

.MarketInventory-module__N9oDRW__button, .MarketInventory-module__N9oDRW__buttonDisabled, .MarketInventory-module__N9oDRW__buttonWithQuestion {
  justify-content: flex-end;
  align-self: flex-end;
  width: 124px;
  height: 32px;
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonDisabled button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonWithQuestion button {
  background-color: var(--article-bg-color);
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonDisabled button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonWithQuestion button {
  background-color: var(--grey-grafit-button);
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonQuestion button {
  background-color: var(--article-bg-color);
  width: 32px;
  height: 32px;
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonQuestion button {
  background-color: var(--grey_btn-bg-color);
  width: 32px;
  height: 32px;
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__wear {
  background-color: var(--grey_btn-bg-color);
}

.MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__wear {
  background-color: var(--article-bg-color);
}

.MarketInventory-module__N9oDRW__tdNameObtained:after {
  content: "";
  filter: blur(35px);
  background-color: #fbd50633;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 12px;
  left: -23px;
}

.MarketInventory-module__N9oDRW__tdNameObtained:before {
  content: "";
  background-color: #fbd506;
  width: 2px;
  height: 37px;
  position: absolute;
  top: 17px;
  left: 0;
}

.MarketInventory-module__N9oDRW__loaderContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 24px;
  display: flex;
}

@media not (min-width: 1380px) {
  .MarketInventory-module__N9oDRW__stickersContainer {
    gap: 0;
  }

  .MarketInventory-module__N9oDRW__qualityInputWidth {
    width: 100px;
  }
}

@media not (min-width: 1300px) {
  .MarketInventory-module__N9oDRW__classNameContainer {
    width: 250px;
  }

  .MarketInventory-module__N9oDRW__svgIcon {
    transform: scale(.8);
  }
}

@media not (min-width: 1280px) {
  .MarketInventory-module__N9oDRW__qualityInputWidth {
    width: 80px;
  }

  .MarketInventory-module__N9oDRW__sticker {
    width: 28px;
    height: 28px;
  }

  .MarketInventory-module__N9oDRW__wear {
    font-size: 8px;
  }

  .MarketInventory-module__N9oDRW__stickerContainer {
    width: 28px;
  }
}

@media not (min-width: 1200px) {
  .MarketInventory-module__N9oDRW__qualityInputWidth {
    width: 120px;
  }

  .MarketInventory-module__N9oDRW__svgIcon {
    transform: scale(1);
  }

  .MarketInventory-module__N9oDRW__sticker {
    width: 30px;
    height: 30px;
  }

  .MarketInventory-module__N9oDRW__wear {
    font-size: 10px;
  }
}

@media not (min-width: 1020px) {
  .MarketInventory-module__N9oDRW__stickersContainer {
    gap: 2px;
  }
}

@media not (min-width: 978px) {
  .MarketInventory-module__N9oDRW__secondTd {
    display: flex;
  }

  .MarketInventory-module__N9oDRW__skinContainer {
    width: 85px;
  }

  .MarketInventory-module__N9oDRW__sticker {
    width: 36px;
    height: 36px;
  }

  .MarketInventory-module__N9oDRW__buttonTd {
    margin-top: 8px;
    padding: 0;
  }

  .MarketInventory-module__N9oDRW__offerContainer {
    border-radius: 8px;
    align-items: start;
    gap: 12px;
    height: auto;
    margin-bottom: 12px;
    padding: 16px;
    display: grid;
  }

  .MarketInventory-module__N9oDRW__gameIcon, .MarketInventory-module__N9oDRW__idBox {
    display: none;
  }

  .MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__wear, .MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__wear {
    background-color: var(--article-bg-color);
  }

  .MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonDisabled button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonWithQuestion button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonDisabled button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonWithQuestion button {
    background-color: var(--grey-grafit-button);
  }

  .MarketInventory-module__N9oDRW__offerContainer:nth-child(2n) .MarketInventory-module__N9oDRW__buttonQuestion button, .MarketInventory-module__N9oDRW__offerContainer:nth-child(odd) .MarketInventory-module__N9oDRW__buttonQuestion button {
    background-color: var(--grey_btn-bg-color);
  }

  .MarketInventory-module__N9oDRW__row, .MarketInventory-module__N9oDRW__rowMobileQuality {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .MarketInventory-module__N9oDRW__rowMobileFirstElement {
    display: block;
  }

  .MarketInventory-module__N9oDRW__visibleBlock, .MarketInventory-module__N9oDRW__visibleBlockQuality {
    display: table-cell;
  }

  .MarketInventory-module__N9oDRW__hiddenBlockQuality, .MarketInventory-module__N9oDRW__hiddenBlock {
    display: none;
  }

  .MarketInventory-module__N9oDRW__containerWithoutTime {
    flex-direction: column;
    gap: 16px;
  }

  .MarketInventory-module__N9oDRW__stickersContainer {
    gap: 6px;
    width: auto;
  }

  .MarketInventory-module__N9oDRW__centralContainer {
    flex-direction: column;
    gap: 16px;
  }

  .MarketInventory-module__N9oDRW__implementContainerTitle {
    display: none;
  }

  .MarketInventory-module__N9oDRW__nameContainer {
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: flex-start;
    width: calc(100vw - 241px);
    overflow: hidden;
  }

  .MarketInventory-module__N9oDRW__name {
    width: 100%;
  }

  .MarketInventory-module__N9oDRW__skinAndNameContainer {
    border-bottom: 1px solid var(--input-border);
    gap: 12px;
    width: 100%;
    padding-bottom: 16px;
  }

  .MarketInventory-module__N9oDRW__selectContainerMobile {
    flex-direction: column;
    gap: 8px;
    display: flex;
    position: absolute;
    top: 64px;
    left: 20px;
  }

  .MarketInventory-module__N9oDRW__qualityInputWidth {
    width: 60%;
    display: block;
  }

  .MarketInventory-module__N9oDRW__buttonContainerRow {
    flex-direction: row-reverse;
    justify-content: center;
    gap: 8px;
    width: 100%;
    display: flex;
  }

  .MarketInventory-module__N9oDRW__buttonContainer {
    flex-direction: column-reverse;
    width: 100%;
  }

  .MarketInventory-module__N9oDRW__button, .MarketInventory-module__N9oDRW__buttonDisabled, .MarketInventory-module__N9oDRW__buttonWithQuestion {
    width: 100%;
  }

  .MarketInventory-module__N9oDRW__firstTd {
    display: none;
  }

  .MarketInventory-module__N9oDRW__stickerContainer:hover .MarketInventory-module__N9oDRW__helpTextContainer {
    transition: all .4s;
    left: 100%;
    transform: translateX(-100%);
  }

  .MarketInventory-module__N9oDRW__tdNameObtained:after, .MarketInventory-module__N9oDRW__tdNameObtained:before {
    display: none;
  }
}

@media not (min-width: 700px) {
  .MarketInventory-module__N9oDRW__qualityInputWidth {
    width: calc(100% - 100px);
  }

  .MarketInventory-module__N9oDRW__button, .MarketInventory-module__N9oDRW__buttonContainerRow, .MarketInventory-module__N9oDRW__buttonDisabled, .MarketInventory-module__N9oDRW__buttonWithQuestion {
    width: 100%;
    padding: 0;
  }

  .MarketInventory-module__N9oDRW__buttonContainer {
    width: 100%;
  }

  .MarketInventory-module__N9oDRW__buttonQuestion:hover .MarketInventory-module__N9oDRW__timeContainerModal {
    transition: all .4s;
    left: 100%;
    transform: translateX(-100%);
  }
}

@media not (min-width: 600px) {
  .MarketInventory-module__N9oDRW__nameContainer {
    width: calc(100vw - 177px);
  }
}

@media not (min-width: 410px) {
  .MarketInventory-module__N9oDRW__stickersContainer {
    gap: 2px;
  }

  .MarketInventory-module__N9oDRW__sticker {
    width: 32px;
    height: 32px;
    transform: translateY(4px);
  }

  .MarketInventory-module__N9oDRW__stickerDota {
    width: 32px;
    height: 23px;
    position: relative;
  }
}

/* [project]/client/src/components/Market/TradeUrlModal/TradeUrlModal.module.css [app-client] (css) */
.TradeUrlModal-module__nhpUQa__container {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
}

.TradeUrlModal-module__nhpUQa__label {
  color: var(--primary-hovered-text-color);
  cursor: default;
  pointer-events: none;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 8px;
  left: 16px;
}

.TradeUrlModal-module__nhpUQa__inputContainer {
  position: relative;
}

.TradeUrlModal-module__nhpUQa__accountInput {
  width: 400px;
  height: 56px;
  color: var(--primary-text-color);
  box-sizing: border-box;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  caret-color: var(--primary-text-color);
  cursor: text;
  border-radius: 5px;
  outline: none;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .4s;
}

.TradeUrlModal-module__nhpUQa__accountInput:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
  outline: none;
}

.TradeUrlModal-module__nhpUQa__accountInput:hover {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
  outline: none;
  transition: all .4s;
}

.TradeUrlModal-module__nhpUQa__accountInput::placeholder {
  color: var(--primary-hovered-text-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.TradeUrlModal-module__nhpUQa__buttonContainer {
  width: 100%;
  height: 40px;
}

@media not (min-width: 600px) {
  .TradeUrlModal-module__nhpUQa__container, .TradeUrlModal-module__nhpUQa__inputContainer {
    width: 100%;
  }

  .TradeUrlModal-module__nhpUQa__accountInput {
    width: calc(100vw - 64px);
  }
}

/* [project]/client/src/components/Market/MarketInventory/ThanksForPurchaseModal/ThanksForPurchaseModal.module.css [app-client] (css) */
.ThanksForPurchaseModal-module__wuxSiG__thanksForPurchaseContainer {
  background-color: var(--article-bg-color);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  padding: 20px 76px 20px 24px;
  display: flex;
  position: relative;
  transform: translateY(-32px);
  box-shadow: 0 25px 75px #0003;
}

.ThanksForPurchaseModal-module__wuxSiG__textAndImage {
  align-items: center;
  gap: 16px;
  display: flex;
}

.ThanksForPurchaseModal-module__wuxSiG__textContainer {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ThanksForPurchaseModal-module__wuxSiG__button {
  width: 148px;
  height: 40px;
  text-decoration: none;
  transition: all .4s;
}

.ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer .ThanksForPurchaseModal-module__wuxSiG__button:nth-child(2) {
  width: 165px;
  height: 40px;
}

.ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer .ThanksForPurchaseModal-module__wuxSiG__button:nth-child(2) button {
  border: 1px solid var(--green-button-trustpilot);
  background-color: var(--article-bg-color);
  box-sizing: border-box;
  border-radius: 5px;
  transition: all .4s;
}

.ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer .ThanksForPurchaseModal-module__wuxSiG__button:nth-child(2) button:hover {
  background-color: var(--active-grey_btn-bg-color);
  transition: all .4s;
}

.ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer .ThanksForPurchaseModal-module__wuxSiG__button:nth-child(2) button:active {
  background-color: var(--black-text-color);
}

.ThanksForPurchaseModal-module__wuxSiG__closeButtonContainer {
  position: absolute;
  top: 8px;
  right: 8px;
}

.ThanksForPurchaseModal-module__wuxSiG__iconButtonContainer {
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 22px;
  right: 24px;
}

@media not (min-width: 1060px) {
  .ThanksForPurchaseModal-module__wuxSiG__thanksForPurchaseContainer {
    flex-direction: column;
    gap: 20px;
    height: auto;
  }
}

@media not (min-width: 941px) {
  .ThanksForPurchaseModal-module__wuxSiG__thanksForPurchaseContainer {
    margin-top: 32px;
  }

  .ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer {
    flex-direction: row;
    align-items: center;
  }
}

@media not (min-width: 720px) {
  .ThanksForPurchaseModal-module__wuxSiG__thanksForPurchaseContainer {
    padding: 64px 24px 20px;
  }

  .ThanksForPurchaseModal-module__wuxSiG__iconButtonContainer {
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
    top: 22px;
    right: 24px;
  }
}

@media not (min-width: 450px) {
  .ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer {
    width: 100%;
  }

  .ThanksForPurchaseModal-module__wuxSiG__button, .ThanksForPurchaseModal-module__wuxSiG__buttonsAtPurchaseContainer .ThanksForPurchaseModal-module__wuxSiG__button:nth-child(2) {
    flex: 1;
    width: auto;
  }
}

/* [project]/client/src/components/Modal/CreateReviewModal/CreateReviewModal.module.css [app-client] (css) */
.CreateReviewModal-module__T2OqoW__reviewModalContainer {
  z-index: 10;
  border-radius: 16px;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 8px 24px 24px;
  display: flex;
}

.CreateReviewModal-module__T2OqoW__topEllipseContainer {
  z-index: 0;
  z-index: 0;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.CreateReviewModal-module__T2OqoW__topEllipse {
  aspect-ratio: 1;
  background-color: var(--primary-text-color);
  filter: blur(60px);
  opacity: .3;
  z-index: 0;
  width: 20%;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.CreateReviewModal-module__T2OqoW__mascotContainer {
  z-index: 1000;
  width: 250px;
  height: 240px;
  position: absolute;
  top: -50px;
  left: 54%;
  transform: translateX(-50%);
}

.CreateReviewModal-module__T2OqoW__mascotContainer img {
  object-fit: contain;
}

.CreateReviewModal-module__T2OqoW__bgContainer {
  position: relative;
  overflow: hidden;
}

.CreateReviewModal-module__T2OqoW__bgImageContainer {
  width: 85%;
  max-width: 350px;
  height: 168px;
  margin: 0 auto;
  position: relative;
}

.CreateReviewModal-module__T2OqoW__feedbackContentContainer {
  z-index: 1;
  flex-direction: column;
  gap: 16px;
  display: flex;
  position: relative;
}

.CreateReviewModal-module__T2OqoW__textContainer {
  z-index: 1;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  display: flex;
  position: relative;
}

.CreateReviewModal-module__T2OqoW__tellAbout {
  display: block;
}

.CreateReviewModal-module__T2OqoW__tellAboutMobile {
  display: none;
}

.CreateReviewModal-module__T2OqoW__ratingContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.CreateReviewModal-module__T2OqoW__ratingContainer span label {
  margin-right: 4px;
}

.CreateReviewModal-module__T2OqoW__ratingContainer span label:nth-child(9) {
  margin-right: 0;
}

.CreateReviewModal-module__T2OqoW__textAreaContainer {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  height: 160px;
  padding-bottom: 12px;
  position: relative;
}

.CreateReviewModal-module__T2OqoW__textArea {
  background-color: var(--grey_btn-bg-color);
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 114px;
  color: var(--primary-text-color);
  letter-spacing: .02em;
  border: 1px solid #0000;
  border-radius: 5px;
  outline: none;
  padding: 0 16px;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  position: absolute;
  top: 32px;
  left: 0;
}

.CreateReviewModal-module__T2OqoW__textArea::-webkit-scrollbar {
  display: none;
}

.CreateReviewModal-module__T2OqoW__textAreaContainer label {
  color: var(--primary-hovered-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  top: 12px;
  left: 16px;
}

.CreateReviewModal-module__T2OqoW__buttonContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 4px;
  display: flex;
}

.CreateReviewModal-module__T2OqoW__buttonText {
  font-family: var(--font-unbounded), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}

@media not (min-width: 800px) {
  .CreateReviewModal-module__T2OqoW__reviewModalContainer {
    gap: 16px;
    padding: 16px;
  }

  .CreateReviewModal-module__T2OqoW__feedbackContentContainer {
    gap: 12px;
  }

  .CreateReviewModal-module__T2OqoW__tellAbout {
    display: none;
  }

  .CreateReviewModal-module__T2OqoW__tellAboutMobile {
    display: block;
  }

  .CreateReviewModal-module__T2OqoW__textAreaContainer {
    height: 126px;
  }

  .CreateReviewModal-module__T2OqoW__textArea {
    height: 80px;
    font-size: 14px;
    line-height: 20px;
  }

  .CreateReviewModal-module__T2OqoW__mascotContainer {
    width: 240px;
    height: 230px;
    top: -35px;
  }

  .CreateReviewModal-module__T2OqoW__ratingContainer {
    width: auto;
    margin: 0 auto;
  }
}

@media not (min-width: 500px) {
  .CreateReviewModal-module__T2OqoW__textContainer {
    width: calc(100% - 52px);
  }

  .CreateReviewModal-module__T2OqoW__bgImageContainer {
    width: 90%;
    height: 150px;
    margin-top: 18px;
  }

  .CreateReviewModal-module__T2OqoW__bgImageContainer img {
    object-position: 0px 10px;
  }
}

/* [project]/client/src/components/Account/Profile/ProfileForm/ProfileForm.module.css [app-client] (css) */
.ProfileForm-module__O56edq__profileContainer {
  flex-direction: column;
  gap: 20px;
  width: 1111px;
  display: flex;
}

.ProfileForm-module__O56edq__userDataContainer {
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  column-gap: 20px;
  width: 1111px;
  display: grid;
}

.ProfileForm-module__O56edq__userDataBox {
  background-color: var(--article-bg-color);
  border-radius: 16px;
  width: 100%;
  height: 209px;
  padding: 24px;
}

.ProfileForm-module__O56edq__userDataBoxHeader {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
}

.ProfileForm-module__O56edq__loaderHeaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 449px;
  display: flex;
}

.ProfileForm-module__O56edq__buttonHeaderContainer {
  width: 150px;
  height: 32px;
}

.ProfileForm-module__O56edq__buttonHeaderContainerTrade {
  width: 165px;
  height: 32px;
}

.ProfileForm-module__O56edq__text {
  white-space: pre-line;
  letter-spacing: .02em;
  width: 100%;
  height: auto;
  color: var(--primary-hovered-text-color);
  gap: 8px;
  margin-top: 12px;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  display: flex;
}

.ProfileForm-module__O56edq__textRight {
  margin-top: 20px;
}

.ProfileForm-module__O56edq__text a {
  color: var(--link-color);
}

.ProfileForm-module__O56edq__buttonEmail {
  width: 148px;
  height: 60px;
}

.ProfileForm-module__O56edq__buttonEmail button {
  letter-spacing: .02em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.ProfileForm-module__O56edq__buttonTrade {
  width: 120px;
  height: 36px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.ProfileForm-module__O56edq__closeIconButtonContainer {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 16px;
  right: 12px;
}

.ProfileForm-module__O56edq__closeIconButtonContainer button {
  background-color: #3e444f;
  border-radius: 5px;
  width: 32px;
  height: 32px;
}

.ProfileForm-module__O56edq__activeSessionContainer {
  background-color: var(--article-bg-color);
  border-radius: 16px;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.ProfileForm-module__O56edq__leftContainer {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ProfileForm-module__O56edq__reEnterText {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  white-space: pre-line;
  font-family: Inter Tight, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.ProfileForm-module__O56edq__rightContainer {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ProfileForm-module__O56edq__logOutButton {
  width: 234px;
  height: 60px;
}

.ProfileForm-module__O56edq__logOutButton button {
  letter-spacing: .015em;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.ProfileForm-module__O56edq__title {
  margin-top: 32px;
}

.ProfileForm-module__O56edq__tableContainer {
  border-collapse: collapse;
  background: var(--article-bg-color);
  border-radius: 8px;
  width: 100%;
  margin-top: 8px;
  overflow: hidden;
}

.ProfileForm-module__O56edq__tableContainer thead tr th:first-child, .ProfileForm-module__O56edq__tableContainer tbody tr td:nth-child(2) {
  padding-left: 32px;
}

.ProfileForm-module__O56edq__tableContainer tbody tr:nth-child(odd) {
  background: var(--grey_btn-bg-color);
}

.ProfileForm-module__O56edq__tableContainer tbody tr:nth-child(2n) {
  background: var(--article-bg-color);
}

.ProfileForm-module__O56edq__tableContainer thead tr th {
  text-align: left;
}

.ProfileForm-module__O56edq__tableContainer td, .ProfileForm-module__O56edq__tableContainer th {
  vertical-align: center;
  padding: 0 16px;
}

.ProfileForm-module__O56edq__headerOfTable {
  background: var(--article-bg-color);
  height: 56px;
}

.ProfileForm-module__O56edq__accountInput {
  width: 100%;
  height: 60px;
  color: var(--primary-text-color);
  box-sizing: border-box;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  caret-color: var(--primary-text-color);
  cursor: text;
  border-radius: 5px;
  outline: none;
  padding: 16px 14px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: all .4s;
}

.ProfileForm-module__O56edq__linkInputCopy {
  padding-right: 54px;
}

.ProfileForm-module__O56edq__linkInputButton {
  padding-right: 140px;
}

.ProfileForm-module__O56edq__inputAndButton {
  width: calc(100% - 156px);
}

.ProfileForm-module__O56edq__accountInput:focus {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
  outline: none;
}

.ProfileForm-module__O56edq__accountInput:hover {
  background-color: var(--input-hover-bg-color);
  border: 1px solid var(--input-hover-border);
  outline: none;
  transition: all .4s;
}

.ProfileForm-module__O56edq__accountInput::placeholder {
  color: var(--primary-hovered-text-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.ProfileForm-module__O56edq__accountInput:disabled {
  color: var(--primary-hovered-text-color);
  background-color: var(--background-color);
  pointer-events: none;
  outline: none;
}

.ProfileForm-module__O56edq__inputAndButtonContainer {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ProfileForm-module__O56edq__inputContainer {
  position: relative;
}

.ProfileForm-module__O56edq__label {
  color: var(--primary-hovered-text-color);
  cursor: default;
  pointer-events: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: all .27s ease-out;
  display: block;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

.ProfileForm-module__O56edq__accountInput:focus + .ProfileForm-module__O56edq__label, .ProfileForm-module__O56edq__labelTop {
  color: var(--primary-hovered-text-color);
  cursor: default;
  pointer-events: none;
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  transition: all .27s ease-out;
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  transform: translateY(0);
}

.ProfileForm-module__O56edq__labelUrl {
  color: var(--primary-hovered-text-color);
  cursor: default;
  pointer-events: none;
  letter-spacing: .02em;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
}

@media not (min-width: 1440px) {
  .ProfileForm-module__O56edq__profileContainer {
    width: calc(100% - 289px);
  }

  .ProfileForm-module__O56edq__userDataContainer {
    width: 100%;
  }
}

@media not (min-width: 1380px) {
  .ProfileForm-module__O56edq__text {
    white-space: normal;
  }
}

@media not (min-width: 1200px) {
  .ProfileForm-module__O56edq__userDataContainer {
    column-gap: 24px;
  }

  .ProfileForm-module__O56edq__profileContainer {
    width: 100%;
  }

  .ProfileForm-module__O56edq__loaderHeaderContainer {
    height: 300px;
  }
}

@media not (min-width: 978px) {
  .ProfileForm-module__O56edq__headerOfTable {
    display: none;
  }

  .ProfileForm-module__O56edq__tableContainer {
    background: none;
  }

  .ProfileForm-module__O56edq__tableContainer tbody tr:nth-child(odd) {
    background: var(--article-bg-color);
  }

  .ProfileForm-module__O56edq__tableContainer, .ProfileForm-module__O56edq__tableContainer tbody td {
    width: 100%;
  }

  .ProfileForm-module__O56edq__tableContainer thead tr th:first-child, .ProfileForm-module__O56edq__tableContainer tbody tr td:nth-child(2) {
    padding-left: 0;
  }

  .ProfileForm-module__O56edq__tableContainer td, .ProfileForm-module__O56edq__tableContainer th {
    padding: 0;
  }

  .ProfileForm-module__O56edq__tableContainer tbody td, .ProfileForm-module__O56edq__tableContainerMobile {
    width: 100%;
  }

  .ProfileForm-module__O56edq__title {
    margin-top: 12px;
  }
}

@media not (min-width: 941px) {
  .ProfileForm-module__O56edq__userDataBox {
    height: 100%;
    padding: 24px;
  }

  .ProfileForm-module__O56edq__userDataContainer {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    display: flex;
  }

  .ProfileForm-module__O56edq__userDataBoxHeader {
    margin-bottom: 24px;
  }
}

@media not (min-width: 700px) {
  .ProfileForm-module__O56edq__inputAndButtonContainer {
    flex-direction: column;
    gap: 12px;
  }

  .ProfileForm-module__O56edq__inputAndButton {
    width: 100%;
    height: 56px;
  }

  .ProfileForm-module__O56edq__buttonEmail {
    width: 100%;
    height: 48px;
  }

  .ProfileForm-module__O56edq__userDataBox {
    padding: 20px;
  }

  .ProfileForm-module__O56edq__accountInput {
    height: 56px;
  }

  .ProfileForm-module__O56edq__text {
    margin-top: 16px;
  }

  .ProfileForm-module__O56edq__activeSessionContainer {
    flex-direction: column;
    gap: 20px;
  }

  .ProfileForm-module__O56edq__leftContainer span:nth-child(2) {
    display: none;
  }

  .ProfileForm-module__O56edq__logOutButton {
    width: 100%;
    height: 48px;
  }

  .ProfileForm-module__O56edq__leftContainer {
    width: 100%;
  }

  .ProfileForm-module__O56edq__buttonTrade {
    top: 10px;
  }
}

@media not (min-width: 600px) {
  .ProfileForm-module__O56edq__userDataBoxHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

/* [project]/client/src/components/Account/Profile/ProfileForm/ProfileTableRow/ProfileTableRow.module.css [app-client] (css) */
.ProfileTableRow-module__oURGQa__itemContainer {
  flex-direction: column;
  align-content: center;
  align-items: center;
  height: 56px;
  padding: 0 32px;
}

.ProfileTableRow-module__oURGQa__deviceContainer {
  align-items: center;
  gap: 4px;
  height: 56px;
  display: flex;
}

.ProfileTableRow-module__oURGQa__deviceContainer span {
  text-transform: capitalize;
}

.ProfileTableRow-module__oURGQa__rowMobileFirstElement, .ProfileTableRow-module__oURGQa__dateAndStatusContainer {
  display: none;
}

.ProfileTableRow-module__oURGQa__ipContainer {
  color: var(--primary-hovered-text-color);
  align-items: center;
  gap: 8px;
  display: flex;
}

.ProfileTableRow-module__oURGQa__ipContainer span {
  width: 100px;
  transition: all .4s;
}

.ProfileTableRow-module__oURGQa__eye {
  transition: all .4s;
}

.ProfileTableRow-module__oURGQa__eye:hover {
  color: var(--primary-text-color);
  cursor: pointer;
  transition: all .4s;
}

@media not (min-width: 978px) {
  .ProfileTableRow-module__oURGQa__itemContainer {
    border-radius: 8px;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    margin-bottom: 12px;
    padding: 16px 20px;
    display: grid;
  }

  .ProfileTableRow-module__oURGQa__dateAndStatusContainer {
    display: flex;
  }

  .ProfileTableRow-module__oURGQa__dateAndStatus {
    border-bottom: 1px solid #353b46;
    width: 100%;
    padding-bottom: 16px;
    display: flex;
  }

  .ProfileTableRow-module__oURGQa__deviceContainer {
    height: auto;
  }

  .ProfileTableRow-module__oURGQa__statusContainer, .ProfileTableRow-module__oURGQa__date {
    display: none;
  }

  .ProfileTableRow-module__oURGQa__row, .ProfileTableRow-module__oURGQa__rowDate {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .ProfileTableRow-module__oURGQa__rowMobileFirstElement {
    display: block;
  }
}

@media not (min-width: 600px) {
  .ProfileTableRow-module__oURGQa__row {
    grid-template-columns: 120px 1fr;
    align-items: center;
    width: 100%;
    display: grid;
  }
}

/* [project]/client/src/components/Header/Header.module.css [app-client] (css) */
@keyframes Header-module__y8olnq__slide-in-top {
  0% {
    opacity: 0;
    transform: translateY(-200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.Header-module__y8olnq__activeOrdersContainer {
  cursor: pointer;
  z-index: 30;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  display: flex;
  position: fixed;
  bottom: 80px;
  left: 80px;
}

.Header-module__y8olnq__cutCircleBig {
  z-index: 31;
  filter: drop-shadow(0 0 10px #000) drop-shadow(-5px -5px 20px #000);
  position: absolute;
  top: -25px;
  left: -25px;
}

.Header-module__y8olnq__cutCircleSmall {
  display: none;
}

.Header-module__y8olnq__imageActiveTrades {
  z-index: 31;
}

.Header-module__y8olnq__amountContainer {
  width: 28px;
  height: 28px;
  color: var(--primary-text-color);
  box-sizing: content-box;
  z-index: 35;
  background-color: #ee2929;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  position: absolute;
  top: -6px;
  left: -6px;
}

.Header-module__y8olnq__currencyTooltip {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  z-index: 35;
  letter-spacing: .015em;
  color: #c8d0e1;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  min-width: 254px;
  max-width: 298px;
  padding: 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 40px;
  left: -26px;
}

.Header-module__y8olnq__usefulContainer {
  position: relative;
}

.Header-module__y8olnq__headerUsefulComponentContainer {
  transition: all .4s;
  display: none;
}

.Header-module__y8olnq__usefulContainer:hover .Header-module__y8olnq__headerUsefulComponentContainer {
  transition: all .4s;
  display: flex;
}

.Header-module__y8olnq__usefulContainer:hover .Header-module__y8olnq__headerName {
  color: var(--primary-text-color);
}

.Header-module__y8olnq__headerName {
  text-transform: uppercase;
  cursor: pointer;
  height: 15px;
  color: var(--secondary-text-color);
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  transition: all .4s;
  display: flex;
}

.Header-module__y8olnq__nameWithOpacity {
  transition: all .4s;
  color: #7d8999b2 !important;
}

.Header-module__y8olnq__headerNameSelected, .Header-module__y8olnq__headerNameSelected svg {
  color: var(--primary-text-color);
}

.Header-module__y8olnq__headerName:hover, .Header-module__y8olnq__headerName:hover .Header-module__y8olnq__arrow {
  color: var(--primary-text-color);
  transition: all .4s;
}

.Header-module__y8olnq__headerName .Header-module__y8olnq__attention {
  color: #fad40f;
  width: 15px;
  height: 15px;
}

.Header-module__y8olnq__soonContainer {
  background: #ffffff1a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 15px;
  display: flex;
}

.Header-module__y8olnq__nameWithOpacity:hover {
  cursor: default;
  transition: all .4s;
  color: #7d8999b2 !important;
}

.Header-module__y8olnq__listItem {
  background-color: var(--bg-color);
  cursor: pointer;
  box-sizing: border-box;
  color: var(--secondary-text-color);
  border: 1px solid var(--bg-color);
  border-radius: 5px;
  transition: all .4s;
}

.Header-module__y8olnq__arrow {
  transition: all .4s;
}

.Header-module__y8olnq__listItem:hover .Header-module__y8olnq__arrow, .Header-module__y8olnq__listItem:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

.Header-module__y8olnq__listItemSelected {
  background-color: var(--article-bg-color);
  color: var(--primary-text-color) !important;
}

.Header-module__y8olnq__listItemSelected .Header-module__y8olnq__arrow {
  color: var(--primary-text-color);
  transition: all .4s;
}

.Header-module__y8olnq__listItemSelectedUsefulMenu {
  background-color: var(--article-bg-color);
  border: 1px solid var(--grey_btn-bg-color);
  border-radius: 5px 5px 0 0;
  color: var(--primary-text-color) !important;
}

.Header-module__y8olnq__listItemSelectedUsefulMenu .Header-module__y8olnq__arrow {
  color: var(--primary-text-color);
  transition: all .4s;
  transform: rotate(180deg);
}

.Header-module__y8olnq__listItemText {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.Header-module__y8olnq__availableContainer {
  align-items: center;
  gap: 4px;
  display: flex;
  position: relative;
}

.Header-module__y8olnq__availableTooltip {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  z-index: 35;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  width: 324px;
  padding: 16px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 34px;
  left: -105px;
}

.Header-module__y8olnq__verticalLine {
  background-color: #fbd50633;
  width: 1px;
  height: 20px;
}

.Header-module__y8olnq__questionContainer:hover .Header-module__y8olnq__availableTooltip {
  opacity: 1;
  visibility: visible;
}

.Header-module__y8olnq__availableTooltip:before {
  content: "";
  z-index: -1;
  mix-blend-mode: darken;
  background-image: url("../media/alertTriangleHeader.26a4642e.svg");
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
  position: absolute;
  top: -13px;
  left: 99px;
  transform: scale(.8);
}

.Header-module__y8olnq__availableText {
  letter-spacing: .015em;
  color: #c8d0e1;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.Header-module__y8olnq__beeBalanceContainer {
  backdrop-filter: blur(100px);
  z-index: 1;
  letter-spacing: .02em;
  height: 48px;
  color: var(--primary-text-color);
  background: linear-gradient(270deg, #fbd50633 0%, #fbd5061a 100%);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
  padding: 0 12px;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  position: relative;
}

.Header-module__y8olnq__beeBalanceContainer:before {
  content: "";
  border-radius: inherit;
  background-image: url("../media/ellipseAtBalance.03fcc7bd.svg");
  width: 119px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}

.Header-module__y8olnq__balanceContainer {
  z-index: 1;
  background: linear-gradient(270deg, #fbd50633 0%, #fbd5061a 100%);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  height: 48px;
  padding: 12px;
  display: flex;
  position: relative;
  box-shadow: 0 3px 10px #0000001a;
}

.Header-module__y8olnq__balanceContainer:before {
  content: "";
  -webkit-mask-composite: xor;
  z-index: -1;
  background: linear-gradient(270deg, #fbd50680 0%, #fbd5060d 100%) border-box;
  border: 1px solid #0000;
  border-radius: 8px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-origin: padding-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.Header-module__y8olnq__currency {
  align-items: center;
  gap: 8px;
  display: flex;
}

.Header-module__y8olnq__questionContainer {
  cursor: pointer;
  width: 16px;
  height: 16px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.Header-module__y8olnq__question {
  color: var(--main-color);
  background-color: #fbd50633;
  border-radius: 50%;
  transition: all .4s;
}

.Header-module__y8olnq__question:hover {
  color: #423c1c;
  background-color: var(--main-color);
  border-radius: 50%;
}

.Header-module__y8olnq__greyQuestion {
  color: var(--grey-color-new);
  background-color: #858b9833;
  border-radius: 50%;
  transition: all .4s;
}

.Header-module__y8olnq__greyQuestion:hover {
  color: var(--primary-text-color);
  background-color: #858b98cc;
  border-radius: 50%;
}

.Header-module__y8olnq__questionContainer:hover .Header-module__y8olnq__currencyTooltip {
  opacity: 1;
  visibility: visible;
}

.Header-module__y8olnq__currencyTooltip:before {
  content: "";
  z-index: -1;
  mix-blend-mode: darken;
  background-image: url("../media/alertTriangleHeader.26a4642e.svg");
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
  position: absolute;
  top: -19px;
  left: 20px;
}

.Header-module__y8olnq__balanceButtons {
  align-items: center;
  gap: 6px;
  display: flex;
}

.Header-module__y8olnq__addBalanceContainer {
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.Header-module__y8olnq__addBalance {
  color: var(--main-color);
  cursor: pointer;
  transition: all .4s;
}

.Header-module__y8olnq__addBalance:hover {
  color: #fbd50666;
}

.Header-module__y8olnq__addBalance:active {
  color: var(--button-click);
}

.Header-module__y8olnq__addBalanceTooltip {
  color: var(--primary-text-color);
  letter-spacing: .02em;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  z-index: 35;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  white-space: pre-line;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  width: max-content;
  padding: 10px;
  font-family: Inter Tight, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translateX(-50%);
}

.Header-module__y8olnq__addBalanceContainer:hover .Header-module__y8olnq__addBalanceTooltip {
  opacity: 1;
  visibility: visible;
}

.Header-module__y8olnq__addBalanceTooltip:before {
  content: "";
  z-index: -1;
  mix-blend-mode: darken;
  background-image: url("../media/alertTriangleHeader.26a4642e.svg");
  background-repeat: no-repeat;
  width: 28px;
  height: 21px;
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%)scale(.8);
}

.Header-module__y8olnq__bold {
  font-weight: 500;
}

.Header-module__y8olnq__withdrawIcon {
  color: #fbd50659;
  transition: all .4s;
}

.Header-module__y8olnq__withdrawIcon:hover {
  color: #fbd50626;
}

.Header-module__y8olnq__withdrawIcon:active {
  color: #fbd5060d;
}

.Header-module__y8olnq__loginButtonContainer {
  width: 190px;
  height: 40px;
}

.Header-module__y8olnq__loginButtonContainer button {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--black-text-color);
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  display: flex;
}

.Header-module__y8olnq__tabletLogin {
  display: none;
}

.Header-module__y8olnq__numberOfNotifications {
  background-color: var(--main-color);
  color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  top: -4px;
  right: -4px;
}

.Header-module__y8olnq__newLabel {
  background-color: var(--main-color);
  color: var(--black-text-color);
  letter-spacing: 0;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 21px;
  margin-left: 6px;
  padding: 0 6px;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.Header-module__y8olnq__imageContainer, .Header-module__y8olnq__image {
  cursor: pointer;
  background-color: #1a1b20;
  border-radius: 5px;
  width: 48px;
  height: 48px;
}

.Header-module__y8olnq__arrow {
  color: var(--secondary-text-color);
  transition: all .4s;
}

.Header-module__y8olnq__usefulContainer:hover .Header-module__y8olnq__arrow {
  color: var(--primary-text-color);
  transition: all .4s;
  transform: rotate(180deg);
}

.Header-module__y8olnq__addPosition {
  position: relative;
}

@media not (min-width: 1297px) {
  .Header-module__y8olnq__attention {
    color: #fad40f;
    width: 18px;
    height: 18px;
    margin-left: 6px;
  }

  .Header-module__y8olnq__soonContainer {
    margin-left: 6px;
  }
}

.Header-module__y8olnq__buttonsContainer {
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.Header-module__y8olnq__button {
  width: 200px;
  height: 56px;
}

@media not (min-width: 1050px) {
  .Header-module__y8olnq__stickyHeader {
    position: fixed;
    top: 0;
  }
}

@media not (min-width: 1024px) {
  .Header-module__y8olnq__activeOrdersContainer {
    width: 72px;
    height: 72px;
    bottom: 50px;
    left: 20px;
  }

  .Header-module__y8olnq__cutCircleSmall {
    z-index: 31;
    filter: drop-shadow(0 0 10px #000) drop-shadow(-5px -5px 20px #000);
    display: block;
    position: absolute;
    top: -25px;
    left: -22px;
  }

  .Header-module__y8olnq__cutCircleBig {
    display: none;
  }

  .Header-module__y8olnq__imageActiveTrades {
    transform: scale(.7)translateX(-2px);
  }

  .Header-module__y8olnq__amountContainer {
    top: -4px;
    left: -6px;
  }
}

@media not (min-width: 850px) {
  .Header-module__y8olnq__activeOrdersContainer.Header-module__y8olnq__isMarketPage {
    bottom: 75px;
  }
}

@media not (min-width: 800px) {
  .Header-module__y8olnq__button span {
    width: auto;
  }
}

@media not (min-width: 752px) {
  .Header-module__y8olnq__loginButtonContainer {
    width: 120px;
  }

  .Header-module__y8olnq__laptopLogin {
    display: none;
  }

  .Header-module__y8olnq__tabletLogin {
    display: block;
  }

  .Header-module__y8olnq__availableTooltip {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding: 12px;
    top: -159px;
    left: 50%;
    transform: translateX(-50%);
  }

  .Header-module__y8olnq__availableTooltip:before {
    top: 98%;
    left: 50%;
    transform: translateX(-50%)rotate(180deg);
  }

  .Header-module__y8olnq__balanceContainer {
    border-radius: 8px;
    justify-content: center;
    width: 100%;
  }

  .Header-module__y8olnq__availableContainer {
    z-index: 1;
    cursor: pointer;
    background: linear-gradient(270deg, #fbd50633 0%, #fbd5061a 100%);
    border-radius: 8px;
    justify-content: flex-start;
    width: 100%;
    height: 48px;
    padding: 12px;
    box-shadow: 0 3px 10px #0000001a;
  }

  .Header-module__y8olnq__availableContainer:before {
    content: "";
    -webkit-mask-composite: xor;
    z-index: -1;
    background: linear-gradient(270deg, #fbd50680 0%, #fbd5060d 100%) border-box;
    border: 1px solid #0000;
    border-radius: 8px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    -webkit-mask-position: 0 0, 0 0;
    -webkit-mask-size: auto, auto;
    -webkit-mask-repeat: repeat, repeat;
    -webkit-mask-clip: padding-box, border-box;
    -webkit-mask-origin: padding-box, border-box;
    mask-composite: exclude;
    mask-mode: match-source, match-source;
  }

  .Header-module__y8olnq__balanceContainer:before {
    border-radius: 8px;
  }

  .Header-module__y8olnq__currency {
    justify-content: space-between;
    width: 100%;
  }

  .Header-module__y8olnq__currencyBox {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .Header-module__y8olnq__beeBalanceContainer {
    background: linear-gradient(270deg, #fbd50633 0%, #fbd5061a 100%);
    justify-content: space-between;
    width: 100%;
    margin-right: 0;
    box-shadow: 0 3px 10px #0000001a;
  }

  .Header-module__y8olnq__beeBalanceLeft {
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .Header-module__y8olnq__addBalanceTooltip {
    top: 44px;
    left: 50%;
    transform: translateX(-85%);
  }

  .Header-module__y8olnq__addBalanceTooltip:before {
    top: -19px;
    left: 85%;
    transform: translateX(-50%);
  }
}

@media not (min-width: 715px) {
  .Header-module__y8olnq__imageContainer, .Header-module__y8olnq__image {
    width: 40px;
    height: 40px;
  }
}

@media not (min-width: 520px) {
  .Header-module__y8olnq__loginButtonContainer {
    width: 40px;
  }

  .Header-module__y8olnq__tabletLogin {
    display: none;
  }
}

@media not (min-width: 500px) {
  .Header-module__y8olnq__buttonsContainer {
    flex-direction: column;
  }

  .Header-module__y8olnq__button {
    width: 100%;
  }
}

/* [project]/client/src/components/Modal/NotificationModal/NotificationModal.module.css [app-client] (css) */
@keyframes NotificationModal-module__zXOEkG__fade-in-top {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.NotificationModal-module__zXOEkG__modalContainer {
  z-index: 100;
  width: calc(100vw - 32px);
  max-width: 1400px;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.NotificationModal-module__zXOEkG__modalBox {
  background-color: var(--article-bg-color);
  z-index: 30;
  border: 1px solid var(--notification-modal-border);
  border-radius: 12px;
  flex-direction: column;
  width: 442px;
  height: 396px;
  padding: 0;
  animation: .6s cubic-bezier(.39, .575, .565, 1) both NotificationModal-module__zXOEkG__fade-in-top;
  display: flex;
  position: absolute;
  top: 64px;
  right: 0;
  box-shadow: 0 25px 100px #0000001a;
}

.NotificationModal-module__zXOEkG__emptyBox {
  background-color: var(--article-bg-color);
  z-index: 30;
  border: 1px solid var(--notification-modal-border);
  border-radius: 12px;
  flex-direction: column;
  width: 442px;
  height: 396px;
  padding: 0 20px;
  animation: .6s cubic-bezier(.39, .575, .565, 1) both NotificationModal-module__zXOEkG__fade-in-top;
  display: flex;
  position: absolute;
  top: 64px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 25px 100px #0000001a;
}

.NotificationModal-module__zXOEkG__notiContainer {
  overflow-y: auto;
}

.NotificationModal-module__zXOEkG__notiContainer div:last-child {
  border-bottom: none;
}

.NotificationModal-module__zXOEkG__notiContainer::-webkit-scrollbar {
  background-color: var(--grey_btn-bg-color);
  width: 3px;
}

.NotificationModal-module__zXOEkG__notiContainer::-webkit-scrollbar-track {
  background: var(--grey_btn-bg-color);
}

.NotificationModal-module__zXOEkG__notiContainer::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 8px;
  height: 33px;
}

.NotificationModal-module__zXOEkG__notiHeader {
  border-bottom: 1px solid var(--notification-modal-border);
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
}

.NotificationModal-module__zXOEkG__emptyHeader {
  border-bottom: 1px solid var(--notification-modal-border);
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  display: flex;
}

.NotificationModal-module__zXOEkG__notiHeaderTextAndDeleteButton {
  align-items: center;
  gap: 12px;
  height: 32px;
  display: flex;
}

.NotificationModal-module__zXOEkG__emptyContainer {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  margin-top: 45px;
  display: flex;
  position: relative;
}

.NotificationModal-module__zXOEkG__emptyBox:after {
  content: "";
  z-index: -1;
  background-image: radial-gradient(#2d2f3c 0%, #0000 70%);
  width: 300px;
  height: 340px;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
}

.NotificationModal-module__zXOEkG__emptyBox:before {
  content: "";
  z-index: -1;
  background-image: radial-gradient(#2d2f3c 0%, #0000 60%);
  width: 250px;
  height: 250px;
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}

.NotificationModal-module__zXOEkG__emptyContainerText {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.NotificationModal-module__zXOEkG__trash {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}

.NotificationModal-module__zXOEkG__toolTip {
  transition: all .4s;
  display: none;
}

.NotificationModal-module__zXOEkG__trash:hover .NotificationModal-module__zXOEkG__toolTip {
  background-color: var(--black-text-color);
  border: 1px solid var(--input-border);
  z-index: 2;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: max-content;
  padding: 6px;
  transition: all .4s;
  display: flex;
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
}

.NotificationModal-module__zXOEkG__trashHeader {
  color: var(--grey-color-new);
}

.NotificationModal-module__zXOEkG__closeButton svg {
  color: var(--secondary-text-color);
  flex: 1;
  width: 20px;
  height: 20px;
  transition: all .4s;
}

.NotificationModal-module__zXOEkG__closeButton:hover svg {
  color: var(--primary-text-color);
  transition: all .4s;
}

@media not (min-width: 800px) {
  .NotificationModal-module__zXOEkG__modalBox, .NotificationModal-module__zXOEkG__emptyBox {
    border-radius: 8px;
    width: calc(100vw - 32px);
    height: 315px;
    top: 0;
    right: 16px;
  }

  .NotificationModal-module__zXOEkG__emptyBox {
    padding: 0 16px;
  }

  .NotificationModal-module__zXOEkG__notiHeader {
    padding: 14px 16px;
  }

  .NotificationModal-module__zXOEkG__emptyHeader {
    padding: 14px 0;
  }

  .NotificationModal-module__zXOEkG__notiContainer::-webkit-scrollbar {
    display: none;
  }

  .NotificationModal-module__zXOEkG__notiContainer {
    padding-right: 0;
  }

  .NotificationModal-module__zXOEkG__modalContainer {
    width: 100vw;
    max-width: 100vw;
    position: fixed;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
  }

  .NotificationModal-module__zXOEkG__emptyContainer img {
    margin-top: -20px;
    transform: scale(.72);
  }

  .NotificationModal-module__zXOEkG__emptyContainer {
    gap: 10px;
  }

  .NotificationModal-module__zXOEkG__emptyBox:after {
    display: none;
  }

  .NotificationModal-module__zXOEkG__emptyBox:before {
    background-image: radial-gradient(#2d2f3c 0%, #0000 70%);
    width: 250px;
    height: 250px;
    top: 40px;
  }

  .NotificationModal-module__zXOEkG__emptyContainerText {
    gap: 4px;
  }
}

/* [project]/client/src/components/Modal/NotificationModal/NotificationItem/NotificationItem.module.css [app-client] (css) */
.NotificationItem-module__ttBC9a__notiMessageContainer {
  border-bottom: 1px solid var(--notification-modal-border);
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  transition: all .4s;
  display: flex;
  position: relative;
  box-shadow: 0 25px 100px #0000001a;
}

.NotificationItem-module__ttBC9a__notiMessageContainer:hover {
  background-color: #2a2c34b2;
  transition: all .4s;
}

.NotificationItem-module__ttBC9a__newMessage {
  background-color: #2a2c3466;
}

.NotificationItem-module__ttBC9a__imageContainer {
  width: 44px;
  height: 44px;
  position: relative;
}

.NotificationItem-module__ttBC9a__notiText {
  text-align: start;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: calc(100% - 60px);
  display: flex;
}

.NotificationItem-module__ttBC9a__notiTextHTML {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.NotificationItem-module__ttBC9a__notiTextHTML a {
  color: var(--primary-text-color) !important;
}

.NotificationItem-module__ttBC9a__notiTextHTML p {
  margin: 0;
}

.NotificationItem-module__ttBC9a__button {
  width: 122px;
  height: 31px;
  margin-top: 12px;
}

.NotificationItem-module__ttBC9a__button button {
  color: var(--main-color);
  background-color: #fbd5061a;
  transition: all .4s;
}

.NotificationItem-module__ttBC9a__button button:hover {
  background-color: #fbd50625;
  transition: all .4s;
}

.NotificationItem-module__ttBC9a__button button:active {
  background-color: #fbd50635;
}

.NotificationItem-module__ttBC9a__circle {
  background-color: var(--main-color);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.NotificationItem-module__ttBC9a__closeButton {
  position: absolute;
  top: 20px;
  right: 20px;
}

.NotificationItem-module__ttBC9a__closeButton svg, .NotificationItem-module__ttBC9a__closeButtonMobile svg {
  width: 20px;
  height: 20px;
}

.NotificationItem-module__ttBC9a__closeButton button, .NotificationItem-module__ttBC9a__closeButtonMobile button {
  color: var(--grey-color-new);
  transition: all .4s;
}

.NotificationItem-module__ttBC9a__closeButton:hover button, .NotificationItem-module__ttBC9a__closeButtonMobile:hover button {
  color: var(--primary-text-color);
  transition: all .4s;
}

.NotificationItem-module__ttBC9a__closeButtonMobile {
  display: none;
}

.NotificationItem-module__ttBC9a__image {
  object-fit: contain;
}

@media not (min-width: 800px) {
  .NotificationItem-module__ttBC9a__notiMessageContainer {
    padding: 16px 36px 16px 16px;
  }

  .NotificationItem-module__ttBC9a__imageContainer {
    width: 40px;
    height: 40px;
  }

  .NotificationItem-module__ttBC9a__notiText {
    gap: 4px;
    width: calc(100% - 56px);
  }

  .NotificationItem-module__ttBC9a__notiTextHTML {
    gap: 4px;
  }

  .NotificationItem-module__ttBC9a__button {
    margin-top: 6px;
  }

  .NotificationItem-module__ttBC9a__circle, .NotificationItem-module__ttBC9a__closeButton {
    display: none;
  }

  .NotificationItem-module__ttBC9a__closeButtonMobile {
    display: flex;
    position: absolute;
    top: 12px;
    right: 12px;
  }
}

/* [project]/client/src/components/Header/HeaderUsefulComponent/HeaderUsefulComponent.module.css [app-client] (css) */
.HeaderUsefulComponent-module__taoGNa__container {
  background-color: var(--article-bg-color);
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: column;
  width: 216px;
  padding-top: 10px;
  display: flex;
  position: absolute;
  top: 16px;
  left: 0;
  box-shadow: 0 10px 25px #00000040;
}

.HeaderUsefulComponent-module__taoGNa__containerItem {
  cursor: pointer;
  z-index: 1;
  background-color: var(--article-bg-color);
  color: #fffc;
  border: 1px solid var(--grey_btn-bg-color);
  box-sizing: border-box;
  border-bottom: 1px solid #0000;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.HeaderUsefulComponent-module__taoGNa__containerItem:last-child {
  border-bottom: 1px solid var(--grey_btn-bg-color);
  border-radius: 0 0 6px 6px;
}

.HeaderUsefulComponent-module__taoGNa__containerItem svg {
  color: var(--grey-color-new);
}

.HeaderUsefulComponent-module__taoGNa__containerItemSelected {
  backdrop-filter: blur(100px);
  color: var(--new-yellow);
  box-sizing: border-box;
  background: #fad40f26;
  border: 1px solid #0000;
  border-color: #0000 #8c824e #0000 #c3af46;
  transition: all .4s;
}

.HeaderUsefulComponent-module__taoGNa__containerItemSelected:last-child {
  border-bottom: 1px solid #0000;
  border-radius: 0 0 6px 6px;
}

.HeaderUsefulComponent-module__taoGNa__containerItemSelected svg {
  color: var(--new-yellow);
}

.HeaderUsefulComponent-module__taoGNa__containerItemSelected:before {
  content: "";
  filter: blur(50px);
  z-index: -1;
  background-color: #fad40f40;
  border-radius: 50%;
  width: 118px;
  height: 118px;
  position: absolute;
  top: -38px;
  left: -63px;
}

.HeaderUsefulComponent-module__taoGNa__containerItem:hover {
  background-color: var(--grey_btn-bg-color);
}

.HeaderUsefulComponent-module__taoGNa__containerItemSelected:hover {
  background: #fad40f30;
}

.HeaderUsefulComponent-module__taoGNa__containerItem:first-child {
  border-radius: 6px 6px 0 0;
}

.HeaderUsefulComponent-module__taoGNa__withoutTopBorder {
  border-top: 1px solid #0000;
  border-bottom: 1px solid #0000;
}

.HeaderUsefulComponent-module__taoGNa__newLabel {
  text-transform: uppercase;
  width: 34px;
  height: 15px;
  color: var(--bg-color);
  background-color: #fad40f;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

/* [project]/client/src/components/ActiveOrders/ActiveOrderItem/ActiveOrderItem.module.css [app-client] (css) */
.ActiveOrderItem-module__ISpqHa__container {
  background-color: var(--cart-item-background);
  z-index: 1;
  height: 78px;
  position: relative;
}

.ActiveOrderItem-module__ISpqHa__leftPart {
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  height: 78px;
  display: flex;
}

.ActiveOrderItem-module__ISpqHa__rightPart {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.ActiveOrderItem-module__ISpqHa__amount {
  align-items: center;
  gap: 4px;
  display: flex;
}

.ActiveOrderItem-module__ISpqHa__button {
  background-color: var(--article-bg-color);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 70px;
  transition: all .4s;
  display: flex;
}

.ActiveOrderItem-module__ISpqHa__button:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  transition: all .4s;
}

.ActiveOrderItem-module__ISpqHa__button:active {
  background-color: var(--active-grey_btn-bg-color);
}

.ActiveOrderItem-module__ISpqHa__circle {
  background-color: var(--secondary-text-color);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.ActiveOrderItem-module__ISpqHa__bottomLineContainer {
  height: 20px;
  white-space: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.ActiveOrderItem-module__ISpqHa__paymentMethodIcon {
  width: auto;
  max-width: 100px;
  height: 20px;
}

.ActiveOrderItem-module__ISpqHa__leftPart .ActiveOrderItem-module__ISpqHa__bottomLineContainer svg {
  height: 18px;
  color: var(--primary-text-color);
}

.ActiveOrderItem-module__ISpqHa__leftPart .ActiveOrderItem-module__ISpqHa__bottomLineContainer span {
  white-space: nowrap;
  display: inline-flex;
}

@media not (min-width: 400px) {
  .ActiveOrderItem-module__ISpqHa__buttonBox {
    justify-content: flex-end;
    align-items: center;
    height: 78px;
    display: flex;
  }
}

/* [project]/client/src/components/ActiveOrders/ActiveOrders.module.css [app-client] (css) */
.ActiveOrders-module__oXnMmG__tableContainer {
  border-radius: 100px;
  width: auto;
  max-height: 430px;
  position: absolute;
  bottom: 48px;
  left: -50px;
  overflow-y: auto;
  box-shadow: 0 10px 75px #0003;
}

.ActiveOrders-module__oXnMmG__container {
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
  padding: 50px;
}

.ActiveOrders-module__oXnMmG__container tbody tr {
  z-index: 1;
  position: relative;
}

.ActiveOrders-module__oXnMmG__container tbody tr:after {
  content: "";
  z-index: -1;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 50px #101012;
}

.ActiveOrders-module__oXnMmG__tableContainer::-webkit-scrollbar {
  display: none;
}

.ActiveOrders-module__oXnMmG__container tbody tr td:first-child {
  border-radius: 8px 0 0 8px;
  padding: 0 12px 0 16px;
}

.ActiveOrders-module__oXnMmG__container tbody tr td:nth-child(2) {
  padding-right: 20px;
}

.ActiveOrders-module__oXnMmG__container tbody tr td:nth-child(3) {
  border-radius: 0 8px 8px 0;
  padding-right: 4px;
}

.ActiveOrders-module__oXnMmG__collapsedContainer {
  display: none;
}

@media not (min-width: 1024px) {
  .ActiveOrders-module__oXnMmG__tableContainer {
    bottom: 30px;
  }
}

@media not (min-width: 400px) {
  .ActiveOrders-module__oXnMmG__tableContainer {
    border-radius: 8px;
    width: calc(100vw - 10px);
    left: -15px;
  }

  .ActiveOrders-module__oXnMmG__container {
    padding: 50px 0;
  }

  .ActiveOrders-module__oXnMmG__container tbody tr td:first-child {
    padding: 0 6px;
  }

  .ActiveOrders-module__oXnMmG__container tbody tr td:nth-child(2) {
    padding-right: 6px;
  }

  .ActiveOrders-module__oXnMmG__container tbody tr td:nth-child(3) {
    padding-right: 4px;
  }
}

/* [project]/client/src/components/Header/ProfileMenu/ProfileMenu.module.css [app-client] (css) */
.ProfileMenu-module__H3FjMq__menu {
  z-index: 50;
  border: 1px solid var(--grey_btn-bg-color);
  background-color: var(--article-bg-color);
  border-radius: 12px;
  flex-direction: column;
  min-width: 205px;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 60px;
  right: 0;
  box-shadow: 0 0 40px #0006;
}

.ProfileMenu-module__H3FjMq__userBox {
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.ProfileMenu-module__H3FjMq__avatar {
  border-radius: 5px;
}

.ProfileMenu-module__H3FjMq__userName {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.ProfileMenu-module__H3FjMq__link {
  cursor: pointer;
  color: var(--secondary-text-color);
  text-align: left;
  align-items: center;
  text-decoration: none;
}

.ProfileMenu-module__H3FjMq__linkInner {
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
  padding: 12px 10px;
  transition: all .4s;
  display: flex;
}

.ProfileMenu-module__H3FjMq__linkInner:hover {
  background-color: var(--grey_btn-bg-color);
  transition: all .4s;
}

.ProfileMenu-module__H3FjMq__linkInner.ProfileMenu-module__H3FjMq__active {
  border: 1px solid var(--main-color-alpha-50);
  color: var(--main-color);
  background: linear-gradient(0deg, #262a3200, #262a3200), linear-gradient(0deg, #fad40f26, #fad40f26);
}

.ProfileMenu-module__H3FjMq__linkInner.ProfileMenu-module__H3FjMq__active:hover {
  background: linear-gradient(90deg, #fbd50640 0%, #fbd50626 100%);
  transition: all .4s;
}

.ProfileMenu-module__H3FjMq__text {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
}

.ProfileMenu-module__H3FjMq__linkInner.ProfileMenu-module__H3FjMq__active .ProfileMenu-module__H3FjMq__text {
  color: var(--main-color);
}

.ProfileMenu-module__H3FjMq__inventoryTotalLarge {
  background: #555;
  width: 24px;
  height: 24px;
}

.ProfileMenu-module__H3FjMq__inventoryTotalMedium {
  background: #444;
  width: 20px;
  height: 20px;
}

.ProfileMenu-module__H3FjMq__inventoryTotal {
  background-color: var(--notification-color);
  width: 16px;
  height: 16px;
  color: var(--primary-text-color);
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-right: 1px;
  font-family: Inter Tight, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.ProfileMenu-module__H3FjMq__divider {
  background-color: var(--grey_btn-bg-color);
  width: 100%;
  height: 2px;
}

.ProfileMenu-module__H3FjMq__logoutButton {
  letter-spacing: .02em;
  color: var(--account-red);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 12px 10px;
  font-family: Inter Tight, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  transition: all .4s;
  display: flex;
}

.ProfileMenu-module__H3FjMq__logoutButton:hover {
  cursor: pointer;
  background-color: #ff424226;
  transition: all .4s;
}

/* [project]/client/src/components/Modal/CouponNotActiveModal/ModalWithMessages.module.css [app-client] (css) */
.ModalWithMessages-module__2_mRWq__modalContainer {
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  display: flex;
}

.ModalWithMessages-module__2_mRWq__imageContainer {
  background-color: var(--modalBackground);
  z-index: -1;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ModalWithMessages-module__2_mRWq__orange {
  background-image: url("../media/EllipseOrange.d4efb835.svg"), url("../media/GridForModalYellow.558c0814.svg");
}

.ModalWithMessages-module__2_mRWq__green {
  background-image: url("../media/EllipseGreen.bf9bf894.svg"), url("../media/GridForModal.4a90632f.svg");
}

.ModalWithMessages-module__2_mRWq__red {
  background-image: url("../media/EllipseRed.58a51fcf.svg"), url("../media/GridForModalRed.b94863c0.svg");
}

.ModalWithMessages-module__2_mRWq__imageAttention {
  transform: rotate(29deg)translateY(-10px);
}

.ModalWithMessages-module__2_mRWq__imageSuccess {
  transform: rotate(29deg)scale(.9);
}

.ModalWithMessages-module__2_mRWq__imageError {
  transform: scale(.98);
}

.ModalWithMessages-module__2_mRWq__imageSmall {
  filter: blur(3px) brightness(60%);
  position: absolute;
  top: -55px;
  left: 55px;
  transform: rotate(-32deg);
}

.ModalWithMessages-module__2_mRWq__textContainer {
  white-space: pre-line;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin-top: 4px;
  display: flex;
}

.ModalWithMessages-module__2_mRWq__leftAlignedText {
  text-align: start;
  padding: 0 20px;
}

.ModalWithMessages-module__2_mRWq__buttonModal {
  width: calc(100% - 40px);
  height: 56px;
  margin-bottom: 20px;
  text-decoration: none;
}

.ModalWithMessages-module__2_mRWq__reasonsTitle {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  text-align: center;
  margin: 0 0 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.ModalWithMessages-module__2_mRWq__reasonsList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ModalWithMessages-module__2_mRWq__reasonItem {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ModalWithMessages-module__2_mRWq__number {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-hovered-text-color);
  background-color: #858b9840;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.ModalWithMessages-module__2_mRWq__reasonItemText {
  letter-spacing: .02em;
  color: #c8d0e0;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

@media not (min-width: 800px) {
  .ModalWithMessages-module__2_mRWq__modalContainer {
    gap: 24px;
    width: 100%;
  }

  .ModalWithMessages-module__2_mRWq__buttonModal {
    width: calc(100% - 24px);
    height: 56px;
    margin-bottom: 16px;
  }

  .ModalWithMessages-module__2_mRWq__textContainer {
    margin-top: 12px;
  }

  .ModalWithMessages-module__2_mRWq__leftAlignedText {
    text-align: start;
    padding: 0 12px;
  }

  .ModalWithMessages-module__2_mRWq__imageAttention {
    transform: translateY(-5px)rotate(28deg)scale(.88);
  }

  .ModalWithMessages-module__2_mRWq__imageSuccess {
    transform: rotate(29deg)scale(.8);
  }

  .ModalWithMessages-module__2_mRWq__imageError {
    transform: scale(.9);
  }

  .ModalWithMessages-module__2_mRWq__imageSmall {
    transform: rotate(-32deg)scale(.88);
  }

  .ModalWithMessages-module__2_mRWq__orange {
    background-image: url("../media/EllipseOrangeSmall.c0acd09d.svg"), url("../media/GridForModalYellow.558c0814.svg");
  }

  .ModalWithMessages-module__2_mRWq__green {
    background-image: url("../media/EllipseGreenSmall.58696a0b.svg"), url("../media/GridForModal.4a90632f.svg");
  }

  .ModalWithMessages-module__2_mRWq__red {
    background-image: url("../media/EllipseRedSmall.ca406598.svg"), url("../media/GridForModalRed.b94863c0.svg");
  }
}

@media not (min-width: 560px) {
  .ModalWithMessages-module__2_mRWq__reasonsTitle {
    font-size: 16px;
  }

  .ModalWithMessages-module__2_mRWq__reasonItemText {
    font-size: 14px;
  }
}

@media not (min-width: 500px) {
  .ModalWithMessages-module__2_mRWq__textContainer {
    white-space: normal;
  }

  .ModalWithMessages-module__2_mRWq__imageSmall {
    left: 5px;
  }

  .ModalWithMessages-module__2_mRWq__reasonsTitle {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
  }

  .ModalWithMessages-module__2_mRWq__reasonItemText {
    font-size: 14px;
  }
}

/* [project]/client/src/components/Banner/Banner.module.css [app-client] (css) */
.Banner-module__nRXotW__bannerAvanContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 100px -40px #0006;
  border: none !important;
}

.Banner-module__nRXotW__bannerAvan {
  background-image: var(--bg-desktop);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  align-self: center;
  width: 1920px;
  height: 112px;
  overflow: hidden;
}

.Banner-module__nRXotW__textContainer {
  justify-content: space-between;
  align-items: center;
  width: 1400px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Banner-module__nRXotW__text {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  white-space: pre-line;
  font-size: 36px;
  font-weight: 500;
  line-height: 110%;
}

.Banner-module__nRXotW__yellow {
  color: #fce107;
  font-weight: 700;
}

.Banner-module__nRXotW__button {
  height: 52px;
  text-decoration: none;
}

.Banner-module__nRXotW__button button {
  font-family: var(--font-unbounded), sans-serif;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

@media (max-width: 1444px) {
  .Banner-module__nRXotW__textContainer {
    width: calc(100% - 32px);
  }
}

@media (max-width: 1150px) {
  .Banner-module__nRXotW__bannerAvan {
    background-position: -350px 0;
    align-self: flex-start;
  }
}

@media (max-width: 1050px) {
  .Banner-module__nRXotW__insteadOfPadding {
    width: 100%;
    height: 72px;
  }
}

@media (max-width: 1000px) {
  .Banner-module__nRXotW__text.Banner-module__nRXotW__textFS {
    font-size: clamp(12px, 3.3vw, 36px);
  }

  .Banner-module__nRXotW__buttonFS button {
    padding: 0 16px;
    font-size: 24px;
  }
}

@media (max-width: 800px) {
  .Banner-module__nRXotW__text.Banner-module__nRXotW__textKFEn {
    font-size: clamp(12px, 4vw, 36px);
  }
}

@media (max-width: 720px) {
  .Banner-module__nRXotW__bannerAvan {
    background-image: var(--bg-mobile);
    background-position: top;
    align-self: center;
    width: 715px;
    height: 15.5556vw;
  }

  .Banner-module__nRXotW__button {
    height: 7.22222vw;
  }
}

@media (max-width: 700px) {
  .Banner-module__nRXotW__text {
    font-size: clamp(12px, 3.8vw, 36px);
  }

  .Banner-module__nRXotW__text.Banner-module__nRXotW__textFS {
    font-size: clamp(12px, 4vw, 24px);
  }

  .Banner-module__nRXotW__button button {
    padding: 0 clamp(7px, 3vw, 24px);
    font-size: clamp(11px, 3vw, 16px);
  }

  .Banner-module__nRXotW__buttonFS {
    display: none;
  }
}

@media (max-width: 600px) {
  .Banner-module__nRXotW__text.Banner-module__nRXotW__textKFEn {
    font-size: clamp(12px, 3.6vw, 36px);
  }
}

@media (max-width: 400px) {
  .Banner-module__nRXotW__text, .Banner-module__nRXotW__text.Banner-module__nRXotW__textKFEn, .Banner-module__nRXotW__text.Banner-module__nRXotW__textFS {
    font-size: 12px;
  }
}

/* [project]/client/src/components/Notification/Notifications.module.css [app-client] (css) */
.Notifications-module__QEyzna__snackbarContainer {
  background-color: var(--article-bg-color);
  border-radius: 8px;
  width: 439px;
  padding: 20px;
  position: relative;
}

.Notifications-module__QEyzna__closeButton {
  position: absolute;
  top: 12px;
  right: 12px;
}

.Notifications-module__QEyzna__closeButton svg {
  color: var(--secondary-text-color);
  width: 18px;
  height: 18px;
  transition: all .4s;
}

.Notifications-module__QEyzna__closeButton:hover svg {
  color: var(--primary-text-color);
  transition: all .4s;
}

.Notifications-module__QEyzna__imageContainer {
  width: 44px;
  height: 44px;
  position: relative;
}

.Notifications-module__QEyzna__image {
  object-fit: contain;
}

.Notifications-module__QEyzna__notiMessageContainer {
  align-items: flex-start;
  gap: 16px;
  width: calc(100% - 30px);
  display: flex;
}

.Notifications-module__QEyzna__notiText {
  text-align: start;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  width: calc(100% - 60px);
  display: flex;
}

.Notifications-module__QEyzna__notiTextHTML {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.Notifications-module__QEyzna__notiTextHTML a {
  color: var(--primary-text-color) !important;
}

.Notifications-module__QEyzna__notiTextHTML p {
  margin: 0;
}

.Notifications-module__QEyzna__button {
  width: 122px;
  height: 31px;
  margin-top: 12px;
}

.Notifications-module__QEyzna__button button {
  color: var(--main-color);
  background-color: #fbd5061a;
  transition: all .4s;
}

.Notifications-module__QEyzna__button button:hover {
  background-color: #fbd50625;
  transition: all .4s;
}

.Notifications-module__QEyzna__button button:active {
  background-color: #fbd50635;
  transition: all .4s;
}

@media not (min-width: 800px) {
  .Notifications-module__QEyzna__imageContainer {
    width: 40px;
    height: 40px;
  }

  .Notifications-module__QEyzna__imageWithLoader {
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
  }

  .Notifications-module__QEyzna__imageWithLoaderCircle {
    background-color: var(--main-color);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    left: 13px;
  }

  .Notifications-module__QEyzna__snackbarContainer {
    padding: 16px;
  }

  .Notifications-module__QEyzna__notiText {
    gap: 4px;
    width: calc(100% - 56px);
  }

  .Notifications-module__QEyzna__notiTextHTML {
    gap: 4px;
  }

  .Notifications-module__QEyzna__button {
    margin-top: 6px;
  }
}

@media not (min-width: 500px) {
  .Notifications-module__QEyzna__snackbarContainer {
    width: calc(100vw - 36px);
  }
}

/* [project]/client/src/styles/globals.css [app-client] (css) */
body {
  background-color: #101012;
  margin: 0;
  font-family: Inter Tight, sans-serif;
  line-height: 1.5;
}

body.lockScroll {
  padding-right: var(--scrollbar-width);
  overflow: hidden !important;
}

.MuiListItemText-root span {
  font-weight: 600 !important;
}

.items .css-doq0dk div {
  opacity: 1 !important;
}

.items .css-1fzpoyk:first-child, .items .css-1fzpoyk:last-child {
  visibility: hidden;
}

.payment-icons svg {
  margin: 15px;
}

.video .css-1fzpoyk:first-child, .video .css-1fzpoyk:last-child {
  visibility: hidden;
}

.MuiAccordionSummary-expandIconWrapper svg {
  rotate: 90deg !important;
}

.loader {
  transform-origin: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  animation-name: ckw;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: inline-block;
}

@keyframes ckw {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.inputBtn {
  cursor: pointer;
}

@keyframes inAnimation {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

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

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.custom-dot-list-style button {
  background: #313742;
  border: none;
  border-radius: 4px;
  width: 48px;
  height: 5px;
}

.react-multi-carousel-dot.react-multi-carousel-dot--active button {
  background: #fbd506 !important;
}

.custom-bullet-ul {
  list-style: none;
}

.custom-bullet-ul li:before {
  content: "•";
  color: #fff;
  width: 1em;
  margin-left: -1em;
  font-weight: bold;
  display: inline-block;
}

.green-ul {
  list-style: none;
}

.green-ul li:before {
  content: "•";
  color: #30d158;
  width: 1em;
  margin-left: -1em;
  font-weight: bold;
  display: inline-block;
}

.custom-ul {
  list-style: none;
}

.custom-ul li:before {
  content: "› ";
  color: #7d8999;
  width: 1em;
  margin-left: -1em;
  font-weight: bold;
  display: inline-block;
}

/* [project]/client/src/app/[locale]/global.css [app-client] (css) */
:root {
  --main-color: #fbd506;
  --primary-text-color: #fff;
  --color-primary-text-alpha-90: #ffffffe6;
  --primary-hovered-text-color: #9da6b8;
  --secondary-text-color: #7d8999;
  --article-bg-color: #1a1b20;
  --bg-color-input: #1a1e20;
  --black-text-color: #121314;
  --grey_btn-bg-color: #262a32;
  --hovered-grey_btn-bg-color: #313742;
  --active-grey_btn-bg-color: #20242a;
  --bg-color: #101012;
  --font-color: #7d8999;
  --link-color: #56cbf2;
  --hovered-border: #495160;
  --notification-color: #d63232;
  --input-border: #353b46;
  --input-hover-border: #586172;
  --input-hover-bg-color: #333842;
  --sidebar-grey-color: #a3b5c6;
  --sidebar-blue-color: #4ba3f3;
  --sidebar-dark-blue-color: #5a74ff;
  --sidebar-violet-color: #a353ff;
  --sidebar-pink-color: #d823e1;
  --sidebar-red-color: #f13640;
  --sidebar-green-color: #ade55c;
  --sidebar-orange-color: #ff9f0a;
  --basket-border: #26282b;
  --button-main-hover: #ffe81c;
  --scrollbar-color: #4c555f;
  --main-green: #30d158;
  --button-click: #f0cb08;
  --green-button: #1fb444;
  --green-button-active: #179e39;
  --grey-grafit-button: #262a2f;
  --background-color: #1d2026;
  --background-cart-color: #1f2026;
  --background-cart-color-total: #191a1f;
  --trash-color: #bf2626;
  --icon-svg-color: #707c8c;
  --time-color: #30281e;
  --new-border-bottom: #333540;
  --borderCardItem: #3c4350;
  --shadow: #1d1d1d;
  --color-button-disabled: #5c6773;
  --greyReferral: #1a1c20;
  --new-grey-color: #70758c;
  --background-recommended-color: #17181c;
  --blogger-background-hover: #23252b;
  --number-of-views-text: #8d91a6;
  --comment-text: #c9ced9;
  --refBorder: #31333c;
  --modalBackground: #0d0d0e;
  --blurredGreen: #52cc70;
  --modalRed: #f5313c;
  --notification-modal-border: #2d2f3c;
  --numberOfPages: #b3bbcc;
  --green-button-trustpilot: #00da8d;
  --giveawayBackground: #1f2229;
  --giveawayBorder: #282f3a;
  --white10: #ffffff10;
  --white5: #ffffff25;
  --white40: #fff6;
  --white60: #fff9;
  --icon-giveaway-color: #acb3c2;
  --green-winner: #00e398;
  --blue-deal-color: #6c8eb5;
  --grey-deal-color: #c9cace;
  --red-deal-color: #c04c42;
  --footer-background: #17191c;
  --account-background: #23262c;
  --grey-color-new: #858b98;
  --cart-item-background: #25272e;
  --trash-red: #ff2f2f;
  --cart-item-hover: #2e2f38;
  --inventory-value-skeleton-bg: #262a3280;
  --inventory-value-skeleton-item-bg: #3f455280;
  --grey-text: #858b98;
  --grey-text-lighter: #b0b6c4;
  --inventory-value-dark-bg: #23262c;
  --deal-frozen-text: #57ccf2;
  --input-error-bg-color: #ff9f0a24;
  --input-error-border-color: #ff9f0a80;
  --tg-color: #26a5e4;
  --main-color-alpha-50: #fbd50680;
  --main-color-alpha-10: #fbd5061a;
  --main-color-alpha-20: #fbd50633;
  --factory-new-quality-color: #0d9a30;
  --minimal-wear-quality-color: #30d158;
  --field-tested-quality-color: #ebce34;
  --well-worn-quality-color: #ff9f0a;
  --battle-scarred-quality-color: #d63232;
  --green-graph: #43ff72;
  --red-graph: #ff3742;
  --icon-color: #686870;
  --killer-feature-grey: #34373e;
  --account-red: #ff4242;
  --account-balance: #15161a;
  --primary-text-color-90: #ffffffe5;
  --primary-text-color-80: #fffc;
  --new-yellow: #fad40f;
  --grey-hover-button: #262833;
}

@font-face {
  font-family: DS-Digital;
  src: url("/font/DS-Digital.woff2") format("woff2"), url("/font/DS-Digital.ttf") format("truetype");
}

div {
  box-sizing: border-box;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: inset 0 0 0 50px #262a32 !important;
}

.notistack-SnackbarContainer {
  bottom: 44px !important;
  right: 32px !important;
}

.recharts-wrapper * {
  outline: none !important;
}

@keyframes shake-vertical {
  0%, 100% {
    transform: translateY(0);
  }

  10%, 30%, 50%, 70% {
    transform: translateY(-20px);
  }

  20%, 40%, 60% {
    transform: translateY(20px);
  }

  80% {
    transform: translateY(16px);
  }

  90% {
    transform: translateY(-16px);
  }
}

@keyframes shake-vertical-dual {
  0%, 100% {
    transform: translateY(0);
  }

  10%, 30%, 50%, 70% {
    transform: translateY(20px);
  }

  20%, 40%, 60% {
    transform: translateY(-20px);
  }

  80% {
    transform: translateY(-16px);
  }

  90% {
    transform: translateY(16px);
  }
}

@keyframes shake-vertical-third {
  0%, 100% {
    transform: translateY(0);
  }

  10%, 30%, 50%, 70% {
    transform: translateY(-16px);
  }

  20%, 40%, 60% {
    transform: translateY(16px);
  }

  80% {
    transform: translateY(-20px);
  }

  90% {
    transform: translateY(20px);
  }
}

@keyframes shake-vertical-fourth {
  0%, 100% {
    transform: translateY(0);
  }

  10%, 30%, 50%, 70% {
    transform: translateY(5px);
  }

  20%, 40%, 60% {
    transform: translateY(-5px);
  }

  80% {
    transform: translateY(14px);
  }

  90% {
    transform: translateY(-14px);
  }
}

.countUpText {
  font-size: 26px;
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin-top: 16px;
  margin-bottom: 0;
  font-weight: 600;
}

@media not (min-width: 1024px) {
  .bgImageOne, .bgImageSix, .bgImageSeven {
    animation: 10s cubic-bezier(.455, .03, .515, .955) infinite both shake-vertical;
  }

  .bgImageTwo, .bgImageFive {
    animation: 7s cubic-bezier(.455, .03, .515, .955) infinite both shake-vertical-dual;
  }

  .bgImageThree, .bgImageEight {
    animation: 8s cubic-bezier(.455, .03, .515, .955) infinite both shake-vertical-third;
  }

  .bgImageFour {
    animation: 7s cubic-bezier(.455, .03, .515, .955) infinite both shake-vertical-fourth;
  }
}

@media not (min-width: 752px) {
  .countUpText {
    font-size: 22px;
  }
}

@media not (max-width: 700px) {
  .e-widget-wrapper {
    width: 1200px !important;
  }
}

@media not (min-width: 600px) {
  .notistack-SnackbarContainer {
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    right: 16px !important;
  }
}

/*# sourceMappingURL=client_b4806c19._.css.map*/