/* [project]/client/src/components/Alerts/WarningAlert/WarningAlert.module.css [app-client] (css) */
.WarningAlert-module__jeaWRG__alert {
  width: 100%;
}

.WarningAlert-module__jeaWRG__alert .WarningAlert-module__jeaWRG__muiAlert {
  z-index: 5;
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a1a;
  border-radius: 5px;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.WarningAlert-module__jeaWRG__alert .WarningAlert-module__jeaWRG__alertTitle {
  color: var(--sidebar-orange-color);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.WarningAlert-module__jeaWRG__message {
  color: var(--white60);
  margin: 5px 0 0;
  font-size: 14px;
}

.WarningAlert-module__jeaWRG__iconButton {
  background-color: #ffffff14;
  border-radius: 5px;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.WarningAlert-module__jeaWRG__iconButton button {
  width: 24px;
  height: 24px;
  color: var(--white40);
  background-color: #ffffff14;
  transition: all .4s;
}

.WarningAlert-module__jeaWRG__iconButton:hover button {
  background-color: #ffffff05;
  transition: all .4s;
}

.WarningAlert-module__jeaWRG__iconButton:active button {
  background-color: var(--white10);
}

.WarningAlert-module__jeaWRG__alertBlur {
  background: linear-gradient(#faac0100 0%, #faac0180 49.24%, #faac0100 100%);
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1px;
}

.WarningAlert-module__jeaWRG__ellipse {
  filter: blur(35px);
  z-index: -1;
  background-color: #faac0152;
  border-radius: 50%;
  width: 200px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -130px;
}

/* [project]/client/src/components/Alerts/AlertsList/AlertsList.module.css [app-client] (css) */
.AlertsList-module__fROwJG__alertsList {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-block: 10px;
  padding-inline: 16px;
  display: flex;
}

/* [project]/client/src/components/ArticlesComponent/ArticlesSlider/ArticleCard/ArticleCard.module.css [app-client] (css) */
.ArticleCard-module__L3IvbW__articleCard {
  flex: 0 0 calc(25% - 15px);
  min-width: 280px;
}

.ArticleCard-module__L3IvbW__articleCardContent {
  cursor: pointer;
  text-decoration: none;
}

.ArticleCard-module__L3IvbW__articleCardContent.ArticleCard-module__L3IvbW__dragging {
  cursor: grabbing;
}

.ArticleCard-module__L3IvbW__imageContainer {
  aspect-ratio: 335 / 190;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
}

.ArticleCard-module__L3IvbW__date {
  letter-spacing: .02em;
  color: var(--font-color);
  margin-bottom: 8px;
  font-family: Inter Tight;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}

.ArticleCard-module__L3IvbW__title {
  font-family: var(--font-unbounded), sans-serif;
  letter-spacing: .02em;
  color: var(--primary-text-color);
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
}

@media not (min-width: 800px) {
  .ArticleCard-module__L3IvbW__date {
    font-size: 13px;
  }

  .ArticleCard-module__L3IvbW__title {
    font-size: 14px;
  }
}

/* [project]/client/src/components/ArticlesComponent/ArticlesSlider/ArticlesSlider.module.css [app-client] (css) */
.ArticlesSlider-module__W8PwgG__articlesComponent {
  width: 100%;
  max-width: 1400px;
  margin: 100px auto 72px;
}

.ArticlesSlider-module__W8PwgG__headerBlock {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ArticlesSlider-module__W8PwgG__titleContainer {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ArticlesSlider-module__W8PwgG__title {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  font-size: 26px;
  font-weight: 600;
  line-height: 100%;
}

.ArticlesSlider-module__W8PwgG__more {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ArticlesSlider-module__W8PwgG__moreLink {
  color: var(--grey-text);
  letter-spacing: .02em;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  transition: color .3s;
}

.ArticlesSlider-module__W8PwgG__more:hover .ArticlesSlider-module__W8PwgG__moreLink, .ArticlesSlider-module__W8PwgG__more:hover .ArticlesSlider-module__W8PwgG__arrowRight {
  color: var(--primary-text-color);
}

.ArticlesSlider-module__W8PwgG__bookmark {
  color: var(--main-color);
  width: 24px;
  height: 24px;
}

.ArticlesSlider-module__W8PwgG__arrowRight {
  color: var(--grey-text);
  transition: color .3s;
}

.ArticlesSlider-module__W8PwgG__articles {
  user-select: none;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow: hidden;
}

.ArticlesSlider-module__W8PwgG__grabbing {
  cursor: grabbing;
}

.ArticlesSlider-module__W8PwgG__inner {
  will-change: transform;
  gap: 20px;
  display: flex;
}

.ArticlesSlider-module__W8PwgG__fadeEffect {
  pointer-events: none;
  background: linear-gradient(270deg, #101012 0%, #10101200 100%);
  width: 50px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.ArticlesSlider-module__W8PwgG__fadeEffect.ArticlesSlider-module__W8PwgG__dragging {
  display: block;
}

@media not (min-width: 1443px) {
  .ArticlesSlider-module__W8PwgG__articlesComponent {
    padding-inline: 16px;
  }
}

@media not (min-width: 800px) {
  .ArticlesSlider-module__W8PwgG__articlesComponent {
    margin-block: 72px;
    margin-bottom: 0;
  }

  .ArticlesSlider-module__W8PwgG__title {
    font-size: 20px;
  }

  .ArticlesSlider-module__W8PwgG__more {
    display: none;
  }

  .ArticlesSlider-module__W8PwgG__bookmark {
    width: 20px;
    height: 20px;
  }

  .ArticlesSlider-module__W8PwgG__fadeEffect {
    display: block;
  }
}

/* [project]/client/src/components/FAQs/FaqAccordion/FaqAccordion.module.css [app-client] (css) */
.FaqAccordion-module__aNc5hG__accordion {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

/* [project]/client/src/components/FAQs/FaqAccordion/FaqSection/FaqSection.module.css [app-client] (css) */
.FaqSection-module__I5ULfa__faqSection {
  background-color: var(--background-recommended-color);
  border: 1px solid var(--background-recommended-color);
  cursor: pointer;
  border-radius: 12px;
  padding: 20px;
  transition: all .4s;
  position: relative;
  overflow: hidden;
}

.FaqSection-module__I5ULfa__faqSection:not(.FaqSection-module__I5ULfa__open):hover {
  background-color: #1f2126;
  transition: all .4s;
}

.FaqSection-module__I5ULfa__faqSection:not(.FaqSection-module__I5ULfa__open):hover .FaqSection-module__I5ULfa__arrow path {
  stroke: var(--primary-text-color);
}

.FaqSection-module__I5ULfa__faqSection.FaqSection-module__I5ULfa__open {
  border-color: var(--main-color);
  backdrop-filter: blur(100px);
  background-color: #1110120d;
}

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

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

.FaqSection-module__I5ULfa__question.FaqSection-module__I5ULfa__questionGiveaway {
  font-size: 16px;
}

.FaqSection-module__I5ULfa__arrowContainer {
  width: 24px;
  height: 24px;
}

.FaqSection-module__I5ULfa__arrow {
  margin-top: 3px;
  transition: all .2s;
  transform: rotate(-90deg);
}

.FaqSection-module__I5ULfa__arrow.FaqSection-module__I5ULfa__open {
  transform: rotate(90deg);
}

.FaqSection-module__I5ULfa__arrow path {
  stroke: var(--secondary-text-color);
  transition: all .4s;
}

.FaqSection-module__I5ULfa__arrow.FaqSection-module__I5ULfa__open path {
  stroke: var(--main-color);
}

.FaqSection-module__I5ULfa__answerWrapper {
  max-height: 0;
  transition: max-height .3s;
  overflow: hidden;
}

.FaqSection-module__I5ULfa__answerContent {
  margin-top: 12px;
}

.FaqSection-module__I5ULfa__ellipse2 {
  filter: blur(100px);
  background-color: var(--main-color);
  z-index: 1;
  border-radius: 50%;
  display: none;
  position: absolute;
}

.FaqSection-module__I5ULfa__ellipse2.FaqSection-module__I5ULfa__open {
  width: 100px;
  height: 100px;
  display: block;
  top: 51px;
  left: 0;
  transform: translateX(-50%);
}

@media not (min-width: 1024px) {
  .FaqSection-module__I5ULfa__faqSection:not(.FaqSection-module__I5ULfa__open):hover {
    background-color: var(--background-recommended-color);
    transition: all .4s;
  }

  .FaqSection-module__I5ULfa__faqSection:not(.FaqSection-module__I5ULfa__open):hover .FaqSection-module__I5ULfa__arrow path {
    stroke: var(--secondary-text-color);
  }
}

@media not (min-width: 800px) {
  .FaqSection-module__I5ULfa__faqSection {
    padding: 16px;
  }
}

@media not (min-width: 560px) {
  .FaqSection-module__I5ULfa__question {
    font-size: 16px;
  }

  .FaqSection-module__I5ULfa__question.FaqSection-module__I5ULfa__questionGiveaway {
    font-size: 15px;
  }
}

/* [project]/client/src/components/Market/DescriptionComponents/DescriptionComponents.module.css [app-client] (css) */
.DescriptionComponents-module__jSt5YW__description {
  margin-top: 72px;
  max-width: 1400px;
  margin-inline: 16px;
}

.DescriptionComponents-module__jSt5YW__list {
  margin: 0;
}

.DescriptionComponents-module__jSt5YW__answer, .DescriptionComponents-module__jSt5YW__list li {
  letter-spacing: .02em;
  color: var(--color-primary-text-alpha-90);
  margin: 0;
  text-align: justify;
  z-index: 10;
  margin-top: 12px;
  padding-right: 64px;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.DescriptionComponents-module__jSt5YW__list li {
  margin: 0;
}

.DescriptionComponents-module__jSt5YW__link {
  color: var(--main-color);
}

@media not (min-width: 800px) {
  .DescriptionComponents-module__jSt5YW__h1 {
    font-size: 28px !important;
  }

  .DescriptionComponents-module__jSt5YW__marketPage {
    padding-top: 136px;
  }

  .DescriptionComponents-module__jSt5YW__description {
    margin-top: 48px;
  }
}

@media not (min-width: 560px) {
  .DescriptionComponents-module__jSt5YW__answer, .DescriptionComponents-module__jSt5YW__list li {
    padding-right: 0;
    font-size: 13px;
  }
}

/* [project]/client/src/components/SellSkinsDescription/sellSkinsDescription.module.css [app-client] (css) */
.sellSkinsDescription-module__pUXidq__descriptionContainer {
  margin-top: 72px;
  max-width: 1400px;
  margin-inline: 16px;
}

.sellSkinsDescription-module__pUXidq__footerText {
  width: 100%;
  margin-top: 72px;
}

.sellSkinsDescription-module__pUXidq__footerTextHeader {
  font-family: var(--font-unbounded), sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

.sellSkinsDescription-module__pUXidq__footerSentenceOne {
  color: #7d8999;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.7;
}

.sellSkinsDescription-module__pUXidq__link {
  color: var(--main-color);
}

.sellSkinsDescription-module__pUXidq__list {
  margin: 0;
}

.sellSkinsDescription-module__pUXidq__answer, .sellSkinsDescription-module__pUXidq__list li {
  letter-spacing: .02em;
  color: var(--color-primary-text-alpha-90);
  text-align: justify;
  z-index: 10;
  margin: 12px 0 0;
  padding-right: 64px;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.sellSkinsDescription-module__pUXidq__list li {
  margin: 0;
}

@media not (min-width: 800px) {
  .sellSkinsDescription-module__pUXidq__description {
    margin-top: 48px;
  }
}

@media not (min-width: 752px) {
  .sellSkinsDescription-module__pUXidq__footerSentenceOne {
    line-height: 1.6;
  }
}

@media not (min-width: 560px) {
  .sellSkinsDescription-module__pUXidq__answer, .sellSkinsDescription-module__pUXidq__list li {
    padding-right: 0;
    font-size: 13px;
  }
}

/* [project]/client/src/components/BloggerComponent/BloggerComponent.module.css [app-client] (css) */
.BloggerComponent-module__AYEaJG__recommendedContainer {
  z-index: 10;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
  max-width: 1400px;
  display: flex;
}

.BloggerComponent-module__AYEaJG__recommendedContainerHeader {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 626px;
  display: flex;
}

.BloggerComponent-module__AYEaJG__recommendedContainerHeader span:nth-child(2) {
  display: none;
}

.BloggerComponent-module__AYEaJG__recommendedContainerHeader span:last-child {
  text-align: center;
}

.BloggerComponent-module__AYEaJG__recommendedContainerHeader span:first-child {
  position: relative;
}

.BloggerComponent-module__AYEaJG__recommendedReviewsContainer {
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 552px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media not (min-width: 1320px) {
  .BloggerComponent-module__AYEaJG__recommendedContainer {
    gap: 40px;
    padding: 0 16px;
  }

  .BloggerComponent-module__AYEaJG__recommendedContainerHeader {
    gap: 16px;
  }

  .BloggerComponent-module__AYEaJG__recommendedReviewsContainer {
    width: 100%;
  }
}

@media not (min-width: 872px) {
  .BloggerComponent-module__AYEaJG__recommendedContainer {
    gap: 32px;
  }

  .BloggerComponent-module__AYEaJG__recommendedContainerHeader {
    gap: 12px;
    width: 100%;
    max-width: 500px;
  }

  .BloggerComponent-module__AYEaJG__recommendedContainerHeader span:first-child {
    display: none;
  }

  .BloggerComponent-module__AYEaJG__recommendedContainerHeader span:nth-child(2) {
    display: inline-block;
    position: relative;
  }

  .BloggerComponent-module__AYEaJG__recommendedReviewsContainer {
    gap: 12px;
    height: 680px;
  }

  .BloggerComponent-module__AYEaJG__linearGradientBlock {
    background: linear-gradient(0deg, #101012 0%, #10101200 100%);
    width: 100%;
    height: 162px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

@media not (min-width: 569px) {
  .BloggerComponent-module__AYEaJG__recommendedReviewsContainer {
    gap: 12px;
    height: 853px;
  }
}

/* [project]/client/src/components/BloggerComponent/BloggerItem/BloggerItem.module.css [app-client] (css) */
.BloggerItem-module__JkT0RW__recommendedItemBox {
  background-color: var(--background-recommended-color);
  cursor: pointer;
  border-radius: 12px;
  gap: 16px;
  width: 267px;
  height: 112px;
  padding: 24px;
  display: flex;
  position: relative;
}

.BloggerItem-module__JkT0RW__recommendedReviewsColumn {
  flex-direction: column;
  place-content: flex-start;
  gap: 16px;
  height: 552px;
  display: flex;
}

.BloggerItem-module__JkT0RW__recommendedReviewsColumnFirst .BloggerItem-module__JkT0RW__recommendedItemBox {
  background: linear-gradient(270deg, #17181c 0%, #17181c00 100%);
}

.BloggerItem-module__JkT0RW__recommendedReviewsColumnLast .BloggerItem-module__JkT0RW__recommendedItemBox {
  background: linear-gradient(270deg, #17181c00 0%, #17181c 100%);
}

.BloggerItem-module__JkT0RW__image {
  border-radius: 50%;
}

.BloggerItem-module__JkT0RW__recommendedItemBox:hover .BloggerItem-module__JkT0RW__bloggerHoverContainer {
  opacity: 1;
  transition: all .4s;
}

.BloggerItem-module__JkT0RW__typographyName {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 139px;
  color: var(--primary-text-color);
  overflow: hidden;
}

.BloggerItem-module__JkT0RW__recommendedItemBoxRightPart {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.BloggerItem-module__JkT0RW__socialNetworkContainer {
  align-items: center;
  gap: 8px;
  display: flex;
}

.BloggerItem-module__JkT0RW__bloggerHoverContainer {
  opacity: 0;
  background-color: var(--blogger-background-hover);
  border-radius: 12px;
  gap: 16px;
  width: 267px;
  height: 112px;
  padding: 24px;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.BloggerItem-module__JkT0RW__hoverContainerRightPart {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.BloggerItem-module__JkT0RW__hoverContainerRightPart span:first-child {
  text-overflow: ellipsis;
  width: 142px;
  color: var(--primary-text-color);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.BloggerItem-module__JkT0RW__recommendedReviewsColumnFourth, .BloggerItem-module__JkT0RW__recommendedReviewsColumnSecond {
  transform: translateY(56px);
}

@media not (min-width: 1414px) {
  .BloggerItem-module__JkT0RW__recommendedReviewsColumnFourth .BloggerItem-module__JkT0RW__recommendedItemBox {
    background: linear-gradient(270deg, #17181c00 0%, #17181c 100%);
  }
}

@media not (min-width: 1163px) {
  .BloggerItem-module__JkT0RW__recommendedReviewsColumnThird .BloggerItem-module__JkT0RW__recommendedItemBox {
    background: linear-gradient(270deg, #17181c00 0%, #17181c 100%);
  }

  .BloggerItem-module__JkT0RW__recommendedReviewsColumn {
    transform: translateY(56px);
  }

  .BloggerItem-module__JkT0RW__recommendedReviewsColumnFourth, .BloggerItem-module__JkT0RW__recommendedReviewsColumnSecond {
    transform: translateY(0);
  }
}

@media not (min-width: 880px) {
  .BloggerItem-module__JkT0RW__recommendedItemBox {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 158px;
    height: 161px;
    padding: 20px;
  }

  .BloggerItem-module__JkT0RW__recommendedReviewsColumn {
    gap: 12px;
    height: 680px;
    transform: translateY(0);
  }

  .BloggerItem-module__JkT0RW__recommendedReviewsColumnThird .BloggerItem-module__JkT0RW__recommendedItemBox, .BloggerItem-module__JkT0RW__recommendedReviewsColumnFourth .BloggerItem-module__JkT0RW__recommendedItemBox, .BloggerItem-module__JkT0RW__recommendedReviewsColumnFirst .BloggerItem-module__JkT0RW__recommendedItemBox, .BloggerItem-module__JkT0RW__recommendedReviewsColumnSecond .BloggerItem-module__JkT0RW__recommendedItemBox, .BloggerItem-module__JkT0RW__recommendedReviewsColumnLast .BloggerItem-module__JkT0RW__recommendedItemBox {
    background: var(--background-recommended-color) none;
  }

  .BloggerItem-module__JkT0RW__recommendedItemBoxRightPart {
    align-items: center;
    gap: 4px;
  }

  .BloggerItem-module__JkT0RW__typographyName {
    text-align: center;
    width: 116px;
  }

  .BloggerItem-module__JkT0RW__bloggerHoverContainer {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 158px;
    height: 161px;
    padding: 20px;
    top: 0;
    right: 0;
  }

  .BloggerItem-module__JkT0RW__hoverContainerRightPart span:first-child {
    -webkit-line-clamp: 1;
    width: 118px;
  }
}

/* [project]/client/src/components/Comments/Comments.module.css [app-client] (css) */
.Comments-module__5GqYjG__commentsContainer {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 732px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Comments-module__5GqYjG__titleContainer {
  z-index: 2;
  padding-top: 8px;
  position: relative;
}

.Comments-module__5GqYjG__commentsContainer .Comments-module__5GqYjG__button {
  justify-self: end;
}

.Comments-module__5GqYjG__numberOfReviewsContainer {
  align-items: center;
  gap: 4px;
  height: 32px;
  display: flex;
}

.Comments-module__5GqYjG__commentsBox {
  height: 608px;
  margin: 0 48px;
  mask-image: linear-gradient(#000 50%, #0000 100%);
}

.Comments-module__5GqYjG__backgroundGridStylesLeft {
  z-index: -2;
  position: absolute;
  top: -120px;
  left: -400px;
}

.Comments-module__5GqYjG__backgroundGridStylesRight {
  z-index: -2;
  position: absolute;
  top: -120px;
  right: -400px;
}

.Comments-module__5GqYjG__button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

@media not (min-width: 1030px) {
  .Comments-module__5GqYjG__backgroundGridStylesLeft, .Comments-module__5GqYjG__backgroundGridStylesRight {
    display: none;
  }
}

@media not (min-width: 905px) {
  .Comments-module__5GqYjG__commentsContainer {
    height: 789px;
  }

  .Comments-module__5GqYjG__numberOfReviewsContainer {
    height: 24px;
  }

  .Comments-module__5GqYjG__commentsBox {
    height: 674px;
  }
}

@media not (min-width: 630px) {
  .Comments-module__5GqYjG__commentsContainer {
    height: 970px;
  }

  .Comments-module__5GqYjG__commentsBox {
    height: 816px;
    margin: 0 16px;
  }

  .Comments-module__5GqYjG__titleContainer {
    max-width: 330px;
  }
}

/* [project]/client/src/components/Comments/CommentColumn/CommentColumn.module.css [app-client] (css) */
.CommentColumn-module__w2bTNG__comment {
  background-color: var(--background-recommended-color);
  text-align: start;
  cursor: pointer;
  border-radius: 16px;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  transition: all .4s;
  display: flex;
}

.CommentColumn-module__w2bTNG__commentColumnContainer {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.CommentColumn-module__w2bTNG__comment:hover {
  background-color: var(--background-cart-color);
  transition: all .4s;
}

.CommentColumn-module__w2bTNG__photoAndName {
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  display: flex;
}

.CommentColumn-module__w2bTNG__name {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 80px);
  color: var(--primary-text-color);
  transition: all .4s;
  overflow: hidden;
}

.CommentColumn-module__w2bTNG__link {
  text-decoration: none;
}

.CommentColumn-module__w2bTNG__name span {
  transition: all .4s;
}

.CommentColumn-module__w2bTNG__name:hover span, .CommentColumn-module__w2bTNG__name:hover {
  color: var(--secondary-text-color);
  transition: all .4s;
}

.CommentColumn-module__w2bTNG__iconStyles {
  margin-bottom: 4px;
}

.CommentColumn-module__w2bTNG__rating {
  align-items: center;
  gap: 5px;
  display: flex;
}

.CommentColumn-module__w2bTNG__rating span:last-child {
  margin-left: 5px;
}

@media not (min-width: 1170px) {
  .CommentColumn-module__w2bTNG__commentColumnContainer {
    gap: 12px;
  }
}

/* [project]/client/src/components/Comments/Avatar/Avatar.module.css [app-client] (css) */
.Avatar-module__s-g9Qq__avatar {
  border-radius: 8px;
  margin-right: 6px;
}

.Avatar-module__s-g9Qq__noAvatar {
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 6px;
  font-size: 26px;
  font-weight: 400;
  display: flex;
}

/* [project]/client/src/components/Comments/CommonCommentsComponent/CommonCommentsComponent.module.css [app-client] (css) */
.CommonCommentsComponent-module__KmRSPq__commentsForLaptop {
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  max-width: 1400px;
  margin: 12px 0 0;
  display: grid;
  position: relative;
}

.CommonCommentsComponent-module__KmRSPq__commentsForMobile, .CommonCommentsComponent-module__KmRSPq__commentsForSmallTablet, .CommonCommentsComponent-module__KmRSPq__commentsForTablet {
  display: none;
}

@media not (min-width: 1170px) {
  .CommonCommentsComponent-module__KmRSPq__commentsForLaptop {
    display: none;
  }

  .CommonCommentsComponent-module__KmRSPq__commentsForTablet {
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    max-width: 1170px;
    margin: 12px 0 0;
    display: grid;
    position: relative;
  }
}

@media not (min-width: 905px) {
  .CommonCommentsComponent-module__KmRSPq__commentsForTablet {
    display: none;
  }

  .CommonCommentsComponent-module__KmRSPq__commentsForSmallTablet {
    grid-gap: 12px;
    grid-template-columns: repeat(2, minmax(241px, 1fr));
    max-width: 905px;
    margin: 12px 0 0;
    display: grid;
    position: relative;
  }
}

@media not (min-width: 526px) {
  .CommonCommentsComponent-module__KmRSPq__commentsForSmallTablet {
    display: none;
  }

  .CommonCommentsComponent-module__KmRSPq__commentsForMobile {
    grid-gap: 12px;
    grid-template-columns: repeat(1, minmax(328px, 1fr));
    max-width: 640px;
    margin: 12px 0 0;
    display: grid;
    position: relative;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/InventoryPage.module.css [app-client] (css) */
.InventoryPage-module__KLEQXq__inventoryContainer {
  background-color: #101012;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: 32px;
  max-width: 1400px;
  height: 100%;
  margin: 32px 12px 25px;
  padding-left: 0;
  padding-right: 0;
  display: grid;
}

.InventoryPage-module__KLEQXq__link {
  color: var(--link-color);
  text-decoration: none;
}

.InventoryPage-module__KLEQXq__linkContainer {
  white-space: pre-line;
}

@media not (min-width: 1397px) {
  .InventoryPage-module__KLEQXq__inventoryContainer {
    gap: 16px;
  }
}

@media not (min-width: 1150px) {
  .InventoryPage-module__KLEQXq__inventoryContainer {
    flex-direction: column;
    gap: 24px;
    width: 928px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }
}

@media not (min-width: 950px) {
  .InventoryPage-module__KLEQXq__inventoryContainer {
    max-width: 100vw;
    margin: 0 0 25px;
  }
}

/* [project]/client/src/components/Modal/CouponModal/CouponModal.module.css [app-client] (css) */
.CouponModal-module__eA-FNa__couponModalContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.CouponModal-module__eA-FNa__imageContainer {
  background-color: var(--modalBackground);
  background-blend-mode: soft-light;
  z-index: -1;
  background-image: url("../media/GridForModalWhite.c84b8db8.svg");
  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;
}

.CouponModal-module__eA-FNa__image {
  object-fit: contain;
  z-index: 3;
  position: absolute;
}

.CouponModal-module__eA-FNa__ellipse {
  object-fit: contain;
  z-index: 1;
  position: absolute;
}

.CouponModal-module__eA-FNa__text {
  text-align: center;
  white-space: pre-line;
  flex-direction: column;
  gap: 12px;
  margin: 36px 0 32px;
  display: flex;
}

.CouponModal-module__eA-FNa__buttonContainer {
  width: 360px;
  height: 56px;
  margin: 16px 0 12px;
}

.CouponModal-module__eA-FNa__textFieldBox {
  width: 360px;
  position: relative;
}

.CouponModal-module__eA-FNa__textFieldBox .CouponModal-module__eA-FNa__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;
}

.CouponModal-module__eA-FNa__oneUseContainer {
  align-self: flex-start;
  padding-left: 20px;
  display: flex;
}

.CouponModal-module__eA-FNa__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;
}

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

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

.CouponModal-module__eA-FNa__inputFormStyles::placeholder {
  color: var(--secondary-text-color);
}

@media not (min-width: 800px) {
  .CouponModal-module__eA-FNa__couponModalContainer {
    width: 100%;
  }

  .CouponModal-module__eA-FNa__buttonContainer, .CouponModal-module__eA-FNa__textFieldBox {
    width: calc(100% - 24px);
  }
}

@media not (min-width: 440px) {
  .CouponModal-module__eA-FNa__image {
    object-fit: cover;
  }
}

@media not (min-width: 400px) {
  .CouponModal-module__eA-FNa__text {
    white-space: normal;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/ModalDataForInventoryPage/ModalDataForInventoryPage.module.css [app-client] (css) */
.ModalDataForInventoryPage-module__K_ZP2q__container {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
}

.ModalDataForInventoryPage-module__K_ZP2q__buttonModal {
  width: 200px;
  height: 56px;
}

.ModalDataForInventoryPage-module__K_ZP2q__inputCheckboxContainer {
  align-items: center;
  gap: 12px;
  display: flex;
}

.ModalDataForInventoryPage-module__K_ZP2q__inputCheckboxContainer label {
  cursor: pointer;
}

.ModalDataForInventoryPage-module__K_ZP2q__customCheckbox {
  cursor: pointer;
  appearance: none;
  width: 16px;
  height: 16px;
  margin: 0;
  transition: all .4s;
  position: relative;
}

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

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

.ModalDataForInventoryPage-module__K_ZP2q__customCheckbox:checked:after {
  content: url("../media/Checked.ee457bd6.svg");
  background-color: var(--primary-text-color);
  border: 1px solid var(--primary-text-color);
  box-sizing: border-box;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  transition: all .4s;
  position: absolute;
  top: 0;
  right: 0;
}

.ModalDataForInventoryPage-module__K_ZP2q__customCheckbox:checked:hover:after {
  background-color: var(--sidebar-grey-color);
  border: 1px solid var(--hovered-border);
  transition: all .4s;
}

@media not (min-width: 800px) {
  .ModalDataForInventoryPage-module__K_ZP2q__container span {
    width: auto;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/PaymentMethodFieldsWrapper/PaymentMethodFieldsWrapper.module.css [app-client] (css) */
.PaymentMethodFieldsWrapper-module__hfXFUq__dataInputContainer {
  flex-flow: wrap;
  justify-content: space-between;
  gap: 16px;
  display: flex;
}

.PaymentMethodFieldsWrapper-module__hfXFUq__avanMethodContainer {
  display: none;
}

.PaymentMethodFieldsWrapper-module__hfXFUq__textFieldBox {
  width: 48%;
  position: relative;
}

.PaymentMethodFieldsWrapper-module__hfXFUq__textFieldBox .PaymentMethodFieldsWrapper-module__hfXFUq__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;
}

.PaymentMethodFieldsWrapper-module__hfXFUq__errorInput, .PaymentMethodFieldsWrapper-module__hfXFUq__errorInput:hover, .PaymentMethodFieldsWrapper-module__hfXFUq__errorInput:focus {
  background-color: var(--input-error-bg-color);
  border: 1px solid var(--input-error-border-color);
}

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

.PaymentMethodFieldsWrapper-module__hfXFUq__inputFormStyles:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  border: 1px solid var(--hovered-border);
}

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

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

.PaymentMethodFieldsWrapper-module__hfXFUq__inputFormStyles:disabled + label {
  color: var(--scrollbar-color);
}

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

.PaymentMethodFieldsWrapper-module__hfXFUq__tooltip {
  display: none;
}

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

.PaymentMethodFieldsWrapper-module__hfXFUq__buttonQuestion:hover .PaymentMethodFieldsWrapper-module__hfXFUq__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;
  display: flex;
  position: absolute;
  top: 24px;
  right: -9px;
}

@media not (min-width: 572px) {
  .PaymentMethodFieldsWrapper-module__hfXFUq__dataInputContainer {
    flex-direction: column;
  }

  .PaymentMethodFieldsWrapper-module__hfXFUq__textFieldBox, .PaymentMethodFieldsWrapper-module__hfXFUq__inputFormStyles {
    width: 100%;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/PaymentMethodSelector/PaymentMethodSelector.module.css [app-client] (css) */
.PaymentMethodSelector-module__s3Mu6G__paymentBlockOpacity {
  opacity: .2 !important;
}

.PaymentMethodSelector-module__s3Mu6G__paymentBlock {
  opacity: 1;
  flex-direction: column;
  display: flex;
}

.PaymentMethodSelector-module__s3Mu6G__paymentMethodsHeader {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  display: flex;
}

.PaymentMethodSelector-module__s3Mu6G__commission {
  align-items: center;
  gap: 3px;
  display: flex;
}

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

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

@media not (min-width: 1150px) {
  .PaymentMethodSelector-module__s3Mu6G__paymentMethodsContainer {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}

@media not (min-width: 600px) {
  .PaymentMethodSelector-module__s3Mu6G__paymentMethodsHeader {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetails/AddWalletModal/AddWalletModal.module.css [app-client] (css) */
.AddWalletModal-module__4Z7Apa__backdrop {
  background-color: var(--bg-color);
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s, background-color .3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.AddWalletModal-module__4Z7Apa__backdropVisible {
  opacity: 1;
  visibility: visible;
  background-color: #00000080;
}

.AddWalletModal-module__4Z7Apa__modal {
  background-color: var(--article-bg-color);
  opacity: 0;
  z-index: 300;
  border-radius: 16px;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 676px;
  max-height: 100vh;
  padding: 28px;
  transition: transform .3s, opacity .3s;
  display: flex;
  position: relative;
  transform: translateY(20px);
  box-shadow: 0 10px 50px #00000026;
}

.AddWalletModal-module__4Z7Apa__modalContent {
  flex-direction: column;
  flex: auto;
  gap: 6px;
  width: calc(100% + 10px);
  padding-right: 10px;
  display: flex;
  overflow: hidden auto;
}

.AddWalletModal-module__4Z7Apa__fieldsContainer {
  width: 100%;
}

.AddWalletModal-module__4Z7Apa__modalContent::-webkit-scrollbar {
  background-color: var(--grey_btn-bg-color);
  width: 3px;
}

.AddWalletModal-module__4Z7Apa__modalContent::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 8px;
  height: 0;
}

.AddWalletModal-module__4Z7Apa__modalVisible {
  opacity: 1;
  transform: translateY(0);
}

.AddWalletModal-module__4Z7Apa__header {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.AddWalletModal-module__4Z7Apa__close {
  background-color: var(--grey_btn-bg-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.AddWalletModal-module__4Z7Apa__close:hover {
  cursor: pointer;
}

.AddWalletModal-module__4Z7Apa__close:hover path {
  stroke: var(--primary-text-color);
}

.AddWalletModal-module__4Z7Apa__closeIcon {
  scale: .8;
}

.AddWalletModal-module__4Z7Apa__closeIcon path {
  stroke: var(--grey-text);
  transition: stroke .3s;
}

.AddWalletModal-module__4Z7Apa__walletNameLabel {
  margin-bottom: 120px;
}

.AddWalletModal-module__4Z7Apa__textFieldBox input {
  letter-spacing: .02em;
  margin-top: 12px;
  padding: 16px 12px;
  font-family: Inter Tight;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}

.AddWalletModal-module__4Z7Apa__textFieldBox.AddWalletModal-module__4Z7Apa__errorInput input, .AddWalletModal-module__4Z7Apa__textFieldBox.AddWalletModal-module__4Z7Apa__errorInput input:hover, .AddWalletModal-module__4Z7Apa__textFieldBox.AddWalletModal-module__4Z7Apa__errorInput input:focus {
  background-color: #ff9f0a24;
  border: 1px solid #ff9f0a80;
}

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

.AddWalletModal-module__4Z7Apa__paymentMethods {
  margin-bottom: 20px;
}

.AddWalletModal-module__4Z7Apa__paymentMethodsHeader {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.AddWalletModal-module__4Z7Apa__commission {
  align-items: center;
  gap: 3px;
  display: flex;
}

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

.AddWalletModal-module__4Z7Apa__detailsData.AddWalletModal-module__4Z7Apa__opacityBlock {
  opacity: .2;
  user-select: none;
  pointer-events: none;
  cursor: not-allowed;
}

.AddWalletModal-module__4Z7Apa__detailsData {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.AddWalletModal-module__4Z7Apa__addWalletInfo {
  letter-spacing: .02em;
  text-align: center;
  color: var(--secondary-text-color);
  margin: 0;
  font-family: Inter Tight;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.AddWalletModal-module__4Z7Apa__addWalletInfo:nth-child(2) {
  margin-top: 16px;
}

.AddWalletModal-module__4Z7Apa__buttonContainer {
  flex: none;
}

.AddWalletModal-module__4Z7Apa__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.AddWalletModal-module__4Z7Apa__loaderContainer .AddWalletModal-module__4Z7Apa__loader {
  width: 40px;
  height: 40px;
}

@media not (min-width: 680px) {
  .AddWalletModal-module__4Z7Apa__modal {
    border-radius: 0;
    max-width: none;
  }
}

@media not (min-width: 560px) {
  .AddWalletModal-module__4Z7Apa__modal {
    gap: 20px;
    padding: 20px;
  }

  .AddWalletModal-module__4Z7Apa__modalContent {
    gap: 4px;
  }

  .AddWalletModal-module__4Z7Apa__close {
    width: 32px;
    height: 32px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetails/AddWalletModal/AddWalletPaymentMethodCard/AddWalletPaymentMethodCard.module.css [app-client] (css) */
.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem.AddWalletPaymentMethodCard-module__eMezPG__checkedPaymentMethodItem {
  border: 1px solid var(--main-color);
  background-color: var(--main-color-alpha-10);
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem.AddWalletPaymentMethodCard-module__eMezPG__checkedPaymentMethodItem:hover {
  background-color: var(--main-color-alpha-10);
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem {
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  opacity: 1;
  border: 1px solid var(--grey_btn-bg-color);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: background .4s;
  display: flex;
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem:hover {
  background-color: var(--input-border);
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodImage img, .AddWalletPaymentMethodCard-module__eMezPG__avanMarketImage img {
  transition: transform .4s;
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem:hover img {
  transform: scale(1.25);
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodItem:hover .AddWalletPaymentMethodCard-module__eMezPG__avanMarketImage img {
  transform: scale(1.15);
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodImage {
  width: 100%;
  height: 20px;
  position: relative;
}

.AddWalletPaymentMethodCard-module__eMezPG__paymentMethodImage img {
  object-fit: contain;
}

.AddWalletPaymentMethodCard-module__eMezPG__avanMarketImage {
  width: 80%;
}

.AddWalletPaymentMethodCard-module__eMezPG__visaMastercardImage {
  width: 70%;
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetails/UserPaymentDetails.module.css [app-client] (css) */
.UserPaymentDetails-module__avXDNW__userPaymentDetails {
  background-color: var(--grey_btn-bg-color);
  width: 100%;
  overflow: hidden;
  box-shadow: 0 -5px 25px #0000001a;
}

.UserPaymentDetails-module__avXDNW__walletsContainer {
  width: 100%;
}

.UserPaymentDetails-module__avXDNW__firstListOption {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  border-bottom: 1px solid var(--input-border);
  cursor: pointer;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 45px;
  padding: 12px;
  font-family: Inter Tight;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  transition: background-color .3s;
  position: relative;
  overflow: hidden;
}

.UserPaymentDetails-module__avXDNW__firstListOption:hover {
  background-color: var(--hovered-grey_btn-bg-color);
}

.UserPaymentDetails-module__avXDNW__firstListOption.UserPaymentDetails-module__avXDNW__selected {
  background-image: linear-gradient(#fad40f26 0% 100%);
  background-color: var(--article-bg-color);
  color: #fad40f;
  box-sizing: border-box;
  border: none;
  border-left: 1px solid #c3af46;
  border-right: 1px solid #8c824e;
}

.UserPaymentDetails-module__avXDNW__firstListOption.UserPaymentDetails-module__avXDNW__selected:before {
  content: "";
  filter: blur(50px);
  background-color: #fad40f40;
  border-radius: 50%;
  width: 118px;
  height: 118px;
  position: absolute;
  top: -38px;
  left: -63px;
}

.UserPaymentDetails-module__avXDNW__firstListOption.UserPaymentDetails-module__avXDNW__selected:hover {
  filter: brightness(1.2);
}

.UserPaymentDetails-module__avXDNW__addWalletBtn {
  align-items: center;
  gap: 6px;
  height: 45px;
  padding: 12px;
  transition: background-color .3s;
  display: flex;
}

.UserPaymentDetails-module__avXDNW__addWalletBtn:hover {
  cursor: pointer;
  background-color: var(--hovered-grey_btn-bg-color);
}

.UserPaymentDetails-module__avXDNW__addWalletIcon {
  background-color: #9da6b840;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: background-color .3s;
  display: flex;
}

.UserPaymentDetails-module__avXDNW__addWalletIcon:hover {
  cursor: pointer;
  background-color: #969fb058;
}

.UserPaymentDetails-module__avXDNW__addNewWalletLabel {
  letter-spacing: .02em;
  color: var(--primary-text-color);
  font-family: Inter Tight;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

@media not (min-width: 480px) {
  .UserPaymentDetails-module__avXDNW__addWalletBtn {
    padding: 10px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetails/WalletItem/WalletItem.module.css [app-client] (css) */
.WalletItem-module__5w0Zrq__walletItem {
  border-bottom: 1px solid var(--input-border);
  align-items: center;
  max-height: 45px;
  padding: 12px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.WalletItem-module__5w0Zrq__walletItem:hover {
  background-color: var(--hovered-grey_btn-bg-color);
  cursor: pointer;
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__secondary {
  border: none;
  max-width: 100%;
  height: 100%;
  padding: 0;
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__secondary:hover {
  background-color: #0000;
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected {
  background-image: linear-gradient(#fad40f26 0% 100%);
  background-color: var(--article-bg-color);
  color: #fad40f;
  box-sizing: border-box;
  border: none;
  border-left: 1px solid #c3af46;
  border-right: 1px solid #8c824e;
  transition: all .3s;
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected:before {
  content: "";
  filter: blur(50px);
  background-color: #fad40f40;
  border-radius: 50%;
  width: 118px;
  height: 118px;
  position: absolute;
  top: -38px;
  left: -63px;
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected .WalletItem-module__5w0Zrq__walletName, .WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected .WalletItem-module__5w0Zrq__walletCredits {
  color: var(--main-color);
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected .WalletItem-module__5w0Zrq__dot {
  background-color: var(--main-color);
}

.WalletItem-module__5w0Zrq__walletItem.WalletItem-module__5w0Zrq__selected:hover {
  filter: brightness(1.2);
}

.WalletItem-module__5w0Zrq__walletInfo {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.WalletItem-module__5w0Zrq__walletInfo img {
  object-fit: contain;
  margin-top: 4px;
}

.WalletItem-module__5w0Zrq__textWrapper {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.WalletItem-module__5w0Zrq__walletName, .WalletItem-module__5w0Zrq__walletCredits {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Inter Tight;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  overflow: hidden;
}

.WalletItem-module__5w0Zrq__walletCredits {
  flex: 1;
  min-width: 0;
}

.WalletItem-module__5w0Zrq__walletName {
  flex-shrink: 1;
  max-width: 50%;
}

.WalletItem-module__5w0Zrq__dot {
  background-color: var(--primary-hovered-text-color);
  opacity: .5;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.WalletItem-module__5w0Zrq__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.WalletItem-module__5w0Zrq__deleteIcon {
  scale: .8;
}

.WalletItem-module__5w0Zrq__deleteIcon path {
  fill: var(--secondary-text-color);
  transition: all .3s;
}

.WalletItem-module__5w0Zrq__deleteIcon:hover path {
  fill: var(--primary-text-color);
  cursor: pointer;
}

@media not (min-width: 480px) {
  .WalletItem-module__5w0Zrq__walletItem {
    padding: 10px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetails/WarningModal/WarningModal.module.css [app-client] (css) */
.WarningModal-module__uPlIHW__buttonModal {
  width: 200px;
  height: 56px;
}

.WarningModal-module__uPlIHW__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.WarningModal-module__uPlIHW__lottieLoader {
  width: 40px;
  height: 40px;
}

/* [project]/client/src/components/Inventory/InventoryPage/YouReceive/UserPaymentDetailsDropdown/UserPaymentDetailsDropdown.module.css [app-client] (css) */
.UserPaymentDetailsDropdown-module__FqM5iq__dropdown {
  width: 48%;
  display: inline-block;
  position: relative;
}

.UserPaymentDetailsDropdown-module__FqM5iq__button {
  border: 1px solid var(--input-border);
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  z-index: 100;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 12px 16px;
  transition: height .3s;
  display: flex;
}

.UserPaymentDetailsDropdown-module__FqM5iq__dropdown.UserPaymentDetailsDropdown-module__FqM5iq__open .UserPaymentDetailsDropdown-module__FqM5iq__button {
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.UserPaymentDetailsDropdown-module__FqM5iq__buttonContent {
  flex: 1;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.UserPaymentDetailsDropdown-module__FqM5iq__loaderContainer {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.UserPaymentDetailsDropdown-module__FqM5iq__loader {
  width: 32px;
  height: 32px;
}

.UserPaymentDetailsDropdown-module__FqM5iq__addWalletLabel {
  letter-spacing: .02em;
  color: var(--primary-hovered-text-color);
  font-family: Inter Tight;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
}

.UserPaymentDetailsDropdown-module__FqM5iq__button .UserPaymentDetailsDropdown-module__FqM5iq__arrow {
  color: var(--primary-hovered-text-color);
  transition: transform .3s;
}

.UserPaymentDetailsDropdown-module__FqM5iq__arrow.UserPaymentDetailsDropdown-module__FqM5iq__open {
  transform: rotate(180deg);
}

.UserPaymentDetailsDropdown-module__FqM5iq__list {
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--input-border);
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  width: 100%;
  margin: 0;
  padding: 0;
  transition: all .25s ease-in-out;
  position: absolute;
  bottom: 56px;
  left: 0;
  overflow: hidden;
}

.UserPaymentDetailsDropdown-module__FqM5iq__listClosed {
  opacity: 0;
  pointer-events: none;
  max-height: 0;
  transform: translateY(8px);
}

.UserPaymentDetailsDropdown-module__FqM5iq__listOpen {
  opacity: 1;
  max-height: 300px;
  transform: translateY(0);
  box-shadow: 0 -10px 20px #00000048;
}

@media not (min-width: 572px) {
  .UserPaymentDetailsDropdown-module__FqM5iq__dropdown {
    width: 100%;
  }
}

/* [project]/client/src/components/Modal/MarketInstantModal/MarketInstantModal.module.css [app-client] (css) */
.MarketInstantModal-module__zxLOnG__modalContainer {
  box-sizing: border-box;
  border: 1px solid #292933;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  width: 474px;
  display: flex;
  position: relative;
}

.MarketInstantModal-module__zxLOnG__modalContainerInset {
  border-radius: 16px;
  flex-direction: column;
  width: calc(100% - 2px);
  min-height: min-content;
  display: flex;
  position: relative;
  overflow: hidden;
}

.MarketInstantModal-module__zxLOnG__modalContainerInset:before {
  content: "";
  filter: blur(30px);
  z-index: -1;
  background: #121216;
  border-radius: 50%;
  width: 828px;
  height: 634px;
  position: absolute;
  top: -231px;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.MarketInstantModal-module__zxLOnG__container:after {
  content: "";
  z-index: -1;
  filter: blur(50px);
  background-image: linear-gradient(96.43deg, #fbd506 0% 100%), linear-gradient(96.43deg, #fbd506 0% 100%);
  background-position: top, top;
  background-repeat: no-repeat;
  background-size: 100px 100px, 80px 80px;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__animalsBox {
  z-index: 5;
  width: 377px;
  height: 299px;
  margin-top: 20px;
  margin-left: 8px;
  position: relative;
  overflow: hidden;
}

.MarketInstantModal-module__zxLOnG__line {
  z-index: 10;
  width: 100%;
  display: flex;
  position: absolute;
  top: 320px;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__line:before {
  content: "";
  z-index: -1;
  background: linear-gradient(0deg, #1a1b20 78.28%, #1a1b2000 100%);
  width: 472px;
  height: 281px;
  position: absolute;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__animalsImage {
  object-fit: contain;
}

.MarketInstantModal-module__zxLOnG__lightningWhiteTopBox {
  z-index: 1;
  mix-blend-mode: overlay;
  width: 92px;
  height: 112px;
  margin-left: -169px;
  position: absolute;
  top: -23px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__lightningWhiteBottomBox {
  z-index: 1;
  mix-blend-mode: overlay;
  width: 71px;
  height: 214px;
  margin-left: 201px;
  position: absolute;
  top: 78px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.MarketInstantModal-module__zxLOnG__lightningWhiteTop {
  position: absolute;
  top: -35px;
  left: 0;
}

.MarketInstantModal-module__zxLOnG__lightningWhiteBottom {
  position: absolute;
  top: 0;
  left: 0;
}

.MarketInstantModal-module__zxLOnG__modalContainer::-webkit-scrollbar {
  display: none;
}

.MarketInstantModal-module__zxLOnG__firstStrepCoinBig {
  z-index: 6;
  width: 64px;
  height: 64px;
  margin-left: 142px;
  position: absolute;
  top: 72px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%)rotate(-170deg);
}

.MarketInstantModal-module__zxLOnG__firstStrepCoinMiddle {
  z-index: 5;
  width: 64px;
  height: 64px;
  margin-left: -89px;
  position: absolute;
  top: 41px;
  left: 50%;
  transform: translateX(-50%)rotate(-70deg);
}

.MarketInstantModal-module__zxLOnG__coinImage {
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.MarketInstantModal-module__zxLOnG__buttonContainer {
  z-index: 10;
  width: 100%;
  height: 52px;
  margin-top: 32px;
  margin-bottom: 24px;
  padding: 0 24px 24px;
}

.MarketInstantModal-module__zxLOnG__buttonContainer button {
  height: 52px !important;
}

.MarketInstantModal-module__zxLOnG__firstStepText {
  z-index: 10;
  flex-direction: column;
  margin-top: 56px;
  padding: 0 24px;
  display: flex;
}

.MarketInstantModal-module__zxLOnG__title {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  text-align: left;
  white-space: pre-line;
  letter-spacing: .022em;
  margin-bottom: 12px;
  font-size: 25px;
  font-weight: 600;
  line-height: 120%;
}

.MarketInstantModal-module__zxLOnG__orangeBig {
  color: var(--main-color);
}

.MarketInstantModal-module__zxLOnG__paragraph1 {
  letter-spacing: .02em;
  color: #ffffffe5;
  text-align: left;
  margin-bottom: 16px;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.MarketInstantModal-module__zxLOnG__paragraph2 {
  letter-spacing: .02em;
  color: var(--main-color);
  text-align: left;
  font-family: Inter Tight, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

.MarketInstantModal-module__zxLOnG__imagesContainer {
  z-index: 1;
  -webkit-mask-composite: xor;
  mix-blend-mode: overlay;
  background-color: #1a1b20;
  width: 474px;
  height: 251px;
  margin-top: -302px;
  position: relative;
  mask-image: url("../media/raysMarket.b8f11b1c.svg");
  mask-position: 96px 0;
  mask-size: 286px 286px;
  mask-repeat: no-repeat;
  mask-composite: exclude;
  mask-mode: alpha;
}

@media not (min-width: 941px) {
  .MarketInstantModal-module__zxLOnG__modalContainer {
    overflow: hidden auto;
  }

  .MarketInstantModal-module__zxLOnG__buttonContainer {
    padding: 0 16px 16px;
  }

  .MarketInstantModal-module__zxLOnG__firstStepText {
    margin-top: 6px;
    padding: 0 16px;
  }

  .MarketInstantModal-module__zxLOnG__title {
    font-size: 20px;
  }

  .MarketInstantModal-module__zxLOnG__paragraph1, .MarketInstantModal-module__zxLOnG__paragraph2 {
    font-size: 14px;
  }

  .MarketInstantModal-module__zxLOnG__animalsBox {
    width: 100%;
    height: 264px;
    margin-top: -1px;
    margin-left: 4px;
    transform: scale(.83)translateY(20px);
  }

  .MarketInstantModal-module__zxLOnG__lightningWhiteTopBox {
    width: 92px;
    height: 112px;
    margin-left: -119px;
    top: -15px;
    transform: translateX(-50%)scale(.8);
  }

  .MarketInstantModal-module__zxLOnG__lightningWhiteBottomBox {
    width: 88px;
    height: 214px;
    margin-left: 151px;
    top: 52px;
    overflow: auto;
    transform: translateX(-50%)scale(.8);
  }

  .MarketInstantModal-module__zxLOnG__imagesContainer {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    mask-position: center;
  }

  .MarketInstantModal-module__zxLOnG__firstStrepCoinBig {
    width: 44px;
    height: 44px;
    margin-left: 126px;
    top: 44px;
    transform: translateX(-50%)rotate(-170deg);
  }

  .MarketInstantModal-module__zxLOnG__firstStrepCoinMiddle {
    width: 48px;
    height: 48px;
    margin-left: -59px;
    top: 34px;
    transform: translateX(-50%)rotate(-70deg);
  }

  .MarketInstantModal-module__zxLOnG__line {
    top: 260px;
  }

  .MarketInstantModal-module__zxLOnG__line:before {
    width: 100%;
  }
}

@media not (min-width: 800px) {
  .MarketInstantModal-module__zxLOnG__buttonContainer {
    margin-top: 20px;
  }

  .MarketInstantModal-module__zxLOnG__modalContainer {
    width: 100%;
    padding: 0;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YourInventory/EmptyInventory/EmptyInventory.module.css [app-client] (css) */
.EmptyInventory-module__Dr2JVW__emptyInventory {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  height: 508px;
  padding-top: 90px;
  display: flex;
}

.EmptyInventory-module__Dr2JVW__textContainer {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  display: flex;
}

.EmptyInventory-module__Dr2JVW__textContainer span {
  text-align: center;
}

.EmptyInventory-module__Dr2JVW__actionButton {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-hovered-text-color);
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: underline;
  transition: color .4s;
}

.EmptyInventory-module__Dr2JVW__actionButton:hover {
  color: var(--primary-text-color);
  transition: all .4s;
}

@media not (min-width: 572px) {
  .EmptyInventory-module__Dr2JVW__emptyInventory {
    height: 448px;
    padding-top: 60px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YourInventory/ItemsContainer/ItemsContainer.module.css [app-client] (css) */
.ItemsContainer-module__6TCRaq__cardsContainer {
  color: #fff;
  background-color: var(--article-bg-color);
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  align-content: flex-start;
  align-self: start;
  gap: 10px;
  width: calc(100% - 12px);
  height: 100%;
  padding: 8px 18px 8px 32px;
  display: grid;
  overflow-y: auto;
}

.ItemsContainer-module__6TCRaq__loaderContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(100% - 12px);
  height: 508px;
  display: flex;
}

.ItemsContainer-module__6TCRaq__cardsContainer::-webkit-scrollbar {
  background-color: var(--grey_btn-bg-color);
  width: 4px;
}

.ItemsContainer-module__6TCRaq__cardsContainer::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: 8px;
  height: 33px;
}

@media not (min-width: 1216px) {
  .ItemsContainer-module__6TCRaq__cardsContainer {
    gap: 11px;
  }
}

@media not (min-width: 572px) {
  .ItemsContainer-module__6TCRaq__cardsContainer {
    gap: 8px;
    width: calc(100% - 8px);
    padding: 8px 8px 8px 16px;
  }

  .ItemsContainer-module__6TCRaq__loaderContainer {
    width: calc(100% - 8px);
    height: 448px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YourInventory/ItemsContainer/TryAgainModal/TryAgainModal.module.css [app-client] (css) */
.TryAgainModal-module__yrazpW__tryModalContainer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 491px;
  display: flex;
}

.TryAgainModal-module__yrazpW__alertTriangleContainer {
  height: 39px;
  margin-bottom: 31px;
  position: relative;
}

.TryAgainModal-module__yrazpW__blur {
  background-color: var(--main-color);
  filter: blur(25px);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
}

/* [project]/client/src/components/Inventory/InventoryPage/YourInventory/ItemsContainer/ItemCard/ItemCard.module.css [app-client] (css) */
.ItemCard-module__ACnyBW__container {
  border-radius: 5px;
  height: 157px;
  transition: transform .4s;
  position: relative;
}

.ItemCard-module__ACnyBW__itemContainer {
  box-sizing: border-box;
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  border: 1px solid var(--grey_btn-bg-color);
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 157px;
  padding: 10px;
  transition: transform .4s;
  display: flex;
}

.ItemCard-module__ACnyBW__addToTrade {
  box-sizing: border-box;
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  border: 1px solid var(--main-color);
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 157px;
  padding: 10px;
  transition: transform .4s;
  display: flex;
}

.ItemCard-module__ACnyBW__itemContainerNotActive {
  box-sizing: border-box;
  background-color: var(--grey_btn-bg-color);
  cursor: pointer;
  opacity: .4;
  border: 1px solid var(--grey_btn-bg-color);
  border-radius: 5px 5px 0 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 134px;
  padding: 10px 10px 0;
  transition: transform .4s;
  display: flex;
  position: relative;
  box-shadow: 0 24px 50px 1px #00000080;
}

.ItemCard-module__ACnyBW__alertItem {
  text-align: center;
  cursor: pointer;
  background: linear-gradient(#ff9f0a4d 0%, #995f064d 100%);
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 157px;
  padding: 12px;
  transition: transform .4s;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 24px 50px 1px #00000080;
}

.ItemCard-module__ACnyBW__itemStickers {
  z-index: 1;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 25px;
  right: 7px;
}

.ItemCard-module__ACnyBW__itemContainer:before, .ItemCard-module__ACnyBW__addToTrade:before {
  content: "";
  opacity: 0;
  background-image: url("../media/ellipseItemCard.42589423.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

.ItemCard-module__ACnyBW__itemContainerHeader {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10px;
  display: flex;
}

.ItemCard-module__ACnyBW__itemContainerQuality {
  border-radius: 5px;
  width: 24px;
  height: 3px;
}

.ItemCard-module__ACnyBW__stattrakLabel {
  letter-spacing: .02em;
  color: #ff763f;
  margin-right: 5px;
  font-family: Inter Tight;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.ItemCard-module__ACnyBW__imageContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

.ItemCard-module__ACnyBW__itemContainerImage {
  object-fit: contain;
  filter: drop-shadow(-1px 14px 6px #14171c);
}

.ItemCard-module__ACnyBW__itemContainerFooter {
  flex-direction: column;
  align-self: start;
  width: 100%;
  display: flex;
}

.ItemCard-module__ACnyBW__itemContainerText {
  width: 100%;
  height: 20px;
  color: var(--secondary-text-color);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ItemCard-module__ACnyBW__itemContainerText span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 11px;
  overflow: hidden;
}

.ItemCard-module__ACnyBW__container span {
  transition: all .4s;
}

.ItemCard-module__ACnyBW__copyIcon {
  stroke: #0000;
  fill: var(--grey-color-new);
  z-index: 10;
  width: 13px;
  height: 13px;
  transition: fill .4s;
  display: none;
}

.ItemCard-module__ACnyBW__addToTrade22 {
  border: 1px solid var(--main-color);
  border-radius: 5px;
  height: 157px;
  transition: transform .4s;
}

.ItemCard-module__ACnyBW__grayImage {
  filter: grayscale();
}

.ItemCard-module__ACnyBW__displayNone {
  display: none;
}

.ItemCard-module__ACnyBW__itemContainerModified {
  opacity: .4;
  box-shadow: none;
}

.ItemCard-module__ACnyBW__notAvailableLabel {
  background-color: #ff9f0a1a;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 100%;
  padding: 6px 4px;
  display: flex;
}

.ItemCard-module__ACnyBW__label {
  letter-spacing: .02em;
  color: var(--sidebar-orange-color);
  font-family: Inter Tight;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media not (max-width: 900px) {
  .ItemCard-module__ACnyBW__container:hover {
    z-index: 2;
    transition: transform .4s;
    transform: scale(1.1);
    box-shadow: 0 24px 50px 1px #00000080;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__alertItem {
    box-shadow: none;
    border: 2px dashed #ff9f0a80;
    transition: transform .4s;
    display: flex;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__notAvailableLabel {
    display: none;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__itemContainerNotActive {
    box-shadow: none;
    display: none;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__itemContainer {
    border: 1px solid var(--borderCardItem);
    transition: all .4s;
    display: flex;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__addToTrade {
    transition: all .4s;
    display: flex;
  }

  .ItemCard-module__ACnyBW__itemContainer:hover {
    border-radius: 5px;
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__itemContainer:hover:before {
    opacity: 1;
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__addToTrade:hover {
    border-radius: 5px;
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__addToTrade:hover:before {
    opacity: 1;
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__container:hover span {
    max-width: calc(100% - 13px);
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__copyIcon:hover {
    fill: #b2b7c2;
    transition: all .4s;
  }

  .ItemCard-module__ACnyBW__container:hover .ItemCard-module__ACnyBW__copyIcon {
    transition: all .4s;
    display: block;
  }

  .ItemCard-module__ACnyBW__addToTrade22:hover {
    transition: transform .4s;
    transform: scale(1.1);
  }
}

@media not (min-width: 572px) {
  .ItemCard-module__ACnyBW__itemContainer, .ItemCard-module__ACnyBW__addToTrade {
    height: 139px;
    padding: 8px;
  }

  .ItemCard-module__ACnyBW__itemContainerNotActive {
    height: 115px;
    padding: 8px 8px 0;
  }

  .ItemCard-module__ACnyBW__alertItem, .ItemCard-module__ACnyBW__container {
    height: 139px;
  }
}

/* [project]/client/src/components/Inventory/InventoryPage/YourInventory/YourInventory.module.css [app-client] (css) */
.YourInventory-module__laSsKa__yourInventoryContainer {
  background-color: var(--article-bg-color);
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 684px;
  height: 100%;
  padding: 32px 0 24px;
  display: flex;
  position: relative;
}

.YourInventory-module__laSsKa__filtersAndCards {
  flex-direction: column;
  flex: 1;
  gap: 24px;
  width: 100%;
  display: flex;
}

.YourInventory-module__laSsKa__containerWithoutFooterAndCard {
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.YourInventory-module__laSsKa__yourInventoryContainerHeader {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.YourInventory-module__laSsKa__changeUrlContainer {
  width: 176px;
  height: 32px;
}

.YourInventory-module__laSsKa__yourInventoryControlsContainer {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  display: flex;
}

.YourInventory-module__laSsKa__yourInventoryContainerButtons {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.YourInventory-module__laSsKa__buttonGameStyles {
  cursor: pointer;
  background-color: var(--grey_btn-bg-color);
  border: 1px solid var(--grey_btn-bg-color);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 23%;
  height: 48px;
  transition: all .4s;
  display: flex;
  position: relative;
}

.YourInventory-module__laSsKa__buttonGameStyles svg {
  color: var(--primary-text-color);
}

.YourInventory-module__laSsKa__containerForBigIcon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.YourInventory-module__laSsKa__containerForMobileIcon {
  display: none;
}

.YourInventory-module__laSsKa__onlyKeysLabel {
  background-color: var(--main-color);
  color: var(--bg-color);
  border: 3px solid var(--article-bg-color);
  letter-spacing: .02em;
  border-radius: 100px;
  padding: 4px 6px 3px;
  font-family: Inter Tight;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  position: absolute;
  top: -16px;
  right: -12px;
}

.YourInventory-module__laSsKa__buttonGameStylesChecked {
  background-color: var(--main-color);
}

.YourInventory-module__laSsKa__buttonGameStylesChecked .YourInventory-module__laSsKa__onlyKeysLabel {
  border: 3px solid var(--article-bg-color);
}

.YourInventory-module__laSsKa__buttonGameStylesChecked svg {
  color: var(--black-text-color);
}

.YourInventory-module__laSsKa__buttonGameStyles:hover {
  border: 1px solid var(--main-color);
  transition: all .4s;
}

.YourInventory-module__laSsKa__yourInventorySearchSelectContainer {
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  height: 40px;
  display: flex;
}

.YourInventory-module__laSsKa__inputContainer {
  width: 50%;
  position: relative;
}

.YourInventory-module__laSsKa__inputContainerSearch {
  z-index: 2;
  color: var(--secondary-text-color);
  position: absolute;
  top: 11px;
  right: 11px;
}

.YourInventory-module__laSsKa__selectFilterContainer {
  width: 50%;
}

.YourInventory-module__laSsKa__emptyListContainer {
  margin-block: 64px;
  padding-inline: 32px;
}

.YourInventory-module__laSsKa__footerContainer {
  justify-content: space-between;
  justify-self: end;
  align-items: center;
  width: 100%;
  height: 36px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.YourInventory-module__laSsKa__chooseContainer {
  align-items: center;
  gap: 4px;
  display: flex;
}

.YourInventory-module__laSsKa__refreshContainer {
  align-items: center;
  gap: 8px;
  height: 36px;
  display: flex;
}

.YourInventory-module__laSsKa__buttonsContainer {
  align-items: center;
  gap: 24px;
  display: flex;
}

.YourInventory-module__laSsKa__laptopTypography {
  display: block;
}

.YourInventory-module__laSsKa__mobileTypography {
  display: none;
}

.YourInventory-module__laSsKa__buttonStyles {
  width: 170px;
  height: 36px;
}

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

@media not (min-width: 1404px) {
  .YourInventory-module__laSsKa__marketArticlesPage {
    max-width: 957px;
  }
}

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

@media not (min-width: 1150px) {
  .YourInventory-module__laSsKa__yourInventoryContainer {
    width: 100%;
  }
}

@media not (min-width: 572px) {
  .YourInventory-module__laSsKa__containerWithoutFooterAndCard, .YourInventory-module__laSsKa__emptyListContainer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .YourInventory-module__laSsKa__yourInventoryContainer {
    gap: 16px;
    padding: 24px 0;
  }

  .YourInventory-module__laSsKa__filtersAndCards {
    gap: 16px;
  }

  .YourInventory-module__laSsKa__yourInventoryContainerHeader {
    flex-direction: column;
    gap: 24px;
  }

  .YourInventory-module__laSsKa__containerForBigIcon {
    display: none;
  }

  .YourInventory-module__laSsKa__containerForMobileIcon {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .YourInventory-module__laSsKa__laptopTypography {
    display: none;
  }

  .YourInventory-module__laSsKa__mobileTypography {
    display: block;
  }

  .YourInventory-module__laSsKa__buttonsContainer {
    gap: 8px;
  }

  .YourInventory-module__laSsKa__buttonStyles {
    width: 121px;
  }

  .YourInventory-module__laSsKa__inputContainer {
    width: 100%;
  }

  .YourInventory-module__laSsKa__footerContainer {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .YourInventory-module__laSsKa__selectFilterContainer {
    width: 100%;
  }

  .YourInventory-module__laSsKa__onlyKeysLabel {
    right: unset;
    border: 2px solid var(--main-color);
    width: max-content;
    font-size: 9px;
    left: 50%;
    transform: translateX(-50%);
  }

  .YourInventory-module__laSsKa__buttonGameStylesChecked .YourInventory-module__laSsKa__onlyKeysLabel {
    border: 2px solid var(--article-bg-color);
  }
}

@media not (min-width: 480px) {
  .YourInventory-module__laSsKa__yourInventorySearchSelectContainer {
    gap: 8px;
  }
}

@media not (min-width: 380px) {
  .YourInventory-module__laSsKa__yourInventorySearchSelectContainer {
    flex-direction: column;
    gap: 16px;
    height: 96px;
  }
}

/* [project]/client/src/components/KillerFeature/KillerFeature.module.css [app-client] (css) */
@keyframes KillerFeature-module__YBPlca__slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.KillerFeature-module__YBPlca__container {
  align-items: baseline;
  gap: 75px;
  width: 100%;
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 144px;
  display: flex;
}

.KillerFeature-module__YBPlca__leftPart {
  white-space: pre-line;
  z-index: 1;
  flex-direction: column;
  width: 670px;
  display: flex;
  position: relative;
}

.KillerFeature-module__YBPlca__leftPart:before {
  content: "";
  z-index: -1;
  opacity: .1;
  background-color: var(--main-color);
  filter: blur(120px);
  border-radius: 50%;
  width: 433px;
  height: 433px;
  position: absolute;
  top: 100px;
  left: -151px;
}

.KillerFeature-module__YBPlca__title {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: 600;
  line-height: 140%;
}

.KillerFeature-module__YBPlca__featureTitle {
  font-family: var(--font-unbounded), sans-serif;
  color: var(--primary-text-color);
  margin-bottom: 20px;
  font-size: 50px;
  font-weight: 600;
  line-height: 140%;
}

.KillerFeature-module__YBPlca__text {
  letter-spacing: .015em;
  color: #ffffffe5;
  white-space: pre-line;
  flex-direction: column;
  gap: 16px;
  font-family: Inter Tight, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.KillerFeature-module__YBPlca__featureText {
  letter-spacing: .015em;
  white-space: pre-line;
  flex-direction: column;
  gap: 16px;
  font-family: Inter Tight, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  display: flex;
}

.KillerFeature-module__YBPlca__increaseText {
  color: #ffffffe5;
}

.KillerFeature-module__YBPlca__noRiskText {
  color: var(--secondary-text-color);
  white-space: normal;
  font-size: 14px;
}

.KillerFeature-module__YBPlca__noRiskTextFeature {
  color: var(--primary-text-color);
}

.KillerFeature-module__YBPlca__bold {
  color: var(--primary-text-color);
  font-weight: 500;
}

.KillerFeature-module__YBPlca__grey {
  color: var(--secondary-text-color);
}

.KillerFeature-module__YBPlca__orange {
  color: var(--main-color);
}

.KillerFeature-module__YBPlca__buttonContainer {
  width: 173px;
  height: 52px;
  margin-top: 40px;
}

.KillerFeature-module__YBPlca__buttonContainerFeature {
  width: 260px;
  height: 64px;
  margin-top: 40px;
}

.KillerFeature-module__YBPlca__buttonColizeumContainer {
  width: 195px;
  height: 52px;
  margin-top: 40px;
}

.KillerFeature-module__YBPlca__rightPart {
  z-index: 1;
  flex: 1;
  animation: 1s ease-in-out both KillerFeature-module__YBPlca__slide-in-left;
  position: relative;
  top: -90px;
}

.KillerFeature-module__YBPlca__rightPart.KillerFeature-module__YBPlca__rightPartFeature {
  top: -103px;
}

.KillerFeature-module__YBPlca__rightPart:after {
  content: "";
  opacity: .1;
  filter: blur(100px);
  background-color: var(--green-graph);
  z-index: -1;
  border-radius: 50%;
  width: 361px;
  height: 361px;
  position: absolute;
  top: 94px;
  left: 9px;
}

.KillerFeature-module__YBPlca__rightPart:before {
  content: "";
  opacity: .1;
  filter: blur(100px);
  background-color: var(--green-graph);
  z-index: -1;
  border-radius: 50%;
  width: 519px;
  height: 519px;
  position: absolute;
  top: -53px;
  left: 610px;
}

.KillerFeature-module__YBPlca__buttonInner {
  align-items: center;
  gap: 12px;
  display: flex;
}

.KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage {
  gap: 78px;
  margin: 106px auto 133px;
}

@media not (min-width: 1500px) {
  .KillerFeature-module__YBPlca__container {
    gap: 80px;
    display: flex;
  }

  .KillerFeature-module__YBPlca__rightPart {
    top: -100px;
  }

  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.85);
    }

    100% {
      opacity: 1;
      transform: translateX(0)scale(.85);
    }
  }

  .KillerFeature-module__YBPlca__leftPart {
    width: 570px;
  }

  .KillerFeature-module__YBPlca__text {
    white-space: normal;
  }
}

@media not (min-width: 1444px) {
  .KillerFeature-module__YBPlca__container, .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage {
    gap: 40px;
    padding: 0 24px;
  }
}

@media not (min-width: 1380px) {
  .KillerFeature-module__YBPlca__container, .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage {
    gap: 0;
  }
}

@media not (min-width: 1340px) {
  .KillerFeature-module__YBPlca__featureText {
    white-space: normal;
  }

  .KillerFeature-module__YBPlca__rightPart:before, .KillerFeature-module__YBPlca__featurePage.KillerFeature-module__YBPlca__rightPart:before {
    left: 70%;
  }
}

@media not (min-width: 1280px) {
  .KillerFeature-module__YBPlca__rightPart, .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    top: -70px;
  }

  .KillerFeature-module__YBPlca__leftPart {
    width: 500px;
  }

  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.7);
    }

    100% {
      opacity: 1;
      transform: translateX(-50px)scale(.7);
    }
  }
}

@media not (min-width: 1150px) {
  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.6);
    }

    100% {
      opacity: 1;
      transform: translateX(-50px)scale(.6);
    }
  }

  .KillerFeature-module__YBPlca__leftPart {
    width: 450px;
  }

  .KillerFeature-module__YBPlca__rightPart, .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    top: -50px;
  }
}

@media not (min-width: 1024px) {
  .KillerFeature-module__YBPlca__container {
    flex-direction: column;
    align-items: center;
    margin-bottom: 120px;
    padding: 0 16px;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage {
    flex-direction: column-reverse;
    align-items: center;
  }

  .KillerFeature-module__YBPlca__rightPart {
    flex: auto;
    width: 100vw;
    height: 450px;
    top: 20px;
    left: 60%;
  }

  .KillerFeature-module__YBPlca__leftPart {
    white-space: normal;
    width: 100%;
    margin-bottom: 0;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__leftPart {
    margin-top: -40px;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    flex: auto;
    width: 100vw;
    height: 450px;
    top: -100px;
    left: 64%;
  }

  .KillerFeature-module__YBPlca__leftPart:before {
    opacity: .2;
    width: 303px;
    height: 303px;
    top: -150px;
    left: -150px;
  }

  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.8);
    }

    100% {
      opacity: 1;
      transform: translateX(-50%)scale(.8);
    }
  }

  .KillerFeature-module__YBPlca__buttonContainer, .KillerFeature-module__YBPlca__buttonColizeumContainer {
    width: 100%;
    height: 52px;
    margin: 40px auto 0;
  }

  .KillerFeature-module__YBPlca__buttonContainer img, .KillerFeature-module__YBPlca__buttonColizeumContainer img {
    transform: scale(1.5)translateX(30px)translateY(2px);
  }

  .KillerFeature-module__YBPlca__buttonContainerFeature {
    width: 250px;
    height: 54px;
    margin: 24px auto 0;
  }

  .KillerFeature-module__YBPlca__featureTitle, .KillerFeature-module__YBPlca__featureText {
    text-align: center;
  }
}

@media not (min-width: 950px) {
  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 62%;
  }
}

@media not (min-width: 840px) {
  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 60%;
  }
}

@media not (min-width: 800px) {
  .KillerFeature-module__YBPlca__title {
    margin-bottom: 16px;
    font-size: 26px;
  }

  .KillerFeature-module__YBPlca__featureTitle {
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 120%;
  }

  .KillerFeature-module__YBPlca__text {
    gap: 16px;
    font-size: 15px;
    line-height: 150%;
  }

  .KillerFeature-module__YBPlca__noRiskText {
    font-size: 14px;
  }

  .KillerFeature-module__YBPlca__featureText {
    letter-spacing: 0;
    gap: 8px;
    font-size: 14px;
    line-height: 150%;
  }

  .KillerFeature-module__YBPlca__rightPart:before, .KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart:before {
    left: 60%;
  }

  .KillerFeature-module__YBPlca__rightPart {
    left: 56%;
  }

  .KillerFeature-module__YBPlca__leftPart:before {
    display: none;
  }
}

@media not (min-width: 790px) {
  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 57%;
  }
}

@media not (min-width: 750px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 52%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    height: 450px;
    left: 54%;
  }
}

@media not (min-width: 660px) {
  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.7);
    }

    100% {
      opacity: 1;
      transform: translateX(-50%)scale(.7);
    }
  }

  .KillerFeature-module__YBPlca__rightPart {
    height: 380px;
    top: -10px;
    left: 48%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    height: 350px;
    top: -122px;
    left: 50%;
  }
}

@media not (min-width: 600px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 43%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 47%;
  }
}

@media not (min-width: 560px) {
  @keyframes KillerFeature-module__YBPlca__slide-in-left {
    0% {
      opacity: 0;
      transform: translateX(-200px)scale(.55);
    }

    100% {
      opacity: 1;
      transform: translateX(-50%)scale(.55);
    }
  }

  .KillerFeature-module__YBPlca__rightPart {
    height: 300px;
    top: -20px;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    height: 260px;
    top: -122px;
    left: 45%;
  }
}

@media not (min-width: 510px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 41%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 43%;
  }
}

@media not (min-width: 480px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 38%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 40%;
  }
}

@media not (min-width: 440px) {
  .KillerFeature-module__YBPlca__rightPart {
    height: 280px;
    top: -20px;
    left: 34%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    height: 260px;
    top: -122px;
    left: 37%;
  }
}

@media not (min-width: 400px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 30%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 35%;
  }
}

@media not (min-width: 381px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 28%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 33%;
  }
}

@media not (min-width: 368px) {
  .KillerFeature-module__YBPlca__rightPart {
    left: 27%;
  }

  .KillerFeature-module__YBPlca__container.KillerFeature-module__YBPlca__featurePage .KillerFeature-module__YBPlca__rightPart {
    left: 31%;
  }
}

/* [project]/client/src/components/KillerFeature/KillerFeatureImages/KillerFeatureImages.module.css [app-client] (css) */
@keyframes KillerFeatureImages-module__R8udoa__fly {
  0%, 100% {
    transform: translateX(-3px)translateY(3px);
  }

  25% {
    transform: translateX(5px)translateY(-4px);
  }

  50% {
    transform: translateX(-6px)translateY(-4px);
  }

  75% {
    transform: translateX(4px)translateY(3px);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__scale-in-center-for-text {
  0% {
    opacity: .5;
    transform: scale(0)translateX(-53%);
  }

  100% {
    opacity: 1;
    transform: scale(1)translateX(-53%);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__scale-in-center-for-text-end {
  0% {
    opacity: .5;
    transform: scale(0)translateX(-53%);
  }

  100% {
    opacity: 1;
    transform: scale(1.1)translateX(-53%);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__scale-in-center {
  0% {
    opacity: .5;
    transform: scale(0);
  }

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

@keyframes KillerFeatureImages-module__R8udoa__arrow-rise-left {
  0% {
    opacity: 0;
    transform: translateY(400px);
  }

  10% {
    opacity: 1;
  }

  35% {
    opacity: .8;
  }

  40% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__arrow-rise-right {
  0% {
    opacity: 0;
    transform: translateY(300px);
  }

  10% {
    opacity: 1;
  }

  35% {
    opacity: .8;
  }

  40% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__growLine {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes KillerFeatureImages-module__R8udoa__pulse-border {
  0% {
    filter: opacity(0);
  }

  50% {
    filter: opacity();
  }

  100% {
    filter: opacity(0);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes KillerFeatureImages-module__R8udoa__slide-in-left-gradient {
  to {
    clip-path: inset(0);
  }
}

.KillerFeatureImages-module__R8udoa__bee, .KillerFeatureImages-module__R8udoa__beeInv {
  z-index: 5;
  width: 190px;
  height: 180px;
  animation: 3s ease-in-out infinite KillerFeatureImages-module__R8udoa__fly;
  position: absolute;
  top: 30px;
  left: 100px;
}

.KillerFeatureImages-module__R8udoa__beeImage {
  object-fit: contain;
}

.KillerFeatureImages-module__R8udoa__coinImage {
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.KillerFeatureImages-module__R8udoa__coinBig {
  z-index: 5;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 374px;
  left: 560px;
  overflow: hidden;
}

.KillerFeatureImages-module__R8udoa__coinFeatureBig {
  z-index: 5;
  width: 132px;
  height: 132px;
  position: absolute;
  bottom: -4px;
  left: 560px;
  overflow: hidden;
}

.KillerFeatureImages-module__R8udoa__coinMiddle {
  z-index: 5;
  width: 68px;
  height: 68px;
  position: absolute;
  top: -6px;
  left: 266px;
  transform: rotate(-90deg);
}

.KillerFeatureImages-module__R8udoa__coinSmall {
  z-index: 5;
  width: 38px;
  height: 38px;
  position: absolute;
  top: -2px;
  left: 349px;
  transform: rotate(-90deg);
}

.KillerFeatureImages-module__R8udoa__coinMiddle:after, .KillerFeatureImages-module__R8udoa__coinSmall:after {
  content: "";
  z-index: -1;
  opacity: .2;
  background-color: var(--main-color);
  mix-blend-mode: overlay;
  filter: blur(35px);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.KillerFeatureImages-module__R8udoa__scale {
  width: 554px;
  height: 373px;
  position: absolute;
  top: 131px;
  left: 74px;
}

.KillerFeatureImages-module__R8udoa__start, .KillerFeatureImages-module__R8udoa__startFeature {
  white-space: nowrap;
  z-index: 6;
  background: #26292c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) .5s both KillerFeatureImages-module__R8udoa__scale-in-center-for-text;
  display: flex;
  position: absolute;
  top: 223px;
  left: 0;
  overflow: hidden;
  box-shadow: inset 0 0 2px #48514f, inset 0 0 2px #48514f80;
}

.KillerFeatureImages-module__R8udoa__startMobile {
  display: none;
}

.KillerFeatureImages-module__R8udoa__startInv {
  top: 190px;
  left: 80px;
}

.KillerFeatureImages-module__R8udoa__start:after, .KillerFeatureImages-module__R8udoa__startMobile:after, .KillerFeatureImages-module__R8udoa__startFeature:after {
  content: "";
  filter: blur(2px);
  z-index: 6;
  background: #26292c;
  border-radius: 50%;
  width: 16px;
  height: 8px;
  position: absolute;
  top: 26px;
  left: -2px;
  transform: rotate(45deg);
}

.KillerFeatureImages-module__R8udoa__start:before, .KillerFeatureImages-module__R8udoa__startMobile:before, .KillerFeatureImages-module__R8udoa__startFeature:before {
  content: "";
  filter: blur(2px);
  z-index: 6;
  background: #26292c;
  border-radius: 50%;
  width: 16px;
  height: 8px;
  position: absolute;
  top: 3px;
  right: -3px;
  transform: rotate(45deg);
}

.KillerFeatureImages-module__R8udoa__end {
  white-space: nowrap;
  z-index: 6;
  background: #26292c;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) 1.4s both KillerFeatureImages-module__R8udoa__scale-in-center-for-text-end;
  display: flex;
  position: absolute;
  top: -60px;
  left: 100%;
  overflow: hidden;
  box-shadow: inset 0 0 2px #48514f, inset 0 0 2px #48514f80;
}

.KillerFeatureImages-module__R8udoa__end:after {
  content: "";
  filter: blur(2px);
  z-index: 6;
  background: #26292c;
  border-radius: 50%;
  width: 16px;
  height: 8px;
  position: absolute;
  top: 26px;
  left: -2px;
  transform: rotate(45deg);
}

.KillerFeatureImages-module__R8udoa__end:before {
  content: "";
  filter: blur(2px);
  z-index: 6;
  background: #26292c;
  border-radius: 50%;
  width: 16px;
  height: 8px;
  position: absolute;
  top: 3px;
  right: -3px;
  transform: rotate(45deg);
}

.KillerFeatureImages-module__R8udoa__graphContainer {
  z-index: 5;
  width: 553px;
  height: 267px;
  position: absolute;
  top: 141px;
  left: 74px;
}

.KillerFeatureImages-module__R8udoa__graphContainerInv {
  left: 60px;
  transform: scale(1.2);
}

.KillerFeatureImages-module__R8udoa__graphContainer:before {
  content: "";
  z-index: 5;
  background-color: var(--green-graph);
  opacity: 0;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) .5s both KillerFeatureImages-module__R8udoa__scale-in-center;
  position: absolute;
  top: 182px;
  left: -8px;
  box-shadow: 0 7px 18px #000;
}

.KillerFeatureImages-module__R8udoa__graphContainerInv:before {
  content: "";
  z-index: 5;
  background-color: var(--green-graph);
  opacity: 0;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) .5s both KillerFeatureImages-module__R8udoa__scale-in-center;
  position: absolute;
  top: 147px;
  left: 42px;
  box-shadow: 0 7px 18px #000;
}

.KillerFeatureImages-module__R8udoa__graphContainer:after {
  content: "";
  background-color: var(--green-graph);
  z-index: 5;
  opacity: 0;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) 1.4s both KillerFeatureImages-module__R8udoa__scale-in-center;
  position: absolute;
  top: -16px;
  left: 537px;
  box-shadow: 0 7px 18px #000;
}

.KillerFeatureImages-module__R8udoa__graphImage {
  fill: none;
  stroke: var(--green-graph);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200px;
  animation: 2s ease-in-out forwards KillerFeatureImages-module__R8udoa__growLine;
}

.KillerFeatureImages-module__R8udoa__gradient {
  clip-path: inset(0 100% 0 0);
  animation: 1.28s ease-in-out .5s forwards KillerFeatureImages-module__R8udoa__slide-in-left-gradient;
  position: absolute;
  top: 0;
  left: 0;
}

.KillerFeatureImages-module__R8udoa__gradientInv {
  left: -52px;
}

.KillerFeatureImages-module__R8udoa__blurredBackground {
  z-index: 9;
  background: linear-gradient(#17191b 0%, #1e3b28 100%);
  border-radius: 16px;
  width: 236px;
  height: 320px;
  animation: .5s cubic-bezier(.25, .46, .45, .94) 1.2s both KillerFeatureImages-module__R8udoa__slide-in-bottom;
  position: absolute;
  top: 70px;
  left: 324px;
}

.KillerFeatureImages-module__R8udoa__blurredBackgroundInv {
  left: 376px;
}

.KillerFeatureImages-module__R8udoa__card {
  z-index: 10;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 16px;
  flex-direction: column;
  width: 236px;
  height: 320px;
  padding: 20px 0;
  animation: .5s cubic-bezier(.25, .46, .45, .94) 1.2s both KillerFeatureImages-module__R8udoa__slide-in-bottom;
  display: flex;
  position: absolute;
  top: 70px;
  left: 324px;
  box-shadow: 0 23px 58px #0000004d, inset 0 0 2px #323337, inset 0 0 2px #1e2023;
}

.KillerFeatureImages-module__R8udoa__cardInv {
  left: 376px;
}

.KillerFeatureImages-module__R8udoa__card:after {
  content: "";
  -webkit-mask-composite: xor;
  z-index: -1;
  mix-blend-mode: overlay;
  background: linear-gradient(#43ff7200 0%, #43ff72 100%) border-box;
  border: 2px solid #0000;
  border-radius: 16px;
  animation: 3s ease-in-out infinite both KillerFeatureImages-module__R8udoa__pulse-border;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#43ff72, #43ff72), linear-gradient(#43ff72, #43ff72);
  -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;
}

.KillerFeatureImages-module__R8udoa__card:before {
  content: "";
  filter: blur(1px);
  z-index: 9;
  background: #17191b;
  border-radius: 50%;
  width: 18px;
  height: 8px;
  position: absolute;
  top: 4px;
  left: -1px;
  transform: rotate(-45deg);
}

.KillerFeatureImages-module__R8udoa__topLine {
  justify-content: space-between;
  align-items: center;
  height: 25px;
  margin-bottom: 18px;
  padding: 0 20px;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__line {
  background-color: var(--red-graph);
  border-radius: 10px;
  width: 49px;
  height: 6px;
}

.KillerFeatureImages-module__R8udoa__gun {
  filter: drop-shadow(0 23px 30px #000);
  transform: translateX(-55px)scale(1.02);
}

.KillerFeatureImages-module__R8udoa__name {
  letter-spacing: .015em;
  color: #66be87;
  margin-bottom: 14px;
  padding-left: 20px;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__priceContainer {
  justify-content: space-between;
  align-items: center;
  padding: 0 16px 0 20px;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__price {
  letter-spacing: .015em;
  color: var(--primary-text-color);
  font-family: Inter Tight, sans-serif;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__priceInv {
  letter-spacing: .015em;
  color: var(--primary-text-color);
  font-family: Inter Tight, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__profit {
  letter-spacing: .015em;
  color: var(--green-graph);
  background-color: #30d15833;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-family: Inter Tight, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
}

.KillerFeatureImages-module__R8udoa__arrowUpLeft {
  opacity: 0;
  animation: 8s ease-in infinite KillerFeatureImages-module__R8udoa__arrow-rise-left;
  position: absolute;
  left: 160px;
}

.KillerFeatureImages-module__R8udoa__arrowUpRight {
  opacity: 0;
  animation: 8s ease-in infinite KillerFeatureImages-module__R8udoa__arrow-rise-right;
  position: absolute;
  left: 642px;
}

.KillerFeatureImages-module__R8udoa__arrowUpLeftInv {
  animation: 8s ease-in 3s infinite KillerFeatureImages-module__R8udoa__arrow-rise-left;
  left: 70px;
}

.KillerFeatureImages-module__R8udoa__arrowUpRightInv {
  animation: 8s ease-in 1s infinite KillerFeatureImages-module__R8udoa__arrow-rise-right;
  left: 250px;
}

@media not (min-height: 900px) and (min-width: 941px) {
  .KillerFeatureImages-module__R8udoa__beeInv {
    z-index: 7;
    width: 220px;
    height: 208px;
    animation: 3s ease-in-out infinite KillerFeatureImages-module__R8udoa__fly;
    position: absolute;
    top: 66px;
    left: 100px;
  }

  .KillerFeatureImages-module__R8udoa__startInv {
    left: 60px;
  }

  .KillerFeatureImages-module__R8udoa__graphContainerInv:before {
    content: "";
    z-index: 5;
    background-color: var(--green-graph);
    opacity: 0;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    animation: .5s cubic-bezier(.25, .46, .45, .94) .5s both KillerFeatureImages-module__R8udoa__scale-in-center;
    position: absolute;
    top: 147px;
    left: 42px;
    box-shadow: 0 7px 18px #000;
  }

  .KillerFeatureImages-module__R8udoa__graphContainerInv:after {
    content: "";
    background-color: var(--green-graph);
    z-index: 5;
    opacity: 0;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    animation: .5s cubic-bezier(.25, .46, .45, .94) 1.4s both KillerFeatureImages-module__R8udoa__scale-in-center;
    position: absolute;
    top: -10px;
    left: 537px;
    box-shadow: 0 7px 18px #000;
  }

  .KillerFeatureImages-module__R8udoa__blurredBackgroundInv, .KillerFeatureImages-module__R8udoa__cardInv {
    top: 84px;
    left: 360px;
  }
}

@media not (min-width: 941px) {
  .KillerFeatureImages-module__R8udoa__start {
    display: none;
  }

  .KillerFeatureImages-module__R8udoa__startMobile {
    white-space: nowrap;
    z-index: 6;
    background: #26292c;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 10px 12px;
    animation: .5s cubic-bezier(.25, .46, .45, .94) .5s both KillerFeatureImages-module__R8udoa__scale-in-center-for-text;
    display: flex;
    position: absolute;
    top: 223px;
    left: 0;
    overflow: hidden;
    box-shadow: inset 0 0 2px #48514f, inset 0 0 2px #48514f80;
  }
}

/* [project]/client/src/components/Market/LoginToSteamModal/LoginToSteamModal.module.css [app-client] (css) */
.LoginToSteamModal-module__0SxFza__loginToSteamModal {
  flex-direction: column;
  gap: 32px;
  width: 100%;
  display: flex;
}

.LoginToSteamModal-module__0SxFza__imageContainer {
  border-radius: 12px;
  width: 100%;
  height: 200px;
  position: relative;
  overflow: hidden;
}

.LoginToSteamModal-module__0SxFza__imageContainer img {
  object-fit: cover;
  scale: 1.01;
}

.LoginToSteamModal-module__0SxFza__textContainer {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 90%;
  margin: 0 auto;
  display: flex;
}

.LoginToSteamModal-module__0SxFza__loginButton {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.LoginToSteamModal-module__0SxFza__buttonCenterPart {
  align-items: center;
  gap: 6px;
  height: 48px;
  display: flex;
}

.LoginToSteamModal-module__0SxFza__buttonCenterPart span {
  width: auto;
}

@media not (min-width: 800px) {
  .LoginToSteamModal-module__0SxFza__loginToSteamModal {
    gap: 16px;
  }

  .LoginToSteamModal-module__0SxFza__textContainer {
    width: 100%;
  }
}

/* [project]/client/node_modules/react-alice-carousel/lib/alice-carousel.css [app-client] (css) */
.alice-carousel .animated {
  animation-fill-mode: both;
}

.alice-carousel .animated-out {
  z-index: 1;
}

.alice-carousel .fadeOut {
  animation-name: fadeOut;
}

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

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.alice-carousel {
  direction: ltr;
  width: 100%;
  margin: auto;
  position: relative;
}

.alice-carousel__wrapper {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.alice-carousel__stage {
  box-sizing: border-box;
  white-space: nowrap;
  transform-style: flat;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.alice-carousel__stage-item {
  box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
  display: inline-block;
  position: relative;
}

.alice-carousel__stage-item * {
  line-height: initial;
}

.alice-carousel__stage-item.__hidden {
  opacity: 0;
  overflow: hidden;
}

.alice-carousel__prev-btn, .alice-carousel__next-btn {
  box-sizing: border-box;
  width: 50%;
  padding: 10px 5px;
  display: inline-block;
}

.alice-carousel__prev-btn [data-area]:after, .alice-carousel__next-btn [data-area]:after {
  content: attr(data-area);
  text-transform: capitalize;
  position: relative;
}

.alice-carousel__prev-btn {
  text-align: right;
}

.alice-carousel__next-btn {
  text-align: left;
}

.alice-carousel__prev-btn-item, .alice-carousel__next-btn-item {
  cursor: pointer;
  color: #465798;
  margin: 0;
  padding: 5px;
  display: inline-block;
}

.alice-carousel__prev-btn-item:hover, .alice-carousel__next-btn-item:hover {
  color: #8b0000;
}

.alice-carousel__prev-btn-item.__inactive, .alice-carousel__next-btn-item.__inactive {
  opacity: .4;
  pointer-events: none;
}

.alice-carousel__play-btn {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 20px;
}

.alice-carousel__play-btn:hover {
  cursor: pointer;
}

.alice-carousel__play-btn-wrapper {
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 10px;
  position: relative;
}

.alice-carousel__play-btn-item {
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  width: 32px;
  height: 32px;
  position: absolute;
}

.alice-carousel__play-btn-item:before, .alice-carousel__play-btn-item:after {
  pointer-events: none;
  content: "";
  border: 8px solid #0000;
  border-left: 15px solid #465798;
  border-right-width: 0;
  width: 0;
  height: 0;
  transition: all .4s linear;
  display: block;
  position: absolute;
}

.alice-carousel__play-btn-item:before {
  height: 14px;
  left: 5px;
}

.alice-carousel__play-btn-item:after {
  top: 7px;
  left: 18px;
}

.alice-carousel__play-btn-item.__pause:before, .alice-carousel__play-btn-item.__pause:after {
  border-width: 0 0 0 10px;
  height: 30px;
}

.alice-carousel__play-btn-item.__pause:after {
  top: 0;
  left: 18px;
}

.alice-carousel__dots {
  text-align: center;
  margin: 30px 3px 5px;
  padding: 0;
  list-style: none;
}

.alice-carousel__dots > li {
  display: inline-block;
}

.alice-carousel__dots-item:not(.__custom) {
  cursor: pointer;
  background-color: #e0e4fb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.alice-carousel__dots-item:not(.__custom):not(:last-child) {
  margin-right: 20px;
}

.alice-carousel__dots-item:not(.__custom):hover, .alice-carousel__dots-item:not(.__custom).__active {
  background-color: #6e7ebc;
}

.alice-carousel__slide-info {
  color: #465798;
  background-color: #e0e4fb99;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
}

.alice-carousel__slide-info-item {
  vertical-align: middle;
  line-height: 0;
}

/* [project]/client/src/components/TradeItem/TradeItem.module.css [app-client] (css) */
.TradeItem-module__5GgQzW__tradeItemContainerBox {
  user-select: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 182px;
  height: 196px;
  display: flex;
}

.TradeItem-module__5GgQzW__tradeItemContainer {
  background: linear-gradient(#1f212680 0%, #181a1f80 100%);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  width: 170px;
  height: 184px;
  margin: 0;
  padding: 12px;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.TradeItem-module__5GgQzW__tradeItemHeader span:first-child {
  opacity: .5;
}

.TradeItem-module__5GgQzW__tradeItemContainer:hover {
  transition: all .4s;
  transform: translateY(-12px);
  box-shadow: 0 10px 30px #00000040;
}

.TradeItem-module__5GgQzW__tradeItemContainer:hover .TradeItem-module__5GgQzW__tradeItemHeader span:first-child, .TradeItem-module__5GgQzW__tradeItemContainer:hover .TradeItem-module__5GgQzW__tradeItemNameAndPrice span:first-child {
  opacity: 1;
}

.TradeItem-module__5GgQzW__tradeItemContainer:hover:before {
  opacity: 1;
  transition: all .4s;
}

.TradeItem-module__5GgQzW__tradeItemContainer:before {
  content: "";
  background-blend-mode: overlay;
  opacity: 0;
  z-index: -1;
  background: linear-gradient(#1f212633 10%, #1f2126 100%), url("../media/avanMarketCarousel.61968201.svg") 100% 70% no-repeat, linear-gradient(0deg, #1f212680 40%, #1f2126 100%);
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

.TradeItem-module__5GgQzW__tradeItemHeader {
  justify-content: space-between;
  display: flex;
}

.TradeItem-module__5GgQzW__imageContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

.TradeItem-module__5GgQzW__itemContainerImage {
  object-fit: contain;
  filter: drop-shadow(-1px 14px 6px #14171c);
  pointer-events: none;
}

.TradeItem-module__5GgQzW__tradeItemNameAndPrice {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.TradeItem-module__5GgQzW__typography {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  color: var(--primary-text-color);
  overflow: hidden;
}

.TradeItem-module__5GgQzW__tradeItemNameAndPrice span:first-child {
  opacity: .75;
}

.TradeItem-module__5GgQzW__priceAndImage {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.TradeItem-module__5GgQzW__ellipse {
  filter: blur(35px);
  border-radius: 16px;
  width: 80px;
  height: 61px;
  position: absolute;
  bottom: -60px;
  left: 45px;
}

.TradeItem-module__5GgQzW__bottomLine {
  width: 100px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 35px;
}

@media not (min-width: 1480px) {
  .TradeItem-module__5GgQzW__liveItemsContainer {
    margin-bottom: 15px;
  }
}

@media not (min-width: 700px) {
  .TradeItem-module__5GgQzW__tradeItemContainerBox {
    width: 156px;
    height: 176px;
  }

  .TradeItem-module__5GgQzW__tradeItemContainer {
    gap: 4px;
    width: 148px;
    height: 164px;
  }
}

/* [project]/client/src/components/LiveItems/LiveItems.module.css [app-client] (css) */
.LiveItems-module__t626Ta__liveItemsContainer {
  width: 100%;
  max-width: 1400px;
  height: 248px;
  margin-top: 147px;
  margin-bottom: 189px;
  position: relative;
}

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

.LiveItems-module__t626Ta__liveItemsContainerHeaderTitle {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.LiveItems-module__t626Ta__linearGradientBlock {
  mask-image: linear-gradient(90deg, #000 80%, #0000 100%);
}

@media not (min-width: 1480px) {
  .LiveItems-module__t626Ta__liveItemsContainer {
    width: calc(100% - 48px);
    margin-left: 48px;
    margin-right: 0;
  }

  .LiveItems-module__t626Ta__liveItemsContainerHeader {
    padding-right: 48px;
  }
}

@media not (min-width: 1024px) {
  .LiveItems-module__t626Ta__liveItemsContainer {
    margin-top: 92px;
    margin-bottom: 92px;
  }
}

@media not (min-width: 700px) {
  .LiveItems-module__t626Ta__liveItemsContainerHeader {
    flex-direction: column;
    gap: 12px;
    padding-right: 16px;
  }

  .LiveItems-module__t626Ta__liveItemsContainer {
    width: calc(100% - 16px);
    margin-left: 16px;
  }
}

/* [project]/client/src/components/Modal/DataForPaymentStatusModal/PaymentStatusModal.module.css [app-client] (css) */
.PaymentStatusModal-module__wjTiwq__buttonModal {
  width: calc(100% - 40px);
  height: 56px;
  margin-bottom: 20px;
  text-decoration: none;
}

.PaymentStatusModal-module__wjTiwq__modalContainer {
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
  display: flex;
}

.PaymentStatusModal-module__wjTiwq__textContainer {
  flex-direction: column;
  gap: 16px;
  margin-top: 4px;
  display: flex;
}

.PaymentStatusModal-module__wjTiwq__titleLaptop {
  display: block;
}

.PaymentStatusModal-module__wjTiwq__titleMobile {
  display: none;
}

.PaymentStatusModal-module__wjTiwq__imageContainer {
  background-color: var(--modalBackground);
  background-blend-mode: normal;
  z-index: -1;
  background-image: url("../media/EllipseGreen.bf9bf894.svg"), url("../media/GridForModal.4a90632f.svg");
  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;
}

.PaymentStatusModal-module__wjTiwq__imageContainerRed {
  background-color: var(--modalBackground);
  background-blend-mode: normal;
  z-index: -1;
  background-image: url("../media/EllipseRed.58a51fcf.svg"), url("../media/GridForModalRed.b94863c0.svg");
  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;
}

.PaymentStatusModal-module__wjTiwq__imageSmall {
  filter: blur(3px) brightness(60%);
  position: absolute;
  top: -60px;
  left: 55px;
  transform: rotate(-30deg);
}

.PaymentStatusModal-module__wjTiwq__imageSmallUnsuccessfulReplenishment {
  top: -50px;
  transform: rotate(-28deg);
}

.PaymentStatusModal-module__wjTiwq__image {
  transform: rotate(28deg);
}

.PaymentStatusModal-module__wjTiwq__imageUnsuccessfulReplenishment {
  transform: translateY(-10px)rotate(28deg);
}

.PaymentStatusModal-module__wjTiwq__errorText span:last-child {
  white-space: pre-line;
}

@media not (min-width: 800px) {
  .PaymentStatusModal-module__wjTiwq__modalContainer {
    gap: 24px;
    width: 100%;
  }

  .PaymentStatusModal-module__wjTiwq__buttonModal {
    width: calc(100% - 24px);
    height: 56px;
    margin-bottom: 16px;
  }

  .PaymentStatusModal-module__wjTiwq__textContainer {
    margin-top: 12px;
  }

  .PaymentStatusModal-module__wjTiwq__imageSmall {
    transform: rotate(-40deg)scale(.88);
  }

  .PaymentStatusModal-module__wjTiwq__image {
    transform: rotate(28deg)scale(.88);
  }

  .PaymentStatusModal-module__wjTiwq__imageContainer {
    background-image: url("../media/EllipseGreenSmall.58696a0b.svg"), url("../media/GridForModal.4a90632f.svg");
  }

  .PaymentStatusModal-module__wjTiwq__imageContainerRed {
    background-image: url("../media/EllipseRedSmall.ca406598.svg"), url("../media/GridForModalRed.b94863c0.svg");
  }

  .PaymentStatusModal-module__wjTiwq__titleLaptop {
    display: none;
  }

  .PaymentStatusModal-module__wjTiwq__titleMobile {
    display: block;
  }

  .PaymentStatusModal-module__wjTiwq__imageUnsuccessfulReplenishment {
    transform: translateY(-10px)rotate(28deg)scale(.88);
  }

  .PaymentStatusModal-module__wjTiwq__imageSmallUnsuccessfulReplenishment {
    transform: rotate(-28deg);
  }
}

@media not (min-width: 500px) {
  .PaymentStatusModal-module__wjTiwq__textContainer {
    white-space: pre-line;
  }

  .PaymentStatusModal-module__wjTiwq__imageSmall {
    left: 10px;
  }

  .PaymentStatusModal-module__wjTiwq__imageSmallUnsuccessfulReplenishment {
    left: 5px;
  }
}

/* [project]/client/src/components/MainComponent/mainComponent.module.css [app-client] (css) */
@keyframes mainComponent-module__hHuFZq__slide-in-bottom {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mainComponent-module__hHuFZq__slide-in-bottom-grid {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mainComponent-module__hHuFZq__slide-in-bottom-preview {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mainComponent-module__hHuFZq__slide-in-bottom-comments {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.mainComponent-module__hHuFZq__mainContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  overflow-x: hidden;
}

.mainComponent-module__hHuFZq__h1 {
  width: 678px;
  font-family: var(--font-unbounded), sans-serif;
  color: #fff;
  white-space: pre-line;
  margin-top: 146px;
  margin-bottom: 16px;
  font-size: 44px;
  font-weight: 600;
  line-height: 130%;
}

.mainComponent-module__hHuFZq__mainContainerLaptop {
  width: 678px;
  margin-bottom: 147px;
}

.mainComponent-module__hHuFZq__item {
  animation: 1s cubic-bezier(.25, .46, .45, .94) both mainComponent-module__hHuFZq__slide-in-bottom;
}

.mainComponent-module__hHuFZq__item:first-child {
  animation-delay: .25s;
}

.mainComponent-module__hHuFZq__item:nth-child(2) {
  animation-delay: .5s;
}

.mainComponent-module__hHuFZq__item:nth-child(3) {
  animation-delay: .75s;
}

.mainComponent-module__hHuFZq__itemPreview {
  animation: 1.25s cubic-bezier(.25, .46, .45, .94) both mainComponent-module__hHuFZq__slide-in-bottom-preview;
}

.mainComponent-module__hHuFZq__itemPreview:first-child {
  animation-delay: .25s;
}

.mainComponent-module__hHuFZq__itemPreview:nth-child(2) {
  animation-delay: .5s;
}

.mainComponent-module__hHuFZq__itemPreview:nth-child(3) {
  animation-delay: .75s;
}

.mainComponent-module__hHuFZq__itemPreview:nth-child(4) {
  animation-delay: 1s;
}

.mainComponent-module__hHuFZq__itemComments {
  animation: 1s cubic-bezier(.25, .46, .45, .94) both mainComponent-module__hHuFZq__slide-in-bottom-comments;
}

.mainComponent-module__hHuFZq__itemComments:first-child {
  animation-delay: .25s;
}

.mainComponent-module__hHuFZq__itemComments:nth-child(2) {
  animation-delay: .5s;
}

.mainComponent-module__hHuFZq__itemComments:nth-child(3) {
  animation-delay: .75s;
}

.mainComponent-module__hHuFZq__featureContainer {
  margin-top: 110px;
  margin-bottom: 170px;
}

.mainComponent-module__hHuFZq__informationContainer {
  flex-direction: column;
  align-items: center;
  gap: 172px;
  width: 100%;
  display: flex;
}

.mainComponent-module__hHuFZq__gridStyles {
  justify-content: flex-start;
  width: 1510px;
  margin-top: 0;
  padding-left: 57px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mainComponent-module__hHuFZq__imagesContainer {
  justify-content: center;
  width: calc(100% - 678px);
  height: 885px;
  margin-top: -60px;
  margin-left: -50px;
  animation: 1.6s cubic-bezier(.25, .46, .45, .94) both mainComponent-module__hHuFZq__slide-in-bottom;
  display: flex;
  position: relative;
}

.mainComponent-module__hHuFZq__backgroundContainer {
  z-index: -2;
  background-blend-mode: soft-light;
  background-color: #0000;
  background-image: url("/assets/background/ellipseMainPage.svg"), url("/assets/net.svg");
  background-position: center, top;
  background-repeat: no-repeat;
  background-size: 80%, 100%;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  width: 885px;
  height: 885px;
  animation: 1.6s cubic-bezier(.25, .46, .45, .94) both mainComponent-module__hHuFZq__slide-in-bottom-grid;
  position: absolute;
  top: -30px;
  left: 670px;
  mask-image: radial-gradient(closest-side, #000 0% 50%, #0000);
}

.mainComponent-module__hHuFZq__background {
  object-fit: contain;
}

.mainComponent-module__hHuFZq__coinBig {
  z-index: 5;
  width: 175px;
  height: 175px;
  animation: 10s cubic-bezier(.455, .03, .515, .955) infinite both mainComponent-module__hHuFZq__shake-vertical-fourth;
  position: absolute;
  top: 12.5%;
  right: 62%;
}

.mainComponent-module__hHuFZq__coinMiddle {
  z-index: 5;
  width: 140px;
  height: 140px;
  animation: 12s cubic-bezier(.455, .03, .515, .955) infinite both mainComponent-module__hHuFZq__shake-vertical-fourth;
  position: absolute;
  top: 14.5%;
  right: 30%;
}

.mainComponent-module__hHuFZq__coinSmall {
  z-index: 5;
  width: 80px;
  height: 80px;
  animation: 14s cubic-bezier(.455, .03, .515, .955) infinite both mainComponent-module__hHuFZq__shake-vertical-fourth;
  position: absolute;
  top: 11%;
  right: 62%;
}

.mainComponent-module__hHuFZq__coinBig:after, .mainComponent-module__hHuFZq__coinMiddle:after, .mainComponent-module__hHuFZq__coinSmall:after {
  content: "";
  z-index: -1;
  opacity: .2;
  background-color: var(--main-color);
  mix-blend-mode: overlay;
  filter: blur(35px);
  border-radius: 50%;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mainComponent-module__hHuFZq__imagesContainer .mainComponent-module__hHuFZq__coinMiddle .mainComponent-module__hHuFZq__coinImage {
  transform: rotate(60deg);
}

.mainComponent-module__hHuFZq__imagesContainer .mainComponent-module__hHuFZq__coinSmall .mainComponent-module__hHuFZq__coinImage {
  transform: rotate(45deg);
}

@keyframes mainComponent-module__hHuFZq__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);
  }
}

.mainComponent-module__hHuFZq__coinImage {
  object-fit: contain;
  z-index: 1;
  position: relative;
}

.mainComponent-module__hHuFZq__cardContainer {
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-25%);
}

.mainComponent-module__hHuFZq__cardContainer:before {
  content: "";
  filter: blur(70px);
  z-index: 7;
  background-color: #fbd5061a;
  border-radius: 50%;
  width: 285px;
  height: 285px;
  position: absolute;
  top: 50px;
  left: 50px;
}

.mainComponent-module__hHuFZq__buySkinsButton {
  font-family: var(--font-unbounded), sans-serif;
  background-color: #2d2d2e;
  border-radius: 5px;
  transition: background-color .4s;
}

.mainComponent-module__hHuFZq__buySkinsButton:hover {
  background-color: var(--hovered-grey_btn-bg-color);
}

.mainComponent-module__hHuFZq__buySkinsButton:active {
  background-color: var(--active-grey_btn-bg-color);
}

@media not (min-width: 1640px) {
  .mainComponent-module__hHuFZq__gridStyles {
    width: 100%;
    max-width: 1400px;
    padding-left: 0;
  }

  .mainComponent-module__hHuFZq__cardContainer {
    width: 100%;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    left: 570px;
  }
}

@media not (min-width: 1444px) {
  .mainComponent-module__hHuFZq__gridStyles {
    padding-left: 24px;
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    width: calc(100% - 726px);
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    width: calc(100% - 500px);
    top: -60px;
  }
}

@media not (min-width: 1300px) {
  .mainComponent-module__hHuFZq__informationContainer {
    gap: 90px;
  }

  .mainComponent-module__hHuFZq__h1 {
    width: 100%;
    font-size: 38px;
    line-height: 45px;
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    height: 800px;
    overflow: visible;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    background-blend-mode: soft-light;
    background-color: #0000;
    background-image: url("/assets/background/ellipseMainPage.svg"), url("/assets/net.svg");
    background-position: center, top;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
    background-attachment: scroll, scroll;
    background-origin: padding-box, padding-box;
    background-clip: border-box, border-box;
    width: calc(100% - 550px);
    height: 800px;
    top: 0;
    left: 570px;
    mask-image: radial-gradient(closest-side, #000 0% 50%, #0000);
  }

  .mainComponent-module__hHuFZq__gridStyles {
    margin-bottom: 70px;
  }

  .mainComponent-module__hHuFZq__cardContainer {
    left: 40%;
    transform: translateX(-25%);
  }

  .mainComponent-module__hHuFZq__coinMiddle {
    right: 10%;
  }

  .mainComponent-module__hHuFZq__background {
    object-fit: cover;
  }

  .mainComponent-module__hHuFZq__imagesContainer:after {
    content: "";
    filter: blur(100px);
    mix-blend-mode: overlay;
    z-index: 0;
    background-color: #fbd50650;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 150px;
    left: 200px;
  }

  .mainComponent-module__hHuFZq__imagesContainer:before {
    content: "";
    filter: blur(100px);
    mix-blend-mode: overlay;
    z-index: 0;
    background-color: #fbd50630;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 300px;
    right: 80px;
  }

  .mainComponent-module__hHuFZq__mainContainerLaptop {
    width: 570px;
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    margin-left: 0;
  }

  .mainComponent-module__hHuFZq__cardContainer:before {
    top: 300px;
    left: 100px;
  }

  @keyframes mainComponent-module__hHuFZq__slide-in-bottom-grid {
    0% {
      opacity: 0;
      transform: translateY(200px)scale(1.2);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1.2);
    }
  }
}

@media not (min-width: 1200px) {
  .mainComponent-module__hHuFZq__backgroundContainer {
    background-blend-mode: soft-light;
    background-position: center, top;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
    height: 700px;
    mask-image: radial-gradient(closest-side, #000 0% 50%, #0000);
  }
}

@media not (min-width: 1024px) {
  .mainComponent-module__hHuFZq__gridStyles {
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-bottom: 40px;
    padding-left: 0;
    overflow: visible;
  }

  .mainComponent-module__hHuFZq__cardContainer {
    width: 500px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-40%);
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    width: calc(100% - 48px);
    height: 800px;
    margin-top: 0;
    overflow: hidden;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    aspect-ratio: 1;
    width: 100%;
    height: auto;
    top: 300px;
    left: 0;
    transform: scale(2);
  }

  .mainComponent-module__hHuFZq__background {
    object-fit: contain;
  }

  .mainComponent-module__hHuFZq__coinMiddle {
    top: 9.5%;
    right: 30%;
  }

  .mainComponent-module__hHuFZq__coinBig {
    top: 7.5%;
  }

  .mainComponent-module__hHuFZq__coinSmall {
    top: 6%;
  }

  .mainComponent-module__hHuFZq__imagesContainer:after {
    content: "";
    filter: blur(100px);
    mix-blend-mode: overlay;
    z-index: 0;
    background-color: #fbd50650;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 150px;
    left: 300px;
  }

  .mainComponent-module__hHuFZq__imagesContainer:before {
    content: "";
    filter: blur(100px);
    mix-blend-mode: overlay;
    z-index: 0;
    background-color: #fbd50630;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 300px;
    right: 180px;
  }

  .mainComponent-module__hHuFZq__featureContainer {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 92px;
  }

  .mainComponent-module__hHuFZq__cardContainer:before {
    display: none;
  }
}

@media not (min-width: 800px) {
  .mainComponent-module__hHuFZq__coinBig {
    width: 110px;
    height: 110px;
    top: 4%;
    right: 75%;
  }

  .mainComponent-module__hHuFZq__coinMiddle {
    width: 100px;
    height: 100px;
    top: 0;
    right: 13.5%;
  }

  .mainComponent-module__hHuFZq__coinSmall {
    width: 40px;
    height: 40px;
    top: 4%;
    right: 77%;
  }

  .mainComponent-module__hHuFZq__cardContainer {
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    left: 0;
    transform: translateX(-30px);
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    width: 100%;
    height: 640px;
    mask-image: none;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 280px;
  }

  .mainComponent-module__hHuFZq__imagesContainer:after, .mainComponent-module__hHuFZq__imagesContainer:before {
    display: none;
  }

  @keyframes mainComponent-module__hHuFZq__slide-in-bottom-grid {
    0% {
      opacity: 0;
      transform: translateY(200px)scale(1.2);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1.2);
    }
  }
}

@media not (min-width: 700px) {
  .mainComponent-module__hHuFZq__informationContainer {
    gap: 92px;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 330px;
  }

  .mainComponent-module__hHuFZq__coinMiddle:after, .mainComponent-module__hHuFZq__coinSmall:after {
    display: none;
  }
}

@media not (min-width: 600px) {
  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 420px;
  }

  @keyframes mainComponent-module__hHuFZq__slide-in-bottom-grid {
    0% {
      opacity: 0;
      transform: translateY(200px)scale(1.3);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1.3);
    }
  }
}

@media not (min-width: 500px) {
  .mainComponent-module__hHuFZq__cardContainer {
    width: calc(100dvw - 32px);
    transform: translateX(-45px);
  }

  .mainComponent-module__hHuFZq__imagesContainer {
    height: 500px;
  }

  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 400px;
  }
}

@media not (min-width: 466px) {
  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 460px;
  }
}

@media not (min-width: 400px) {
  .mainComponent-module__hHuFZq__backgroundContainer {
    top: 500px;
  }

  @keyframes mainComponent-module__hHuFZq__slide-in-bottom-grid {
    0% {
      opacity: 0;
      transform: translateY(200px)scale(1.4);
    }

    100% {
      opacity: 1;
      transform: translateY(0)scale(1.4);
    }
  }
}

/* [project]/client/src/components/MainComponent/CardForMainPage/CardForMainPage.module.css [app-client] (css) */
@keyframes CardForMainPage-module__f0ESGW__cards-animation1 {
  0% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  14.28% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  57.12% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  61.4% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  61.88% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  66.64% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  71.4% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  76.16% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  80.92% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  85.68% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  85.78% {
    z-index: 4;
  }

  90.48% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0);
  }

  100% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0);
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation2 {
  0% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  .1% {
    z-index: 4;
  }

  4.76% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  14.28% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  28.56% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  71.4% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  75.68% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  76.16% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  80.92% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  85.68% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  90.48% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  95.24% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  100% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation3 {
  0% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  4.76% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  9.52% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  14.28% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  14.38% {
    z-index: 4;
  }

  19.04% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  28.56% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  42.84% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  85.68% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  90% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  90.48% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  95.24% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  100% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation4 {
  0% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  4.28% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  4.76% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  9.52% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  14.28% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  19.04% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  23.8% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  28.56% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  28.66% {
    z-index: 4;
  }

  33.32% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  42.84% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  57.12% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  100% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation5 {
  0% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }

  14.28% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  18.56% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  19.04% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  23.8% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  28.56% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  33.32% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  38.08% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  42.84% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  42.94% {
    z-index: 4;
  }

  47.6% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  57.12% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  71.4% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  100% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation6 {
  0% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }

  28.56% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  32.84% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  33.32% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  38.08% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  42.84% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  47.6% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  52.36% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  57.12% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  57.22% {
    z-index: 4;
  }

  61.88% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  71.4% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  85.68% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  100% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }
}

@keyframes CardForMainPage-module__f0ESGW__cards-animation7 {
  0% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }

  42.84% {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transform: rotate(60deg)translateX(200px)translateY(-200px);
  }

  47.12% {
    opacity: 1;
    filter: blur(10px);
    pointer-events: none;
  }

  47.6% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  52.36% {
    transform: rotate(-15deg)translateX(280px)translateY(100px)scale(.7);
  }

  57.12% {
    opacity: 1;
    filter: blur(10px);
    z-index: 2;
    pointer-events: none;
    transform: rotate(45deg)translateX(210px)translateY(-100px)scale(.7);
  }

  61.88% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  66.64% {
    transform: rotate(5deg)translateX(130px)translateY(0)scale(.9);
  }

  71.4% {
    opacity: 1;
    filter: blur();
    z-index: 3;
    pointer-events: none;
    transform: rotate(15deg)translateX(106px)translateY(0)scale(.9);
  }

  71.5% {
    z-index: 4;
  }

  76.16% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  85.68% {
    opacity: 1;
    z-index: 4;
    filter: blur();
    pointer-events: auto;
    transform: rotate(0)translateX(0)translateY(0)translateZ(0);
  }

  90% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
  }

  100% {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transform: translateZ(-1100px)scale(.5);
  }
}

.CardForMainPage-module__f0ESGW__cardContainerItem {
  width: 240px;
  position: relative;
  top: 212px;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:first-child {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation1;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(2) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation2;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(3) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation3;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(4) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation4;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(5) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation5;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(6) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation6;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__cardContainerItem:nth-child(7) {
  animation: 24s cubic-bezier(.25, .46, .45, .94) infinite both CardForMainPage-module__f0ESGW__cards-animation7;
  position: absolute;
}

.CardForMainPage-module__f0ESGW__itemContainer {
  cursor: pointer;
  z-index: 1;
  background: #1a1b20;
  flex-direction: column;
  gap: 18px;
  padding: 18px 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 5px 100px #00000080;
}

.CardForMainPage-module__f0ESGW__itemContainer:after {
  content: "";
  border-radius: inherit;
  z-index: 1;
  background: linear-gradient(153deg, #4b4d5b 0%, #32344000 89.92%) border-box;
  border: 1.2px solid #0000;
  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;
}

.CardForMainPage-module__f0ESGW__itemContainer:before {
  z-index: 0;
  content: "";
  filter: blur(100px);
  background: #ffffff1a;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  top: -50px;
  left: -100px;
}

.CardForMainPage-module__f0ESGW__borderRadiusFull {
  border-radius: 12px;
}

.CardForMainPage-module__f0ESGW__borderRadiusPart {
  border-radius: 12px 12px 0 0;
}

.CardForMainPage-module__f0ESGW__containerLink {
  cursor: pointer;
  z-index: 4;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}

.CardForMainPage-module__f0ESGW__similarItemContainer {
  z-index: 1;
  user-select: none;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.CardForMainPage-module__f0ESGW__photoContainer, .CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers {
  width: 100%;
  height: 154px;
  padding: 0 18px;
  position: relative;
}

.CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  height: 190px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__productSkin {
  filter: drop-shadow(-1px 14px 6px #14171c);
  object-fit: contain;
}

.CardForMainPage-module__f0ESGW__imageAndRunesContainer {
  flex-direction: column;
  align-self: center;
  gap: 8px;
  min-width: 140px;
  max-width: 152px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__imageContainer {
  width: 100%;
  height: 154px;
  position: relative;
}

.CardForMainPage-module__f0ESGW__runesContainer {
  align-self: flex-start;
  gap: 4px;
  height: 18px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__runesContainer img {
  border-radius: 2px;
}

.CardForMainPage-module__f0ESGW__cardHeader {
  justify-content: space-between;
  align-items: center;
  height: 16px;
  padding: 0 18px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__timeContainer {
  gap: 8px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__lock, .CardForMainPage-module__f0ESGW__lightning {
  transform: scale(1.3);
}

.CardForMainPage-module__f0ESGW__lockColor {
  color: var(--sidebar-orange-color);
}

.CardForMainPage-module__f0ESGW__cardPrice {
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__saleContainer {
  text-align: center;
  background-color: #30d15829;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 25px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__itemQuality {
  display: flex;
}

.CardForMainPage-module__f0ESGW__cardName {
  flex-direction: column;
  gap: 5px;
  margin-top: 13px;
  margin-bottom: 10px;
  padding: 0 18px;
  line-height: 20px;
  display: flex;
}

.CardForMainPage-module__f0ESGW__cardNameType {
  color: var(--secondary-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 3;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
}

.CardForMainPage-module__f0ESGW__cardItemName {
  color: var(--primary-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 3;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

.CardForMainPage-module__f0ESGW__stickersContainer {
  z-index: 3;
  flex-direction: column;
  gap: 7px;
  display: flex;
  position: absolute;
  top: 0;
  right: 16px;
}

.CardForMainPage-module__f0ESGW__cardButton {
  z-index: 5;
  width: 100%;
  height: 50px;
  display: flex;
  transform: translateY(-1px);
}

.CardForMainPage-module__f0ESGW__emptyButton {
  z-index: 5;
  width: 100%;
  height: 0;
  display: flex;
}

.CardForMainPage-module__f0ESGW__cardButton button {
  text-transform: uppercase;
  border-radius: 0 0 12px 12px;
}

.CardForMainPage-module__f0ESGW__quality {
  width: 100%;
  height: 36px;
  padding: 0 18px;
  display: block;
}

.CardForMainPage-module__f0ESGW__ellipse {
  filter: blur(150px);
  z-index: 1;
  border-radius: 50%;
  width: 386px;
  height: 162px;
  position: absolute;
  bottom: -200px;
  left: 50%;
  transform: translateX(-50%);
}

.CardForMainPage-module__f0ESGW__opacity {
  filter: opacity(.5);
}

.CardForMainPage-module__f0ESGW__line {
  width: 195px;
  height: 5px;
  position: absolute;
  top: 98.5%;
  left: 50%;
  transform: translateX(-50%);
}

@media not (min-width: 1640px) {
  .CardForMainPage-module__f0ESGW__cardContainerItem {
    width: 240px;
  }
}

@media not (min-width: 1300px) {
  .CardForMainPage-module__f0ESGW__cardContainerItem {
    width: 220px;
  }
}

@media not (min-width: 1024px) {
  .CardForMainPage-module__f0ESGW__cardContainerItem {
    width: 240px;
    top: 160px;
  }
}

@media not (min-width: 800px) {
  @keyframes CardForMainPage-module__f0ESGW__cards-animation1 {
    0% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    14.28% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    57.12% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    61.4% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    61.88% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    66.64% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    71.4% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    76.16% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    80.92% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    85.68% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    85.78% {
      z-index: 4;
    }

    90.48% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0);
    }

    100% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation2 {
    0% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    .1% {
      z-index: 4;
    }

    4.76% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    14.28% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    28.56% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    71.4% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    75.68% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    76.16% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    80.92% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    85.68% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    90.48% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    95.24% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    100% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation3 {
    0% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    4.76% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    9.52% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    14.28% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    14.38% {
      z-index: 4;
    }

    19.04% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    28.56% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    42.84% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    85.68% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    90% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    90.48% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    95.24% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    100% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation4 {
    0% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    4.28% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    4.76% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    9.52% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    14.28% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    19.04% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    23.8% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    28.56% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    28.66% {
      z-index: 4;
    }

    33.32% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    42.84% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    57.12% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation5 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    14.28% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    18.56% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    19.04% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    23.8% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    28.56% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    33.32% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    38.08% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    42.84% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    42.94% {
      z-index: 4;
    }

    47.6% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    57.12% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    71.4% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation6 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    28.56% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    32.84% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    33.32% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    38.08% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    42.84% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    47.6% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    52.36% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    57.12% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    57.22% {
      z-index: 4;
    }

    61.88% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    71.4% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    85.68% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation7 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    42.84% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    47.12% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    47.6% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    52.36% {
      transform: rotate(-15deg)translateX(230px)translateY(70px)scale(.7);
    }

    57.12% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(160px)translateY(-70px)scale(.7);
    }

    61.88% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    66.64% {
      transform: rotate(5deg)translateX(100px)translateY(0)scale(.9);
    }

    71.4% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(80px)translateY(0)scale(.9);
    }

    71.5% {
      z-index: 4;
    }

    76.16% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    85.68% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    90% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }
  }

  .CardForMainPage-module__f0ESGW__cardContainerItem {
    width: 200px;
    top: 80px;
  }

  .CardForMainPage-module__f0ESGW__cardNameType {
    font-size: 13px;
  }

  .CardForMainPage-module__f0ESGW__cardItemName {
    font-size: 14px;
  }

  .CardForMainPage-module__f0ESGW__cardName {
    line-height: 16px;
  }

  .CardForMainPage-module__f0ESGW__cardButton {
    height: 40px;
  }

  .CardForMainPage-module__f0ESGW__ellipse {
    filter: blur(150px);
    z-index: 1;
    border-radius: 50%;
    width: 386px;
    height: 162px;
    position: absolute;
    bottom: -220px;
    left: 50%;
    transform: translateX(-50%);
  }

  .CardForMainPage-module__f0ESGW__line {
    width: 82%;
    height: 5px;
  }

  .CardForMainPage-module__f0ESGW__photoContainer, .CardForMainPage-module__f0ESGW__imageContainer, .CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers, .CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers {
    height: 130px;
  }
}

@media not (min-width: 500px) {
  @keyframes CardForMainPage-module__f0ESGW__cards-animation1 {
    0% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    14.28% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    57.12% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    61.4% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    61.88% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    66.64% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    71.4% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    76.16% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    80.92% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    85.68% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    85.78% {
      z-index: 4;
    }

    90.48% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0);
    }

    100% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation2 {
    0% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    .1% {
      z-index: 4;
    }

    4.76% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    14.28% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    28.56% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    71.4% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    75.68% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    76.16% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    80.92% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    85.68% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    90.48% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    95.24% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    100% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation3 {
    0% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    4.76% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    9.52% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    14.28% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    14.38% {
      z-index: 4;
    }

    19.04% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    28.56% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    42.84% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    85.68% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    90% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    90.48% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    95.24% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    100% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation4 {
    0% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    4.28% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    4.76% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    9.52% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    14.28% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    19.04% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    23.8% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    28.56% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    28.66% {
      z-index: 4;
    }

    33.32% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    42.84% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    57.12% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation5 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    14.28% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    18.56% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    19.04% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    23.8% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    28.56% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    33.32% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    38.08% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    42.84% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    42.94% {
      z-index: 4;
    }

    47.6% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    57.12% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    71.4% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation6 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    28.56% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    32.84% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    33.32% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    38.08% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    42.84% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    47.6% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    52.36% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    57.12% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    57.22% {
      z-index: 4;
    }

    61.88% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    71.4% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    85.68% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }
  }

  @keyframes CardForMainPage-module__f0ESGW__cards-animation7 {
    0% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }

    42.84% {
      opacity: 0;
      z-index: 1;
      pointer-events: none;
      transform: rotate(60deg)translateX(200px)translateY(-200px);
    }

    47.12% {
      opacity: 1;
      filter: blur(10px);
      pointer-events: none;
    }

    47.6% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    52.36% {
      transform: rotate(-15deg)translateX(170px)translateY(40px)scale(.7);
    }

    57.12% {
      opacity: 1;
      filter: blur(10px);
      z-index: 2;
      pointer-events: none;
      transform: rotate(45deg)translateX(120px)translateY(-40px)scale(.7);
    }

    61.88% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    66.64% {
      transform: rotate(5deg)translateX(80px)translateY(0)scale(.9);
    }

    71.4% {
      opacity: 1;
      filter: blur();
      z-index: 3;
      pointer-events: none;
      transform: rotate(15deg)translateX(60px)translateY(0)scale(.9);
    }

    71.5% {
      z-index: 4;
    }

    76.16% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    85.68% {
      opacity: 1;
      z-index: 4;
      filter: blur();
      pointer-events: auto;
      transform: rotate(0)translateX(0)translateY(0)translateZ(0);
    }

    90% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
    }

    100% {
      opacity: 0;
      z-index: 0;
      pointer-events: none;
      transform: translateZ(-1100px)scale(.5);
    }
  }

  .CardForMainPage-module__f0ESGW__photoContainer, .CardForMainPage-module__f0ESGW__imageContainer, .CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers {
    height: 84px;
  }

  .CardForMainPage-module__f0ESGW__photoContainerDotaWithStickers {
    height: 100px;
  }

  .CardForMainPage-module__f0ESGW__itemContainer {
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 0;
  }

  .CardForMainPage-module__f0ESGW__cardContainerItem {
    width: 132px;
    top: 80px;
  }

  .CardForMainPage-module__f0ESGW__cardNameType {
    font-size: 8px;
  }

  .CardForMainPage-module__f0ESGW__cardItemName {
    font-size: 10px;
  }

  .CardForMainPage-module__f0ESGW__cardName {
    line-height: 11px;
  }

  .CardForMainPage-module__f0ESGW__cardButton {
    height: 28px;
  }

  .CardForMainPage-module__f0ESGW__ellipse {
    filter: blur(150px);
    z-index: 1;
    border-radius: 50%;
    width: 386px;
    height: 162px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%)translateY(200px);
  }

  .CardForMainPage-module__f0ESGW__line {
    width: 108px;
    height: 3px;
  }
}

/*# sourceMappingURL=client_97f86ff8._.css.map*/