:root {
  --spacing-xs: 24px;
  --spacing-sm: 24px;
  --spacing-md: 24px;
  --spacing-lg: 24px;
  --spacing-xl: 24px;
  --spacing-xxl: 24px;
  --card-spacing-xs: 20px;
  --card-spacing-lg: 24px;
  --card-spacing-sm: 24px;
  --card-spacing-md: 24px;
  --card-spacing-xl: 24px;
  --card-spacing-xxl: 24px;
  --header-height: 70px;
  --mobile-header-height: 78px;
  --mobile-bottom-menu-height: 70px;
  --border-radius-xs: 3px;
  --border-radius-sm: 5px;
  --border-radius-m: 8px;
  --border-radius-md: 8px;
  --border-radius-lg: 15px;
  --border-radius-xl: 20px;
  --border-radius-xxl: 30px;
  --color-secondary: #242536;
  --color-secondary-dark: #6d6f87;
  --color-secondary-light: #2b2c40;
  --color-secondary-text: #aeb6c2;
  --color-text-light: #e5e5ff;
  --color-primary: #181924;
  --color-primary-dark: #181924;
  --color-primary-light: #1c1d2c;
  --color-primary-faded: #27283d;
  --color-primary-text: #1c1d2c;
  --color-white: #eeeffb;
  --color-white-secondary: #b3b3bc;
  --color-white-primary: #76768b;
  --color-gray-light: #a3a3cb;
  --color-disable-text: #656578;
  --color-grey2: #515274;
  --color-grey4: #67688e;
  --color-text1: #a9b7cc;
  --color-text2: #8595ae;
  --color-text3: #d3e2f8;
  --color-gold: #f3ca80;
  --color-gold-gradient: linear-gradient(180deg, #f3ca80, #c0a16e);
  --color-brown: #524841;
  --color-gold-light: #907656;
  --color-gold-dark: #524841;
  --color-primary-green: #4bde6b;
  --color-green: #4bde6b;
  --color-green-light: #3a544c;
  --color-green-secondary: #57b053;
  --color-green-dark: #3a3731;
  --color-green-gradient: rgba(75, 222, 107, .25);
  --color-green-gradient-dark: linear-gradient(180deg, #202133, #294238);
  --color-gray: #4d4e5e;
  --color-gray2: #515274;
  --color-gray4: #67688e;
  --color-red-primary: #f44b55;
  --color-red: #ff656f;
  --color-red-dark: #ef927e;
  --color-red-light: #855f79;
  --color-red-light2: #613c42;
  --color-summer: #ffac61;
  --color-event: #ffc45a;
  --color-red2: #6e303b;
  --color-hot: #8b5d53;
  --color-hot-text: #ffa183;
  --color-orange: #fb7e57;
  --color-winter: #ffa071;
  --color-winter-light: #9b9bc1;
  --color-blue-light: #c0d7fa;
  --color-blue-secondary: #65c8ff;
  --duration-very-slow: 2500ms;
  --duration-slow: 2000ms;
  --duration-semi-slow: 1500ms;
  --duration-semi-fast: 400ms;
  --duration-fast: 300ms;
  --duration-very-fast: 150ms;
  --font-basic: "";
  --color-gray-primary: #515274;
  --color-grey-secondary: #202133;
  --color-gray-secondary: #202133;
  --color-grey-dark: #363753;
  --color-gray-dark: #363753;
  --color-grey-light: #67688e;
  --color-green-primary: #4bde6b;
  --color-gray-dark-2: #1a2330;
  --color-gold-primary: #f4ca80;
  --color-gold-secondary: #e1cba5;
  --typography-primary: #a9b7cc;
  --typography-secondary: #8595ae;
  --typography-gold-primary: #f3ca80;
  --color-gray-gradient: linear-gradient(331deg, #4c4e79 1.01%, #363753 84.59%);
  --green-primary-gradient: linear-gradient(180deg, #5b8c7b, #474868);
  --green-secondary-gradient: linear-gradient(180deg, #3b736a, #363753);
  --green-light-gradient: linear-gradient(90deg, #69928e, #557675);
  --ui-green-dark-gradient: linear-gradient(144.62deg, #0e474a 6.34%, #27283d 83.74%);
  --golden-gradient: linear-gradient(180deg, #ffa858, #e37f46);
  --color-autumn-gradient: linear-gradient(180deg, #ffae34, #cb822e);
  --color-winter-gradient: linear-gradient(180deg, #ff935d, #ffa172);
  --ui-green-primary-gradient: linear-gradient(180deg, #5b8c7b, #474868);
  --ui-green-secondary-gradient: linear-gradient(180deg, #3b736a, #363753);
  --ui-green-light-gradient: linear-gradient(90deg, #69928e, #557675);
  --ui-grey-primary-gradient: linear-gradient(360deg, #3c3e62, #27283d);
  --golden-gradient-2: linear-gradient(180deg, #363753 0.01%, #534f54);
  --color-white-light: #aeb6c2;
  --color-dark-text: #2f3048;
  --color-blue: #72b4e4;
  --color-malibu: #8790ff;
  --color-st: #f0a55f;
  --hover-effect: brightness(1.1);
  --color-rarity-unknown: #96939a;
  --color-rarity-consumer: #96939a;
  --color-rarity-industrial: #5e98d9;
  --color-rarity-milspec: #4987ff;
  --color-rarity-restricted: #a666ff;
  --color-rarity-classified: #fe67d3;
  --color-rarity-covert: #fd4165;
  --color-rarity-knife-gloves: #efae4a;
  --color-rarity-contraband: #ff6a73;
  --color-rarity-placeholder: #404058;
  --gradient-rarity-unknown: radial-gradient(178.01% 126.67% at 50% 100%, hsla(266, 3%, 59%, .5) 0%, rgba(24, 24, 36, .5) 100%);
  --gradient-rarity-consumer: radial-gradient(178.01% 126.67% at 50% 100%, hsla(266, 3%, 59%, .5) 0%, rgba(24, 24, 36, .5) 100%);
  --gradient-rarity-industrial: radial-gradient(178.01% 126.67% at 50% 100%, rgba(94, 152, 217, .5) 0%, rgba(24, 24, 36, .5) 100%);
  --gradient-rarity-milspec: linear-gradient(0deg, #30508f, #1f1f31);
  --gradient-rarity-restricted: linear-gradient(0deg, #6e3ab1, #1f1f31);
  --gradient-rarity-classified: linear-gradient(180deg, #1f1f31, #b54094);
  --gradient-rarity-covert: linear-gradient(0deg, #882b43, #1f1f31);
  --gradient-rarity-knife-gloves: linear-gradient(180deg, #1f1f31, #7c5f38);
  --gradient-rarity-contraband: radial-gradient(178.01% 126.67% at 50% 100%, rgba(255, 106, 115, .5) 0%, rgba(24, 24, 36, .5) 100%);
  --gradient-rarity-placeholder: radial-gradient(178.01% 126.67% at 50% 100%, rgba(64, 64, 88, .5) 0%, rgba(64, 64, 88, .5) 100%);
  --color-event-primary: #f0cc4b;
  --color-event-secondary: #202133;
  --color-event-gradient: linear-gradient(90deg, #e5ee7a, #c2c362);
}

.main__wrapper__Lh0So {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
}

.container__MyFaq {
  width: 100%;
}

.categoryContainer__t33xs {
  display: flex;
  flex-direction: column;
  max-width: 2060px;
  margin: 0 auto;
}

.casesSection__IWrRK {
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .casesSection__IWrRK {
    margin-top: 100px;
    padding: 0 25px;
  }
}

.MainContainer__LEdF3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}

.text__OlAkW {
  font-weight: 500;
  padding: 0;
  margin: 0;
}

.BoxPriceText__Q_4gz {
  color: inherit;
  font-weight: inherit;
  display: flex;
  align-content: center;
}

.text__OlAkW.bold__nhebz {
  font-weight: 700;
}

.text__OlAkW.uppercase__iz9x_ {
  text-transform: uppercase;
}

.text__OlAkW.align--center__VQDbt {
  text-align: center;
}

.text__OlAkW.color--inherit__nPrtI {
  color: inherit;
}

.text__OlAkW.color--fff__nPrtI {
  color: #FFF;
}

.text__OlAkW.color--black__nPrtI {
  color: black;
}

.text__OlAkW.variant--h1__OXdjn {
  font-size: 1.875rem;
  line-height: 2rem;
  font-weight: 700;
}

.text__OlAkW.variant--h1__OXdjn.bold__nhebz {
  font-weight: 900;
}

.text__OlAkW.color--text2__UHbKf {
  color: #8595ae;
}

.MainContainer__LEdF3 .CategoryDescriptionStyled__8prQ6 {
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  margin-top: 8px;
  margin-bottom: 8px;
}

.cases__list__HM_7l {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  grid-gap: 30px 8px;
  flex-wrap: wrap;
  z-index: 5;
  width: 100%;
}

@media (min-width: 550px) {
  .cases__list__HM_7l {
    grid-gap: 30px 10px;
  }
}

.cases__list__HM_7l .box__wrapper__NM6yM {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 48%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: .2s ease;
}

@media (min-width: 768px) {
  .cases__list__HM_7l .box__wrapper__NM6yM {
    width: 30%;
  }
}

@media (min-width: 1024px) {
  .cases__list__HM_7l .box__wrapper__NM6yM {
    width: 20%;
  }
}

@media (min-width: 1440px) {
  .cases__list__HM_7l .box__wrapper__NM6yM {
    width: calc(16.666% - 10px);
    min-width: calc(16.666% - 10px);
  }
}

.box__card__P0Mjg {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  cursor: pointer;
  transition: .2s ease;
}

.box__card__P0Mjg .PaperBoxStyled__njmyx {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 15px;
}

.box__card__P0Mjg .PaperBoxStyled__njmyx:before {
  content: "";
  padding-top: 100%;
  height: 100%;
  width: 100%;
  display: block;
}



.box__card__P0Mjg .PaperBoxStyled__njmyx .box__image__5xyU8 {
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}


.RubleButtonPrice__LkNyk {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 6px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  cursor: default;
  padding: 10px 24px;
  color: #202133;
  border-radius: 5px;
  background: #f35b52;
}

.text__OlAkW.variant--h5___ABOK.bold__nhebz {
  font-weight: 700;
}

.text__OlAkW.variant--h5___ABOK {
  font-weight: 500;
  font-size: .875rem;
  line-height: 1rem;
}



.box__card__P0Mjg .BoxName__5SSNK {
  margin-top: 10px;
}

.text__OlAkW.color--white__52Lkh {
  color: #eeeffb;
}

.box__card__P0Mjg:hover .box__image__5xyU8 {
  transform: scale(1.04);
}

.box__page__jp7bY {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.box__page__jp7bY .box__pageMain__wKhqj {
  padding-bottom: 60px;
}

.box__page__jp7bY .openCaseHeader__wrapper___jETT {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  height: 180px;
  padding: 20px;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .box__page__jp7bY .openCaseHeader__wrapper___jETT {
    height: 140px;
  }
}

@media (min-width: 1440px) {
  .box__page__jp7bY .openCaseHeader__wrapper___jETT {
    padding: 24px 0 29px;
  }
}

.openCase__header__R_Mtg {
  display: grid;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
  width: 100%;
  grid-gap: 14px;
  margin-top: auto;
  grid-auto-flow: column;
  grid-template-columns: 44px 1fr 44px;
}

@media (min-width: 600px) {
  .openCase__header__R_Mtg {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.openCase__header__R_Mtg .banner__container__KydNn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  position: absolute;
  top: -15px;
}

@media (min-width: 768px) {
  .openCase__header__R_Mtg .banner__container__KydNn {
    top: 0;
  }
}

.openCase__header__R_Mtg .left__side__Z3cKz {
  display: flex;
  align-items: center;
  z-index: 10;
  width: 100%;
}

.openCase__header__R_Mtg .left__side__Z3cKz .left__controls__g0sVk {
  display: flex;
  width: 100%;
}

@media (min-width: 600px) {
  .openCase__header__R_Mtg .left__side__Z3cKz .left__controls__g0sVk {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
  }
}

@media (min-width: 768px) {
  .openCase__header__R_Mtg .left__side__Z3cKz .left__controls__g0sVk {
    display: flex;
  }
}

.openCase__header__R_Mtg .left__side__Z3cKz .left__controls__g0sVk .left__controlsButton__cttSO {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: .2s ease-in-out;
}

.openCase__header__R_Mtg .left__side__Z3cKz .left__controls__g0sVk .left__controlsButton__cttSO .left__controlsButtonIcon__RdBkf {
  will-change: transform;
  transition: .2s ease-in-out;
}

.openCase__header__R_Mtg .control__text__loj3T {
  display: none;
  font-weight: 600;
}

@media (min-width: 768px) {
  .openCase__header__R_Mtg .control__text__loj3T {
    display: none;
  }
}

@media (min-width: 600px) {
  .openCase__header__R_Mtg .control__text__loj3T {
    display: none;
  }
}


@media (min-width: 1024px) {
  .openCase__header__R_Mtg .control__text__loj3T {
    display: block;
  }
}

.openCase__header__R_Mtg .center__side__teyAA {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.text__OlAkW.variant--h1__OXdjn.bold__nhebz {
  font-weight: 900;
}

.box__page__jp7bY .openCaseMain__wrapper__rgxZT {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

@media (min-width: 1440px) {
  .box__page__jp7bY .openCaseMain__wrapper__rgxZT {
    padding: 0;
  }
}

.playing__runners__DhThO {
  align-items: center;
}

.playing__runners__DhThO,
.playing__runners__DhThO .box__roulette__uwcEL {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.playing__runners__DhThO,
.playing__runners__DhThO .box__roulette__uwcEL {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.box__roulette__ZpuLY {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  position: relative;
}

.box__roulette__ZpuLY {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  position: relative;
}

.box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
  width: 100%;
  height: 182px;
  position: relative;
}

@media (min-width: 425px) {
  .box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
    height: 202px;
  }
}

@media (min-width: 1024px) {
  .box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
    height: 259px;
  }
}

.box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
  width: 100%;
  height: 182px;
  position: relative;
}

@media (min-width: 425px) {
  .box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
    height: 202px;
  }
}

@media (min-width: 1024px) {
  .box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 {
    height: 259px;
  }
}

.box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 .roulette__row__MFZRa {
  width: 100%;
  height: 100%;
  background: #181b25;
  transition: .2s ease-in-out;
  border-radius: 15px;
}


.preview__state__GVy4D,
.result__state__B5H0S,
.started__state__l7v9F {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.roulette__box__jMDmB {
  width: 100%;
  height: 100%;
  position: relative;
}

.roulette__box__jMDmB .box__image__rIFtc {
  height: 120%;
  max-width: 100%;
  max-height: 308px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.roulette__box__jMDmB .box__image__rIFtc .image__UQmFB {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.box__page__jp7bY .openCaseControls__wrapper__FyJd_ {
  width: 100%;
  max-width: 1230px;
  margin: 52px auto 0;
  padding: 0 20px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .box__page__jp7bY .openCaseControls__wrapper__FyJd_ {
    padding: 0;
  }
}

.boxControls__K74lZ {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.buyButtons__container__yUXHd {
  position: relative;
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 360px;
}

@media (min-width: 768px) {
  .buyButtons__container__yUXHd {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
  }
}

.buyButtons__container__yUXHd .control__hIMEZ {
  display: flex;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.buyButtons__container__yUXHd>.control__hIMEZ:first-child {
  order: 2;
  grid-row: 2;
  grid-column: 1 / 2;
}

@media (min-width: 768px) {
  .buyButtons__container__yUXHd>.control__hIMEZ:first-child {
    order: 1;
    grid-row: 1;
    grid-column: 1 / 1;
  }
}

.button__7TBXL {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  position: relative;
  outline: none;
  transition: all .3s ease-in-out;
}

.control__y15L9 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s linear;
  border: none;
  position: relative;
  outline: none;
  overflow: hidden;
}

.control__y15L9.color--transparent__vLtY1 {
  background: transparent;
}

.control__y15L9.color--orange__0IjI6 {
  color: var(--color-gray-secondary);
  background: #f35b52;
}

.control__y15L9.color--gray__0IjI6 {
  color: #FFF;
  background: #1D212C;
}

.control__y15L9.size--large__Sc9Hn {
  --control-size: 50px;
  height: var(--control-size);
  min-height: var(--control-size);
  padding: 0 10px;
  border-radius: var(--border-radius-md);
}

@media (min-width: 425px) {
  .control__y15L9.size--large__Sc9Hn {
    padding: 0 14px;
  }
}

@media (min-width: 768px) {
  .control__y15L9.size--large__Sc9Hn {
    --control-size: 64px;
    padding: 0 20px;
  }
}

@media (min-width: 1440px) {
  .control__y15L9.size--large__Sc9Hn {
    --control-size: 64px;
    padding: 0 24px;
  }
}

.control__y15L9.full-width__BOwdd {
  width: 100%;
}

.buyButtons__container__yUXHd>.control__hIMEZ .control__button__eIQ0y {
  border-radius: 10px;
}

@media (min-width: 768px) {
  .buyButtons__container__yUXHd>.control__hIMEZ .control__button__eIQ0y {
    --control-size: 66px;
  }
}

.button__7TBXL .button__content__Hr6zZ {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 10px;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.buyButtons__container__yUXHd>.control__hIMEZ .control__button__eIQ0y .control__buttonText__wt_hX {
  font-weight: 800;
}

.box__page__jp7bY .openCaseDescription__wrapper__zG8FG {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1440px) {
  .box__page__jp7bY .openCaseDescription__wrapper__zG8FG {
    padding: 0;
  }
}

.text__OlAkW.color--text1__uNAgA {
  color: var(--color-text1);
}

.box__page__jp7bY .openCaseContent__wrapper__FEo06 {
  width: 100%;
}

.openCaseContent__zwHX9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #181b25;
  padding: 44px 20px;
}

.openCaseContent__zwHX9 .openCaseContent__title__RyohQ {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  max-width: 1260px;
}

@media (min-width: 768px) {
  .openCaseContent__zwHX9 .openCaseContent__title__RyohQ {
    justify-content: space-between;
  }
}


.openCaseContent__zwHX9 .openCaseContent__title__RyohQ .title__left__xfDZs,
.openCaseContent__zwHX9 .openCaseContent__title__RyohQ .title__right__iYG8t {
  display: none;
}

@media (min-width: 768px) {

  .openCaseContent__zwHX9 .openCaseContent__title__RyohQ .title__left__xfDZs,
  .openCaseContent__zwHX9 .openCaseContent__title__RyohQ .title__right__iYG8t {
    display: block;
  }
}

.media__block__oLQnq {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: 12px;
  grid-auto-flow: column;
  align-items: center;
  overflow: hidden;
}

.media__block__oLQnq .block__icon__vHKVb {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 66px;
  max-width: 66px;
}

.media__block__oLQnq.direction--left__3afZR .block__icon__vHKVb {
  order: 1;
}

.icon__1IAKk {
  transition: fill .3s ease-in-out;
}

.media__block__oLQnq.direction--left__3afZR .block__group__ThOJ9 {
  order: 2;
  justify-content: flex-start;
}

.media__block__oLQnq.direction--left__3afZR .block__group__ThOJ9 .block__subTitle__2PKfH,
.media__block__oLQnq.direction--left__3afZR .block__group__ThOJ9 .block__title__k_JAK {
  text-align: left;
}

.text__OlAkW.color--gray__Z2TA9 {
  color: var(--color-gray);
}

.text__OlAkW.variant--h2__DCK61 {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-weight: 900;
}

.openCaseContent__zwHX9 .openCaseContent__container__smzeW {
  width: 100%;
  margin: 30px auto 0;
  max-width: 1260px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  grid-gap: 4px;
}

@media (min-width: 375px) {
  .openCaseContent__zwHX9 .openCaseContent__container__smzeW {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  }
}


@media (min-width: 425px) {
  .openCaseContent__zwHX9 .openCaseContent__container__smzeW {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    grid-gap: 6px;
  }
}

@media (min-width: 768px) {
  .openCaseContent__zwHX9 .openCaseContent__container__smzeW {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    grid-gap: 6px;
  }
}

@media (min-width: 1024px) {
  .openCaseContent__zwHX9 .openCaseContent__container__smzeW {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    grid-gap: 6px;
  }
}

.openCaseContent__zwHX9 .openCaseContent__container__smzeW .skinCard__wrapper___rrCj {
  overflow: hidden;
  aspect-ratio: 1.4285714286;
}

.skin__container__6WTA9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.skin__container__6WTA9.rarity--1 {
  background: var(--gradient-rarity-industrial);
}

.skin__container__6WTA9.rarity--2 {
  background: var(--gradient-rarity-milspec);
}

.skin__container__6WTA9.rarity--3 {
  background: var(--gradient-rarity-restricted);
}

.skin__container__6WTA9.rarity--4 {
  background: var(--gradient-rarity-classified);
}

.skin__container__6WTA9.rarity--5 {
  background: var(--gradient-rarity-covert);
}

.skin__container__6WTA9.rarity--6 {
  background: var(--gradient-rarity-knife-gloves);
}

.skin__container__6WTA9.rarity--7 {
  background: var(--gradient-rarity-knife-gloves);
}

.skin__container__6WTA9.size--medium__JqTlD {
  border-radius: 12px;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ {
  height: 2px;
  width: 30%;
  border-radius: var(--border-radius-lg);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--1 {
  background: var(--color-rarity-industrial);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--2 {
  background: var(--color-rarity-milspec);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--3 {
  background: var(--color-rarity-restricted);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--4 {
  background: var(--color-rarity-classified);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--5 {
  background: var(--color-rarity-covert);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--6 {
  background: var(--color-rarity-knife-gloves);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--7 {
  background: var(--color-rarity-knife-gloves);
}

.skinCard__cI1Ta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}

.skinCard__cI1Ta .skinCard__image_wrapper__ST2qU {
  position: relative;
  width: 100%;
  height: 100%;
}

.skinCard__cI1Ta .skinCard__image_wrapper__ST2qU .skinCard__image__uW9iL {
  transition: .3s ease;
  position: absolute;
  height: auto;
  width: 75%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}

.skinCard__cI1Ta .skinCard__footer__xmzMi {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: 10px;
  left: 10px;
  right: 10px;
  align-items: flex-end;
  z-index: 10;
}

.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3,
.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3 .drops__names__HDC0b {
  overflow: hidden;
}

.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3 .drops__names__HDC0b .name__bottom__DStqw {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text__OlAkW.color--secondary-text__Frjqq {
  color: var(--color-secondary-text);
}

.text__OlAkW.variant--h6__EgnX1 {
  font-weight: 500;
  font-size: .75rem;
  line-height: .875rem;
}

.started__container__RQOWL {
  width: 100%;
  max-width: 150px;
}

.started__container__RQOWL .control__content__pJ2jO {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader__K6XH4 {
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  position: relative;
}

.loader__K6XH4 span {
  background: var(--color-gray-light);
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
  animation-fill-mode: both;
  animation: bblFadInOut__2m7yU 1.8s ease-in-out infinite;
}

.loader__K6XH4.color--gold__vt0YT span {
  background: var(--color-gold);
}

.loader__K6XH4 span:first-child {
  animation-delay: 0s;
}

.loader__K6XH4 span:nth-child(2) {
  animation-delay: .16s;
}

.loader__K6XH4 span:nth-child(3) {
  animation-delay: .32s;
}

@keyframes bblFadInOut__2m7yU {

  0%,
  80%,
  100% {
    opacity: .3;
  }

  40% {
    opacity: 1;
  }
}

.roulette__spin__k69N_ {
  position: relative;
  width: 100%;
  height: 100%;
}


.roulette__spin__k69N_ .roulette__paper__rCCqt {
  display: flex;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all .4s ease-in-out;
  border-radius: var(--border-radius-md);
}

@media (min-width: 768px) {
  .roulette__spin__k69N_ .roulette__paper__rCCqt {
    border-radius: var(--border-radius-lg);
  }
}

.roulette__spin__k69N_ .roulette__paper__rCCqt .left__shadow__9_Y80,
.roulette__spin__k69N_ .roulette__paper__rCCqt .right__shadow__0OeZA {
  z-index: 100;
  position: absolute;
  top: 0;
  height: 100%;
  width: 65px;
  bottom: 0;
  background: linear-gradient(90deg, #181924, rgba(24, 25, 36, 0));
}

@media (min-width: 425px) {

  .roulette__spin__k69N_ .roulette__paper__rCCqt .left__shadow__9_Y80,
  .roulette__spin__k69N_ .roulette__paper__rCCqt .right__shadow__0OeZA {
    width: 100px;
  }
}

@media (min-width: 550px) {

  .roulette__spin__k69N_ .roulette__paper__rCCqt .left__shadow__9_Y80,
  .roulette__spin__k69N_ .roulette__paper__rCCqt .right__shadow__0OeZA {
    width: 200px;
  }
}

@media (min-width: 768px) {

  .roulette__spin__k69N_ .roulette__paper__rCCqt .left__shadow__9_Y80,
  .roulette__spin__k69N_ .roulette__paper__rCCqt .right__shadow__0OeZA {
    width: 305px;
  }
}

.roulette__spin__k69N_ .roulette__paper__rCCqt .left__shadow__9_Y80 {
  left: 0;
}

.roulette__spin__k69N_ .roulette__paper__rCCqt .roulette__items__09IqJ {
  display: flex;
  will-change: transform;
}

.roulette__spin__k69N_ .roulette__paper__rCCqt .right__shadow__0OeZA {
  right: 0;
  z-index: 100;
  transform: rotate(180deg);
}

.roulette__spin__k69N_ .roulette__paper__rCCqt .roulette__items__09IqJ .rouletteItem__wrapper__iHMUM {
  overflow: hidden;
}

.roulette__spin__k69N_ .arrow__top__FVt5G {
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translate(-50%, -5px);
  width: 24px;
  height: 24px;
  transition: .2s ease-in-out;
  will-change: transform;
}

@media (min-width: 1024px) {
  .roulette__spin__k69N_ .arrow__top__FVt5G {
    width: 24px;
    height: 24px;
  }
}

.roulette__spin__k69N_ .arrow__top__FVt5G[aria-hidden=false] {
  opacity: 1;
}

.icon__1IAKk {
  transition: fill .3s ease-in-out;
}

.roulette__spin__k69N_ .arrow__top__FVt5G svg {
  width: 100%;
  height: 100%;
}

.roulette__spin__k69N_ .arrow__bottom__UfgSr {
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translate(-50%, 5px);
  width: 24px;
  height: 24px;
  transition: .2s ease-in-out;
  will-change: transform;
}

@media (min-width: 1024px) {
  .roulette__spin__k69N_ .arrow__bottom__UfgSr {
    width: 24px;
    height: 24px;
  }
}

.roulette__spin__k69N_ .arrow__bottom__UfgSr[aria-hidden=false] {
  opacity: 1;
}

.roulette__spin__k69N_ .arrow__top__FVt5G[aria-hidden=true] {
  opacity: 0;
}

.roulette__spin__k69N_ .arrow__bottom__UfgSr[aria-hidden=true] {
  opacity: 0;
}

.roulette__spin__k69N_ .arrow__bottom__UfgSr svg {
  width: 100%;
  height: 100%;
}

.skinCard__20dpj {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  transition: all .3s ease-in-out;
}

.skinCard__20dpj.rarity--1 {
  background: var(--gradient-rarity-industrial);
}

.skinCard__20dpj.rarity--2 {
  background: var(--gradient-rarity-milspec);
}

.skinCard__20dpj.rarity--3 {
  background: var(--gradient-rarity-restricted);
}

.skinCard__20dpj.rarity--4 {
  background: var(--gradient-rarity-classified);
}

.skinCard__20dpj.rarity--5 {
  background: var(--gradient-rarity-covert);
}

.skinCard__20dpj.rarity--6 {
  background: var(--gradient-rarity-knife-gloves);
}

.skinCard__20dpj.rarity--7 {
  background: var(--gradient-rarity-knife-gloves);
}

.skinCard__20dpj .skinCard__image_wrapper__SvFKw {
  position: relative;
  width: 100%;
  height: 100%;
}

.skinCard__20dpj .skinCard__image_wrapper__SvFKw .skinCard__image__cZjes {
  transition: .3s ease;
  position: absolute;
  width: 80%;
  height: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
  object-fit: contain;
}

.box__roulette__ZpuLY .rouletteRow__wrapper__cgfO3 .roulette__row__MFZRa.isActive__qP5kB {
  opacity: .3;
}

.result__item__Gk4Iy {
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.result__item__Gk4Iy .item__drop__7luR9 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  animation: showResult__pShCL .4s forwards;
  z-index: 2;
}

@keyframes showResult__pShCL {
  0% {
    transform: translateY(27.5%) scale(.915);
  }

  100% {
    transform: translate(0) scale(.915);
  }
}

.main__container__ojLhd {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.result__item__Gk4Iy .item__drop__7luR9 .drop__image__KrrbU {
  position: absolute;
  object-fit: contain;
  width: 65%;
  height: 65%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 5;
}

.main__container__ojLhd .skin_drop__background__xGSaN {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110%;
  height: 110%;
  z-index: 1;
}

.main__container__ojLhd .skin_drop__background__xGSaN img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.result__item__Gk4Iy .item__drop__7luR9 .drop__info__nvJo3 {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: absolute;
  width: 100%;
  max-width: 150px;
  z-index: 6;
  white-space: nowrap;
  bottom: 55px;
}

.result__item__Gk4Iy .item__drop__7luR9 .drop__info__nvJo3 .info__name____k3_,
.result__item__Gk4Iy .item__drop__7luR9 .drop__info__nvJo3 .info__weapon__zWqmI {
  display: block;
}

.results__container__h2_xm {
  position: relative;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  width: 100%;
  animation: fadeIn__qlYWx .3s ease-in-out forwards;
  max-width: 350px;
  align-items: center;
}

@media (min-width: 768px) {
  .results__container__h2_xm {
    display: flex;
    width: 100%;
    max-width: 700px;
    justify-content: center;
  }
}

.results__container__h2_xm .control__hIMEZ {
  width: 100%;
}

@media (min-width: 768px) {
  .results__container__h2_xm .control__hIMEZ {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.results__container__h2_xm .control__hIMEZ:first-child {
  order: 2;
  grid-row: 2;
  grid-column: 1 / 2;
}

@media (min-width: 768px) {
  .results__container__h2_xm .control__hIMEZ:first-child {
    order: 1;
    grid-row: 1;
    grid-column: 1 / 1;
  }
}

.results__container__h2_xm .control__hIMEZ:nth-child(2) {
  order: 1;
  grid-row: 1;
  grid-column: 1 / 3;
}

@media (min-width: 768px) {
  .results__container__h2_xm .control__hIMEZ:nth-child(2) {
    order: 2;
    grid-row: 1;
    grid-column: 2 / 3;
  }
}

.results__container__h2_xm .control__hIMEZ:nth-child(3) {
  order: 3;
  grid-row: 2;
  grid-column: 2 / 3;
}

@media (min-width: 768px) {
  .results__container__h2_xm .control__hIMEZ:nth-child(3) {
    order: 3;
    grid-row: 1;
    grid-column: 3 / 3;
  }
}

.results__container__h2_xm .control__hIMEZ .control__button__eIQ0y {
  border-radius: 10px;
}

@media (min-width: 768px) {
  .results__container__h2_xm .control__hIMEZ .control__button__eIQ0y {
    --control-size: 66px;
  }
}

.control__y15L9.color--gray-dark__FPUyt {
  color: var(--color-text1);
  background: var(--color-gray-dark);
}

.control__y15L9.color--green__X4Ht8 {
  color: var(--color-gray-secondary);
  background: var(--color-green);
}

.skinCard__cI1Ta:hover .skinCard__image__uW9iL {
  transform: scale(.92) rotate(-2deg);

}

.skinCard__cI1Ta .skinCard__backdrop__llnq1 {
  position: absolute;
  width: 45%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.skinCard__cI1Ta .skinCard__backdrop__llnq1:before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
  position: absolute;
}

.skinIcon__background__PfV4L {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;

}

.skinIcon__background__PfV4L {
  background-image: url(/assets/rarity/logo.svg);
}

.skinCard__20dpj .skinCard__image_wrapper__SvFKw .skinCard__backdrop__dqUnR {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.item__statuses___tRKO {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 15;
}

.item__statuses___tRKO .bottom__controls__b3Try,
.item__statuses___tRKO .top__controls__MTRkc {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  justify-content: flex-end;
}

.control__y15L9.size--extraSmall__kdOCj {
  --control-size: 28px;
  height: var(--control-size);
  min-height: var(--control-size);
  border-radius: var(--border-radius-sm);
  padding: 7px;
}

.control__y15L9.square__jRIzm {
  width: var(--control-size);
  min-width: var(--control-size);
}

.control__y15L9.fit-content__5Kmcz {
  width: -moz-fit-content;
  width: fit-content;
}

.icon__1IAKk.variant--h5__h_YgO {
  width: .875rem;
  height: .875rem;
}

.top__controls__MTRkc .status__X41nT {
  width: 28px;
  height: 28px;
  border-radius: var(--border-radius-sm);
  display: flex;
  justify-content: center;
  align-items: center;
}

.top__controls__MTRkc .status__X41nT[datatype=sell] {
  background: var(--color-green-light);
}

.container__pa28W {
  width: 100%;
  max-width: 1375px;
  margin: 0 auto
}

@media(min-width: 425px) {

  .container__pa28W .bottomSection__gj_Tj,
  .container__pa28W .centerSection__KPjYA,
  .container__pa28W .topSection___3eqh {
    margin: 0 18px
  }
}

@media(min-width: 1440px) {

  .container__pa28W .bottomSection__gj_Tj,
  .container__pa28W .centerSection__KPjYA,
  .container__pa28W .topSection___3eqh {
    margin: 0
  }
}

.container__pa28W .centerSection__KPjYA,
.container__pa28W .topSection___3eqh {
  height: 100%
}

@media(min-width: 425px) {

  .container__pa28W .centerSection__KPjYA,
  .container__pa28W .topSection___3eqh {
    border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md)
  }
}

.container__pa28W .topSection___3eqh {
  position: relative;
  margin-top: 32px;
  background: #181b25;
  border-radius: var(--border-radius-lg)
}

@media(min-width: 1024px) {
  .container__pa28W .topSection___3eqh {
    margin-top: 53px;
    border-radius: var(--border-radius-xxl)
  }
}

.container__pa28W .topSection___3eqh .circlesBgr__YCfgt {
  position: relative
}

.container__pa28W .topSection___3eqh .circlesBgr__YCfgt:before {
  content: "";
  top: 0;
  left: -60%;
  width: 100%;
  height: 408px;
  background: #25263a;
  transform: rotate(180deg);
  position: absolute;
  border-radius: 50%
}

@media(min-width: 768px) {
  .container__pa28W .topSection___3eqh .circlesBgr__YCfgt:before {
    height: 808px;
    left: -44%
  }
}

@media(min-width: 1024px) {
  .container__pa28W .topSection___3eqh .circlesBgr__YCfgt:before {
    width: 734px;
    height: 734px;
    left: -143px;
    top: -183px;
    transform: rotate(0)
  }
}

.container__pa28W .topSection___3eqh .circlesBgr__YCfgt:after {
  content: "";
  top: 0;
  right: -60%;
  width: 100%;
  height: 408px;
  background: #25263a;
  transform: matrix(1, 0, 0, -1, 0, 0);
  position: absolute;
  border-radius: 50%
}

@media(min-width: 768px) {
  .container__pa28W .topSection___3eqh .circlesBgr__YCfgt:after {
    height: 808px;
    right: -44%
  }
}

@media(min-width: 1024px) {
  .container__pa28W .topSection___3eqh .circlesBgr__YCfgt:after {
    width: 734px;
    height: 734px;
    right: -143px;
    top: -183px;
    transform: matrix(-1, 0, 0, 1, 0, 0)
  }
}

.container__pa28W .centerSection__KPjYA {
  padding: 14px;
  z-index: 2;
  background: #25263a;
  margin: 20px 0;
  border-radius: var(--border-radius-lg)
}

@media(min-width: 425px) {
  .container__pa28W .centerSection__KPjYA {
    margin: 20px 18px
  }
}

@media(min-width: 550px) {
  .container__pa28W .centerSection__KPjYA {
    width: 100%;
    margin: 25px auto
  }
}

@media(min-width: 1250px) {
  .container__pa28W .centerSection__KPjYA {
    width: 94%
  }
}

.container__pa28W .bottomSection__gj_Tj {
  margin-bottom: 50px;
  margin-top: 50px
}

.container__pa28W .bottomSection__gj_Tj .selectors__container__1bZba {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 24px
}

@media(min-width: 1024px) {
  .container__pa28W .bottomSection__gj_Tj .selectors__container__1bZba {
    grid-template-columns: 1fr 1fr
  }
}

.your_inventory__container__9D0HJ {
  display: flex;
  flex-direction: column;
  padding: 12px 13px 13px;
  border-radius: var(--border-radius-lg);
  background: #181b25
}

.your_inventory__container__9D0HJ .your_inventory__heading__K0dwG {
  display: flex;
  align-items: center
}

.your_inventory__container__9D0HJ .your_inventory__heading__K0dwG .heading__9garX {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  width: 100%
}

@media(min-width: 768px) {
  .your_inventory__container__9D0HJ .your_inventory__heading__K0dwG .heading__9garX {
    flex-direction: row;
    align-items: center;
    padding: 0 0 0 15px
  }
}

.your_inventory__container__9D0HJ .your_inventory__heading__K0dwG .header__title__n4Nte {
  display: flex;
  gap: 10px;
  align-items: center
}

.your_inventory__container__9D0HJ .your_drops__unauthorized__pOR8u,
.your_inventory__container__9D0HJ .your_inventory__empty__2sjpC,
.your_inventory__container__9D0HJ .your_inventory__unauthorized__5G0a_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 3;
  min-height: 350px
}

.your_inventory__container__9D0HJ .your_drops__unauthorized__pOR8u .unauthorized_button__wrapper__OrQlj,
.your_inventory__container__9D0HJ .your_inventory__empty__2sjpC .unauthorized_button__wrapper__OrQlj,
.your_inventory__container__9D0HJ .your_inventory__unauthorized__5G0a_ .unauthorized_button__wrapper__OrQlj {
  margin-top: 24px
}

.your_inventory__container__9D0HJ .your_drops__unauthorized__pOR8u {
  display: none
}

@media(min-width: 1024px) {
  .your_inventory__container__9D0HJ .your_drops__unauthorized__pOR8u {
    display: flex
  }
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 {
  width: 100%;
  height: 340px;
  margin-top: 23px
}

@media(min-width: 1024px) {
  .your_inventory__container__9D0HJ .your_inventory__content___0qy6 {
    height: 655px
  }
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 .scroll__container__HfMFr {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  height: 100%
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 .scroll__container__HfMFr::-webkit-scrollbar {
  width: 2px;
  height: 2px
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 .scroll__container__HfMFr::-webkit-scrollbar-track {
  background: #1c1d2c
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 .scroll__container__HfMFr::-webkit-scrollbar-thumb {
  background: #3a3c5d;
  border-radius: 5px
}

.your_inventory__container__9D0HJ .your_inventory__content___0qy6 .scroll__container__HfMFr .ButtonContainerShow__1xzUi {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  width: 100%
}

.skinFilterRight__g4oDE {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  gap: 6px;
  width: 100%
}

@media(min-width: 550px) {
  .skinFilterRight__g4oDE {
    flex-direction: row
  }
}

.skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  width: 100%
}

@media(min-width: 550px) {
  .skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt {
    flex-direction: row
  }
}

@media(min-width: 768px) {
  .skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt {
    width: auto
  }
}

.skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt>div {
  flex: 1 1;
  width: 100%
}

.skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt>div:last-child {
  flex: unset
}

@media(min-width: 550px) {
  .skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt>div {
    width: auto
  }
}

@media(min-width: 768px) {
  .skinFilterRight__g4oDE .skinFilterRight__main__Wqmyt>div {
    flex: unset
  }
}

.skinFilterRight__g4oDE .skinFilterRight__searchBar__u3H9N {
  position: relative;
  height: 44px;
  width: 100%;
  border-radius: var(--border-radius-md);
  background: #1d212c;
  overflow: hidden
}

@media(min-width: 550px) {
  .skinFilterRight__g4oDE .skinFilterRight__searchBar__u3H9N {
    max-width: 219px
  }
}

.skinFilterRight__g4oDE .skinFilterRight__searchBar__u3H9N .skinFilterRight__searchBarInput__oSoZK {
  padding: 0 42px 0 14px;
  width: 100%;
  height: 100%;
  color: var(--color-text1);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem
}

.skinFilterRight__g4oDE .skinFilterRight__searchBar__u3H9N .skinFilterRight__searchBarIcon__IQyDH {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%)
}

.skinFilterRight__g4oDE .skinFilterRight__field__u0Zit {
  position: relative;
  width: 50%
}

@media(min-width: 550px) {
  .skinFilterRight__g4oDE .skinFilterRight__field__u0Zit {
    width: 88px
  }
}

.skinFilterRight__g4oDE .skinFilterRight__fieldIcon__utcra {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%)
}

.skinFilterRight__g4oDE .skinFilterRight__sum__lolpI {
  display: flex;
  height: 44px;
  border-radius: var(--border-radius-md);
  overflow: hidden
}

.skinFilterRight__g4oDE .skinFilterRight__searchTrigger__1Py8L {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: var(--border-radius-md);
  background: #1d212c;
  transition: .2s ease-in-out;
  cursor: pointer
}

.skinFilterRight__g4oDE .skinFilterRight__searchTrigger__1Py8L:hover {
  filter: var(--hover-effect)
}

.skinFilterRight__g4oDE .skinFilterRight__sumIcon__V9MDM {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin: auto -8px
}

.skinFilterRight__g4oDE .skinFilterRight__sumInput__HkSeb {
  width: 100%;
  height: 100%;
  padding-left: 15px;
  background: #1d212c;
  color: var(--color-text1);
  font-size: .875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem
}

.skinFilterRight__g4oDE .skinFilterRight__sumInput__HkSeb::placeholder {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  color: var(--color-text2)
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-md);
  background: #1d212c;
  color: var(--typography-secondary);
  padding: 0 14px;
  transition: .2s ease-in-out;
  cursor: pointer
}

@media(min-width: 768px) {
  .skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF {
    width: 130px
  }
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF:hover {
  filter: var(--hover-effect)
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF .dropdown__selected__4TAa0 {
  display: flex;
  align-items: center;
  width: 100%
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF .dropdown__selected__4TAa0 div {
  width: 100%
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF .dropdown__selected__4TAa0 svg {
  margin-right: 10px;
  fill: var(--color-gold)
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTrigger__e73mF .dropdown__selectedIcon__4_VY_ {
  flex-shrink: 0
}

.skinFilterRight__g4oDE .skinFilterRight__dropdownTriggerRarity__iabLO {
  width: 100%
}

@media(min-width: 768px) {
  .skinFilterRight__g4oDE .skinFilterRight__dropdownTriggerRarity__iabLO {
    width: 144px
  }
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow: auto;
  border-radius: var(--border-radius-md);
  background: var(--color-gray-dark);
  -ms-overflow-style: none;
  scrollbar-width: none
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W::-webkit-scrollbar {
  display: none
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W .dropdown__option__9E1sA {
  display: flex;
  align-items: flex-start;
  justify-content: left;
  padding: 7px 18px;
  transition: .2s ease-in-out;
  cursor: pointer;
  width: 100%
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W .dropdown__option__9E1sA:hover {
  filter: var(--hover-effect)
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W .dropdown__option__9E1sA .dropdown__optionText__5TSOa {
  width: 100%;
  transition: .2s ease-in-out;
  text-align: left;
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W .dropdown__option__9E1sA .dropdown__optionText__5TSOa:hover {
  color: #fff
}

.skinFilterRight__g4oDE .skinFilterRight__dropdown__4Vj9W .dropdown__option__9E1sA svg {
  width: 50px;
  height: 50px;
  transition: opacity .2s ease-in-out
}

.upgrade__items__1baqb {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  grid-gap: 4px
}

@media(min-width: 768px) {
  .upgrade__items__1baqb {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr))
  }
}

@media(min-width: 1024px) {
  .upgrade__items__1baqb {
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media(min-width: 1440px) {
  .upgrade__items__1baqb {
    grid-template-columns: repeat(4, 1fr)
  }
}

.upgrade__items__1baqb .upgrade__item__abmUo {
  width: 100%;
  height: 110px;
  cursor: pointer;
  position: relative;
  border-radius: var(--border-radius-md);
  padding: 0;
}

.upgrade__items__1baqb .upgrade__item__abmUo.selected {
  filter: grayscale(1);
  cursor: not-allowed;
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--0__Og_g7 {
  border-color: var(--color-rarity-unknown)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--1__GkVgv {
  border-color: var(--color-rarity-consumer)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--2__JfwAp {
  border-color: var(--color-rarity-industrial)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--3__PL3nQ {
  border-color: var(--color-rarity-milspec)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--4__PARr1 {
  border-color: var(--color-rarity-restricted)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--5__dIEf2 {
  border-color: var(--color-rarity-classified)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--6__SrwHt {
  border-color: var(--color-rarity-covert)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--7__TwJRc {
  border-color: var(--color-rarity-knife-gloves)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--8__Jmync {
  border-color: var(--color-rarity-contraband)
}

.upgrade__items__1baqb .upgrade__item__abmUo[aria-selected=true].rarity--9__QoVAw {
  border-color: var(--color-rarity-placeholder)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--0__Og_g7 {
  border-color: var(--color-rarity-unknown)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--1__GkVgv {
  border-color: var(--color-rarity-consumer)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--2__JfwAp {
  border-color: var(--color-rarity-industrial)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--3__PL3nQ {
  border-color: var(--color-rarity-milspec)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--4__PARr1 {
  border-color: var(--color-rarity-restricted)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--5__dIEf2 {
  border-color: var(--color-rarity-classified)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--6__SrwHt {
  border-color: var(--color-rarity-covert)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--7__TwJRc {
  border-color: var(--color-rarity-knife-gloves)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--8__Jmync {
  border-color: var(--color-rarity-contraband)
}

.upgrade__items__1baqb .upgrade__item__abmUo:hover:not(:disabled).rarity--9__QoVAw {
  border-color: var(--color-rarity-placeholder)
}

.upgrade__items__1baqb .upgrade__item__abmUo:disabled {
  filter: grayscale(1);
  cursor: default
}

.skinCard__cI1Ta {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%
}

.skinCard__cI1Ta .skinCard__price__bPScf {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10
}

.skinCard__cI1Ta .skinCard__image_wrapper__ST2qU {
  position: relative;
  width: 100%;
  height: 100%
}

.skinCard__cI1Ta .skinCard__image_wrapper__ST2qU .skinCard__image__uW9iL img {
  object-fit: contain
}

.skinCard__cI1Ta .skinCard__backdrop__llnq1 {
  position: absolute;
  width: 45%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.skinCard__cI1Ta .skinCard__backdrop__llnq1:before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
  position: absolute
}

.skinCard__cI1Ta .skinCard__image__from_wrapper___DC2m {
  position: absolute;
  transform: translateY(150px);
  max-width: 140px;
  transition: .1s ease
}

.skinCard__cI1Ta .skinCard__footer__xmzMi {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: 10px;
  left: 10px;
  right: 10px;
  align-items: flex-end;
  z-index: 10
}

.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3,
.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3 .drops__names__HDC0b {
  overflow: hidden
}

.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3 .drops__names__HDC0b label {
  color: var(--color-st)
}

.skinCard__cI1Ta .skinCard__footer__xmzMi .skinCard__footer_left_side__HGDG3 .drops__names__HDC0b .name__bottom__DStqw {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

.skinCard__cI1Ta .skinCard__divider__dfM5X {
  height: 2px;
  width: 30%;
  border-radius: var(--border-radius-lg);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--0__Tz9uH {
  background: var(--color-rarity-unknown)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--1__vSCeJ {
  background: var(--color-rarity-consumer)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--2__841Ot {
  background: var(--color-rarity-industrial)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--3__mx4lf {
  background: var(--color-rarity-milspec)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--4__ZzXci {
  background: var(--color-rarity-restricted)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--5__KKlK2 {
  background: var(--color-rarity-classified)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--6__dxBnI {
  background: var(--color-rarity-covert)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--7__JYOZ0 {
  background: var(--color-rarity-knife-gloves)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--8__ewZoo {
  background: var(--color-rarity-contraband)
}

.skinCard__cI1Ta .skinCard__divider__dfM5X.rarity--9__xdcHl {
  background: var(--color-rarity-placeholder)
}


.control__W2iPX {
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px
}

@media(min-width: 650px) {
  .control__W2iPX {
    flex-direction: row;
    justify-content: center;
    gap: 25px
  }
}

@media(min-width: 1250px) {
  .control__W2iPX {
    gap: 5px;
    justify-content: space-between;
    flex-wrap: nowrap
  }
}

.control__W2iPX .control__center__kBZK0 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center
}

@media(min-width: 650px) {
  .control__W2iPX .control__center__kBZK0 {
    width: 48%
  }
}

@media(min-width: 1250px) {
  .control__W2iPX .control__center__kBZK0 {
    width: 100%
  }
}

.control__W2iPX .control__multiplier__kuu7A {
  flex-shrink: 0
}

.control__W2iPX .control__disabled__HmpGa {
  opacity: .5
}

.control__W2iPX .control__balance__VhLuW {
  width: 100%;
  flex-shrink: 0;
  transition: .2s ease-in-out
}

@media(min-width: 650px) {
  .control__W2iPX .control__balance__VhLuW {
    width: 48%
  }
}

@media(min-width: 1250px) {
  .control__W2iPX .control__balance__VhLuW {
    width: 346px
  }
}

.control__W2iPX .skinFilter__zvJMb {
  display: none;
  width: 100%
}

@media(min-width: 1024px) {
  .control__W2iPX .skinFilter__zvJMb {
    display: block
  }
}

.toggle__9RmZd {
  position: relative;
  width: 100%;
  cursor: pointer;
  border-radius: var(--border-radius-md);
  background: var(--color-gray-dark)
}

.toggle__9RmZd .balanceToggle__LoXfT,
.toggle__9RmZd .skinToggle__pOK2i,
.toggle__9RmZd .toggleSlider__0YXYO {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 8px;
  transition: .3s
}

.toggle__9RmZd .balanceToggle__LoXfT svg path,
.toggle__9RmZd .skinToggle__pOK2i svg path,
.toggle__9RmZd .toggleSlider__0YXYO svg path {
  transition: .5s ease-in-out
}

.toggle__9RmZd .toggleSlider__0YXYO {
  transform: translate(0);
  background: linear-gradient(180deg, #f3ca80, #c0a16e)
}

.toggle__9RmZd .balanceToggle__LoXfT {
  gap: 6px;
  transform: translate(0);
  z-index: 99
}

.toggle__9RmZd .skinToggle__pOK2i {
  gap: 6px;
  transform: translate(100%);
  z-index: 99
}

.toggle__9RmZd.active__I5ZYh .toggleSlider__0YXYO {
  transform: translate(100%)
}

.toggle__9RmZd.active__I5ZYh .noActiveToggle__mjrDD {
  opacity: 0
}

.changeTypeBet__Vutqb {
  display: flex;
  height: 50px;
  width: 100%;
  z-index: 99;
  border-radius: var(--border-radius-md)
}

@media(min-width: 650px) {
  .changeTypeBet__Vutqb {
    height: 56px
  }
}

@media(min-width: 1250px) {
  .changeTypeBet__Vutqb {
    width: 280px
  }
}

.balanceContainer__0WQ9h {
  --control-size: 56px !important;
  padding: 0 11px !important
}

.balanceController__pNB6m {
  width: 100%
}

.balanceController__pNB6m .balanceController__topSide__gCtT_ {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px
}

.balanceController__pNB6m .balanceController__topSide__gCtT_ .topSide_title__K7C0X .topSide_titleText__Y6tvp {
  color: #99a7bc;
  font-weight: 600
}

.balanceController__pNB6m .balanceController__topSide__gCtT_ .topSide_bet___Olwk {
  display: flex;
  align-items: center;
  justify-content: center
}

.balanceController__pNB6m .balanceController__topSide__gCtT_ .topSide_bet___Olwk .topSide_betText__P7Eup {
  font-weight: 600
}

.balanceController__pNB6m .balanceController__topSide__gCtT_ .topSide_bet___Olwk label {
  color: var(--color-gold)
}

.buttons__group__jRpWo {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 6px;
  width: 100%;
  overflow: hidden
}

@media(min-width: 1440px) {
  .buttons__group__jRpWo {
    width: -moz-fit-content;
    width: fit-content
  }
}

.buttons__group__jRpWo .buttons__groupButton__aVixO {
  --control-size: 46px;
  width: 55px
}

@media(min-width: 650px) {
  .buttons__group__jRpWo .buttons__groupButton__aVixO {
    --control-size: 56px;
    width: 66px
  }
}

.mainUpgrade__8zQb0 {
  margin-top: 32px;
  padding: 0 18px
}

@media(min-width: 550px) {
  .mainUpgrade__8zQb0 {
    padding: 0 24px
  }
}

@media(min-width: 1024px) {
  .mainUpgrade__8zQb0 {
    margin-top: 0
  }
}

@media(min-width: 1200px) {
  .mainUpgrade__8zQb0 {
    padding: 0 61px
  }
}

.mainUpgrade__8zQb0 .upgradeTop__zwt_b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

@media(min-width: 768px) {
  .mainUpgrade__8zQb0 .upgradeTop__zwt_b {
    justify-content: center
  }
}

@media(min-width: 1200px) {
  .mainUpgrade__8zQb0 .upgradeTop__zwt_b {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between
  }
}

.mainUpgrade__8zQb0 .mobileControls__wrapper__nOHHC {
  display: block;
  width: 100%
}

@media(min-width: 1024px) {
  .mainUpgrade__8zQb0 .mobileControls__wrapper__nOHHC {
    display: none
  }
}

.chanceContainer__qd9cd {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  order: -1;
  width: 100%
}

@media(min-width: 768px) {
  .chanceContainer__qd9cd {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto
  }
}

@media(min-width: 1200px) {
  .chanceContainer__qd9cd {
    order: unset;
    width: auto;
    margin: -16px 0
  }
}

.chanceContainer__qd9cd .contentChance__R_HCu {
  display: flex;
  flex-direction: column;
  position: relative
}

.chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%)
}

.chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz .largeText__PpTOY {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 30px;
  line-height: normal;
  color: var(--color-white)
}

@media(min-width: 425px) {
  .chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz .largeText__PpTOY {
    font-size: 38px;
    font-weight: 900
  }
}

@media(min-width: 550px) {
  .chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz .largeText__PpTOY {
    font-size: 48px
  }
}

.chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz .largeText__PpTOY.color--win__A_ee1 {
  color: #51cea1
}

.chanceContainer__qd9cd .contentChance__R_HCu .upgradeInfo__uv3xz .largeText__PpTOY.color--lose__WdWSQ {
  color: #f98193
}

.chancePoint__container__oI2sn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  transition: transform 5s cubic-bezier(.25, .66, .32, .94);
}

.chancePoint__container__oI2sn svg {
  transform: translateY(-35%)
}

.chancePoint__container__oI2sn svg path {
  transition: fill .4s ease
}

.chanceCircle__p58ee svg {
  width: 300px;
  height: 300px
}

@media(min-width: 425px) {
  .chanceCircle__p58ee svg {
    width: 350px;
    height: 350px
  }
}

@media(min-width: 768px) {
  .chanceCircle__p58ee svg {
    width: 400px;
    height: 400px
  }
}

@media(min-width: 1300px) {
  .chanceCircle__p58ee svg {
    width: 444px;
    height: 444px
  }
}

.chanceCircle__p58ee svg #chanceCircle__p58ee {
  transition: stroke .3s ease-in-out
}

.chanceCircle__p58ee .chancePoint__00Dnu svg {
  width: 25px;
  height: 25px;
  margin-top: 16px
}

@media(min-width: 425px) {
  .chanceCircle__p58ee .chancePoint__00Dnu svg {
    width: 30px;
    height: 30px;
    margin-top: 20px
  }
}

@media(min-width: 768px) {
  .chanceCircle__p58ee .chancePoint__00Dnu svg {
    width: 38px;
    height: 38px;
    margin-top: 20px
  }
}

@media(min-width: 1300px) {
  .chanceCircle__p58ee .chancePoint__00Dnu svg {
    width: 52px;
    height: 50px;
    margin-top: 22px
  }
}

.runUpgrade__dVf3k {
  --control-size: 48px !important;
  padding: 0 12px;
  margin-top: 20px;
  min-width: 140px
}

@media(min-width: 550px) {
  .runUpgrade__dVf3k {
    margin-top: 27px;
    padding: 0 14px;
    min-width: 158px;
    --control-size: 56px !important
  }
}

.chargeSwitcher__e9zaZ {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  cursor: pointer
}

.chargeSwitcher__e9zaZ .chargeSwitcher__text__w7o_x {
  font-weight: 600
}

.chargeSwitcher__e9zaZ .chargeSwitcher__decorate__yR5zG {
  position: relative;
  width: 30px;
  height: 20px;
  background: var(--color-gray-dark);
  border-radius: var(--border-radius-md);
  overflow: hidden
}

.chargeSwitcher__e9zaZ .chargeSwitcher__decorate__yR5zG:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: var(--color-text1);
  border-radius: var(--border-radius-sm);
  transition: .2s ease-in-out;
  will-change: transform
}

.chargeSwitcher__e9zaZ .chargeSwitcher__decorate__yR5zG.isFast__NhN5j {
  background: var(--color-gold)
}

.chargeSwitcher__e9zaZ .chargeSwitcher__decorate__yR5zG.isFast__NhN5j:before {
  transform: translate(calc(100% - 1px), -50%);
  background: var(--color-primary)
}

.betContainer__FQFGg {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 50%
}

@media(min-width: 550px) {
  .betContainer__FQFGg {
    width: 48%
  }
}

@media(min-width: 1024px) {
  .betContainer__FQFGg {
    align-items: center;
    flex-direction: column
  }
}

@media(min-width: 1200px) {
  .betContainer__FQFGg {
    width: auto;
    position: static;
    margin-right: 11px
  }
}

.betContainer__FQFGg .mobileControls__wrapper__bp2QS {
  display: none
}

@media(min-width: 1024px) {
  .betContainer__FQFGg .mobileControls__wrapper__bp2QS {
    display: block;
    width: 100%
  }
}

.infoTop__Jx9Ax {
  position: absolute;
  top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px
}

@media(min-width: 1200px) {
  .infoTop__Jx9Ax {
    top: 33px
  }
}

.infoTop__Jx9Ax.left__uXtTc {
  left: 12px
}

@media(min-width: 768px) {
  .infoTop__Jx9Ax.left__uXtTc {
    left: 33px
  }
}

.infoTop__Jx9Ax.right__6rYFN {
  right: 12px;
  text-align: right
}

@media(min-width: 768px) {
  .infoTop__Jx9Ax.right__6rYFN {
    right: 33px
  }
}

.infoTop__Jx9Ax .infoTop__title__gLnas {
  font-weight: 600
}

.betVisual__m4Dew {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 220px
}

@media(min-width: 550px) {
  .betVisual__m4Dew {
    height: 270px
  }
}

@media(min-width: 768px) {
  .betVisual__m4Dew {
    width: 300px;
    height: 290px
  }
}

@media(min-width: 1200px) {
  .betVisual__m4Dew {
    width: 250px;
    height: 302px
  }
}

@media(min-width: 1300px) {
  .betVisual__m4Dew {
    width: 326px;
    height: 302px
  }
}

.betVisual__m4Dew .logo__2Xlxf {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-70%, -70%);
  max-width: 60px
}

@media(min-width: 768px) {
  .betVisual__m4Dew .logo__2Xlxf {
    max-width: 90px
  }
}

@media(min-width: 1440px) {
  .betVisual__m4Dew .logo__2Xlxf {
    max-width: 113px
  }
}

.betVisual__m4Dew .logo__2Xlxf .logo_image__zJLdN {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.betVisual__m4Dew .placeholder_skin__e7FCT {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 90%;
  z-index: 3
}

@media(min-width: 425px) {
  .betVisual__m4Dew .placeholder_skin__e7FCT {
    width: 75%
  }
}

@media(min-width: 768px) {
  .betVisual__m4Dew .placeholder_skin__e7FCT {
    width: 90%;
    animation: rocking__g_KXJ 3s ease-in-out infinite alternate
  }
}

.betVisual__m4Dew .placeholder_balance__3NTBF {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  z-index: 3
}

@media(min-width: 768px) {
  .betVisual__m4Dew .placeholder_balance__3NTBF {
    animation: rocking__g_KXJ 3s ease-in-out infinite alternate
  }
}

.betVisual__m4Dew .placeholder_balance__3NTBF img {
  max-width: 100px;
  max-height: 70px
}

@media(min-width: 425px) {
  .betVisual__m4Dew .placeholder_balance__3NTBF img {
    max-width: 120px;
    max-height: 90px
  }
}

@media(min-width: 768px) {
  .betVisual__m4Dew .placeholder_balance__3NTBF img {
    max-width: 150px;
    max-height: 120px
  }
}

@media(min-width: 1024px) {
  .betVisual__m4Dew .placeholder_balance__3NTBF img {
    max-width: 170px;
    max-height: 140px
  }
}

.betVisual__m4Dew .placeholder__image__lmav_ {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.betVisual__m4Dew .selectedSkin__C93jg {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 3
}

@media(min-width: 425px) {
  .betVisual__m4Dew .selectedSkin__C93jg {
    width: 70%
  }
}

@media(min-width: 768px) {
  .betVisual__m4Dew .selectedSkin__C93jg {
    width: 80%;
    animation: rocking__g_KXJ 3s ease-in-out infinite alternate
  }
}

.betVisual__m4Dew .selectedSkin__C93jg img {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.betVisual__m4Dew .glow__08qNG {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 64px;
  background: #f3ca80;
  filter: blur(38px);
  transition: background 2.5s ease-in;
  animation: upgradeGlowAnimation__hyxrq 2.5s ease-in-out infinite alternate
}

@media(min-width: 768px) {
  .betVisual__m4Dew .glow__08qNG {
    width: 110px
  }
}

.betVisual__m4Dew .glow__08qNG.color--win__nHAmI {
  background: #51cea1
}

.betVisual__m4Dew .glow__08qNG.color--lose__sugae {
  background: #f98193
}

@keyframes rocking__g_KXJ {
  0% {
    transform: translate(-50%, -65%)
  }

  50% {
    transform: translate(-50%, -63%)
  }

  to {
    transform: translate(-50%, -60%)
  }
}

@keyframes upgradeGlowAnimation__hyxrq {
  0% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

.ellipseXs__NDinh {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.ellipseXs__NDinh .ellipse__12SsT {
  top: -20px;
  width: 150px;
  height: 150px
}

@media(min-width: 550px) {
  .ellipseXs__NDinh .ellipse__12SsT {
    width: 180px;
    height: 180px
  }
}

@media(min-width: 1440px) {
  .ellipseXs__NDinh .ellipse__12SsT {
    width: 300px;
    height: 300px
  }
}

.style_podiumImage__oG6cE {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 86px;
  object-fit: contain;
  z-index: 2
}

@media(min-width: 425px) {
  .style_podiumImage__oG6cE {
    width: 90%
  }
}

@media(min-width: 768px) {
  .style_podiumImage__oG6cE {
    width: 100%
  }
}

.betContainer__Qj7P0 {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 50%
}

@media(min-width: 550px) {
  .betContainer__Qj7P0 {
    width: 48%
  }
}

@media(min-width: 1024px) {
  .betContainer__Qj7P0 {
    align-items: center;
    flex-direction: column
  }
}

@media(min-width: 1200px) {
  .betContainer__Qj7P0 {
    width: auto;
    position: static;
    margin-right: 11px
  }
}

.betContainer__Qj7P0 .mobileControls__wrapper__1Iy3F {
  display: none
}

@media(min-width: 1024px) {
  .betContainer__Qj7P0 .mobileControls__wrapper__1Iy3F {
    display: block;
    width: 100%
  }
}

.your_inventory__container__iOnJG {
  display: flex;
  flex-direction: column;
  padding: 27px 13px 13px;
  border-radius: var(--border-radius-lg);
  background: #181b25
}

.your_inventory__container__iOnJG .your_inventory__heading__dzjPM {
  display: flex;
  align-items: center
}

.your_inventory__container__iOnJG .your_inventory__heading__dzjPM .heading__3FOZQ {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%
}

@media(min-width: 768px) {
  .your_inventory__container__iOnJG .your_inventory__heading__dzjPM .heading__3FOZQ {
    padding: 0 15px
  }
}

.your_inventory__container__iOnJG .your_inventory__empty__WuvFc,
.your_inventory__container__iOnJG .your_inventory__unauthorized__3pP5G {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 3;
  min-height: 350px
}

.your_inventory__container__iOnJG .your_inventory__empty__WuvFc .unauthorized_button__wrapper__74qyG,
.your_inventory__container__iOnJG .your_inventory__unauthorized__3pP5G .unauthorized_button__wrapper__74qyG {
  margin-top: 24px
}

.your_inventory__container__iOnJG .your_inventory__content__F4I93 {
  width: 100%;
  height: 340px;
  margin-top: 27px
}

@media(min-width: 1024px) {
  .your_inventory__container__iOnJG .your_inventory__content__F4I93 {
    height: 655px
  }
}

.your_inventory__container__iOnJG .your_inventory__content__F4I93 .scroll__container__LoqsP {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
  height: 100%
}

.your_inventory__container__iOnJG .your_inventory__content__F4I93 .scroll__container__LoqsP::-webkit-scrollbar {
  width: 2px;
  height: 2px
}

.your_inventory__container__iOnJG .your_inventory__content__F4I93 .scroll__container__LoqsP::-webkit-scrollbar-track {
  background: #1c1d2c
}

.your_inventory__container__iOnJG .your_inventory__content__F4I93 .scroll__container__LoqsP::-webkit-scrollbar-thumb {
  background: #3a3c5d;
  border-radius: 5px
}

.upgrade__items__QCL1D {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  grid-gap: 4px
}

@media(min-width: 768px) {
  .upgrade__items__QCL1D {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr))
  }
}

@media(min-width: 1024px) {
  .upgrade__items__QCL1D {
    grid-template-columns: 1fr 1fr 1fr
  }
}

@media(min-width: 1440px) {
  .upgrade__items__QCL1D {
    grid-template-columns: repeat(4, 1fr)
  }
}

.upgrade__items__QCL1D .upgrade__item__ETDOS {
  width: 100%;
  height: 110px;
  cursor: pointer;
  position: relative;
  border-radius: var(--border-radius-md);
  padding: 0;
}

.upgrade__items__QCL1D .upgrade__item__ETDOS.selected {
  filter: grayscale(1);
  cursor: not-allowed;
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--0__daYbP {
  border-color: var(--color-rarity-unknown)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--1__JnCIt {
  border-color: var(--color-rarity-consumer)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--2__Rbi6b {
  border-color: var(--color-rarity-industrial)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--3__gKndz {
  border-color: var(--color-rarity-milspec)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--4__B2ATO {
  border-color: var(--color-rarity-restricted)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--5__kvrG_ {
  border-color: var(--color-rarity-classified)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--6__pJ6eP {
  border-color: var(--color-rarity-covert)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--7__RnDv3 {
  border-color: var(--color-rarity-knife-gloves)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--8__iYsNt {
  border-color: var(--color-rarity-contraband)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS[aria-selected=true].rarity--9__fXkDY {
  border-color: var(--color-rarity-placeholder)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--0__daYbP {
  border-color: var(--color-rarity-unknown)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--1__JnCIt {
  border-color: var(--color-rarity-consumer)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--2__Rbi6b {
  border-color: var(--color-rarity-industrial)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--3__gKndz {
  border-color: var(--color-rarity-milspec)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--4__B2ATO {
  border-color: var(--color-rarity-restricted)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--5__kvrG_ {
  border-color: var(--color-rarity-classified)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--6__pJ6eP {
  border-color: var(--color-rarity-covert)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--7__RnDv3 {
  border-color: var(--color-rarity-knife-gloves)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--8__iYsNt {
  border-color: var(--color-rarity-contraband)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:hover:not(:disabled).rarity--9__fXkDY {
  border-color: var(--color-rarity-placeholder)
}

.upgrade__items__QCL1D .upgrade__item__ETDOS:disabled {
  filter: grayscale(1);
  cursor: default
}

@keyframes appearance {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.content__container__XtNxK {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 3;
  min-height: 500px
}

.content__container__XtNxK .title___kVUP {
  text-align: center;
  font-size: 89px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(180deg, #343550, rgba(24, 25, 36, 0) 142.7%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

@media(min-width: 768px) {
  .content__container__XtNxK .title___kVUP {
    font-size: 179px;
    line-height: 140px
  }
}

.content__container__XtNxK .sub_title__OoshH {
  color: #9494af;
  margin-top: 10px
}

.button__7TBXL {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  position: relative;
  outline: none;
  transition: all .3s ease-in-out
}

.button__7TBXL:hover:not(:disabled) {
  cursor: pointer;
  filter: var(--hover-effect)
}

.button__7TBXL.full-width__xyINb {
  width: 100%
}

.button__7TBXL.fit-content__I6MFB {
  width: -moz-fit-content;
  width: fit-content
}

.button__7TBXL.iconButton__8UgNM {
  aspect-ratio: 1
}

@supports not (aspect-ratio: 1/1) {
  .button__7TBXL.iconButton__8UgNM:before {
    content: "";
    float: left;
    padding-top: calc(1/1*100%)
  }

  .button__7TBXL.iconButton__8UgNM:after {
    content: "";
    display: block;
    clear: both
  }
}

.button__7TBXL.color--grey-dark__q7b9O {
  color: var(--typography-primary);
  background: var(--color-grey-dark)
}

.button__7TBXL.color--primary__OPjzd {
  color: var(--color-primary);
  background: var(--color-gold)
}

.button__7TBXL.color--gold__W_9Lu {
  color: #3a3731;
  background: var(--color-gold)
}

.button__7TBXL.color--gold-gradient__UkdBI {
  color: #25263a;
  background: linear-gradient(180deg, #f3ca80, #c0a16e)
}

.button__7TBXL.color--golden-gradient__ihOxF {
  background: var(--golden-gradient)
}

.button__7TBXL.color--gray__VRU8D {
  color: var(--color-gray);
  background: var(--color-secondary-light)
}

.button__7TBXL.color--dark__ZPopN {
  color: #6d6e8c;
  background: var(--color-primary-faded)
}

.button__7TBXL.color--gray-light__sgtdp {
  color: #8595ae;
  background: #363753
}

.button__7TBXL.color--gray-dark__qc_Ol {
  color: #8595ae;
  background: #25263a
}

.button__7TBXL.color--gray-gradient__J3NeX {
  color: var(--color-white);
  background: linear-gradient(180deg, #484a70, #545781)
}

.button__7TBXL.color--secondary__DZc4g {
  background: var(--color-secondary);
  color: var(--color-secondary-text)
}

.button__7TBXL.color--secondary-light__n2vRY {
  background: #3d3f5b;
  color: var(--color-secondary-text)
}

.button__7TBXL.color--gold-light__P2UOH {
  color: var(--color-gold);
  background: var(--color-gold-light)
}

.button__7TBXL.color--red__kk4ji {
  color: #27283d;
  background: #f44b55
}

.button__7TBXL.color--autumn-gradient__5_lmk {
  color: #fff;
  background: var(--color-autumn-gradient)
}

.button__7TBXL.color--winter-gradient__RAUFl {
  background: var(--color-winter-gradient)
}

.button__7TBXL.color--red-light__ZFwf4 {
  color: var(--color-red-light);
  background: #51313b
}

.button__7TBXL.color--blue__Jczr8 {
  color: #27283d;
  background: #4888e9
}

.button__7TBXL.color--blue-light__0yexY {
  background: #65c8ff
}

.button__7TBXL.color--gold-primary__EJ1lT {
  color: var(--color-gold-secondary);
  background: var(--color-gold-primary)
}

.button__7TBXL.color--gold-secondary__lYdhy {
  color: var(--color-gray);
  background: var(--color-gold-secondary)
}

.button__7TBXL.color--green__Dgfn_ {
  color: var(--color-gray);
  background: #50b785
}

.button__7TBXL.color--green-light__NUxU_ {
  color: var(--color-green);
  background: var(--color-green-light)
}

.button__7TBXL.color--brown__BHosj {
  color: var(--color-gold);
  background: var(--color-brown)
}

.button__7TBXL.color--event-primary__JackD {
  background: var(--color-event-primary);
  color: var(--color-white)
}

.button__7TBXL.color--consumerGrade__uyubt,
.button__7TBXL.color--other__RIQeO {
  color: #27283d;
  background: #b5cad6
}

.button__7TBXL.color--industrialGrade__rw7Th {
  color: #27283d;
  background: #63bbed
}

.button__7TBXL.color--milSpec__S1T0t {
  color: #27283d;
  background: #4888e9
}

.button__7TBXL.color--restricted__cXTvG {
  color: #27283d;
  background: #975df8
}

.button__7TBXL.color--classified__c1P92 {
  color: #27283d;
  background: #e366f8
}

.button__7TBXL.color--covert__sxWhs {
  color: #27283d;
  background: #f44b55
}

.button__7TBXL.color--contraband__0MNsz {
  color: #27283d;
  background: #f1d15e
}

.button__7TBXL.color--summery__JwGsG {
  background: linear-gradient(180deg, #ff7981, #fb4f5a);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px)
}

.button__7TBXL.size--verySmall__aChZC {
  border-radius: var(--border-radius-sm);
  padding: 7px;
  height: 32px;
  min-height: 32px
}

.button__7TBXL.size--small__teLiK {
  height: 44px;
  min-height: 44px;
  padding: 0 16px
}

.button__7TBXL.size--small__teLiK.iconButton__8UgNM {
  width: 44px;
  height: 44px;
  padding: 0
}

.button__7TBXL.size--medium__lQJSi {
  height: 44px;
  min-height: 44px;
  padding: 0 10px
}

.button__7TBXL.size--medium__lQJSi.iconButton__8UgNM {
  width: 44px;
  height: 44px;
  padding: 0
}

@media(min-width: 768px) {
  .button__7TBXL.size--medium__lQJSi {
    height: 50px;
    min-height: 50px;
    padding: 0 20px
  }

  .button__7TBXL.size--medium__lQJSi.iconButton__8UgNM {
    width: 50px;
    height: 50px;
    padding: 0
  }
}

.button__7TBXL.size--large__MUYYZ {
  height: 50px;
  min-height: 50px;
  padding: 0 10px
}

.button__7TBXL.size--large__MUYYZ.iconButton__8UgNM {
  width: 50px;
  height: 50px;
  padding: 0
}

@media(min-width: 768px) {
  .button__7TBXL.size--large__MUYYZ {
    height: 64px;
    min-height: 64px;
    padding: 0 10px
  }

  .button__7TBXL.size--large__MUYYZ.iconButton__8UgNM {
    width: 64px;
    height: 64px;
    padding: 0
  }
}

@media(min-width: 1440px) {
  .button__7TBXL.size--large__MUYYZ {
    height: 64px;
    min-height: 64px;
    padding: 0 24px
  }
}

.button__7TBXL.is-loading__MiMpu {
  background: transparent
}

.button__7TBXL.is-loading__MiMpu .button__loading__IghHg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: progress;
  background: #2e2f44;
  border-radius: inherit;
  color: #51526a
}

.button__7TBXL.transparent__jgey6 {
  background: transparent
}

.button__7TBXL:disabled {
  cursor: not-allowed;
  opacity: .4
}

.button__7TBXL .button__content__Hr6zZ {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 10px;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.button__7TBXL .button__loading__IghHg {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 16px;
  left: 0;
  right: 0;
  border-radius: 10px
}

.control__y15L9 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s linear;
  border: none;
  position: relative;
  outline: none;
  overflow: hidden
}

.control__y15L9.color__DJ6q6:disabled {
  background: var(--color-gray-dark-2);
  color: #21212e
}

.control__y15L9.color--primary__73PTu {
  color: #8595ae;
  background: #202133;
  border-color: var(--color-primary-text)
}

.control__y15L9.color--secondary__cNRBL {
  color: var(--color-black);
  background: var(--color-secondary);
  border-color: var(--color-primary)
}

.control__y15L9.color--primary-blue___DPsT {
  color: var(--color-blue-dark);
  background: var(--color-primary-blue);
  border-color: var(--color-primary-blue)
}

.control__y15L9.color--blue-secondary__rlRSw {
  color: var(--color-green-dark);
  border-color: var(--color-blue-light)
}

.control__y15L9.color--calendar__3JCVm {
  color: #fff;
  background: var(--grad_atmn, linear-gradient(180deg, #ffa858 0, #e37f46 100%))
}

.control__y15L9.color--blue-light__wjcy2 {
  color: var(--color-blue-light);
  background: var(--color-primary);
  border-color: var(--color-blue-light)
}

.control__y15L9.color--secondary-light-blue___4ls0 {
  color: var(--color-secondary-text);
  background: var(--color-blue-light);
  border-color: var(--color-secondary-text)
}

.control__y15L9.color--green__X4Ht8 {
  color: var(--color-primary);
  background: var(--color-primary-green);
  border-color: var(--color-primary)
}

.control__y15L9.color--green-gradient__nT6nI {
  color: var(--color-green);
  background: var(--color-green-gradient)
}

.control__y15L9.color--green-gradient-dark__xcXaG {
  color: var(--color-green);
  background: var(--color-green-gradient-dark)
}

.control__y15L9.color--red__7bV0R {
  color: var(--color-red);
  border-color: var(--color-red);
  background: var(--color-red-light)
}

.control__y15L9.color--red2__5CWGY {
  color: var(--color-red);
  border-color: var(--color-red);
  background: var(--color-red2)
}

.control__y15L9.color--red-light__3hqWT {
  color: var(--color-red);
  border-color: var(--color-red);
  background: var(--color-red-light)
}

.control__y15L9.color--red-dark__XfPPp {
  color: var(--color-red-light);
  background: var(--color-red-dark);
  border-color: var(--color-red-dark)
}

.control__y15L9.color--green-secondary__zFrRD {
  color: var(--color-primary);
  background: var(--color-secondary-green)
}

.control__y15L9.color--green__X4Ht8 {
  color: var(--color-gray-secondary);
  background: var(--color-green)
}

.control__y15L9.color--green-light__ARRG2 {
  color: var(--color-green);
  background: var(--color-green-light)
}

.control__y15L9.color--selected__5D_uw {
  background: var(--color-selected-secondary)
}

.control__y15L9.color--blue__8lwFg {
  color: var(--color-black);
  background: var(--color-blue)
}

.control__y15L9.color--blue-dark__eCjJ4 {
  background: var(--color-blue-dark)
}

.control__y15L9.color--blue-gradient__grG7_ {
  background: var(--color-blue-gradient)
}

.control__y15L9.color--blue-secondary__rlRSw {
  background: var(--color-blue-secondary)
}

.control__y15L9.color--gray-primary__oLZiJ {
  color: var(--color-secondary-text);
  background: var(--color-gray-primary)
}

.control__y15L9.color--gray__LcjK8 {
  color: var(--color-gray-2);
  background: var(--color-gray)
}

.control__y15L9.color--gray-dark__FPUyt {
  color: var(--color-text1);
  background: var(--color-gray-dark)
}

.control__y15L9.color--gray-secondary__W14WY {
  color: var(--color-white-secondary);
  background: var(--color-gray-secondary)
}

.control__y15L9.color--gray-gradient__71Vl3 {
  color: var(--color-text1);
  background: var(--color-gray-gradient)
}

.control__y15L9.color--gold__0IjI6 {
  color: var(--color-gray-secondary);
  background: var(--color-gold)
}

.control__y15L9.color--gold-light__n5nwt {
  color: var(--color-gold);
  background: var(--color-gold-light)
}

.control__y15L9.color--gold-gradient__awp28 {
  color: var(--color-gray-secondary);
  background: var(--color-gold-gradient)
}

.control__y15L9.color--golden-gradient__27upA {
  background: var(--golden-gradient)
}

.control__y15L9.color--golden-gradient-2__hykwV {
  background: var(--golden-gradient-2)
}

.control__y15L9.color--event-primary__pkgwQ,
.control__y15L9.color--event-secondary__N84Yj {
  color: var(--color-white);
  background: var(--color-event-primary)
}

.control__y15L9.color--event-neutral__QOgUT {
  color: var(--color-dark-text);
  background: var(--color-malibu)
}

.control__y15L9.color--event-gradient___6J6D {
  color: var(--color-event-secondary);
  background: var(--color-event-gradient)
}

.control__y15L9.color--transparent__vLtY1 {
  background: transparent
}

.control__y15L9.color--other__zd4Ts {
  color: #27283d;
  background: #b5cad6
}

.control__y15L9.color--autumn-gradient__6EumY {
  color: #fff;
  background: var(--color-autumn-gradient)
}

.control__y15L9.color--winter-gradient__HgpJK {
  background: var(--color-winter-gradient)
}

.control__y15L9.color--consumerGrade__VvKCM {
  color: #27283d;
  background: #b5cad6
}

.control__y15L9.color--industrialGrade__myqE0 {
  color: #27283d;
  background: #63bbed
}

.control__y15L9.color--milSpec__BIQnQ {
  color: #27283d;
  background: #4888e9
}

.control__y15L9.color--restricted__ahxQ3 {
  color: #27283d;
  background: #975df8
}

.control__y15L9.color--classified__dNVDX {
  color: #27283d;
  background: #e366f8
}

.control__y15L9.color--covert__xiypW {
  color: #27283d;
  background: #f44b55
}

.control__y15L9.color--contraband__iugQF {
  color: #27283d;
  background: #f1d15e
}

.control__y15L9.size--extraSmall__kdOCj {
  --control-size: 28px;
  height: var(--control-size);
  min-height: var(--control-size);
  border-radius: var(--border-radius-sm);
  padding: 7px
}

.control__y15L9.size--verySmall__0LN2j {
  border-radius: var(--border-radius-sm);
  padding: 7px
}

.control__y15L9.size--small__fb9_l {
  padding: 0 12px
}

.control__y15L9.size--medium__oJP_F,
.control__y15L9.size--small__fb9_l {
  --control-size: 44px;
  border-radius: var(--border-radius-md);
  height: var(--control-size);
  min-height: var(--control-size)
}

.control__y15L9.size--medium__oJP_F {
  padding: 0 10px
}

@media(min-width: 425px) {
  .control__y15L9.size--medium__oJP_F {
    padding: 0 14px
  }
}

@media(min-width: 768px) {
  .control__y15L9.size--medium__oJP_F {
    --control-size: 50px;
    padding: 0 20px
  }
}

.control__y15L9.size--large__Sc9Hn {
  --control-size: 50px;
  height: var(--control-size);
  min-height: var(--control-size);
  padding: 0 10px;
  border-radius: var(--border-radius-md)
}

@media(min-width: 425px) {
  .control__y15L9.size--large__Sc9Hn {
    padding: 0 14px
  }
}

@media(min-width: 768px) {
  .control__y15L9.size--large__Sc9Hn {
    --control-size: 64px;
    padding: 0 20px
  }
}

@media(min-width: 1440px) {
  .control__y15L9.size--large__Sc9Hn {
    --control-size: 64px;
    padding: 0 24px
  }
}

.control__y15L9.hovered__T5KI6:hover:not(:disabled) {
  cursor: pointer;
  filter: var(--hover-effect)
}

.control__y15L9:disabled {
  cursor: not-allowed;
  opacity: .4
}

.control__y15L9.square__jRIzm {
  width: var(--control-size);
  min-width: var(--control-size)
}

.control__y15L9.full-width__BOwdd {
  width: 100%
}

.control__y15L9.fit-content__5Kmcz {
  width: -moz-fit-content;
  width: fit-content
}

.control__y15L9.outlined__wx4Zo {
  border: 1px dashed;
  background: none
}

.loader__K6XH4 {
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  position: relative
}

.loader__K6XH4.color--gold__vt0YT span {
  background: var(--color-gold)
}

.loader__K6XH4.color--gray-light__UGYyr span {
  background: var(--color-gray-light)
}

.loader__K6XH4.color--white__SWpO9 span {
  background: #fff
}

.loader__K6XH4 span {
  background: var(--color-gray-light);
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
  animation-fill-mode: both;
  animation: bblFadInOut__2m7yU 1.8s ease-in-out infinite
}

.loader__K6XH4 span:first-child {
  animation-delay: 0s
}

.loader__K6XH4 span:nth-child(2) {
  animation-delay: .16s
}

.loader__K6XH4 span:nth-child(3) {
  animation-delay: .32s
}

@keyframes bblFadInOut__2m7yU {

  0%,
  80%,
  to {
    opacity: .3
  }

  40% {
    opacity: 1
  }
}

.inputWrapper__cTX9v {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 8px
}

.inputWrapper__cTX9v.color--primary__YQv8c {
  background: #21212e;
  border-color: var(--color-primary-text)
}

.inputWrapper__cTX9v.color--primary__YQv8c .input__9Xju5 {
  color: #9393aa
}

.inputWrapper__cTX9v.color--secondary__Us2w1 {
  color: var(--color-secondary-text);
  background: var(--color-primary-blue);
  border-color: var(--color-primary)
}

.inputWrapper__cTX9v.color--primary-blue__BB9n5 {
  color: var(--color-blue-dark);
  background: var(--color-primary-blue);
  border-color: var(--color-primary-blue)
}

.inputWrapper__cTX9v.color--blue-light__23ozs {
  color: var(--color-blue-light);
  background: var(--color-primary);
  border-color: var(--color-blue-light)
}

.inputWrapper__cTX9v.color--secondary-light-blue__vtAhx {
  color: var(--color-secondary-text);
  background: var(--color-blue-light);
  border-color: var(--color-secondary-text)
}

.inputWrapper__cTX9v.color--secondary-blue__RcN6O {
  background: var(--color-secondary-blue);
  border-color: var(--color-secondary-text)
}

.inputWrapper__cTX9v.color--secondary-blue__RcN6O .input__9Xju5 {
  color: var(--color-secondary-text)
}

.inputWrapper__cTX9v.size--verySmall__n_bdB {
  border-radius: var(--border-radius-md);
  padding: 7px
}

.inputWrapper__cTX9v.size--small__ww0NA {
  padding: 0 12px
}

.inputWrapper__cTX9v.size--small__ww0NA .input__9Xju5 {
  font-weight: 500;
  font-size: 14px
}

.inputWrapper__cTX9v.size--medium__7cEgN {
  padding: 0 20px
}

@media(min-width: 768px) {
  .inputWrapper__cTX9v.size--medium__7cEgN {
    padding: 0 20px
  }
}

.inputWrapper__cTX9v.size--large__IjMaQ {
  padding: 0 20px
}

@media(min-width: 768px) {
  .inputWrapper__cTX9v.size--large__IjMaQ {
    padding: 0 19px
  }
}

.inputWrapper__cTX9v .input__9Xju5 {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-weight: 700;
  color: inherit;
  font-size: .875rem;
  font-family: var(--font-main), sans-serif
}

.inputWrapper__cTX9v .input__9Xju5::placeholder {
  font-weight: 500;
  font-size: .875rem;
  line-height: 16px;
  color: #9393aa
}

.inputWrapper__cTX9v .input__9Xju5:focus {
  outline: none
}

.inputWrapper__cTX9v .label__r6OQl {
  display: flex;
  align-items: center;
  margin-right: 5px
}

.readonly__88CPD {
  opacity: .7
}


.layout__Akb41 {
  min-height: 100vh;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  position: relative
}

.layout__Akb41 .sidebar__wrapper__jURIs {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  flex: 1 1;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  max-width: 382px;
  transition: transform .3s ease-in-out;
  will-change: transform;
  z-index: 9999;
  transform: translateX(-100%)
}

.layout__Akb41 .sidebar__wrapper__jURIs[aria-hidden=false] {
  transform: translateX(0)
}

.layout__Akb41 .sidebar__wrapper__jURIs[aria-hidden=true] {
  transform: translateX(-100%)
}

@media(min-width: 768px) {
  .layout__Akb41 .sidebar__wrapper__jURIs {
    width: 382px
  }
}

.layout__Akb41 .header__wrapper__NhOQ3 {
  height: 80px;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000
}

@media(min-width: 768px) {
  .layout__Akb41 .header__wrapper__NhOQ3 {
    height: 100px
  }
}

@media(min-width: 1024px) {
  .layout__Akb41 .header__wrapper__NhOQ3 {
    position: relative
  }
}

.layout__Akb41 .header__wrapper__NhOQ3 .header__4fPuw {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 5
}

.layout__Akb41 .drops__wrapper__yrS84 {
  display: flex;
  padding: 4px 0 4px 4px;
  height: 84px;
  overflow: hidden
}

@media(min-width: 768px) {
  .layout__Akb41 .drops__wrapper__yrS84 {
    height: 112px
  }
}

.layout__Akb41 .main__wrapper__Lh0So {
  display: flex;
  flex-direction: column;
  flex-grow: 3
}

.layout__Akb41 .mobile_bottom__wrapper__luAvJ {
  width: 100%;
  height: var(--mobile-bottom-menu-height);
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 999
}

@media(min-width: 1024px) {
  .layout__Akb41 .mobile_bottom__wrapper__luAvJ {
    display: none
  }
}

.footer___JA4z {
  position: relative;
  display: grid;
  background: #181924;
  width: 100%;
  max-width: 2060px;
  padding: 0 15px 30px;
  margin: 35px auto 0
}

@media(min-width: 1880px) {
  .footer___JA4z {
    margin: 100px auto 0
  }
}

.footer___JA4z .footerTop__qCE9r {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px
}

@media(min-width: 1024px) {
  .footer___JA4z .footerTop__qCE9r {
    grid-template-columns: 320px 1fr;
    margin-bottom: 32px
  }
}

@media(min-width: 1250px) {
  .footer___JA4z .footerTop__qCE9r {
    grid-template-columns: 470px 1fr
  }
}

.footer___JA4z .footerBottom__g67LH {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  gap: 20px
}

@media(min-width: 1024px) {
  .footer___JA4z .footerBottom__g67LH {
    grid-template-columns: 320px 1fr
  }
}

@media(min-width: 1250px) {
  .footer___JA4z .footerBottom__g67LH {
    grid-template-columns: 470px 1fr
  }
}

.footer___JA4z .footerBottom__g67LH .footerBottom__owner__S2GJu {
  color: rgba(133, 149, 174, .5)
}

.footer___JA4z .footerSocials__Rwlz6 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  order: -1
}

@media(min-width: 550px) {
  .footer___JA4z .footerSocials__Rwlz6 {
    align-items: center;
    flex-direction: row
  }
}

@media(min-width: 1024px) {
  .footer___JA4z .footerSocials__Rwlz6 {
    order: unset
  }
}

@media(min-width: 1150px) {
  .footer___JA4z .footerSocials__Rwlz6 {
    gap: 32px
  }
}

@media(min-width: 1500px) {
  .footer___JA4z .footerSocials__Rwlz6 {
    padding-left: 56px
  }
}

.footer___JA4z .footerNav__EamOO {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 18px
}

@media(min-width: 1024px) {
  .footer___JA4z .footerNav__EamOO {
    gap: 32px;
    align-items: flex-start
  }
}

.footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ {
  display: flex;
  flex-direction: column;
  gap: 10px
}

@media(min-width: 550px) {
  .footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ {
    gap: 16px
  }
}

@media(min-width: 1024px) {
  .footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ {
    align-items: flex-start
  }
}

.footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ .footerNav__listItem__8Hmyb {
  text-align: center;
  transition: .2s ease-in-out;
  color: var(--color-text2)
}

.footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ .footerNav__listItem__8Hmyb:hover:not(.isActive__gtiPH) {
  color: #f2c981
}

@media(min-width: 1024px) {
  .footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ .footerNav__listItem__8Hmyb {
    text-align: left
  }
}

.footer___JA4z .footerNav__EamOO .footerNav__list__8aTH_ .footerNav__listItem__8Hmyb.isActive__gtiPH {
  color: #f2c981
}

.footer___JA4z .footerEmail__2xqa0 {
  border-radius: 12px
}

@media(min-width: 550px) {
  .footer___JA4z .footerEmail__2xqa0 {
    --control-size: 56px;
    max-width: 216px
  }
}

.footer___JA4z .footerLogo__69zj5 {
  display: flex;
  background: url(/assets/icons/logo.svg) no-repeat 50%;
  background-size: contain;
  width: 132px;
  height: 46px
}

@media(min-width: 550px) {
  .footer___JA4z .footerLogo__69zj5 {
    width: 162px;
    height: 62px
  }
}

.footer___JA4z .footerCounter__BR4L6 {
  padding: 30px;
  border-radius: 40px;
  background: linear-gradient(180deg, #202133, #27283f)
}

@media(min-width: 768px) {
  .footer___JA4z .footerCounter__BR4L6 {
    padding: 40px 25px
  }
}

@media(min-width: 1024px) {
  .footer___JA4z .footerCounter__BR4L6 {
    padding: 56px;
    border-radius: 66px
  }
}

.footer___JA4z .footerCounter__BR4L6 .footerCounter__wrapper__dahQ8 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px 30px;
  gap: 20px 30px
}

@media(min-width: 550px) {
  .footer___JA4z .footerCounter__BR4L6 .footerCounter__wrapper__dahQ8 {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(min-width: 1024px) {
  .footer___JA4z .footerCounter__BR4L6 .footerCounter__wrapper__dahQ8 {
    max-width: 400px
  }
}

@media(min-width: 1550px) {
  .footer___JA4z .footerCounter__BR4L6 .footerCounter__wrapper__dahQ8 {
    gap: 24px 91px;
    max-width: 500px
  }
}

.footer___JA4z .footerImage__IeFXJ {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 300px;
  pointer-events: none
}

@media(min-width: 1024px) {
  .footer___JA4z .footerImage__IeFXJ {
    display: flex
  }
}

@media(min-width: 1400px) {
  .footer___JA4z .footerImage__IeFXJ {
    width: 490px;
    height: 390px
  }
}

@media(min-width: 1600px) {
  .footer___JA4z .footerImage__IeFXJ {
    width: 640px;
    height: 480px
  }
}

@media(min-width: 1880px) {
  .footer___JA4z .footerImage__IeFXJ {
    width: 839px;
    height: 576px
  }
}

.footer___JA4z .footerImage__IeFXJ img {
  width: 100%;
  object-fit: cover
}

.counter__RHGgm {
  display: flex;
  align-items: center;
  gap: 20px
}

.counter__RHGgm .counterIcon__qmOIa {
  display: flex;
  flex-shrink: 0
}

.counter__RHGgm .counterIcon__qmOIa svg {
  width: 28px;
  height: 28px
}

@media(min-width: 768px) {
  .counter__RHGgm .counterIcon__qmOIa svg {
    width: 44px;
    height: 44px
  }
}

.counter__RHGgm .counterTitle__Di7Fq {
  font-weight: 800
}

.counter__RHGgm .counterContainer__C7Afy {
  display: flex;
  flex-direction: column;
  gap: 3px
}

.counter__RHGgm .counterDesc__mV04T {
  font-weight: 600
}

.social__list__Onl4R {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 11
}

.social__list__Onl4R .social__item__xbIKu {
  display: flex;
  align-items: center;
  cursor: pointer
}

.social__list__Onl4R .social__item__xbIKu>a {
  display: flex;
  align-items: center
}

.social__list__Onl4R .social__item__xbIKu:not(:last-of-type) {
  margin-right: 8px
}

.social__list__Onl4R .social__item__xbIKu:hover svg path {
  transition: .2s ease;
  fill: var(--color-white-secondary)
}

.icon__1IAKk {
  transition: fill .3s ease-in-out
}

.icon__1IAKk.variant--h1__dMtbI {
  width: 1.875rem;
  height: 1.875rem
}

.icon__1IAKk.variant--h2__HA2Ih {
  width: 1.5rem;
  height: 1.5rem
}

.icon__1IAKk.variant--h3__noWOW {
  width: 1.125rem;
  height: 1.125rem
}

.icon__1IAKk.variant--h4__rINy2 {
  width: 1rem;
  height: 1rem
}

.icon__1IAKk.variant--h5__h_YgO {
  width: .875rem;
  height: .875rem
}

.icon__1IAKk.variant--h6__VcspU {
  width: .75rem;
  height: .75rem
}

.header__lastDrop__TlbKN {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2px;
  padding: 2px 0 2px 2px;
  height: 88px;
  overflow: hidden
}

@media(min-width: 768px) {
  .header__lastDrop__TlbKN {
    height: 120px;
    grid-gap: 4px;
    padding: 4px 0 4px 4px
  }
}

.header__lastDrop__TlbKN:after {
  content: "";
  height: 100%;
  width: 120px;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(270.87deg, #181824 2.93%, rgba(24, 24, 36, 0) 78.71%)
}

.header__lastDrop__TlbKN .online__container__DMylr {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #1b232a, #2b5141);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-m)
}

@media(min-width: 768px) {
  .header__lastDrop__TlbKN .online__container__DMylr {
    display: flex;
    width: 95px
  }
}

.header__lastDrop__TlbKN .online__container__DMylr .online__icon__ReYhU {
  animation: onlineIconAnimation__txvbk 1.5s linear infinite
}

@keyframes onlineIconAnimation__txvbk {
  0% {
    opacity: .3
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .3
  }
}

.header__lastDrop__TlbKN .online__container__DMylr .online__count__lSu_N {
  margin-top: 11px
}

.header__lastDrop__TlbKN .online__container__DMylr .online__count__lSu_N .online__countText__J4X6K {
  font-size: 1.125rem
}

.header__lastDrop__TlbKN .online__container__DMylr .online__label__zSdKH {
  margin-top: 4px;
  font-size: 10px;
  color: var(--typography-secondary)
}

.header__lastDrop__TlbKN .switcher__container__C2etg {
  display: flex
}

.header__lastDrop__TlbKN .drops__container__DVrZU {
  position: relative;
  display: flex;
  overflow: hidden
}

.header__lastDrop__TlbKN .drops__container__DVrZU .liveDrop__wrapper__XoN9b {
  display: flex;
  flex-shrink: 0;
  margin-right: 2px;
  width: 120px
}

@media(min-width: 768px) {
  .header__lastDrop__TlbKN .drops__container__DVrZU .liveDrop__wrapper__XoN9b {
    margin-right: 4px;
    width: 140px
  }
}

.OnlineContainerSkeletonClassNameCreator___dKMH {
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.skeleton__pPFpy {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #202133;
  overflow: hidden
}

.skeleton__pPFpy:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 80%;
  background: linear-gradient(90deg, transparent 0, #33344d 50%, transparent);
  animation: load__og_ak 1.9s cubic-bezier(.4, 0, .2, 1) infinite;
  transform: translateX(-150px);
  will-change: transform
}

@keyframes load__og_ak {
  0% {
    transform: translateX(-100px)
  }

  to {
    transform: translateX(100%)
  }
}

.liveDropPause__iUJVn {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 32px;
  height: 100%;
  background: rgba(24, 25, 36, .65);
  writing-mode: vertical-lr;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  text-align: center;
  transform: rotate(180deg) translateX(100%);
  transition: .2s ease-in-out;
  opacity: 0;
  visibility: hidden
}

@media(min-width: 425px) {
  .liveDropPause__iUJVn {
    gap: 10px
  }
}

.liveDropPause__iUJVn.isActive__2qewn {
  opacity: 1;
  visibility: visible;
  transform: rotate(180deg) translateX(0)
}

.liveDropPause__iUJVn .liveDropPause__text__7VgNT {
  font-size: .625rem
}

.switcher__CoM_B {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 2px;
  height: 100%
}

@media(min-width: 768px) {
  .switcher__CoM_B {
    grid-gap: 5px
  }
}

.switcher__CoM_B .switcher__button__s1N74 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  cursor: pointer;
  background: var(--color-gray-secondary);
  color: var(--color-grey2);
  border-radius: var(--border-radius-m)
}

.switcher__CoM_B .switcher__button__s1N74:disabled {
  cursor: default;
  background: linear-gradient(180deg, #2e304a, #3c3d5c);
  color: var(--color-gold)
}

.switcher__CoM_B .switcher__button__s1N74:hover:not(:disabled) {
  filter: var(--hover-effect)
}

@media(min-width: 768px) {
  .switcher__CoM_B .switcher__button__s1N74 {
    width: 75px
  }
}

.skin__container__6WTA9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.skin__container__6WTA9.rarity--0__DZ1MB,
.skin__container__6WTA9.rarity--0__DZ1MB:before {
  background: var(--gradient-rarity-unknown)
}

.skin__container__6WTA9.rarity--1__rXk9X {
  background: var(--gradient-rarity-consumer)
}

.skin__container__6WTA9.rarity--1__rXk9X:before {
  background-color: var(--color-rarity-consumer)
}

.skin__container__6WTA9.rarity--2__dUcB6 {
  background: var(--gradient-rarity-industrial)
}

.skin__container__6WTA9.rarity--2__dUcB6:before {
  background-color: var(--color-rarity-industrial)
}

.skin__container__6WTA9.rarity--3__YrAXE {
  background: var(--gradient-rarity-milspec)
}

.skin__container__6WTA9.rarity--3__YrAXE:before {
  background-color: var(--color-rarity-milspec)
}

.skin__container__6WTA9.rarity--4__UM0TQ {
  background: var(--gradient-rarity-restricted)
}

.skin__container__6WTA9.rarity--4__UM0TQ:before {
  background-color: var(--color-rarity-restricted)
}

.skin__container__6WTA9.rarity--5__gI4OQ {
  background: var(--gradient-rarity-classified)
}

.skin__container__6WTA9.rarity--5__gI4OQ:before {
  background-color: var(--color-rarity-classified)
}

.skin__container__6WTA9.rarity--6__trbsm {
  background: var(--gradient-rarity-covert)
}

.skin__container__6WTA9.rarity--6__trbsm:before {
  background-color: var(--color-rarity-covert)
}

.skin__container__6WTA9.rarity--7__Oa_L9 {
  background: var(--gradient-rarity-knife-gloves)
}

.skin__container__6WTA9.rarity--7__Oa_L9:before {
  background-color: var(--color-rarity-knife-gloves)
}

.skin__container__6WTA9.rarity--8__OPnME {
  background: var(--gradient-rarity-contraband)
}

.skin__container__6WTA9.rarity--8__OPnME:before {
  background-color: var(--color-rarity-contraband)
}

.skin__container__6WTA9.rarity--9__Fqv4W {
  background: var(--gradient-rarity-placeholder)
}

.skin__container__6WTA9.rarity--9__Fqv4W:before {
  background-color: var(--color-rarity-placeholder)
}

.skin__container__6WTA9.size--small__dkQ8U {
  border-radius: var(--border-radius-sm)
}

.skin__container__6WTA9.size--medium__JqTlD {
  border-radius: 12px
}

.skin__container__6WTA9.size--large__SaOXt {
  border-radius: var(--border-radius-md)
}

.skin__container__6WTA9 .skinCard__backdrop__RFahM {
  position: absolute;
  width: 45%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.skin__container__6WTA9 .skinCard__backdrop__RFahM:before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
  position: absolute
}

.skin__container__6WTA9 .skinCard__divider__KklsQ {
  height: 2px;
  width: 30%;
  border-radius: var(--border-radius-lg);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--0__DZ1MB {
  background: var(--color-rarity-unknown)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--1__rXk9X {
  background: var(--color-rarity-consumer)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--2__dUcB6 {
  background: var(--color-rarity-industrial)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--3__YrAXE {
  background: var(--color-rarity-milspec)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--4__UM0TQ {
  background: var(--color-rarity-restricted)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--5__gI4OQ {
  background: var(--color-rarity-classified)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--6__trbsm {
  background: var(--color-rarity-covert)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--7__Oa_L9 {
  background: var(--color-rarity-knife-gloves)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--8__OPnME {
  background: var(--color-rarity-contraband)
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--9__Fqv4W {
  background: var(--color-rarity-placeholder)
}

.skinIcon__background__PfV4L {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain
}


.drops__card__9a0DH {
  position: relative;
  flex-direction: column;
  padding: 5px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: var(--border-radius-m)
}

.drops__card__9a0DH.rarity--0__jrn0r,
.drops__card__9a0DH.rarity--0__jrn0r:before {
  background: var(--gradient-rarity-unknown)
}

.drops__card__9a0DH.rarity--1__IAA4p {
  background: var(--gradient-rarity-consumer)
}

.drops__card__9a0DH.rarity--1__IAA4p:before {
  background-color: var(--color-rarity-consumer)
}

.drops__card__9a0DH.rarity--2__OVQFR {
  background: var(--gradient-rarity-industrial)
}

.drops__card__9a0DH.rarity--2__OVQFR:before {
  background-color: var(--color-rarity-industrial)
}

.drops__card__9a0DH.rarity--3__4l5ku {
  background: var(--gradient-rarity-milspec)
}

.drops__card__9a0DH.rarity--3__4l5ku:before {
  background-color: var(--color-rarity-milspec)
}

.drops__card__9a0DH.rarity--4__PRczA {
  background: var(--gradient-rarity-restricted)
}

.drops__card__9a0DH.rarity--4__PRczA:before {
  background-color: var(--color-rarity-restricted)
}

.drops__card__9a0DH.rarity--5__UneB_ {
  background: var(--gradient-rarity-classified)
}

.drops__card__9a0DH.rarity--5__UneB_:before {
  background-color: var(--color-rarity-classified)
}

.drops__card__9a0DH.rarity--6__q3EsE {
  background: var(--gradient-rarity-covert)
}

.drops__card__9a0DH.rarity--6__q3EsE:before {
  background-color: var(--color-rarity-covert)
}

.drops__card__9a0DH.rarity--7__hARvD {
  background: var(--gradient-rarity-knife-gloves)
}

.drops__card__9a0DH.rarity--7__hARvD:before {
  background-color: var(--color-rarity-knife-gloves)
}

.drops__card__9a0DH.rarity--8__BgxhD {
  background: var(--gradient-rarity-contraband)
}

.drops__card__9a0DH.rarity--8__BgxhD:before {
  background-color: var(--color-rarity-contraband)
}

.drops__card__9a0DH.rarity--9__RGQ0m {
  background: var(--gradient-rarity-placeholder)
}

.drops__card__9a0DH.rarity--9__RGQ0m:before {
  background-color: var(--color-rarity-placeholder)
}

@media(min-width: 1440px) {
  .drops__card__9a0DH {
    padding: 10px
  }
}

.drops__card__9a0DH .drops__card__visible__sksx9 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: .2s ease;
  transform: translateY(0)
}

.drops__card__9a0DH .drops__card__visible__sksx9 .drops__card__rarity__r8Xo8 {
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

.drops__card__9a0DH .drops__card__hovered__oem69 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: .2s ease;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden
}

.drops__card__9a0DH .drops__card__hovered__oem69 .user__link_wrapper__r04rz {
  position: absolute;
  top: 0;
  left: 0
}

.drops__card__9a0DH .drops__card__hovered__oem69 .user__link_wrapper__r04rz .drops__user_avatar__YtH5s {
  margin-top: 10px
}

.drops__card__9a0DH .drops__card__hovered__oem69 .user__link_wrapper__r04rz .drops__user_avatar__YtH5s img {
  width: 40px;
  border-radius: 50%
}

@media(min-width: 768px) {
  .drops__card__9a0DH .drops__card__hovered__oem69 .user__link_wrapper__r04rz .drops__user_avatar__YtH5s {
    margin-top: 0
  }

  .drops__card__9a0DH .drops__card__hovered__oem69 .user__link_wrapper__r04rz .drops__user_avatar__YtH5s img {
    width: 50px
  }
}

.drops__card__9a0DH .drops__card__hovered__oem69 .drops__image_hovered_wrapper__XJFwX {
  max-width: 120px;
  transform: translateX(50%)
}

.drops__card__9a0DH .drops__card__hovered__oem69 .drops__image_hovered_wrapper__XJFwX .image__EC3eT {
  width: 100%;
  height: 100%
}

.drops__card__9a0DH:hover .drops__card__visible__sksx9 {
  transform: translateY(-20%);
  opacity: 0
}

.drops__card__9a0DH:hover .drops__card__hovered__oem69 {
  transform: translateY(-100%);
  opacity: 1;
  visibility: visible
}

.drops__card__9a0DH:hover:before {
  top: -4px
}

.drops__card__9a0DH:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 35%;
  height: 2px;
  transform: translate(-50%, -50%);
  border-radius: var(--border-radius-md)
}

.drops__card__9a0DH .drops__image_wrapper__fI7aN {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 2
}

.drops__card__9a0DH .drops__image_wrapper__fI7aN img {
  object-fit: contain;
  width: 90%
}

.drops__card__9a0DH .drops__names__wrapper__hcNxn {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 5
}

.drops__card__9a0DH .drops__names__wrapper__hcNxn .drops__names__1oGiP {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.drops__card__9a0DH .drops__names__wrapper__hcNxn .drops__names__1oGiP .drops__names_skin__3i6Ke,
.drops__card__9a0DH .drops__names__wrapper__hcNxn .drops__names__1oGiP .drops__names_weapon__p7TRo {
  max-width: 100%
}

.subHeader__VzMpv {
  display: none;
  align-items: stretch;
  justify-content: space-between;
  background: #202133;
  -webkit-backdrop-filter: blur(12.5px);
  backdrop-filter: blur(12.5px);
  height: 84px;
  z-index: 900;
  position: relative;
  box-shadow: 0 2px 20px #202133
}

@media(min-width: 1024px) {
  .subHeader__VzMpv {
    padding: 5px;
    display: flex
  }
}

@media(min-width: 1440px) {
  .subHeader__VzMpv {
    padding: 5px 34px 5px 5px
  }
}

.subHeader__VzMpv .subHeader__image__awZ1m {
  position: absolute;
  top: 75%;
  left: 60%;
  z-index: 10;
  transform: translate(-50%, -50%);
  width: 105px;
  height: 85px;
  pointer-events: none
}

@media(min-width: 1270px) {
  .subHeader__VzMpv .subHeader__image__awZ1m {
    width: 125px;
    height: 105px;
    left: 63%
  }
}

@media(min-width: 1550px) {
  .subHeader__VzMpv .subHeader__image__awZ1m {
    left: 65%;
    width: 169px;
    height: 138px
  }
}

@media(min-width: 1600px) {
  .subHeader__VzMpv .subHeader__image__awZ1m {
    left: 67%
  }
}

@media(min-width: 1700px) {
  .subHeader__VzMpv .subHeader__image__awZ1m {
    top: 75%;
    left: 60%
  }
}

.subHeader__VzMpv .warning__item__8VrFG {
  margin-right: 5px;
  background: linear-gradient(180deg, hsla(0, 94%, 69%, .46), hsla(0, 94%, 69%, .15));
  border-radius: var(--border-radius-md);
  display: none;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  width: 315px;
  z-index: 10;
  transition: filter .3s ease-in-out;
  overflow: hidden
}

@media(min-width: 1440px) {
  .subHeader__VzMpv .warning__item__8VrFG {
    display: flex;
    width: 355px
  }
}

.subHeader__VzMpv .warning__item__8VrFG .navigationItem__icon__Ztw8l {
  height: 100%;
  width: 120px;
  position: relative
}

.subHeader__VzMpv .warning__item__8VrFG .navigationItem__icon__Ztw8l img {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease-in-out
}

@media(min-width: 1024px) {
  .subHeader__VzMpv .warning__item__8VrFG .navigationItem__icon__Ztw8l img {
    width: 80px
  }
}

@media(min-width: 1440px) {
  .subHeader__VzMpv .warning__item__8VrFG .navigationItem__icon__Ztw8l img {
    width: 115px
  }
}

.subHeader__VzMpv .warning__item__8VrFG .warningItem__info__zQBR5 {
  display: flex;
  flex-direction: column;
  padding: 15px;
  width: 100%;
  height: 100%
}

.subHeader__VzMpv .warning__item__8VrFG .warningItem__info__zQBR5 .navigationItem__label__ZB7k9 {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #fa6767;
  white-space: nowrap;
  z-index: 10
}

.subHeader__VzMpv .warning__item__8VrFG .warningItem__info__zQBR5 .navigationItem__description__E5myN {
  margin-top: 10px;
  font-weight: 500;
  font-size: 12px;
  color: #aeb6c2;
  z-index: 10
}

.subHeader__VzMpv .warning__item__8VrFG:not(:last-of-type) {
  margin-right: 4px
}

.subHeader__VzMpv .header__left__mzO83 {
  display: flex;
  align-items: center
}

.subHeader__VzMpv .header__decorationImage__ftq0o {
  position: absolute;
  display: none;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  width: 100%;
  max-width: 550px;
  height: 98px;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  pointer-events: none
}

@media(min-width: 1440px) {
  .subHeader__VzMpv .header__decorationImage__ftq0o {
    display: block
  }
}

.subHeader__VzMpv .header__right__Qn5D_ {
  display: grid;
  grid-auto-flow: column;
  align-items: center
}

@media(min-width: 1024px) {
  .subHeader__VzMpv .header__right__Qn5D_ {
    grid-gap: 12px
  }
}

@media(min-width: 1440px) {
  .subHeader__VzMpv .header__right__Qn5D_ {
    grid-gap: 22px
  }
}

.subHeader__VzMpv .header__right__Qn5D_ .controls__panel__cR4gk {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  align-items: center
}

.subHeader__VzMpv .header__right__Qn5D_ .controls__panel__cR4gk .control__wrapper__drQup {
  position: relative;
  display: flex
}

.navigation__item__5eb3K {
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  width: 140px;
  z-index: 10;
  transition: filter .3s ease-in-out;
  overflow: hidden;
  background: var(--ui-grey-primary-gradient);
  border-radius: var(--border-radius-m)
}

@media(min-width: 1100px) {
  .navigation__item__5eb3K {
    width: 160px
  }
}

@media(min-width: 1270px) {
  .navigation__item__5eb3K {
    width: 195px
  }
}

@media(min-width: 1550px) {
  .navigation__item__5eb3K {
    width: 225px
  }
}

.navigation__item__5eb3K:hover .navigationItem__icon__LJ2iy {
  transform: scale(1.15)
}

.navigation__item__5eb3K .navigationItem__icon__LJ2iy {
  height: 100%;
  width: 100%;
  position: relative;
  will-change: transform;
  transition: .2s ease-in-out
}

.navigation__item__5eb3K .navigationItem__icon__LJ2iy img {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease-in-out;
  width: 145px
}

@media(min-width: 1440px) {
  .navigation__item__5eb3K .navigationItem__icon__LJ2iy img {
    width: 205px
  }
}

.navigation__item__5eb3K .navigationItem__label__jJppp {
  padding: 15px;
  width: 100%;
  height: 100%;
  color: var(--color-white-light);
  z-index: 10
}

.navigation__item__5eb3K:hover[aria-disabled=true] {
  cursor: default
}

.navigation__item__5eb3K:hover:not(:disabled) {
  cursor: pointer;
  filter: var(--hover-effect)
}

.navigation__item__5eb3K:not(:last-of-type) {
  margin-right: 4px
}

.warning__item__SXheH {
  margin-right: 5px;
  background: linear-gradient(180deg, hsla(0, 94%, 69%, .46), hsla(0, 94%, 69%, .15));
  border-radius: var(--border-radius-sm);
  display: none;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 100%;
  width: 315px;
  z-index: 10;
  transition: filter .3s ease-in-out;
  overflow: hidden
}

@media(min-width: 1440px) {
  .warning__item__SXheH {
    display: flex;
    width: 355px
  }
}

.warning__item__SXheH .navigationItem__icon__LJ2iy {
  height: 100%;
  width: 120px;
  position: relative
}

.warning__item__SXheH .navigationItem__icon__LJ2iy img {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease-in-out
}

@media(min-width: 1024px) {
  .warning__item__SXheH .navigationItem__icon__LJ2iy img {
    width: 80px
  }
}

@media(min-width: 1440px) {
  .warning__item__SXheH .navigationItem__icon__LJ2iy img {
    width: 115px
  }
}

.warning__item__SXheH .warningItem__info__2ZBZQ {
  display: flex;
  flex-direction: column;
  padding: 15px;
  width: 100%;
  height: 100%
}

.warning__item__SXheH .warningItem__info__2ZBZQ .navigationItem__label__jJppp {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #fa6767;
  white-space: nowrap;
  z-index: 10
}

.warning__item__SXheH .warningItem__info__2ZBZQ .navigationItem__description__pxiip {
  margin-top: 10px;
  font-weight: 500;
  font-size: 12px;
  color: #aeb6c2;
  z-index: 10
}

.warning__item__SXheH:not(:last-of-type) {
  margin-right: 4px
}

.input__checkbox__GT_IL {
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.input__checkbox__GT_IL:not([aria-disabled=true]) {
  cursor: pointer
}

.input__checkbox__GT_IL[aria-checked=true] .checkbox__overloaded__8aRjG:before {
  display: block;
  animation: scaleAnimation__ScHO7 .2s alternate forwards
}

.input__checkbox__GT_IL .checkbox__1Q_0U {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0
}

.input__checkbox__GT_IL .checkbox__label__TUdpF {
  margin-left: 10px
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG {
  position: relative;
  border: 1px solid #484a6f;
  box-sizing: border-box;
  border-radius: 6px;
  flex-shrink: 0;
  overflow: hidden
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.size--medium__kteBO {
  width: 32px;
  height: 32px
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.size--medium-small__C87he {
  width: 26px;
  height: 26px
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.size--small__KbMkf {
  width: 18px;
  height: 18px
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.color--gold__cjPoF:before {
  background: url(/assets/icons/icon-check-gold.svg) no-repeat 50%;
  background-size: contain
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.color--orange__aU_tD:before {
  background: url(/assets/icons/icon-check-orange.svg) no-repeat 50%;
  background-size: contain
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.variant--square__LW39K {
  background: #515274
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG.variant--square__LW39K:before {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  background: #e1cba5
}

.input__checkbox__GT_IL .checkbox__overloaded__8aRjG:before {
  content: "";
  width: 80%;
  height: 80%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none
}

@keyframes scaleAnimation__ScHO7 {
  0% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.5)
  }

  to {
    transform: scale(1)
  }
}

.notification_list__empty__IYIOu {
  position: relative;
  padding: 80px 46px;
  border-radius: 8px;
  color: var(--typography-primary);
  z-index: 1000
}

.notification_list__empty__IYIOu,
.notification_list__empty__IYIOu:after {
  background: rgba(54, 55, 83, .9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px)
}

.notification_list__empty__IYIOu:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 6px;
  width: 12px;
  height: 7px;
  -webkit-clip-path: polygon(50% 40%, 0 100%, 100% 100%);
  clip-path: polygon(50% 40%, 0 100%, 100% 100%)
}

@media(min-width: 768px) {
  .notification_list__empty__IYIOu:after {
    left: auto;
    right: 14px
  }
}

.notification_list__yas2y {
  width: 220px;
  overflow: hidden
}

@media(min-width: 768px) {
  .notification_list__yas2y {
    right: 14px;
    width: 240px
  }
}

.popup__lGMJY {
  position: relative
}

.popup__lGMJY .trigger__S67qC {
  background: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer
}

.popup__lGMJY .panel__5NQXU {
  display: none;
  z-index: 1000;
  opacity: 0;
  animation: appearance__MzKhf .3s forwards
}

.popup__lGMJY .menu__ip_1T {
  position: absolute;
  padding: 8px;
  overflow: hidden
}

.popup__lGMJY .opened__Ku1kT {
  display: block
}

.popup__lGMJY .optionsBottomLeft__BhQoy {
  top: 100%;
  right: 0
}

.popup__lGMJY .optionsBottomRight__EGHNL {
  top: 100%;
  left: 0
}

.popup__lGMJY .optionsTopRight__mt7YO {
  bottom: 100%;
  left: 0
}

.popup__lGMJY .optionsTopLeft__ZE2Y9 {
  right: 0;
  bottom: 100%
}

.popup__lGMJY .disabled__h47xM {
  opacity: .7
}

@keyframes appearance__MzKhf {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.notification__kPyV5 {
  display: flex;
  flex-direction: column;
  background: rgba(54, 55, 83, .9);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 14px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 6px;
  color: var(--typography-primary)
}

.notification__kPyV5 .notification__desc__OOOrZ {
  white-space: pre-wrap;
  margin-top: 6px;
  color: var(--typography-secondary)
}

.notification__kPyV5 .notification__desc__OOOrZ b {
  color: var(--color-gold-primary);
  font-weight: 700
}

.dropdown__trigger__hdO0r {
  position: relative;
  display: flex;
  height: 44px
}

.dropdown__option__CqNM4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  color: var(--typography-primary);
  transition: color .2s ease-in-out;
  cursor: pointer
}

.dropdown__option__CqNM4:hover {
  color: var(--typography-secondary)
}

.dropdown__option__CqNM4:hover svg {
  opacity: .7
}

.dropdown__option__CqNM4 svg {
  transition: opacity .2s ease-in-out;
  margin-right: 8px
}

.MainContainer__9OLY9 {
  display: flex;
  position: relative
}

.MainContainer__9OLY9 .ButtonWrapper__mppz1 {
  display: flex;
  width: 100%
}

.MainContainer__9OLY9 .OptionsList__iEPRu {
  grid-row-gap: 10px;
  position: fixed;
  top: 50px;
  width: 100%;
  padding: 13px 0;
  border-radius: 8px;
  z-index: 1000;
  opacity: 0;
  animation: appearance__I9G2N .3s forwards;
  left: 0
}

.MainContainer__9OLY9 .OptionsList__iEPRu.color--grey-dark__dvLPl {
  background: var(--color-grey-dark)
}

.MainContainer__9OLY9 .OptionsList__iEPRu.color--dark___Swyv {
  background: #202133
}

.MainContainer__9OLY9 .OptionsList__iEPRu[aria-hidden=true] {
  display: grid
}

.MainContainer__9OLY9 .OptionsList__iEPRu[aria-hidden=false] {
  display: none
}

@media(min-width: 768px) {
  .MainContainer__9OLY9 .OptionsList__iEPRu {
    position: absolute
  }
}

@keyframes appearance__I9G2N {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.icon__wrapper__NWZl_ {
  width: 100%;
  height: 100%;
  transition: transform .3s ease-in-out;
  position: relative;
  display: flex;
  flex: 1 1;
  justify-content: center;
  align-items: center
}

.icon__wrapper__NWZl_ svg {
  width: 100%;
  height: 100%
}

.dropdown__trigger__8YNHh {
  position: relative;
  display: flex;
  height: 44px
}

.dropdown__option__wrapper__8_un6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 90px;
  background: #363753;
  border-radius: 12px
}

.dropdown__option__wrapper__8_un6 .dropdown__option__Nvdnd {
  position: relative;
  transform: rotate(-90deg);
  width: 90px;
  padding: 14px
}

.dropDown__ZNBXP {
  display: flex;
  position: relative
}

.dropDown__ZNBXP .button__wrapper__bhmHk {
  display: flex;
  width: 100%
}

.dropDown__ZNBXP .option__wrapper__iXCc1 {
  position: absolute;
  flex-direction: column;
  z-index: 1000;
  top: 50px;
  width: 100%
}

.dropDown__ZNBXP .option__wrapper__iXCc1[aria-hidden=true] {
  display: none
}

.dropDown__ZNBXP .option__wrapper__iXCc1[aria-hidden=false] {
  display: flex;
  animation: animIn__JQ_Ow .3s ease-in-out forwards
}

@keyframes animIn__JQ_Ow {
  0% {
    opacity: 0;
    transform: translateY(-15px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.dropDown__ZNBXP .option__wrapper__iXCc1[data-placement=left] {
  left: 0
}

.dropDown__ZNBXP .option__wrapper__iXCc1[data-placement=right] {
  right: 0
}

@media(min-width: 768px) {
  .dropDown__ZNBXP .option__wrapper__iXCc1 {
    position: absolute;
    padding: 0
  }
}

.wrapper__bWnZr {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(15px);
  z-index: 999
}

.wrapper__bWnZr[aria-disabled=true] {
  opacity: .6;
  pointer-events: none;
  cursor: none
}

.input__wrapper___RY_u {
  position: absolute;
  width: calc(100% + 15px);
  margin: 0 calc(15px/-2);
  height: 15px
}

.control__wrapper__gTDh5 {
  width: 100%;
  position: absolute;
  height: 15px;
  z-index: 999
}

.input__YubQw {
  position: absolute;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 100%;
  z-index: 33;
  cursor: pointer;
  padding: 0;
  opacity: 0
}

.input__YubQw::-ms-track {
  appearance: none;
  background: transparent;
  border: transparent
}

.input__YubQw::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: transparent
}

.input__YubQw:focus::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: transparent
}

.input__YubQw::-ms-thumb {
  appearance: none;
  pointer-events: all;
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: 0;
  cursor: grab
}

.input__YubQw::-ms-thumb:active {
  cursor: grabbing
}

.input__YubQw::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  pointer-events: all;
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: 0;
  cursor: grab
}

.input__YubQw::-moz-range-thumb:active {
  cursor: grabbing
}

.input__YubQw::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  pointer-events: all;
  width: 15px;
  height: 15px;
  border-radius: 0;
  border: 0;
  cursor: -webkit-grab;
  cursor: grab;
  width: 20px;
  height: 60px
}

.input__YubQw::-webkit-slider-thumb:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.rail__2S995 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 4px;
  border-radius: 3px;
  background: var(--color-gold-primary);
  z-index: 1
}

.inner__rail__7oEKl {
  position: absolute;
  height: 100%;
  right: 0;
  background: var(--color-grey-secondary);
  z-index: 2
}

.control__SpQKV {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  background: var(--color-gold-primary);
  top: 50%;
  margin-left: calc(15px/-2);
  transform: translate3d(0, -50%, 0);
  z-index: 3
}

.header__container__CP7wY {
  display: none;
  align-items: stretch;
  justify-content: space-between;
  height: 84px;
  padding: 0 16px;
  background: var(--color-gray-secondary);
  position: relative
}

@media(min-width: 1200px) {
  .header__container__CP7wY {
    padding: 0 34px;
    display: flex
  }
}

.header__container__CP7wY .deposit__value__jBGeX {
  display: grid;
  grid-gap: 4px;
  grid-auto-flow: column;
  align-items: center;
  padding: 15px 16px
}

.header__container__CP7wY .deposit__icon__9w7lY {
  padding: 15px;
  border-radius: 0 8px 8px 0;
  background: var(--green-primary-gradient)
}

.header__container__CP7wY .deposit__plus_icon__PyonQ {
  position: absolute;
  display: flex;
  align-items: center
}

.header__container__CP7wY .header__section__ergbO {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center
}

.header__container__CP7wY .header__section__ergbO .navigation__buttons__YwyHi {
  align-self: stretch;
  z-index: 2
}

.header__mobile_container__Ffoo9 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 0 12px;
  height: var(--mobile-header-height)-10px;
  background: var(--color-gray-secondary)
}

@media(min-width: 425px) {
  .header__mobile_container__Ffoo9 {
    padding: 0 16px;
    height: var(--mobile-header-height)
  }
}

@media(min-width: 1200px) {
  .header__mobile_container__Ffoo9 {
    display: none
  }
}

.header__mobile_container__Ffoo9 .header__logo_container__P9jst {
  position: relative;
  z-index: 10;
  display: flex;
  flex: 1 1
}

.header__mobile_container__Ffoo9 .header__right_side__RwaV7 {
  position: relative;
  z-index: 10;
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 8px;
  margin-left: 10px
}

@media(min-width: 550px) {
  .header__mobile_container__Ffoo9 .header__right_side__RwaV7 {
    grid-gap: 15px
  }
}

.header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA {
  display: flex;
  align-items: center
}

.header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .header_controls_group__mobile__jAXrq {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 7px
}

.header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .deposit__DefJe {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 7px;
  border-radius: var(--border-radius-sm);
  background: var(--color-green-primary)
}

.header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .deposit__DefJe div {
  display: none
}

@media(min-width: 425px) {
  .header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .deposit__DefJe div {
    display: block
  }

  .header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .deposit__DefJe svg {
    display: none
  }
}

@media(min-width: 550px) {
  .header__mobile_container__Ffoo9 .header__right_side__RwaV7 .profile_container__mobile__tZsNA .deposit__DefJe {
    height: 28px;
    padding: 0 12px
  }
}

.touchable_opacity__3Pa2o {
  width: -moz-fit-content;
  width: fit-content;
  transition: opacity .3s ease-in-out
}

.touchable_opacity__3Pa2o:hover {
  opacity: .7
}

.container__7VTxw {
  display: flex;
  overflow: hidden;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  max-width: 375px
}

.container__7VTxw[aria-hidden=true] {
  animation: mainContainerShowAnimation__jyKqM .3s ease-out forwards
}

.container__7VTxw[aria-hidden=false] {
  animation: mainContainerCloseAnimation__bd04d .3s ease-in forwards
}

@keyframes mainContainerShowAnimation__jyKqM {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: none
  }
}

@keyframes mainContainerCloseAnimation__bd04d {
  0% {
    transform: none
  }

  to {
    transform: translateX(-100%)
  }
}

.header__home__4_xIw {
  display: flex;
  align-items: center
}

.header__logo__wonIG {
  background: url(/assets/icons/logo.svg) no-repeat 50%;
  background-size: contain;
  width: 80px;
  height: 70px;
  position: relative
}

@media(min-width: 425px) {
  .header__logo__wonIG {
    width: 90px
  }
}

@media(min-width: 550px) {
  .header__logo__wonIG {
    width: 110px
  }
}

@media(min-width: 1024px) {
  .header__logo__wonIG {
    width: 120px;
    height: 81px;
    margin-right: 34px
  }
}

.menu__uDDb1 {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 100%
}

@media(min-width: 1200px) {
  .menu__uDDb1 {
    gap: 25px
  }
}

@media(min-width: 1350px) {
  .menu__uDDb1 {
    gap: 62px
  }
}

.menu__uDDb1 .menu__item__s_pFA {
  position: relative;
  display: inherit;
  align-items: inherit;
  height: inherit;
  cursor: pointer
}

.menu__uDDb1 .menu__item__s_pFA .menu__itemNew__yzWo7 {
  border-radius: var(--border-radius-xs);
  background: #ff4f5a;
  padding: 2px 4px;
  font-size: 8px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #fff
}

.menu__uDDb1 .menu__item__s_pFA .menu__link__0LMpt {
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 15px
}

.menu__uDDb1 .menu__item__s_pFA .menu__link__0LMpt svg path {
  transition: fill .3s ease
}

.menu__uDDb1 .menu__item__s_pFA .menu__link__0LMpt span {
  transition: color .3s ease
}

.menu__uDDb1 .menu__item__s_pFA:hover .menu__link__0LMpt svg path {
  fill: var(--color-gold-primary)
}

.menu__uDDb1 .menu__item__s_pFA:hover .menu__link__0LMpt span {
  color: var(--color-gold-primary)
}

.menu__uDDb1 .menu__item__s_pFA[aria-checked=true]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  border-radius: 2px;
  background-color: var(--color-gold-primary)
}

.menu__uDDb1 .menu__item__s_pFA[aria-checked=true] .menu__link__0LMpt span {
  color: var(--color-gold-primary)
}

.toolbar__profile_card__mB3I_ {
  display: flex;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  animation: smooth__aCBhN .5s forwards
}

@media(min-width: 550px) {
  .toolbar__profile_card__mB3I_ {
    margin-left: 16px
  }
}

.toolbar__profile_card__mB3I_ .controls_group__vqlq8 {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 7px;
  margin-right: 6px
}

.toolbar__profile_card__mB3I_ .controls_group__vqlq8 .deposit__button__w0DvS {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 46px;
  padding-left: 15px;
  cursor: pointer;
  background: #181824;
  transition: .2s ease-in-out;
  color: var(--color-green-primary);
  border-radius: var(--border-radius-m)
}

.toolbar__profile_card__mB3I_ .controls_group__vqlq8 .deposit__button__w0DvS:hover {
  filter: var(--hover-effect)
}

.toolbar__profile_card__mB3I_ .controls_group__vqlq8 .deposit__button__w0DvS .deposit__buttonBtn__pCwjN {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 46px;
  border-radius: var(--border-radius-m);
  background: var(--color-green-primary)
}

.toolbar__profile_card__mB3I_ .controls_group__vqlq8 .deposit__button__w0DvS .deposit__buttonBtn__pCwjN svg path {
  fill: #181824
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB {
  display: flex;
  align-items: center
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__info__s3iF7 {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  max-width: 100px
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__info__s3iF7 .profile__balance__DyMe_ {
  width: 100%;
  color: var(--color-green)
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__info__s3iF7 .profile__infoPoints__IDmNB {
  display: flex;
  align-items: center;
  gap: 4px
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__info__s3iF7 .profile__name__iVidy {
  width: 100%;
  color: #8595ae
}

.toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__avatar__hQAoE {
  margin-left: 10px;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--border-radius-m)
}

@media(min-width: 550px) {
  .toolbar__profile_card__mB3I_ .profile_group__cv1FB .profile__avatar__hQAoE {
    margin-left: 16px
  }
}

.toolbar__profile_card__mB3I_ .profile__event_balance__nlzLO {
  display: none;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 46px;
  margin-right: 16px;
  background: var(--color-winter);
  border-radius: var(--border-radius-m)
}

@media(min-width: 1200px) {
  .toolbar__profile_card__mB3I_ .profile__event_balance__nlzLO {
    display: flex
  }
}

@keyframes smooth__aCBhN {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.avatar__cH_WV.size--verySmall__2AaF7 {
  width: 34px;
  height: 34px
}

.avatar__cH_WV.size--small__HdO7F {
  width: 50px;
  height: 50px
}

.avatar__cH_WV.size--medium__eVucx {
  width: 60px;
  height: 60px
}

.avatar__cH_WV .avatarImage__p97G8 {
  width: 100%;
  height: 100%;
  border-radius: 5px
}

.avatar__cH_WV .avatarImage__p97G8.rounded__OoGFr {
  border-radius: 50%
}

.profile_card__skeleton___oI_i {
  display: flex;
  align-items: center;
  margin-left: 16px;
  overflow: hidden
}

@media(min-width: 1024px) {
  .profile_card__skeleton___oI_i {
    margin-left: 16px
  }
}

.profile_card__skeleton___oI_i .profile__skeleton__eQ4fo {
  width: 160px;
  height: 50px;
  margin-left: 16px
}

.alert__rvGG2 {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 11px 17px;
  animation-fill-mode: forwards;
  box-shadow: 0 4px 13.9px 0 rgba(24, 25, 36, .23);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: var(--border-radius-lg)
}

@media(min-width: 450px) {
  .alert__rvGG2 {
    width: 353px
  }
}

.alert__rvGG2 .IconContainer__Nrpp1 {
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%
}

@media(min-width: 450px) {
  .alert__rvGG2 .alertIcon__JdzmO {
    width: 32px;
    height: 34px
  }
}

.alert__rvGG2 .ContentContainer__HCWQ2 {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  overflow: hidden;
  margin-left: 8px
}

@media(min-width: 450px) {
  .alert__rvGG2 .ContentContainer__HCWQ2 {
    margin-left: 16px
  }
}

.alert__rvGG2 .ContentContainer__HCWQ2 .CloseIndicator__Y9_5G {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  border-radius: var(--border-radius-lg);
  height: 3px
}

.alert__rvGG2 .ContentContainer__HCWQ2 .CloseIndicator__Y9_5G .CloseIndicatorPassedPart__RRi_l {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-lg);
  animation: closeIndicatorPassedPartAnimation__XwjV9 6s linear forwards
}

@keyframes closeIndicatorPassedPartAnimation__XwjV9 {
  0% {
    width: 100%
  }

  to {
    width: 0
  }
}

.alert__rvGG2:hover .ContentContainer__HCWQ2 .CloseIndicator__Y9_5G .CloseIndicatorPassedPart__RRi_l {
  animation-play-state: paused
}

.alert__rvGG2[aria-hidden=false] {
  animation: showAlertAnimation__HHy_l .3s ease-out
}

.alert__rvGG2[aria-hidden=false] .CloseIndicatorPassedPart__RRi_l {
  animation-play-state: play
}

.alert__rvGG2[aria-hidden=true] {
  animation: closeAlertAnimation__MaCjG .3s ease-in
}

.alert__rvGG2[aria-hidden=true] .CloseIndicatorPassedPart__RRi_l {
  animation-play-state: paused
}

.alert__rvGG2.success__6sk8J {
  background: rgba(110, 181, 92, .41);
  color: #8f95a7
}

.alert__rvGG2.success__6sk8J .IconContainer__Nrpp1 {
  background: linear-gradient(209.74deg, #51ce91 3.51%, #53a17a 144.52%)
}

.alert__rvGG2.success__6sk8J .CloseIndicator__Y9_5G {
  background: #2c2d3f
}

.alert__rvGG2.success__6sk8J .CloseIndicatorPassedPart__RRi_l {
  background: #444557
}

.alert__rvGG2.success__6sk8J .alertText__bc3_E {
  color: var(--color-primary-green)
}

.alert__rvGG2.error__4JNTV {
  background: rgba(188, 72, 79, .41);
  color: #8f95a7
}

.alert__rvGG2.error__4JNTV .IconContainer__Nrpp1 {
  background: linear-gradient(209.74deg, #f14b55 3.51%, #c25b61 144.52%)
}

.alert__rvGG2.error__4JNTV .IconContainer__Nrpp1 svg {
  fill: #252636
}

.alert__rvGG2.error__4JNTV .CloseIndicator__Y9_5G {
  background: #2c2d3f
}

.alert__rvGG2.error__4JNTV .CloseIndicatorPassedPart__RRi_l {
  background: #444557
}

.alert__rvGG2.error__4JNTV .alertText__bc3_E {
  color: #ff8d94
}

@keyframes showAlertAnimation__HHy_l {
  0% {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes closeAlertAnimation__MaCjG {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.8)
  }
}

.depositButton__9k0Cr {
  border-radius: 50%;
  width: 58px;
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-15px);
  background: var(--color-green-primary);
  color: var(--color-gray-dark)
}

.mobile__menu__8YaQo {
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  position: relative;
  background: rgba(35, 35, 49, .78);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  align-items: center
}

.mobile__menu__8YaQo .depositButton__wrapper__uuoRq {
  display: flex;
  justify-content: center;
  align-items: center
}

.mobile__menu__8YaQo .mobile__menuNew__BF6ob {
  position: absolute;
  bottom: 100%;
  right: 0;
  border-radius: var(--border-radius-xs);
  background: #ff4f5a;
  padding: 2px 4px;
  font-size: 6px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #fff
}

.menu__link__rx4ji {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative
}

.menu__link__rx4ji,
.menu__link__rx4ji[aria-disabled=true] {
  color: var(--color-white-light)
}

.menu__link__rx4ji:hover,
.menu__link__rx4ji[aria-current=true] {
  color: var(--color-gold)
}

.menu__link__rx4ji .link__content__xhvpY {
  color: inherit;
  margin-top: 4px;
  transition: color .3s ease-in-out;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 7px
}

.menu__link__rx4ji .disable__label__Xqi97 {
  color: inherit;
  position: absolute;
  width: 38px;
  height: 14px;
  background: rgba(113, 164, 240, .25);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  border-radius: 3px;
  font-weight: 500;
  font-size: 8px;
  line-height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase
}

.alerts__container__8bNlt {
  position: fixed;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  top: 30px;
  right: 0;
  padding: 0 16px;
  z-index: 10001
}

@media(min-width: 450px) {
  .alerts__container__8bNlt {
    max-width: calc(100% - 16px);
    width: auto;
    right: 24px;
    padding: 0
  }
}

.alerts__container__8bNlt>:not(:last-child) {
  margin-bottom: 8px
}

.alert__RhXNj {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 5px;
  gap: 5px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 12px;
  animation-fill-mode: forwards;
  border-radius: 10px;
  background: #363753;
  color: #8f95a7;
  box-shadow: 0 4px 8.3px 0 rgba(24, 24, 36, .46);
  position: relative;
  overflow: hidden
}

@media(min-width: 450px) {
  .alert__RhXNj {
    width: 350px
  }
}

.alert__RhXNj:hover .CloseIndicator__F_puS .CloseIndicatorPassedPart__U0hXE {
  animation-play-state: paused
}

@media(min-width: 550px) {
  .alert__RhXNj {
    width: 390px
  }
}

.alert__RhXNj[aria-hidden=false] {
  animation: showAlertAnimation___f01s .3s ease-out
}

.alert__RhXNj[aria-hidden=false] .CloseIndicatorPassedPart__U0hXE {
  animation-play-state: running
}

.alert__RhXNj[aria-hidden=true] {
  animation: closeAlertAnimation__Rnw3W .3s ease-in
}

.alert__RhXNj[aria-hidden=true] .CloseIndicatorPassedPart__U0hXE {
  animation-play-state: paused
}

.alert__RhXNj .alertDropWrapper__dXCNO {
  position: relative
}

.alert__RhXNj .rarity__vSnPW {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
  height: 65%;
  filter: blur(30px)
}

@media(min-width: 550px) {
  .alert__RhXNj .rarity__vSnPW {
    width: 80%;
    height: 80%
  }
}

.alert__RhXNj .rarity__vSnPW.rarity--0__iVNpl,
.alert__RhXNj .rarity__vSnPW.rarity--0__iVNpl:before {
  background: var(--gradient-rarity-unknown)
}

.alert__RhXNj .rarity__vSnPW.rarity--1__kIUZq {
  background: var(--gradient-rarity-consumer)
}

.alert__RhXNj .rarity__vSnPW.rarity--1__kIUZq:before {
  background-color: var(--color-rarity-consumer)
}

.alert__RhXNj .rarity__vSnPW.rarity--2__co8OV {
  background: var(--gradient-rarity-industrial)
}

.alert__RhXNj .rarity__vSnPW.rarity--2__co8OV:before {
  background-color: var(--color-rarity-industrial)
}

.alert__RhXNj .rarity__vSnPW.rarity--3__j_O4G {
  background: var(--gradient-rarity-milspec)
}

.alert__RhXNj .rarity__vSnPW.rarity--3__j_O4G:before {
  background-color: var(--color-rarity-milspec)
}

.alert__RhXNj .rarity__vSnPW.rarity--4___WCml {
  background: var(--gradient-rarity-restricted)
}

.alert__RhXNj .rarity__vSnPW.rarity--4___WCml:before {
  background-color: var(--color-rarity-restricted)
}

.alert__RhXNj .rarity__vSnPW.rarity--5__Y8uhK {
  background: var(--gradient-rarity-classified)
}

.alert__RhXNj .rarity__vSnPW.rarity--5__Y8uhK:before {
  background-color: var(--color-rarity-classified)
}

.alert__RhXNj .rarity__vSnPW.rarity--6__1aIEw {
  background: var(--gradient-rarity-covert)
}

.alert__RhXNj .rarity__vSnPW.rarity--6__1aIEw:before {
  background-color: var(--color-rarity-covert)
}

.alert__RhXNj .rarity__vSnPW.rarity--7__HjG6d {
  background: var(--gradient-rarity-knife-gloves)
}

.alert__RhXNj .rarity__vSnPW.rarity--7__HjG6d:before {
  background-color: var(--color-rarity-knife-gloves)
}

.alert__RhXNj .rarity__vSnPW.rarity--8__X9LtM {
  background: var(--gradient-rarity-contraband)
}

.alert__RhXNj .rarity__vSnPW.rarity--8__X9LtM:before {
  background-color: var(--color-rarity-contraband)
}

.alert__RhXNj .rarity__vSnPW.rarity--9__wmqmW {
  background: var(--gradient-rarity-placeholder)
}

.alert__RhXNj .rarity__vSnPW.rarity--9__wmqmW:before {
  background-color: var(--color-rarity-placeholder)
}

.alert__RhXNj .alertPicture__lXSIp {
  width: 130px;
  flex-shrink: 0
}

.alert__RhXNj .alertPicture__lXSIp.money__1c85b {
  width: 60px
}

@media(min-width: 550px) {
  .alert__RhXNj .alertPicture__lXSIp.money__1c85b {
    width: 75px
  }

  .alert__RhXNj .alertPicture__lXSIp {
    width: 150px
  }
}

.alert__RhXNj .alertPicture__lXSIp .img__qdehh {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.alert__RhXNj .alertInfo__raDJI {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.alert__RhXNj .alertInfo__skin___2oVa {
  font-size: 20px;
  font-weight: 800
}

.alert__RhXNj .alertInfo__desc__HL34_ {
  font-weight: 600
}

.alert__RhXNj .alertInfo__bottom__Jeqr0 {
  display: flex;
  align-items: center;
  gap: 4px
}

.alert__RhXNj .alertButton__accent__sqgcC {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0 14px;
  height: 40px;
  border-radius: 8px;
  background: var(--typography-gold-primary);
  color: var(--color-gray-dark)
}

.alert__RhXNj .alertButton__default__v5wG0 {
  border-radius: 8px;
  padding: 0 14px;
  height: 40px;
  background: #484a6f;
  cursor: pointer
}

.alert__RhXNj .CloseIndicator__F_puS {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: var(--border-radius-lg);
  height: 3px;
  background: #2c2d3f
}

.alert__RhXNj .CloseIndicator__F_puS .CloseIndicatorPassedPart__U0hXE {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-lg);
  animation: closeIndicatorPassedPartAnimation__aUw3N 6s linear forwards;
  background: var(--color-green)
}

@keyframes closeIndicatorPassedPartAnimation__aUw3N {
  0% {
    width: 100%
  }

  to {
    width: 0
  }
}

@keyframes showAlertAnimation___f01s {
  0% {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes closeAlertAnimation__Rnw3W {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.8)
  }
}

.MainContainer__KGeBL {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.DropImage__OZ_NA {
  position: absolute;
  object-fit: contain;
  width: 55%;
  height: 55%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 5
}

.ContentContainer__4ZgHj {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  max-width: 500px;
  bottom: 0;
  left: 50%;
  margin-top: 15px;
  transform: translateX(-50%);
  z-index: 3
}

@media(min-width: 1024px) {
  .ContentContainer__4ZgHj {
    top: 70%
  }
}

.DropWeapon__i_7pa {
  max-width: 400px
}

.DropName__Vux8e {
  line-height: 1.2;
  max-width: 500px
}

.DropPrice__d0UJf {
  position: absolute;
  top: 0;
  z-index: 5;
  background: rgba(81, 206, 145, .3);
  -webkit-backdrop-filter: blur(3.5px);
  backdrop-filter: blur(3.5px);
  padding: 7px 14px;
  border-radius: var(--border-radius-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.main__container__ojLhd {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column
}

.main__container__ojLhd .skin_drop__background__xGSaN {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110%;
  height: 110%;
  z-index: 1
}

.main__container__ojLhd .skin_drop__background__xGSaN img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.main__container__ojLhd .skin__icon__ORuOi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  z-index: 2
}

.alert__KIIWK {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 16px 22px;
  border-radius: var(--border-radius-lg);
  animation-fill-mode: forwards;
  background: #252636;
  border: 1px solid #52c78e;
  color: #8f95a7
}

@media(min-width: 450px) {
  .alert__KIIWK {
    width: 360px
  }
}

.alert__KIIWK .AlertWinterSnow__At8Bf {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 108px;
  height: 31px;
  top: -7px;
  left: -5px;
  background: url(/assets/winter/snow-left-winter.png) no-repeat 50%;
  background-size: cover
}

.alert__KIIWK .AlertImageWrapper__dLZ2M {
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative
}

.alert__KIIWK .AlertImageWrapper__dLZ2M .AlertImage__v_5zE {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  position: absolute
}

.alert__KIIWK .ContentContainer__rn7xi {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  overflow: hidden;
  margin-left: 28px
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ {
  display: flex;
  flex-direction: column
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ .AlertTitle__QOkhV {
  margin-bottom: 6px;
  white-space: pre-wrap;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--color-white)
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ .AlertSubTitle__Wd4j9 {
  margin-bottom: 8px;
  line-height: 16px;
  white-space: pre-wrap;
  color: var(--color-secondary-text)
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ .AlertSubTitle__Wd4j9 b {
  color: var(--color-green)
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ .ButtonLink__K8cz3 {
  font-weight: 700;
  font-size: 12px;
  border-radius: var(--border-radius-sm);
  padding: 12px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 100%
}

.alert__KIIWK .ContentContainer__rn7xi .SkinContainer__dWuWJ .ButtonLink__K8cz3:hover {
  filter: var(--hover-effect)
}

.alert__KIIWK[aria-hidden=false] {
  animation: showAlertAnimation__TW7Hi .3s ease-out
}

.alert__KIIWK[aria-hidden=true] {
  animation: closeAlertAnimation__yCXZ7 .3s ease-in
}

.alert__rSCnR {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 16px 22px;
  border-radius: var(--border-radius-lg);
  background: #303048;
  color: #8f95a7;
  animation-fill-mode: forwards
}

@media(min-width: 450px) {
  .alert__rSCnR {
    width: 360px
  }
}

.alert__rSCnR .AlertWinterSnow___kC1z {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 150px;
  height: auto;
  top: 0;
  left: 0;
  transform: translateY(-100%)
}

.alert__rSCnR .AlertImageWrapper__tMLRt {
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative
}

.alert__rSCnR .AlertImageWrapper__tMLRt .SkinImageWrapper__B02Wr {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.alert__rSCnR .AlertImageWrapper__tMLRt .SkinImageWrapper__B02Wr:before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
  position: absolute
}

.alert__rSCnR .AlertImageWrapper__tMLRt .AlertImage__ub2Nb,
.alert__rSCnR .AlertImageWrapper__tMLRt .SkinImage__HVGmM {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute
}

.alert__rSCnR .ContentContainer__onJyc {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  overflow: hidden;
  margin-left: 20px
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn {
  display: flex;
  flex-direction: column
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn .AlertTitle__wRiAY {
  margin-bottom: 6px;
  white-space: pre-wrap;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--color-white)
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn .AlertSubTitle__VtRUF {
  margin-bottom: 8px;
  line-height: 16px;
  font-size: .875rem;
  font-weight: 400;
  white-space: pre-wrap;
  color: var(--color-secondary-text)
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn .AlertSubTitle__VtRUF b {
  color: var(--color-green)
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn .ButtonLink__B4fFA {
  font-weight: 700;
  font-size: 12px;
  border-radius: var(--border-radius-sm);
  padding: 12px 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  width: 100%
}

.alert__rSCnR .ContentContainer__onJyc .SkinContainer__LM9xn .ButtonLink__B4fFA:hover {
  filter: var(--hover-effect)
}

.alert__rSCnR[aria-hidden=false] {
  animation: showAlertAnimation__0jU4q .3s ease-out
}

.alert__rSCnR[aria-hidden=true] {
  animation: closeAlertAnimation__b9j0K .3s ease-in
}

@keyframes showAlertAnimation__0jU4q {
  0% {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes closeAlertAnimation__b9j0K {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.8)
  }
}

.alert__3MWHc {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 16px 22px;
  border-radius: var(--border-radius-lg);
  animation-fill-mode: forwards;
  background: #252636;
  border: 1px solid #52c78e;
  color: #8f95a7
}

@media(min-width: 450px) {
  .alert__3MWHc {
    width: 360px
  }
}

.alert__3MWHc .SkinImageWrapper__YMlpB {
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative
}

.alert__3MWHc .SkinImageWrapper__YMlpB .SkinImage__i0T5a {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute
}

.alert__3MWHc .ContentContainer__eurxd {
  display: flex;
  flex-direction: column;
  flex-grow: 3;
  overflow: hidden;
  margin-left: 28px
}

.alert__3MWHc .ContentContainer__eurxd .SkinContainer__f_LJC {
  display: flex;
  flex-direction: column
}

.alert__3MWHc .ContentContainer__eurxd .SkinContainer__f_LJC .SkinTitle__P3Uyj {
  margin-bottom: 8px;
  line-height: 16px;
  white-space: pre-wrap;
  color: #8f95a7
}

.alert__3MWHc .ContentContainer__eurxd .SkinContainer__f_LJC .SkinTitle__P3Uyj b {
  color: var(--color-white)
}

.alert__3MWHc .ContentContainer__eurxd .SkinContainer__f_LJC .ButtonLink__7SIFj {
  color: var(--color-primary-light);
  font-weight: 700;
  font-size: 12px;
  background: var(--color-gold);
  border-radius: var(--border-radius-sm);
  padding: 12px 18px;
  display: flex;
  justify-content: center;
  align-items: center
}

.alert__3MWHc .ContentContainer__eurxd .SkinContainer__f_LJC .ButtonLink__7SIFj:hover {
  filter: var(--hover-effect)
}

.alert__3MWHc .ContentContainer__eurxd .CloseIndicator__UfAMM {
  width: 100%;
  border-radius: var(--border-radius-lg);
  height: 5px
}

.alert__3MWHc .ContentContainer__eurxd .CloseIndicator__UfAMM .CloseIndicatorPassedPart__o2tyM {
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-lg);
  animation: closeIndicatorPassedPartAnimation__xA5Mk 9s linear forwards
}

@keyframes closeIndicatorPassedPartAnimation__xA5Mk {
  0% {
    width: 100%
  }

  to {
    width: 0
  }
}

.alert__3MWHc:hover .ContentContainer__eurxd .CloseIndicator__UfAMM .CloseIndicatorPassedPart__o2tyM {
  animation-play-state: paused
}

.alert__3MWHc[aria-hidden=false] {
  animation: showAlertAnimation__R1jhK .3s ease-out
}

.alert__3MWHc[aria-hidden=false] .CloseIndicatorPassedPart__o2tyM {
  animation-play-state: play
}

.alert__3MWHc[aria-hidden=true] {
  animation: closeAlertAnimation__QwIS7 .3s ease-in
}

.alert__3MWHc[aria-hidden=true] .CloseIndicatorPassedPart__o2tyM {
  animation-play-state: paused
}

@keyframes showAlertAnimation__R1jhK {
  0% {
    opacity: 0;
    transform: scale(.8)
  }

  to {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes closeAlertAnimation__QwIS7 {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    opacity: 0;
    transform: scale(.8)
  }
}

.text__OlAkW.color--gray-light__IDarS {
  color: var(--color-gray-light);
}

.text__OlAkW.variant--h6__EgnX1.bold__nhebz {
  font-weight: 700;
}

.text__OlAkW.noWrap__4ZcWv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text__OlAkW.color--green__fXnFx {
  color: var(--color-green);
}

input {
  outline: none;
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  appearance: none;
}

.MainContainer__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-bottom: 48px;
}

.MainContainer__header span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #687894;
}

.MainContainer__header span b {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.MainContainer__header::before {
  content: "";
  width: 48px;
  height: 8px;
  border-radius: 111px;
  background: #f35b52;
  position: absolute;
  bottom: -20px;
}

.contract__wrapper {
  position: relative;
  max-width: 1375px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.list__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.contract__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

@media (min-width: 1024px) {
  .contract__list {
    grid-template-columns: repeat(5, 1fr);
  }
}

.contract__item {
  background: #181b25;
  border-radius: 18px;
  min-height: 200px;
  padding: 15px;
}

@media (min-width: 1024px) {
  .contract__item {
    padding: 20px;
  }
}

.item__image_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.item__image {
  transition: .3s ease;
  position: absolute;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}

.item__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.item__container.size--large,
.item__container.size--medium {
  border-radius: var(--border-radius-md);
}

.contractCard {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}

.contractCard .contractCard__image_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.contractCard .contractCard__image_wrapper .contractCard__image {
  transition: .3s ease;
  position: absolute;
  height: auto;
  width: 85%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 20%;
  margin: auto;
  z-index: 5;
}

.contractCard .contractCard__footer {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: 5px;
  left: 0;
  right: 10px;
  align-items: flex-end;
  z-index: 10;
}


.contractCard .contractCard__footer .contractCard__footer_left_side,
.contractCard .contractCard__footer .contractCard__footer_left_side .drops__names {
  overflow: hidden;
  white-space: nowrap;
}

.contractCard .contractCard__footer .contractCard__footer_left_side .drops__names .name__bottom {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item__container .contractCard__backdrops {
  position: absolute;
  width: 60%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 20%;
  margin: auto;
}

.item__container .contractCard__backdrops:before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
  position: absolute;
}

.skinIcon__backgrounds {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}


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

.contract__create {
  background-color: #181b25;
  border-radius: 18px;
  padding: 15px;
  width: 100%;
  max-width: 784px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .contract__create {
    padding: 40px;
  }
}

.contract__create_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.contract__create_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contract__create_title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 14px;
}

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

.contract__create_desc {
  font-size: 12px;
  font-weight: 500;
  color: #687894;
}

.contract__create_desc span {
  font-weight: 700;
  color: #FFF;
}



.contract__create_btn {
  display: block;
  position: relative;
  padding: 19px 41px;
  background: #f35b52;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  color: black;
}

@media (max-width: 1024px) {
  .contract__create_btn {
    display: none;
  }
}

.contract__create_btn-mobile {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 18px;
  position: relative;
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFF;
}

@media (min-width: 1024px) {
  .contract__create_btn-mobile {
    display: none;
  }
}

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

.contract__create_body_progress {
  background-color: #1d212c;
  border-radius: 8px;
  font-weight: 700;
  font-size: 12px;
  color: #FFF;
  padding: 16px 13px;
  position: relative;
  overflow: hidden;
}

.contract__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(270deg, #75CB7D 0%, #419049 100%);
  border-radius: 8px;
  z-index: 1;
  transition: width 0.3s ease;
}

.contract__create_body_progress span {
  position: relative;
  z-index: 2;
}

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

.contract__create_body_val {
  font-weight: 700;
  font-size: 12px;
  color: #505C7B;
  position: relative;
  padding-top: 24px;
}

.contract__create_body_val:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 1px;
  height: 20px;
  background-color: #1E2533;
}

.contract__create_body_val_min:after {
  content: "Min";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  padding: 4px 5px;
  background-color: #1E2533;
  border-radius: 4px;
  font-weight: 700;
  font-size: 8px;
  color: #505C7B;
}

.openCaseContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contract__items__warn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 25px 30px;
  background: radial-gradient(9.13% 120.5% at 0% 100%, rgba(239, 149, 79, 0.15) 0%, rgba(28, 27, 32, 0.3) 100%);
  border-radius: 16px;
  width: 100%;
  max-width: 1375px;
  margin: 0 auto;
}

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

.contract_items__warn_title {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  margin: 0;
}

.contract_items__warn_desc {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  margin: 0;
}

.contract_items__warn_desc span {
  color: #fd9e47;
}

.text {
  font-weight: 500;
  padding: 0;
  margin: 0;
}

.align--center {
  align-items: center;
}

.text.variant--h1 {
  font-size: 24px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #fff;
}

.text.variant--h1.bold {
  font-weight: 900;
}

.openCaseContent .openCaseContent__container {
  width: 100%;
  margin: 30px auto 0;
  max-width: 1375px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  grid-gap: 8px;
}

@media (min-width: 375px) {
  .openCaseContent .openCaseContent__container {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  }
}

@media (min-width: 425px) {
  .openCaseContent .openCaseContent__container {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    grid-gap: 8px;
  }
}

@media (min-width: 768px) {
  .openCaseContent .openCaseContent__container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 8px;
  }
}

@media (min-width: 1024px) {
  .openCaseContent .openCaseContent__container {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 8px;
  }
}

.openCaseContent .openCaseContent__container .skinCard__wrapper {
  overflow: hidden;
  aspect-ratio: 1.7125;
}

.text.variant--h6 {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #AEB6C2;
}

.text.variant--h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 12px;
  color: #FFF;
}

.skinIcon__backgrounds {
  background-image: url(/assets/rarity/logo.svg);
}

.contract__win {
  position: relative;
  max-width: 771px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.contract__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 51px;
  border-radius: 24px;
  background: #181b25;
  border: 1px solid #29282E26;
  width: 100%;
  height: 100%;
  max-height: 530px;
  margin-bottom: 24px;
  gap: 40px;
  animation: fadeInScale 1s ease-in-out forwards;
}

@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

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


.contract__result_spiral {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  opacity: 0.1;
}

.contract__result_title {
  font-size: 20px;
  font-weight: 700;
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  z-index: 2;
}

.contract__result_btns {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 16px;
  max-width: 496px;
  width: 100%;
  z-index: 2;
}

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

.contract__btn-sell {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  padding: 14px;
  border-radius: 12px;
}

.contract__btn-sell-text {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  color: #FFF;
}

.contract__btn-refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
  padding: 14px;
  border-radius: 12px;
}

.contract__btn-refresh-text {
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
}

.contract__result_item {
  max-width: 290px;
  max-height: 220px;
  width: 100%;
  height: 100%;
}

.contract__result_item .skinCard__wrapper___rrCj {
  overflow: hidden;
  aspect-ratio: 1.4285714286;
}

.container__fls42 {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #151821;
  border-radius: 10px;
  width: 100%;
  max-width: 1375px;
  margin: 0 auto;
  padding: 16px;
}

.partners__navbar {
  flex: auto;
  margin-bottom: 26px;
}

.navbar_list {
  display: flex;
  align-items: center;
  background: #12151C;
  border-radius: 10px;
  width: 100%;
  padding: 20px;
  gap: 60px;
}


.navbar_list-item-link {
  display: inline-block;
  color: #C1C1CC;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: .3s;
}

.navbar_list-item-link:hover {

  color: #FFF;
}

.control__y15L9.size--partners__Sc9Hn {
  --control-size: 46px;
  height: var(--control-size);
  min-height: var(--control-size);
  padding: 0px 10px;
  border-radius: var(--border-radius-md);
}

@media (min-width: 425px) {
  .control__y15L9.size--partners__Sc9Hn {
    padding: 0px 14px;
  }
}


@media (min-width: 768px) {
  .control__y15L9.size--partners__Sc9Hn {
    --control-size: 46px;
    padding: 0px 20px;
  }
}


@media (min-width: 1440px) {
  .control__y15L9.size--partners__Sc9Hn {
    --control-size: 46px;
    padding: 0px 24px;
  }
}

.partners__text {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
}

.statistics__header {
  margin-bottom: 37px;
}

.statistics__header .filter__list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.statistics__header .filter__list .filter__item {
  flex-shrink: 0;

}

.statistics__body {
  display: flex;
  flex: auto;
  flex-direction: column;
}

.table__wrapper {
  overflow: hidden;
  transform: translateZ(0);
}

.table__wrapper.background {
  background: none;
}

.table__container {
  height: 100%;
  overflow: auto;
  position: relative;
  width: 100%;
}

tr.strong:nth-child(odd) {
  background: #12151C;
  border-radius: 10px;

}

tr.strong:nth-child(even) {
  background: #1D212C;
}

.th.green {
  color: #7EC76C;
}

.td.green {
  color: #7EC76C;
}

.withdraw__wrap {
  position: relative;
  width: 100%;
  background: #12151C;
  border-radius: 15px;
  padding: 50px;
}

.withdraw__wrap::before {
  background: url(/assets/partners/money-cash.png) no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 480px;
  position: absolute;
  right: 0;
  width: 640px;
}

.left__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.content__header {
  font-size: 26px;
  font-weight: 700;
  line-height: 21px;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 78px;
  margin-top: 58px;
}

.content__desc {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 50px;
}

.content__desc span {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  color: #C1C1CC;
  text-transform: uppercase;
}

.content__form {
  display: flex;
  flex-direction: column;
}

.form__header {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: #FFF;
  text-transform: uppercase;
  margin-bottom: 21px;
}

.form__body {
  display: flex;
  align-items: center;
  width: 100%;
  height: 60px;
  background: #1D212C;
  border-radius: 15px;
  margin-bottom: 30px;
}

@media (min-width: 550px) {
  .form__body {
    max-width: 471px;
  }
}

.form__input {
  width: 100%;
  height: 100%;
  color: var(--color-text1);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
  padding: 0 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
}

.form__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: #5ABF41;
  border-radius: 15px;
}

@media (min-width: 550px) {
  .form__button {
    max-width: 471px;
  }
}

.button__style {
  font-size: 14px;
  font-weight: 900;
  line-height: 21px;
  color: #FFF;
  text-transform: uppercase;
}

.faq__wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.faq__item {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.accordion__toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 18px;
  border-radius: 10px;
  cursor: pointer;
}

.accordion__toggle[aria-expanded=false] {
  background: #12151C;
}

.accordion__title {
  font-size: 18.8px;
  font-weight: 600;
  line-height: 22.56px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
}

.accordion__arrow {
  width: 37px;
  height: 37px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  flex-shrink: 0;
  transition: all .3s;
  margin-right: 16px;
}

.accordion__toggle .accordion__arrow[aria-expanded=false] {
  background-image: url(/assets/icons/plus-icon.svg);
}

.accordion__toggle .accordion__arrow[aria-expanded=true] {
  background-image: url(/assets/icons/minus-icon.svg);
  transform: rotate(180deg);
}

.faq__item .accordion__toggle[aria-expanded=true] {
  background: #1D212C;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.accordion__body {
  background: #1D212C;
  transition: all .3s;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #737C8F;
  border-radius: 0 0 12px 12px;
  position: relative;
  max-height: 250px;
  will-change: max-height;
  contain: layout;
  opacity: 0;
  transform: translate(0);
  padding: 16px 18px;
}

.faq__item .accordion__body[aria-expanded=true] {
  opacity: 1;
  max-height: 250px;
  padding: 16px 18px;
}

.contacts__wrap {
  width: 100%;
  padding: 20px;
}

.contacts__wrap::before {
  background: url(/assets/partners/telegram-bg.png) no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 475px;
  position: absolute;
  right: 0;
  width: 823px;
}

.contacts__list {
  display: flex;
  align-items: center;
  margin-bottom: 65px;
}

.left__content.space-between {
  justify-content: space-between;
}

.contacts__item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-right: 32px;
}

.item__icon {
  width: 50px;
  height: 50px;
  background: #1D212C;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: #FFF;
}

:where(.css-qjtr0z).ant-segmented {
  box-sizing: border-box;
  margin: 0;
  padding: 2px;
  color: #808399;
  font-size: 14px;
  line-height: 1.5714285714285714;
  list-style: none;
  font-family: Montserrat;
  display: inline-block;
  background: #111219;
  border-radius: 6px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

:where(.css-qjtr0z).ant-segmented [class^="ant-segmented"],
:where(.css-qjtr0z).ant-segmented [class*=" ant-segmented"] {
  box-sizing: border-box;
}

:where(.css-qjtr0z).ant-segmented .ant-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 4px;
  transform: translateZ(0);
}

:where(.css-qjtr0z).ant-segmented .ant-segmented-item-selected {
  background-color: #191b25;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  color: #eeeeee;
}

:where(.css-qjtr0z).ant-segmented .ant-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.payment-currency::before {
  background-repeat: no-repeat;
}

.payment-currency--usd::before {
  background-image: url("/assets/icons/usd-icon.svg");
}

.payment-currency--btc::before {
  background-image: url("/assets/icons/btc-icon.svg");
}

.payment-currency--btc-cash::before {
  background-image: url("/assets/icons/btc-cash-icon.svg");
}

.payment-currency--eth::before {
  background-image: url("/assets/icons/eth-icon.svg");
}

.payment-currency--ton::before {
  background-image: url("/assets/icons/ton-icon.svg");
}

.payment-currency--not::before {
  background-image: url("/assets/icons/not-icon.svg");
}

.payment-currency--ltc::before {
  background-image: url("/assets/icons/ltc-icon.561858b482d2a5eda503.svg");
}

.payment-currency--usdt::before {
  background-image: url("usdt-icon.svg");
}

.payment-currency--ripple::before {
  background-image: url("/assets/icons/ripple-icon.abbc26ebeb6edb435b36.svg");
}

.payment-currency--plg::before {
  background-image: url("plg-icon.1b3ff37258535ad207c6.svg");
}

.payment-currency--bnb::before {
  background-image: url("/assets/icons/bnb-icon.7d802691eb340ec2950c.svg");
}

.payment-currency--bep20::before {
  background-image: url("/assets/icons/bnb-icon.7d802691eb340ec2950c.svg");
}

.payment-currency--bep2::before {
  background-image: url("/assets/icons/bnb-icon.7d802691eb340ec2950c.svg");
}

.payment-currency--uah::before {
  background-image: url("uah-icon.d6502fe5239c0db376e5.svg");
}

.payment-currency--sol::before {
  background-image: url("/assets/icons/solana-icon.8d57ec42506ef0cd1a27.svg");
}

.payment-currency--eur::before {
  background-image: url("eur-icon.ede1dd2b484a10472c2a.svg");
}

.payment-currency--kzt::before {
  background-image: url("kzt-icon.a33aba4b3e32589d0dd6.svg");
}

.payment-currency--rub::before {
  background-image: url("/assets/icons/rub-icon.svg");
}

.payment-currency--try::before {
  background-image: url("uah-icon.d6502fe5239c0db376e5.svg");
}

.payment-currency--azn::before {
  background-image: url("uah-icon.d6502fe5239c0db376e5.svg");
}

.payment-currency--byn::before {
  background-image: url("uah-icon.d6502fe5239c0db376e5.svg");
}

.payment-currency--uzs::before {
  background-image: url("uah-icon.d6502fe5239c0db376e5.svg");
}

.payment-currency--erc20::before {
  background-image: url("/assets/icons/eth-icon.356a0a314586027b2362.svg");
}

.payment-currency--trc20::before {
  background-image: url("/assets/icons/deposit/tron-icon.svg");
}

.payment-currency--tron::before {
  background-image: url("/assets/icons/deposit/tron-icon.svg");
}

.payment-currency--solana::before {
  background-image: url("/assets/icons/solana-icon.8d57ec42506ef0cd1a27.svg");
}

.payment-currency--eth::before {
  background-image: url("/assets/icons/eth-icon.356a0a314586027b2362.svg");
}

.payment-currency--trx::before {
  background-image: url("/assets/icons/deposit/tron-icon.svg");
}

.payment-currency--bsc::before {
  background-image: url("/assets/icons/bnb-icon.7d802691eb340ec2950c.svg");
}

.payment-currency--bitcoin::before {
  background-image: url("/assets/icons/btc-icon.30c0733b880400b7c405.svg");
}

.payment-currency--litecoin::before {
  background-image: url("/assets/icons/ltc-icon.561858b482d2a5eda503.svg");
}

.payment-currency--uzs::before {
  background-image: url("uzs-icon.6b075337b9b681bd31f0.svg");
}

.payment-currency--try::before {
  background-image: url("try-icon.8ed2766bb5dee43c1510.svg");
}

.payment-currency--pln::before {
  background-image: url("pln-icon.33f8f3d3f09eb85da6d9.svg");
}