/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Regular.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Regular.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Regular.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Regular.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Regular.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0460-052f, U+1c80-1c88, U+20b4, U+2de0-2dff, U+a640-a69f, U+fe2e-fe2f
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045f, U+0490-0491, U+04b0-04b1, U+2116
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01a0-01a1, U+01af-01b0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1ea0-1ef9, U+20ab
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+0100-02af, U+0304, U+0308, U+0329, U+1e00-1e9f, U+1ef2-1eff, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Google Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/css/fonts/GoogleSans-Bold.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+0304, U+0308, U+0329, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: sbFont;
  src: url(/css/fonts/sbLogo.woff2) format("woff2");
  font-display: swap;
  font-weight: 500
}

@font-face {
  font-family: sbFont;
  src: url(/css/fonts/sbLogo.woff2) format("woff2");
  font-display: swap;
  font-weight: 600
}

@font-face {
  font-family: sbFont;
  src: url(/css/fonts/sbLogo.woff2) format("woff2");
  font-display: swap;
  font-weight: 700
}

@font-face {
  font-family: sbFont;
  src: url(/css/fonts/sbLogo.woff2) format("woff2");
  font-display: swap;
  font-weight: 800
}

@font-face {
  font-family: sbFont;
  src: url(/css/fonts/sbLogo.woff2) format("woff2");
  font-display: swap;
  font-weight: 900
}


: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;
  --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-text2: #8595ae;
  --color-gray: #687894;
  --color-gray-primary: #626D7E;
  --color-gray-secondary: #12171E;
  --color-grey-dark: #363753;
  --color-gray-dark: #363753;
  --color-grey-light: #67688e;
  --color-red-light: #855f79;
  --color-green: #54B466;
  --color-green-primary: #75CB7D;
  --color-gray-dark-2: #1a2330;
  --color-gold: #FFB973;
  --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);
  --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: #202737;
  --color-rarity-consumer: #96939A;
  --color-rarity-industrial: #5e98d9;
  --color-rarity-milspec: #5887F7;
  --color-rarity-restricted: #975DF8;
  --color-rarity-classified: #E039FB;
  --color-rarity-covert: #FC5763;
  --color-rarity-knife-gloves: #F3B475;
  --gradient-rarity-unknown: #1C2331;
  --gradient-rarity-consumer: linear-gradient(180deg, rgba(73, 78, 84, 0) -7.98%, hsla(216, 9%, 55%, .237) 83.46%),
    #21212c;
  --gradient-rarity-industrial: linear-gradient(180deg, rgba(36, 70, 78, 0), rgba(82, 172, 192, .22) 90%),
    #201f2b;
  --gradient-rarity-milspec: linear-gradient(180deg, rgba(26, 17, 81, 0), rgba(38, 64, 201, .24) 90%),
    #201f2b;
  --gradient-rarity-restricted: linear-gradient(180deg, rgba(34, 17, 81, 0), rgba(125, 46, 204, .24) 90%),
    #201f2b;
  --gradient-rarity-classified: linear-gradient(180deg, rgba(81, 17, 29, 0), rgba(209, 56, 102, .24) 90%),
    #201f2b;
  --gradient-rarity-covert: linear-gradient(180deg, rgba(81, 25, 17, 0), rgba(197, 48, 28, .24) 90%),
    #201f2b;
  --gradient-rarity-knife-gloves: linear-gradient(180deg, rgba(81, 55, 17, 0), rgba(197, 139, 28, .24) 90%),
    #201f2b;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "sbFont", "Inter", sans-serif;
}

body {
  background-color: #0d0f19;
  margin: 0;
  color: #FFF;
}


.container {
  max-width: 1440px;
  margin: 0 auto;
}



button {
  cursor: pointer;
}

.title {
  margin: 0 auto;
}

.title_main-page-cases {
  color: #fff;
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: relative;
}

.title_page {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  height: auto;
  width: auto;
  padding: 0 52px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -25px;
  background-color: #0d0f19;
}

.title_page-bonus {
  padding: 0 32px;
}

.title_page-profile {
  padding: 0 18px;
}

.title_page-balance {
  padding: 0 36px;
}

.title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}

.title-wrapper-click {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer;
}

.account-items {
  margin-top: 40px;
}

.account-items__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ads-winter {
  width: 208px;
  height: 53px;
  background-color: #2655ff;
  border-radius: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.ads-winter-block {
  position: relative;
}

.ads-winter__text {
  margin: 0 auto;
}

.ads-winter__title {
  position: relative;
  color: #fff;
  font-size: 26px;
  font-style: italic;
  font-weight: 900;
  z-index: 2;
  text-align: center;
}

.ads-winter__subtitle {
  position: relative;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  z-index: 2;
  text-align: center;
}

.ads-winter img {
  position: absolute;
  z-index: 1;
  height: 95px;
}

.ads-winter img:nth-child(1) {
  left: -5px;
  top: -15px;
}

.ads-winter img:nth-child(2) {
  right: -23px;
  top: -10px;
}

.ads-winter__close {
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: rgba(186, 186, 186, 0.37);
  border: 1px #6f6f6f solid;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: -3px;
  top: -6px;
}

.ads-winter__close img {
  width: 7px;
  margin-left: 0.5px;
  margin-top: 1px;
}

.modal-auth__title {
  margin-top: 35px;
  margin-left: 30px;
  width: 245px;
  color: white;
  font-size: 34px;
  font-weight: 700;
}

.modal-auth__subtitle {
  margin-top: 19px;
  margin-left: 30px;
  width: 177px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.modal-auth__main-block {
  width: 383px;
  height: 100%;
  padding: 44px 41px;
}

.modal-auth__main-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.modal-auth__main-title {
  color: white;
  font-size: 24px;
  font-weight: 700;
}

.modal-auth__close {
  cursor: pointer;
}

.modal-auth__back-light {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.modal-auth__back-dark {
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}

.modal-auth__back-girl {
  position: absolute;
  z-index: 4;
  bottom: -12px;
  left: -70px;
  width: 367px;
}

.modal-auth__back-circles {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-25%) translateY(25%);
  -ms-transform: translateX(-25%) translateY(25%);
  transform: translateX(-25%) translateY(25%);
  z-index: 4;
  width: 600px;
}

.modal-auth__back-drop {
  position: absolute;
  width: 200px;
  top: -50px;
  right: -75px;
  z-index: 5;
}

.modal-auth__back-galactic {
  position: absolute;
  z-index: 6;
  bottom: -134px;
  left: -250px;
  width: 582px;
  mix-blend-mode: color-dodge;
}

.modal-auth__title-wrapper {
  position: relative;
  width: 301px;
  overflow: hidden;
}

.modal-auth__divider {
  margin-top: 36px;
  width: 100%;
  height: 1px;
  background: #1a1d2c;
  border-radius: 7px;
}

.modal-auth__login {
  margin-top: 76px;
}

.modal-auth__login-title {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.modal-auth__login-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  margin-top: 21px;
}

.modal-auth__login-icon {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px #1a1d2e solid;
  background: #212537;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-auth__login-icon svg {
  fill: #67718E
}

.modal-auth__login-icon:hover {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 13.6999998093px rgba(43, 86, 232, 0.39);
  box-shadow: 0px 0px 13.6999998093px rgba(43, 86, 232, 0.39);
}

.modal-auth__login-icon:hover svg {
  fill: white
}

.modal-auth__agreements {
  margin-top: 130px;
}

.modal-auth__agreement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}

.modal-auth__checkbox {
  width: 20px;
  height: 20px;
  background: #212537;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.modal-auth__checkbox-active {
  background: #2b59ff;
}

.modal-auth__checkbox-title {
  width: 283px;
  color: #9598ac;
  font-size: 12px;
  font-weight: 500;
}

.modal-auth__checkbox-title span {
  color: #2b59ff;
}

.modal-auth__checkbox-title a {
  color: #2b59ff;
}

.balance__block {
  height: auto;
  width: 100%;
  border: 2px rgba(46, 46, 46, 0.2) solid;
  border-radius: 36px;
  padding: 0 30px 28px 86px;
  margin-top: 78px;
  position: relative;
}

.balance__divider {
  width: 3px;
  height: 396px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(43, 89, 255, 0)),
      color-stop(50%, #2b59ff),
      to(rgba(43, 89, 255, 0)));
  background: -o-linear-gradient(top,
      rgba(43, 89, 255, 0) 0%,
      #2b59ff 50%,
      rgba(43, 89, 255, 0) 100%);
  background: linear-gradient(180deg,
      rgba(43, 89, 255, 0) 0%,
      #2b59ff 50%,
      rgba(43, 89, 255, 0) 100%);
  border-radius: 3px;
}

.balance__descr {
  margin-top: 22px;
  width: 100%;
  color: #8b95ad;
  font-size: 12px;
  font-weight: 300;
}

.balance__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 21px;
  margin-top: 103px;
}

.balance__pay-ways {
  width: auto;
  height: auto;
}

.balance__pay-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 618px;
}

.balance__pay-item {
  width: 146px;
  height: 110px;
  background: #121524;
  border-radius: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.balance__pay-item-click {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

.balance__pay-item-selector {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px rgba(43, 89, 255, 0.41) solid;
}

.balance__pay-item-selector img {
  position: absolute;
  left: -1px;
  bottom: -2px;
}

.balance__pay-item-active {
  border: 1px #2b59ff solid;
}

.balance__payment {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.balance__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.balance__checkbox-selector-wrapper {
  background: #0b0d19;
  position: relative;
}

.balance__input-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  border-radius: 20px;
  margin: 0 auto;
}

.balance__input {
  width: 100%;
  position: relative;
  display: block;
}

.balance__input-field {
  padding: 23px 5px 23px 22px;
  width: 100%;
  height: auto;
  background: #0b0d19;
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.balance__input-field::-webkit-input-placeholder {
  color: #8b95ad;
  font-size: 14px;
  font-weight: 400;
}

.balance__input-field::-moz-placeholder {
  color: #8b95ad;
  font-size: 14px;
  font-weight: 400;
}

.balance__input-field:-ms-input-placeholder {
  color: #8b95ad;
  font-size: 14px;
  font-weight: 400;
}

.balance__input-field::-ms-input-placeholder {
  color: #8b95ad;
  font-size: 14px;
  font-weight: 400;
}

.balance__input-field::placeholder {
  color: #8b95ad;
  font-size: 14px;
  font-weight: 400;
}

.balance__input-field-sum {
  padding-left: 50px;
}

.balance__input img {
  position: absolute;
  top: 21px;
  left: 21px;
}

.balance__input-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 197px;
  height: 63px;
  background: #2b56e8;
  -webkit-box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  gap: 20px;
  cursor: pointer;
}

.balance__input-button-text {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.bonus__button_bonus-card {
  margin: 0 auto;
  margin-top: 16px;
}

.bonus__block {
  height: auto;
  width: 100%;
  border: 2px rgba(46, 46, 46, 0.2) solid;
  border-radius: 36px;
  padding: 0 20px 81px 20px;
  margin-top: 78px;
  position: relative;
}

.bonus__main-card {
  position: relative;
  max-width: 1317px;
  height: auto;
  background: #121524;
  -webkit-box-shadow: 0px 4px 4px rgba(10, 12, 22, 0.2);
  box-shadow: 0px 4px 4px rgba(10, 12, 22, 0.2);
  border-radius: 18px;
  margin: 0 auto;
  margin-top: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 190px;
  padding-top: 29px;
  padding-bottom: 29px;
  -webkit-column-gap: 90px;
  -moz-column-gap: 90px;
  column-gap: 90px;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
}

.bonus__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 13px;
  gap: 13px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bonus__card {
  width: 320px;
  min-height: 271px;
  background: #121524;
  -webkit-box-shadow: 0px 4px 4px rgba(17, 21, 37, 0.26);
  box-shadow: 0px 4px 4px rgba(17, 21, 37, 0.26);
  border-radius: 20px;
  padding: 0 26px 26px 26px;
  position: relative;
  overflow: hidden;
}

.bonus__card-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bonus__card-light {
  width: 66px;
  height: 66px;
  opacity: 0.78;
  background: #3e74fd;
  -webkit-box-shadow: 134.6999969482px 134.6999969482px 134.6999969482px;
  box-shadow: 134.6999969482px 134.6999969482px 134.6999969482px;
  -webkit-filter: blur(54.7px);
  filter: blur(54.7px);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bonus__card-icon {
  margin-top: 30px;
}

.bonus__card-icon-bonus-drop {
  margin-top: 45px;
}

.bonus__card-icon-bonus-drop img {
  width: 70px;
}

.bonus__card-icon img {
  display: block;
  margin: 0 auto;
}

.bonus__card-title {
  margin-top: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.bonus__card-descr {
  margin-top: 9px;
  max-width: 267px;
  text-align: center;
  color: #8b95ad;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
}

.bonus__level img {
  position: absolute;
  left: -13px;
  top: -26px;
  width: 180px;
  height: 151px;
}

.bonus__level-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.bonus__level-title span {
  color: #d47b2a;
}

.bonus__level-descr {
  margin-top: 12px;
  color: #767b94;
  font-size: 12px;
  font-weight: 700;
}

.bonus__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 62px;
  position: relative;
}

.bonus__step-line {
  width: 190px;
  height: 2px;
  position: absolute;
  top: 21px;
  left: 50px;
  background: url("/assets/img/bonus/dotted-line.png");
}

.bonus__step-number {
  width: 42px;
  height: 42px;
  background: #1e1b24;
  border-radius: 8px;
  color: #d47b2a;
  font-size: 18px;
  font-weight: 700;
  line-height: 42px;
  text-align: center;
}

.bonus__step-descr {
  margin-top: 15px;
  color: #767b94;
  font-size: 12px;
  font-weight: 700;
}

.bonus__step-descr a {
  color: #2d5dff;
  text-decoration: underline;
}

.button__wrapper {
  height: auto;
  width: auto;
  padding: 0 52px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
  background-color: #0d0f19;
}

.button_auth {
  display: inline-block;
  width: auto;
  height: auto;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 10.6999998093px #001b7e;
  box-shadow: 0px 0px 10.6999998093px #001b7e;
  border-radius: 12px;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 17px;
  cursor: pointer;
}

.button_cooperation {
  width: 172px;
  height: 52px;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 19.6999998093px rgba(10, 55, 216, 0.6);
  box-shadow: 0px 0px 19.6999998093px rgba(10, 55, 216, 0.6);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.button_upgrade {
  width: 132px;
  height: 52px;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 7.0999999046px rgba(43, 89, 255, 0.44);
  box-shadow: 0px 0px 7.0999999046px rgba(43, 89, 255, 0.44);
  border-radius: 13px;
  border: 1px #4974fe solid;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.button_activate-promocode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  width: auto;
  height: auto;
  border-radius: 8px;
  padding: 14px 19px;
  border: 1px #2e5fff solid;
  background: none;
  z-index: 5;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
}

.button_promocode {
  background: #161722;
  border-radius: 12px;
  border: none;
  padding: 17px 27px;
  font-size: 16px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  color: #fff;
  font-weight: 700;
}

@media (max-width: 767px) {
  .button_promocode span {
    display: none;
  }
}

.button_openning {
  width: 152px;
  height: 52px;
  background: #121524;
  border-radius: 12px;
  border: 1px #131624 solid;
  color: #4f5670;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 52px;
}

.button_retry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 1px #6286fe solid;
  padding: 13px 24px;
}

.button_sell-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 2px #3160ff solid;
  padding: 16px 24px;
  background: none;
}

.button_add-to-contract {
  background: #161722;
  -webkit-box-shadow: 0px 4px 4px rgba(17, 17, 25, 0.24);
  box-shadow: 0px 4px 4px rgba(17, 17, 25, 0.24);
  border-radius: 12px;
  border: 1px white solid;
  color: white;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  padding: 16px 24px;
  background: none;
}

.button_back {
  border-radius: 12px;
  width: 113px;
  height: 45px;
  background: #161722;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #8188a5;
  font-weight: 500;
  border: none;
}

.button_error-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 227px;
  height: 55px;
  background: #3060ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 20, 88, 0.13);
  box-shadow: 0px 4px 4px rgba(0, 20, 88, 0.13);
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  border: none;
  position: relative;
  z-index: 5;
}

.button_bonus-card {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  border-radius: 11px;
  border: 1px #2c5dff solid;
  text-align: center;
  color: white;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.button_bonus-card-long {
  padding: 12px 17px;
}

.button_bonus-card-short {
  padding: 12px 27px;
}

.button_invent {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2b59ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  border-radius: 8px;
  border: 1px #2e5fff solid;
  gap: 10px;
  padding: 16px 26px 16px 14px;
}

.button_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 203px;
  height: 44px;
  border-radius: 11px;
  font-size: 14px;
}

.button_profile-dark {
  margin-top: 5px;
  background: #21263f;
  -webkit-box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  border: 1px #1a223b solid;
  color: #8b95ad;
  font-weight: 500;
  gap: 10px;
}

.button_profile-green {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#00932f),
      to(#00a535));
  background: -o-linear-gradient(top, #00932f 0%, #00a535 100%);
  background: linear-gradient(180deg, #00932f 0%, #00a535 100%);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 17, 5, 0.28);
  box-shadow: 0px 4px 4px rgba(0, 17, 5, 0.28);
  border: 1px #31ab5a solid;
  gap: 10px;
}

.button_profile-case {
  width: auto;
  height: auto;
  background: #2b59ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  border-radius: 8px;
  border: 1px #2e5fff solid;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 8px 17px;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
}

.back-button {
  border-radius: 12px;
  width: 113px;
  height: 45px;
  background: #161722;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-weight: 500;
  border: none;
}

.back-button__text {
  font-size: 14px;
  color: #8188a5;
}

.back-button-upgrade {
  position: absolute;
  top: 72px;
  left: 52px;
}

.back-button_profile,
.back-button_balance,
.back-button_case1x {
  position: absolute;
  top: 28px;
  left: 28px;
  z-index: 5;
}

.back-button_case1x {
  top: 68px;
}

.button_promocode-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 216px;
  height: 88px;
  background: #2b56e8;
  -webkit-box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  gap: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.button_open-case {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 1px #6286fe solid;
  padding: 16px 24px;
}

.button_open-case-fast {
  border: 2px #3160ff solid;
  background: none;
  border-radius: 12px;
  padding: 16px 24px;
}

.cards {
  margin-top: 25px;
  margin-bottom: 150px;
}

.cards-promo {
  margin-bottom: 95px;
}

.cards__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.cards__item {
  position: relative;
  height: 274px;
  width: 224px;
  background: -o-linear-gradient(303deg, #191b2a 0%, #0d0f1b 100%);
  background: linear-gradient(147deg, #191b2a 0%, #0d0f1b 100%);
  -webkit-box-shadow: 0px 2px 6.9000000954px rgba(11, 14, 28, 0.43);
  box-shadow: 0px 2px 6.9000000954px rgba(11, 14, 28, 0.43);
  border-radius: 20px;
  overflow: hidden;
}

.cards__item-title {
  width: 135px;
  color: #606980;
  font-size: 18px;
  font-weight: 500;
  margin-left: 25px;
  margin-top: 25px;
  font-family: Inter;
}

.cards__item-img {
  position: absolute;
  padding: 0 9px;
  margin-top: 10px;
  width: 100%;
}

.cards__item-light {
  position: absolute;
  top: -19px;
  left: -10px;
  width: 80px;
  height: 80px;
  background: #d9d9d9;
  -webkit-box-shadow: 200px 200px 200px;
  box-shadow: 200px 200px 200px;
  border-radius: 100%;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.case__block {
  position: relative;
}

.case__block-color {
  width: 100%;
  background-image: url("/assets/img/case/background/background-image.png");
  background-size: cover;
  outline: 20px #0d0f19 solid;
  outline-offset: -20px;
}

.case__block-color-background-blur {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 30px;
  outline: 90px #0d0f19 solid;
  outline-offset: -60px;
  -webkit-filter: blur(20.3px);
  filter: blur(20.3px);
  z-index: 1;
}

.case__block-color_case-opening {
  height: 570px;
}

.case__block-color_final {
  height: auto;
}

.case__block-color_x {
  height: auto;
}

.case-color__photo {
  width: 257px;
  height: 257px;
  margin: 0 0;
}

.case-color__photos {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1px;
}

.case-color__button_promocode {
  top: 68px;
  right: 60px;
  z-index: 2;
}

.case-color__button_back {
  position: absolute;
  top: 68px;
  left: 30px;
  z-index: 2;
}

.case-color__cases-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
}

.case-color__cases-counter {
  width: 35px;
  height: 35px;
  background: #161722;
  -webkit-box-shadow: 0px 4px 4px rgba(18, 19, 28, 0.25);
  box-shadow: 0px 4px 4px rgba(18, 19, 28, 0.25);
  border: none;
  border-right: 1px #0d0f19 solid;
  color: #8b95ad;
  font-size: 12px;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
}

.case-color__cases-counter-active {
  background: #2b59ff;
  color: white;
}

.case-color__cases-count {
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 80px;
  width: 175px;
  height: auto;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
  z-index: 3;
}

.case-final__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 90px;
  width: 100%;
  position: relative;
  z-index: 10;
}

.case-final__buttons {
  position: absolute;
  bottom: -20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  z-index: 5;
  width: 100%;
}

.case-final__item {
  width: 310px;
  height: 310px;
  margin: 0 -20px;
}

.case-final__item-back {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.case-final__item-card {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.case-final__item-skin {
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -48%);
  -ms-transform: translate(-50%, -48%);
  transform: translate(-50%, -48%);
  z-index: 3;
}

.case-final__item-sell-button {
  width: 96px;
  height: 30px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#28a745),
      to(#218838));
  background: -o-linear-gradient(top, #28a745 0%, #218838 100%);
  background: linear-gradient(180deg, #28a745 0%, #218838 100%);
  border-radius: 5px;
  border: none;
  color: #0d0f19;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  margin-top: -25px;
  position: relative;
  z-index: 5;
}


.case-final__item-sell-button-is-sold {
  width: 96px;
  height: 30px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ff0000),
      to(#cc0000));
  background: -o-linear-gradient(top, #ff0000 0%, #cc0000 100%);
  background: linear-gradient(180deg, #ff0000 0%, #cc0000 100%);
  border-radius: 5px;
  border: none;
  color: #0d0f19;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  margin-top: -25px;
  position: relative;
  z-index: 5;
}


.case-final__label-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.case-item {
  position: relative;
  width: 122px;
  height: 127px;
  background-image: url("/assets/img/upgrade/images/back-card.png");
  background-size: cover;
  -webkit-box-shadow: 0px 4px 4px rgba(20, 23, 35, 0.25);
  box-shadow: 0px 4px 4px rgba(20, 23, 35, 0.25);
  border-radius: 11px;
  overflow: hidden;
  cursor: pointer;
}

.case-item_upgrade {
  width: 122px;
  height: 127px;
}

.case-item_spinner,
.case-item_account,
.case-item_inside {
  width: 193px;
}

.case-item_spinner {
  height: 146px;
}

.case-item_inside {
  height: 171px;
}

.case-item_account {
  height: 219px;
}

.case-item_scroll {
  width: 138px;
  height: 90px;
  cursor: pointer;
}

.case-item-label {
  position: absolute;
  width: 22px;
  height: 17px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffa800),
      to(#ff6b00));
  background: -o-linear-gradient(left, #ffa800 0%, #ff6b00 100%);
  background: linear-gradient(90deg, #ffa800 0%, #ff6b00 100%);
  border-radius: 3px;
  display: block;
  color: #1a1e31;
  font-size: 8px;
  font-weight: 900;
  line-height: 17px;
  text-align: center;
}

.case-item-label_upgrade {
  left: 11px;
  top: 9px;
}

.case-item-label-right {
  right: 18px;
  top: 12px;
}

.case-item-label_inside {
  left: 15px;
  top: 15px;
}

.case-item-label_account {
  left: 15px;
  top: 11px;
}

.case-item-label_final {
  width: 12.33px;
  height: 9.53px;
  font-size: 6px;
  line-height: 9px;
  position: static;
  margin-top: 90px;
  z-index: 3;
}

.case-item-label_scroll {
  width: 14.24px;
  height: 11px;
  font-size: 5px;
  top: 7px;
  right: 7px;
  text-align: center;
  line-height: 11px;
}

.case-item__photo {
  position: absolute;
}

.case-item__photo_upgrade {
  top: 20px;
  width: 80%;
  left: 10%;
}

.case-item__photo_spinner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 35px;
  width: 115%;
}

.case-item__photo-wrapper {
  width: 100%;
  position: absolute;
}

.case-item__photo-wrapper_case-inside {
  height: 96px;
  top: 58px;
  left: 0;
}

.case-item__photo-wrapper_header-scroll {
  height: 69px;
  top: 8px;
  left: 0;
}

.case-item__photo-wrapper_account {
  height: 96px;
  top: 65px;
  left: 0;
}

.case-item__photo-wrapper_contract {
  height: 96px;
  top: 80px;
  left: 0;
}

.case-item__photo-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.case-item__photo_account {
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 40px;
  width: 100%;
}

.case-item__photo_contract {
  width: 100%;
  top: 50px;
}

.case-item__price {
  position: absolute;
  font-size: 11px;
  font-weight: 700;
}

.case-item__price_upgrade {
  top: 13px;
  right: 13px;
  color: #fba139;
}

.case-item__price_account {
  color: #ffd600;
  top: 14px;
  right: 17px;
}

.case-item__price_final {
  color: #ffa800;
  font-size: 16px;
  font-weight: 700;
  position: relative;
  text-align: center;
  margin-top: 75px;
  z-index: 3;
}

.case-item__player {
  color: #8b95ad;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22px;
  text-align: center;
  margin-top: 13px;
}

.case-item__name {
  color: #8b95ad;
  font-weight: 700;
  text-align: center;
}

.case-item__name_upgrade {
  font-size: 11px;
  margin-top: 90px;
}

.case-item__name_spinner {
  font-size: 14px;
  margin-top: 19px;
}

.case-item__name_inside {
  font-size: 12px;
  margin-top: 19px;
}

.case-item__name_account {
  font-size: 11px;
  margin-top: 27px;
}

.case-item__name_final {
  font-size: 12px;
  margin-top: 90px;
  z-index: 3;
}

.case-item__skin {
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.case-item__skin_upgrade {
  margin-top: 3px;
  font-size: 10px;
}

.case-item__skin_spinner,
.case-item__skin_inside,
.case-item__skin_account {
  font-size: 14px;
  margin-top: 0;
}

.case-item__skin_final {
  margin-top: 3px;
  font-size: 14px;
  position: relative;
  z-index: 3;
}

.case-item__light {
  width: 80px;
  height: 2px;
  border-radius: 13px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.rarity__light {
  width: 100px;
  height: 2px;
  border-radius: 13px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

.case-item__light.rarity--1 {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(192, 192, 192, 0.8);
  box-shadow: 0px 0px 44px 11px rgba(192, 192, 192, 0.8);
  background: #c0c0c0;
}

.case-item__light.rarity--3 {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(129, 32, 239, 0.8);
  box-shadow: 0px 0px 44px 11px rgba(129, 32, 239, 0.8);
  background: #8120ef;
}


.case-item__light.rarity--5 {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(228, 39, 56, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(228, 39, 56, 0.47);
  background: #e42738;
}


.case-item__light.rarity--4 {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(241, 64, 175, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(241, 64, 175, 0.47);
  background: #f140af;
}



.case-item__light.rarity--2 {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(48, 96, 255, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(48, 96, 255, 0.47);
  background: #3060ff;
}


.case-item__light.rarity--6 {
  background: #ffa800;
  -webkit-box-shadow: 0px 0px 44px 11px rgba(255, 168, 0, 0.3);
  box-shadow: 0px 0px 44px 11px rgba(255, 168, 0, 0.3);
}


.case-item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 16px;
}

.case-item-button {
  padding: 8px 13px;
  border-radius: 7px;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  border: none;
}

.case-item-button_sell {
  background: #ff323a;
}

.case-item-button_buy {
  background: #3060ff;
}

.case-item-button_wait,
.case-item-button_sold,
.case-item-button_done {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.case-item-button_wait {
  background: #ff922a;
}

.case-item-button_done {
  background: #00932f;
}

.case-item-button_sold {
  background: #ff323a;
}

.case-openning {
  width: 100%;
  height: calc(100% - 30px);
  position: relative;
  margin-top: 30px;
  z-index: 0;
}

.case-openning__button_back {
  position: absolute;
  top: 30px;
  left: 41px;
  z-index: 2;
}

.case-openning__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -24px;
  overflow: hidden;
  height: 100%;
}

.case-openning__column {
  height: auto;
  margin: 0 -25px;
}

/* .case-openning__column:nth-child(1) {
  margin-top: -110px;
}
.case-openning__column:nth-child(2) {
  margin-top: -85px;
}
.case-openning__column:nth-child(3) {
  margin-top: -110px;
}
.case-openning__column:nth-child(4) {
  margin-top: -220px;
}
.case-openning__column:nth-child(5) {
  margin-top: -110px;
} */
.case-openning__item {
  margin-top: -45px;
  width: 305px;
  height: 305px;
  position: relative;
}

.case-openning__item-back {
  position: absolute;
  width: 100%;
}

.case-openning__item-skin {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 52%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.case-openning__item-skin-glitch {
  width: 140%;
}

.case-openning__item-light_red {
  background-color: rgba(228, 39, 56, 0.4);
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case-openning__item-light_purple {
  background-color: rgba(80, 34, 145, 0.3);
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case-openning__item-light_blue {
  background-color: rgba(43, 89, 255, 0.2);
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case-openning__item-light_pink {
  background-color: rgba(241, 64, 175, 0.3);
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case-openning__item-light {
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case-openning__label {
  display: inline-block;
  position: absolute;
  z-index: 5;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.case-openning__label_1x {
  bottom: -25px;
  padding: 0 44px;
  background-color: #0d0f19;
}

.case-openning__label-icon {
  margin: 0 auto;
}

.case-openning__label-icon img {
  display: block;
  margin: 0 auto;
}

.case-openning__label-text {
  margin-top: 10px;
  color: #8b95ad;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.case-openning__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
}

.case-openning__arrow-left {
  right: 0;
}

.case-openning__arrow-right {
  left: 0;
}

.case__block {
  margin-top: 80px;
  position: relative;
  border-radius: 36px;
  border: 2px rgba(255, 255, 255, 0.02) solid;
}

.case__block_mini {
  height: 470px;
}

.case__button_back {
  position: absolute;
  top: 30px;
  left: 30px;
}

.case__button_promocode {
  position: absolute;
  top: 30px;
  right: 30px;
}

.case__label {
  -webkit-text-fill-color: #ff3239;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(85deg, #f24c6a 0, #ff3239 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
  position: relative;
  z-index: 10;
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  position: relative;
  margin: 0 auto;
  display: block;
  width: fit-content;
  text-align: center;
}

.case__label_case-color {
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}

.case__title {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
  text-align: center;
  position: relative;
  z-index: 4;
  margin: 0;
}

.case-spinner {
  margin-top: 105px;
  height: 194px;
}

.case-spinner__block {
  position: relative;
  max-width: 1387px;
  height: 194px;
  background: #0a0c14;
  border-radius: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  overflow: hidden;
}

.case-spinner__items {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.case-spinner__pointer {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.case-spinner__pointer-blue {
  position: absolute;
  z-index: 7;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.case-spinner__dark {
  width: 176px;
  height: 194px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  z-index: 10;
  top: 0;
  border-radius: 22px;
}

.case-spinner__dark-left {
  background: -webkit-gradient(linear,
      right top,
      left top,
      color-stop(25%, #0a0c14),
      to(rgba(10, 12, 20, 0)));
  background: -o-linear-gradient(right, #0a0c14 25%, rgba(10, 12, 20, 0) 100%);
  background: linear-gradient(270deg, #0a0c14 25%, rgba(10, 12, 20, 0) 100%);
  left: 0;
}

.case-spinner__dark-right {
  background: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(25%, #0a0c14),
      to(rgba(10, 12, 20, 0)));
  background: -o-linear-gradient(left, #0a0c14 25%, rgba(10, 12, 20, 0) 100%);
  background: linear-gradient(90deg, #0a0c14 25%, rgba(10, 12, 20, 0) 100%);
  right: 0;
}

.case-inside {
  width: 100%;
}

.case-inside__title_fz26 {
  text-align: center;
  margin-top: 100px;
}

.case-inside__list {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 14px;
}

.case__photo {
  width: 366px;
  height: auto;
  margin-top: 20px;
}

.case__photo_non-open {
  margin: 20px auto;
}

.case__photo img {
  width: 100%;
}

.case__open-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  z-index: 5;
}

.case__light {
  position: absolute;
  width: 30%;
  height: 30%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(15px);
  filter: blur(15px);
  z-index: 1;
}

.case__light_red {
  background-color: rgba(228, 39, 56, 0.4);
}

.case__light_purple {
  background-color: rgba(80, 34, 145, 0.3);
}

.case__light_blue {
  background-color: rgba(43, 89, 255, 0.2);
}

.case__light_pink {
  background-color: rgba(241, 64, 175, 0.3);
}

.case__light_common {
  background-color: rgba(134, 153, 159, 0.3);
  /* #86999F */
}

.case__light_uncommon {
  background-color: rgba(19, 133, 194, 0.3);
  /* #1385C2 */
}

.case__light_rare {
  background-color: rgba(16, 70, 179, 0.3);
  /* #1046B3 */
}

.case__light_epic {
  background-color: rgba(133, 6, 206, 0.3);
  /* #8506CE */
}

.case__light_legendary {
  background-color: rgba(194, 26, 150, 0.3);
  /* #C21A96 */
}

.case__light_arcane {
  background-color: rgba(210, 30, 34, 0.3);
  /* #D21E22 */
}

.case__light_nameless {
  background-color: rgba(247, 173, 57, 0.3);
  /* #F7AD39 */
}

.change-language {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 86px;
  height: 41px;
  background: #181b2d;
  border-radius: 7px;
  border: none;
}

.change-language__flag {
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.change-language__name {
  margin-right: 6px;
  color: #8b95ad;
  font-size: 12px;
  font-weight: 600;
}

.change-language__name_list {
  margin-right: 0;
}

.change-language__arrow_rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.change-language__languages {
  position: absolute;
  width: 86px;
  height: auto;
  top: 36px;
  background: #181b2d;
  border-radius: 7px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 10px 10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 5px;
  z-index: 10;
}

.change-language__languages li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contacts__cooperation-icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}

.contacts__email {
  width: 214px;
  height: 54px;
  border-radius: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url("/assets/img/footer/icons/dotted-block.svg") center center/cover;
}

.contacts__email-icon {
  width: 18.33px;
  height: 13.33px;
  margin-right: 9px;
}

.contacts__email-address {
  color: #31e26a;
  font-size: 14px;
  font-weight: 500;
}

.contacts__message {
  width: 420px;
  color: #2c3041;
  font-size: 12px;
  font-weight: 500;
}

.contract__block {
  height: auto;
  width: 100%;
  border: 2px rgba(46, 46, 46, 0.2) solid;
  border-radius: 36px;
  padding: 0px 0 80px 0;
  margin-top: 27px;
  position: relative;
  z-index: 1;
}

.contract__random-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 16px;
  font-weight: 800;
  height: 52px;
  background: #737373;
  border-radius: 13px 0 0 13px;
  border: none;
}

.contract__random-button img {
  max-height: 80%;
  /* Задает максимальную высоту изображения относительно кнопки */
  max-width: 80%;
  /* Задает максимальную ширину изображения относительно кнопки */
}

.contract__create-button {
  color: #8b95ad;
  font-size: 16px;
  font-weight: 800;
  width: 132px;
  height: 52px;
  background: #121524;
  border-radius: 0 13px 13px 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contract__create-button-wrapper {
  position: absolute;
  width: 204px;
  height: auto;
  background-color: #0d0f19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  bottom: 0;
}

.contract__create-button-fill {
  color: #fff;
  background: #2b59ff;
}

.contract__create-save-crafted-item {
  color: #fff;
  background: #00a408;
  border-radius: 13px;
}

.contract__creating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.contract__creating-prize {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}

.upgrade__creating-prize {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}

@keyframes glow {
  0% {
    box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
  }

  50% {
    box-shadow: 0 0 20px rgba(255, 255, 0, 1);
  }

  100% {
    box-shadow: 0 0 10px rgba(255, 255, 0, 0.5);
  }
}

.contract__creating-prize {
  transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  position: relative;
}

.contract__creating-prize.hidden {
  opacity: 0;
  transform: scale(0.5);
}

.contract__creating-prize.visible {
  opacity: 1;
  transform: scale(1);
}

.contract__creating-prize-img {
  position: relative;
  z-index: 1;
  display: block;
}

.contract__creating-prize-img-rarity-bg {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 470px;
}

@media (max-width: 768px) {
  .contract__creating-prize-img-rarity-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 470px;
  }
}

.contract__creating-prize-img::before {
  content: '';
  position: absolute;
  top: -10px;
  /* Настройка отступов для создания эффекта подсветки */
  left: -10px;
  right: -10px;
  bottom: -10px;
  background: rgba(255, 255, 0, 0.5);
  z-index: -1;
  border-radius: 10px;
  /* Для сглаживания углов, если нужно */
  animation: glow 2s infinite;
  display: block;
}

.contract__creating-prize-img {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  -ms-transform: translateY(-50%);
}

@media (min-width : 1024px) {
  .upgrade__creating-prize-info {
    margin-top: 90px;
  }
}

.contract__creating-prize-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.upgrade__creating-prize-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contract__creating-prize-label {
  margin-top: 116px;
  width: 22px;
  height: 17px;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ffa800),
      to(#ff6b00));
  background: -o-linear-gradient(left, #ffa800 0%, #ff6b00 100%);
  background: linear-gradient(90deg, #ffa800 0%, #ff6b00 100%);
  border-radius: 3px;
  color: #1a1e31;
  font-size: 8px;
  font-weight: 900;
  line-height: 17px;
  text-align: center;
}

.contract__creating-prize-price {
  margin-top: 200px;
  color: #ffff31;
  font-size: 20px;
  font-weight: 900;
  z-index: 123;
}

.upgrade__creating-prize-price {
  margin-top: 200px;
  color: #ffff31;
  font-size: 20px;
  font-weight: 900;
  z-index: 123;
}

.contract__creating-prize-skin {
  margin-top: 1px;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: 800;
}

.contract__creating-prize-name {
  text-align: center;
  color: #8b95ad;
  font-size: 16px;
  font-weight: 600;
}

.contract__creating-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 292px;
  position: relative;
  z-index: 2;
  row-gap: 30px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin-top: 82px;
}

.contract__creating-cards-left {
  margin-left: 53px;
}

.contract__creating-cards-right {
  margin-right: 53px;
}

.contract__creating-card {
  width: 83.75px;
  height: 100px;
  border-radius: 10px;
  border: 1px #131625 solid;
  color: #454962;
  font-size: 31px;
  font-weight: 800;
  line-height: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;

  img {
    width: 80px;
  }
}

.contract__creating-card-active::after {
  content: "";
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px #3060ff solid;
  border-radius: 10px;
  z-index: 8;
}

.contract__creating-card-dark::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(7, 8, 14, 0.7);
  z-index: 7;
}

.contract__creating-card-img {
  width: 100%;
}

.contract__creating-side {
  margin: 0 -225px;
  width: 585px;
  height: 392px;
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contract__creating-side-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.contract__creating-side-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.contract__creating-side-back {
  position: absolute;
  top: 0;
}

.contract__creating-circle {
  position: relative;
  z-index: 2;
  width: 451px;
  height: 451px;
}

.contract__creating-circle-img {
  position: absolute;
  top: 0;
}

.contract__creating-info {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contract__creating-descr {
  width: 119px;
  text-align: center;
  color: #8b95ad;
  font-size: 12px;
  font-weight: 500;
}

.contract__creating-title {
  margin-top: 25px;
  width: 164px;
  text-align: center;
  color: #fff;
  font-size: 29px;
  font-weight: 800;
  text-transform: uppercase;
}

.contract__creating-composition {
  text-align: center;
  color: #8b95ad;
  font-size: 12px;
  font-weight: 600;
  margin-top: 25px;

  .item-count {
    color: #0058b9;
  }

  .contract-sum {
    color: #ffff31;
  }
}

.drum {
  margin-top: 68px;
}

.drum__block {
  width: 1440px;
  height: 900px;
  background-image: url("/assets/img/drum/background/main.png");
  background-size: cover;
  background-position: center;
}

.drum__title {
  color: #fff;
  font-size: 44px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

.drum__image {
  margin: 0 auto;
  margin-top: 96px;
  width: 698px;
  height: 698px;
  background-image: url("/assets/img/drum/images/drum-image.png");
  background-size: cover;
  -webkit-animation-name: rotation;
  animation-name: rotation;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.drum__image_empty {
  margin-top: 20px;
  width: 816px;
  height: 816px;
  background-image: url("/assets/img/drum/images/empty-drum.png");
}

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

.drum__element {
  position: absolute;
  width: 200px;
  height: 200px;
}

.drum__element-image {
  width: 100%;
}

.drum__element-1 {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -10px;
}

.drum__element-2 {
  right: 4%;
  top: 15%;
}

.drum__element-3 {
  right: 6%;
  bottom: 18%;
}

.drum__element-4 {
  left: 50%;
  bottom: -1%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.drum__element-5 {
  left: 5%;
  bottom: 17%;
}

.drum__element-6 {
  left: 4%;
  top: 17%;
}

.drum__button_activate-promocode {
  margin: 0 auto;
  margin-top: 38px;
  margin-bottom: 66px;
}

.modal-error__close {
  position: absolute;
  top: 47px;
  right: 41px;
  cursor: pointer;
}

.modal-error__light {
  position: absolute;
  width: 870px;
  height: 155px;
  background: #137fff;
  -webkit-box-shadow: 188.3999938965px 188.3999938965px 188.3999938965px;
  box-shadow: 188.3999938965px 188.3999938965px 188.3999938965px;
  -webkit-filter: blur(108.4px);
  filter: blur(108.4px);
  bottom: -141px;
  left: -88px;
  z-index: 0;
}

.modal-error__title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 79px;
  text-align: center;
}

.modal-error__subtitle {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}

.modal-error__subtitle_withdraw {
  margin-top: 30px;
}

.modal-error__subtitle_withdraw span {
  color: #ffa800;
}

.modal-error__subtitle_balance {
  max-width: 576px;
  margin: 0 auto;
  margin-top: 30px;
}

.modal-error__subtitle_balance span {
  color: #2b59ff;
}

.modal-error__img {
  display: block;
  margin: 0 auto;
  margin-top: 41px;
  position: relative;
  z-index: 1;
}

.modal-error__button_error-balance {
  margin: 0 auto;
  margin-top: 29px;
}

.every-day-challenge {
  position: relative;
  width: 396px;
  height: 279px;
  background: #111730;
  border-radius: 37px;
  overflow: hidden;
  padding: 23px;
}

.every-day-challenge__light {
  width: 192px;
  height: 192px;
  position: absolute;
  background: #2e4894;
  -webkit-box-shadow: 127.0999984741px 127.0999984741px 127.0999984741px;
  box-shadow: 127.0999984741px 127.0999984741px 127.0999984741px;
  border-radius: 45px;
  -webkit-filter: blur(54px);
  filter: blur(54px);
  bottom: -76px;
  right: 34px;
}

.every-day-challenge__picture {
  position: absolute;
  width: 300px;
  height: 280px;
  bottom: -120px;
  right: -100px;
  z-index: 1;
}

.every-day-challenge__picture img {
  position: relative;
  width: 100%;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  z-index: 4;
}

.every-day-challenge__names {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 56px 56px auto;
  grid-template-columns: 56px 56px auto;
  padding-left: 12px;
}

.every-day-challenge__name {
  color: rgba(255, 255, 255, 0.3);
  font-size: 10px;
  font-weight: 500;
}

.every-day-challenge__name:nth-child(1) {
  -ms-grid-column-align: start;
  justify-self: start;
}

.every-day-challenge__name:nth-child(2) {
  -ms-grid-column-align: start;
  justify-self: start;
}

.every-day-challenge__name:nth-child(3) {
  -ms-grid-column-align: end;
  justify-self: end;
  margin-right: 45px;
}

.every-day-challenge__row {
  margin-top: 6px;
  width: 100%;
  min-height: 46px;
  background: -webkit-gradient(linear,
      right top,
      left top,
      from(#242643),
      to(#222638));
  background: -o-linear-gradient(right, #242643 0%, #222638 100%);
  background: linear-gradient(270deg, #242643 0%, #222638 100%);
  border-radius: 14px;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 27px 158px auto;
  grid-template-columns: 27px 158px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 27px;
  padding-left: 16px;
  overflow: hidden;
}

.every-day-challenge__row-light {
  position: absolute;
  width: 38px;
  height: 25px;
  background: rgba(49, 226, 106, 0.68);
  -webkit-box-shadow: 55px 55px 55px rgba(0, 0, 0, 0.5);
  box-shadow: 55px 55px 55px rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  -webkit-filter: blur(25px);
  filter: blur(25px);
  left: 0;
  top: -5px;
  /* overflow: hidden; */
}

.every-day-challenge__row-number {
  color: rgba(255, 255, 255, 0.2);
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 27px;
  -ms-grid-column-align: start;
  justify-self: start;
}

.every-day-challenge__row-number_green {
  color: #31e26a;
}

.every-day-challenge__row-descr {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 500;
  margin-left: 27px;
  -ms-grid-column-align: start;
  justify-self: start;
}

.every-day-challenge__row-status {
  width: 64px;
  height: 27px;
  background: rgba(49, 226, 106, 0.08);
  border-radius: 4px;
  color: rgba(49, 226, 106, 0.46);
  font-size: 10px;
  font-weight: 600;
  border: none;
  text-align: center;
  position: relative;
  z-index: 5;
  -ms-grid-column-align: end;
  justify-self: end;
  cursor: default;
}

.every-day-challenge__row-status_green {
  background: #2ba35c;
  color: #fff;
  cursor: pointer;
}

.every-day-challenge__title {
  margin-top: 14px;
  width: 211px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  z-index: 5;
}

.faq {
  margin-top: 100px;
}

.faq__title {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.faq__subtitle {
  margin-top: 5px;
  color: #8b95ad;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.faq__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 25px;
  margin-top: 42px;
}

.faq__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
}


.faq__item-pseudo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.faq__item-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 26px;
  cursor: pointer;
  position: relative;
  z-index: 10;
}

.faq__item-descr {
  margin-top: 18px;
}

.faq__item-descr-hidden {
  display: none;
}

.faq__item-icon span {
  display: block;
  width: 18px;
  height: 2px;
}

.faq__item-icon-plus span {
  background: #2f64ff;
}

.faq__item-icon-plus span:nth-child(1) {
  -webkit-transform: rotate(90deg) translate(2px, 0px);
  -ms-transform: rotate(90deg) translate(2px, 0px);
  transform: rotate(90deg) translate(2px, 0px);
}

.faq__item-icon-minus span {
  background: #e42738;
}

.farm-cases {
  margin-top: 65px;
}

.farm-cases__items {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

.farm-cases__item {
  width: 240px;
  height: 284px;
  overflow: hidden;
  background-color: #161217;
  position: relative;
  padding: 30px 0 20px 30px;
  border-radius: 31px;
  cursor: pointer;
}

.farm-cases__item-img {
  position: absolute;
  width: 250px;
  bottom: -42px;
  right: -54px;
  z-index: 0;
}

.farm-cases__item-light {
  opacity: 0.07;
  width: 100%;
  height: 100%;
  /* -webkit-filter: blur(220px);
  filter: blur(220px);
  border-radius: 100%; */
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.farm-cases__item-light_pink {
  background: #ea00a3;
}

.farm-cases__item-light_yellow {
  background: #ea8c00;
}

.farm-cases__item-light_red {
  background: #ea0000;
}

.farm-cases__item-light_blue {
  background: #0096ea;
}

.farm-cases__item-light_purple {
  background: #c900ea;
}

.farm-cases__item-label {
  position: relative;
  font-size: 14px;
  font-weight: 900;
  z-index: 3;
  display: inline-block;
}

.farm-cases__item-label_pink {
  background: -o-linear-gradient(5deg, #e021e4, #ff00b8 100%);
  background: linear-gradient(85deg, #e021e4, #ff00b8 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-label_yellow {
  background: -o-linear-gradient(5deg, #e49621 0%, #ffa800 100%);
  background: linear-gradient(85deg, #e49621 0%, #ffa800 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-label_orange {
  background: -o-linear-gradient(5deg, #e42121, #ff5c00 100%);
  background: linear-gradient(85deg, #e42121, #ff5c00 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-label_red {
  background: -o-linear-gradient(5deg, #ff6060 0%, #ff0000 100%);
  background: linear-gradient(85deg, #ff6060 0%, #ff0000 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-label_blue {
  background: -o-linear-gradient(5deg, #e021e4, #ff00b8 0%);
  background: linear-gradient(85deg, #e021e4, #ff00b8 0%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-label_purple {
  background: -o-linear-gradient(5deg, #e49621 0%, #ffa800 50%);
  background: linear-gradient(85deg, #e49621 0%, #ffa800 50%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.farm-cases__item-price {
  margin-top: 140px;
  width: max-content;
  height: 33px;
  background-color: #fff;
  border-radius: 7px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 33px;
  text-align: center;
  position: relative;
  z-index: 1;
  border: none;
}

.farm-cases__item-title {
  position: relative;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
}

.footer {
  margin-top: 90px;
  overflow: hidden;
  position: relative;
}

.footer__logo {
  margin-right: 26px;
}

.footer__background-big {
  width: 1300px;
  position: absolute;
  z-index: -1;
  -webkit-transform: rotate(-150.33deg);
  -ms-transform: rotate(-150.33deg);
  transform: rotate(-150.33deg);
  bottom: -300px;
  left: -200px;
  opacity: 0.5;
  mix-blend-mode: color-dodge;
}

.footer__background-small {
  width: 1130px;
  position: absolute;
  z-index: -1;
  bottom: -100px;
  right: -135px;
  opacity: 0.5;
  mix-blend-mode: color-dodge;
}

.footer__background-circle-left {
  width: 136px;
  height: 136px;
  background: #0057ff;
  -webkit-box-shadow: 400px 400px 400px;
  box-shadow: 400px 400px 400px;
  border-radius: 100%;
  -webkit-filter: blur(120px);
  filter: blur(120px);
  left: 0;
  bottom: -60px;
  position: absolute;
  z-index: 1;
}

.footer__background-circle-right {
  width: 576px;
  height: 770px;
  background: #0057ff;
  -webkit-box-shadow: 400px 400px 400px;
  box-shadow: 400px 400px 400px;
  border-radius: 100%;
  -webkit-filter: blur(160px);
  filter: blur(160px);
  bottom: -770px;
  right: -188px;
  position: absolute;
  z-index: -2;
}

.footer__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  min-height: 400px;
  width: 100%;
  position: relative;
}

.footer__block-right {
  position: relative;
  width: 400px;
  height: 100%;
}

.footer__block-left {
  max-width: 1000px;
  margin-bottom: 43px;
}

.footer__images {
  position: relative;
  height: 400px;
}

.footer__girl {
  width: 350px;
  position: absolute;
  bottom: 0;
  right: 90px;
}

.footer__boy {
  width: 500px;
  position: absolute;
  bottom: -220px;
  right: -190px;
}

.footer__social-media {
  position: absolute;
  bottom: 20px;
  right: -50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.footer__social-media-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.footer__social-media-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 500;
}

.footer__social-media-item {
  width: 27px;
  height: 27px;
  background: rgba(217, 217, 217, 0.24);
  border-radius: 5px;
  border: 1px rgba(255, 255, 255, 0.3) solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer__main-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer__since {
  color: #3f435a;
  font-size: 12px;
  font-weight: 700;
}

.footer__statistic {
  margin-top: 50px;
}

.footer__contacts {
  margin-top: 70px;
}

.footer__official-info {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 53px;
}

.footer__agreement,
.footer__faq {
  color: #2c3041;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.footer__heart-counter {
  margin-right: 30px;
}

.footer__change-language {
  margin-right: 30px;
}

.header-scroll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(-160px);
  -ms-transform: translateX(-160px);
  transform: translateX(-160px);
  overflow: hidden;
  position: relative;
}

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

.header-scroll__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 6px;
}

.header-scroll__button {
  width: 90px;
  height: 36px;
  background: #1a1f39;
  color: #8B95AD;
  border-radius: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  border: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: -22.5px;
}

.header-scroll__button svg {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.header-scroll__button_active {
  color: #FFF;
  background: #2b59ff;
  -webkit-box-shadow: 1px 1px 8px rgba(4, 59, 255, 0.5);
  box-shadow: 1px 1px 8px rgba(4, 59, 255, 0.5);
}

.header-scroll__button-text {
  text-transform: uppercase;
  letter-spacing: 0.18px;
  color: #8b95ad;
  font-size: 9px;
  font-weight: 800;
  width: 50px;
}

.header-scroll__button-text_active {
  color: #fff;
}

.header {
  background-color: #121524;
  padding-top: 6px;
}

.header__ads-winter-block {
  margin-right: 30px;
}

.header__logo {
  margin-right: 26px;
}

.header__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: 100%;
  margin-top: 11px;
}

.header__block-left,
.header__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__block-left {
  margin-left: 60px;
}

.header__block_mobile {
  display: none;
}

.header__hamburger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4px;
  margin-right: 33px;
  cursor: pointer;
  border: none;
}

.header__hamburger span {
  height: 1.7px;
  background-color: #4c5269;
}

.header__hamburger span:nth-child(1),
.header__hamburger span:nth-child(3) {
  width: 17px;
}

.header__hamburger span:nth-child(2) {
  width: 10px;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
}

.header__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.header__menu-item-icon {
  margin-right: 8px;
}

.header__auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.header__auth-social-media {
  width: 29px;
  height: 29px;
  background: #212639;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.header__auth-social-media img {
  width: 16px;
}

.header__account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.header__account-balance {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__account-balance-subtitle {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.header__account-balance-sum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.header__account-balance-sum-text {
  color: #75CB7D;
  font-size: 13px;
  font-weight: 900;
}

.header__account-balance-plus {
  width: 13px;
  height: 13px;
  background-color: #3060ff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: none;
}

.header__account-balance-plus span {
  border-radius: 1px;
  background-color: #121524;
  position: absolute;
}

.header__account-balance-plus span:nth-child(1) {
  width: 6.5px;
  height: 1px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  /* left: 3.3px; */
}

.header__account-balance-plus span:nth-child(2) {
  width: 6.5px;
  height: 1px;
  left: calc(50% - 3.1px);
}

.header__account-photo {
  width: 57px;
  height: 57px;
}

.header__account-photo img {
  width: 100%;
  border-radius: 15%;
}

.subheader {
  background-color: #121524;
  padding-top: 17px;
  padding-bottom: 7px;
}

.subheader__block {
  width: 100%;
  height: auto;
  background-color: #0d0f1b;
  border-radius: 12px;
  padding: 5px;
}

.subheader__cards {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.subheader__card {
  width: 140px;
  height: 53px;
  background-color: #151b35;
  border-radius: 8px;
  position: relative;
  border: none;
}

@media (min-width: 768px) {
  .subheader__card {
    width: 165px;
  }
}

.subheader__card-text {
  margin: 18px 14px;
  color: #51647e;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  -moz-text-align-last: left;
  text-align-last: left;
}

.subheader__card-photo {
  width: 70px;
  height: 52px;
  position: absolute;
  right: 0;
  bottom: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.subheader__card-photo img {
  width: 100%;
}

.heart-counter {
  position: relative;
  background: #000;
  border-radius: 11px;
  overflow: hidden;
}

.heart-counter__sum {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.heart-counter__sum_vertical {
  margin-top: 6px;
}

.heart-counter__circle {
  position: absolute;
  left: 13px;
  top: 13px;
  width: 18px;
  height: 18px;
  background: #31e26a;
  -webkit-box-shadow: 10px 10px 10px;
  box-shadow: 10px 10px 10px;
  border-radius: 100%;
  -webkit-filter: blur(13px);
  filter: blur(13px);
}

.heart-counter__circle_vertical {
  left: 20px;
  top: 20px;
}

.heart-counter_horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 86px;
  height: 41px;
}

.heart-counter_vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 61px;
  height: 90px;
  margin-right: 4px;
}

.heart-counter__text {
  color: #8b95ad;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.18px;
}

.invent-items {
  width: 50%;
  height: 536px;
  background: #121524;
  border-radius: 23px;
  padding-left: 30px;
  padding-top: 20px;
  padding-right: 30px;
}

.invent-items__header {
  padding: 0 30px 0 0;
}

.invent-items__header-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invent-items__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.invent-items__icon {
  width: 23px;
  height: 23px;
}

.invent-items__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  width: auto;
  height: 51px;
  background: #0d0f19;
  border-radius: 11px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 51px;
  padding: 0 22px;
}

.invent-items__price input {
  width: 50px;
  border: none;
  background: none;
  text-align: center;
  color: #fff;
  padding: 0;
}

.invent-items__price input::-webkit-input-placeholder {
  text-align: center;
  color: #fff;
}

.invent-items__price input::-moz-placeholder {
  text-align: center;
  color: #fff;
}

.invent-items__price input:-ms-input-placeholder {
  text-align: center;
  color: #fff;
}

.invent-items__price input::-ms-input-placeholder {
  text-align: center;
  color: #fff;
}

.invent-items__price input::placeholder {
  text-align: center;
  color: #fff;
}

.invent-items__price span {
  color: #fff;
  font-weight: 600;
}

.invent-items__price-text-1 {
  width: 42px;
}

.invent-items__price-text-2 {
  width: 4px;
}

.invent-items__rarity {
  position: relative;
}

.invent-items__rarity-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  width: 114px;
  height: 51px;
  background: #212537;
  border-radius: 11px;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__rarity-list {
  position: absolute;
  width: 100%;
  height: auto;
  background: #212537;
  -webkit-box-shadow: 0px 4px 4px rgba(12, 14, 24, 0.25);
  box-shadow: 0px 4px 4px rgba(12, 14, 24, 0.25);
  border-radius: 11px;
  z-index: 7;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.invent-items__rarity-item {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.invent-items__price-selector {
  position: relative;
}

.invent-items__price-selector-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  width: 88px;
  height: 51px;
  background: #212537;
  border-radius: 11px;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__price-selector-list {
  position: absolute;
  padding: 12px;
  width: auto;
  height: auto;
  background: #0d0f19;
  -webkit-box-shadow: 0px 4px 4px rgba(12, 14, 24, 0.25);
  box-shadow: 0px 4px 4px rgba(12, 14, 24, 0.25);
  border-radius: 11px;
  z-index: 7;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.invent-items__price-selector-item {
  color: #7c7c7c;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.invent-items__price-selector-item:hover {
  color: #fff;
}

.invent-items__search {
  width: 131px;
  height: 51px;
  padding: 17px;
  background: #0d0f19;
  border-radius: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invent-items__search input {
  width: 100%;
  border: none;
  background: none;
  color: #fff;
  padding: 0 3px 0 0;
}

.invent-items__search input::-webkit-input-placeholder {
  width: 80px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__search input::-moz-placeholder {
  width: 80px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__search input:-ms-input-placeholder {
  width: 80px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__search input::-ms-input-placeholder {
  width: 80px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__search input::placeholder {
  width: 80px;
  color: #414965;
  font-size: 12px;
  font-weight: 600;
}

.invent-items__divider {
  margin-top: 14px;
  width: 100%;
  height: 2px;
  background: #171a2c;
}

.invent-items__wrapper {
  margin-top: 20px;
  padding-right: 9px;
  width: 100%;
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
}

.invent-items__wrapper {
  width: calc(100% + 30px);
}

.invent-items__wrapper_upgrade {
  height: 405px;
}

.invent-items__block {
  overflow: auto;
  height: 100%;
  width: 100%;
}

/* Стилизация скролла */
.invent-items__block::-webkit-scrollbar {
  width: 8px;
}

.invent-items__block::-webkit-scrollbar-track {
  background: #0b0d19;
  border-radius: 0 0 15px 15px;
}

.invent-items__block::-webkit-scrollbar-thumb {
  background-color: #2b56e8;
  border-radius: 10px;
  border: 2px solid #0b0d19;
}

.invent-items__block::-webkit-scrollbar-thumb:hover {
  background-color: #1a3eb1;
}




.invent-items__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9px;
}

.invent-items__scroll {
  height: 100%;
  width: 5px;
  background: #22263c;
}

.invent-items__scroll-mini {
  height: 49px;
  background: #2b59ff;
  border-radius: 5px;
}

.invent {
  margin-top: 70px;
}

.invent__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
  height: auto;
}

.limited {
  margin-bottom: 120px;
}

.limited__items {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.limited__item {
  position: relative;
  width: 276px;
  height: auto;
  cursor: pointer;
}

.limited__item_dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 15, 25, 0.6);
  z-index: 5;
}

.limited__item-image {
  width: 100%;
  height: 250px;
}

.limited__item-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.limited__item-title {
  color: #fff;
  font-size: 22px;
  font-family: Inter;
  font-weight: 900;
  text-align: center;
}

.limited__item-counter {
  margin-top: 12px;
  color: #3f435a;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.limited__item-price {
  margin: 0 auto;
  -webkit-transform: translateY(-65px);
  -ms-transform: translateY(-65px);
  transform: translateY(-65px);
  width: 87px;
  height: 42px;
  background: #0d0f19;
  border-radius: 10px;
  border: 2px #1b295b solid;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  display: block;
}

.limited__item-price-border {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 28px;
  height: calc(100% + 4px);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 2px #2b56e8 solid;
  border-top: 2px #2b56e8 solid;
  border-bottom: 2px #2b56e8 solid;
}

body.modal-opened {
  overflow: hidden;
}

.modal {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.65);
  z-index: 15;
}

.modal-window_promocode {
  width: 627px;
  height: 365px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 18px;
  background: #121524;
}

.modal-window_error {
  position: relative;
  width: 684px;
  height: 414px;
  border-radius: 17px;
  top: 50%;
  background-color: #121524;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal-window_auth {
  background-color: #121524;
  height: 538px;
  width: 684px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 18px;
  background: #121524;
  overflow: hidden;
}

.modal-window_auth-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.modal-window_withdraw {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 18px;
  background: #121524;
  width: 998px;
  height: auto;
  overflow: hidden;
  background-image: url("/assets/img/profile/background-modal.png");
  background-size: cover;
  position: relative;
  padding-bottom: 40px;
}

.modal__header {
  background: #0f111f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 35px 25px 35px 25px;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  width: 100%;
  height: 100%;
}

.modal__header_promocode {
  height: 100px;
}

.modal__header_withdraw {
  height: auto;
  padding: 30px 30px 40px 30px;
}

.modal__social-media-links_promocode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 45px;
}

.modal__social-media-text_promocode {
  margin-top: 7px;
  color: #393f4f;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

.modal__input input {
  padding: 33px 5px 33px 20px;
  width: 304px;
  height: 100%;
  background: #0b0d19;
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.modal__input input::-webkit-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.modal__input input::-moz-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.modal__input input:-ms-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.modal__input input::-ms-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.modal__input input::placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.modal__promocode-input {
  margin: 0 auto;
  margin-top: 45px;
}

.modal__title {
  text-transform: uppercase;
}

.modal__title_promocode {
  color: #b8bfd1;
  font-size: 24px;
  font-weight: 600;
}

.modal__title_withdraw {
  color: white;
  font-size: 32px;
  font-weight: 700;
}

.modal__subtitle {
  margin-top: 10px;
  color: #8b95ad;
  font-size: 16px;
  font-weight: 500;
}

.modal__subtitle span {
  font-weight: 700;
}

.modal__close {
  cursor: pointer;
}

.mystery-cases {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mystery-cases__block {
  position: relative;
  width: 100%;
  min-height: 514px;
  background-color: #161723;
  border-radius: 33px;
  display: block;
  overflow: auto;
  background: url("/assets/img/mystery-cases/background.png") center center/cover,
    -webkit-gradient(linear, left top, left bottom, color-stop(29%, rgba(0, 0, 0, 0)), to(rgba(255, 153, 0, 0.15)));
  background: url("/assets/img/mystery-cases/background.png") center center/cover,
    -o-linear-gradient(top, rgba(0, 0, 0, 0) 29%, rgba(255, 153, 0, 0.15) 100%);
  background: url("/assets/img/mystery-cases/background.png") center center/cover,
    linear-gradient(180deg, rgba(0, 0, 0, 0) 29%, rgba(255, 153, 0, 0.15) 100%);
}

.mystery-cases__back-block {
  position: absolute;
  width: 100%;
  height: 400px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(22, 23, 35, 0)),
      color-stop(50%, #161723),
      to(rgba(22, 23, 35, 0)));
  background: -o-linear-gradient(top,
      rgba(22, 23, 35, 0) 0%,
      #161723 50%,
      rgba(22, 23, 35, 0) 100%);
  background: linear-gradient(180deg,
      rgba(22, 23, 35, 0) 0%,
      #161723 50%,
      rgba(22, 23, 35, 0) 100%);
  top: 97px;
}

.mystery-cases__low-title {
  text-align: center;
  margin-top: 5px;
  display: block;
  color: #2b59ff;
  font-size: 26px;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

.mystery-cases__back-title {
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #1f212c;
  text-shadow: -1px -1px 0 #1f212c, 1px -1px 0 #1f212c, -1px 1px 0 #1f212c,
    1px 1px 0 #1f212c;
}

.mystery-cases__items {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mystery-cases__item {
  position: relative;
  width: 246px;
  height: auto;
  z-index: 5;
  cursor: pointer;
}

.mystery-cases__item-picture {
  width: 100%;
  height: 225px;
  margin: 0 auto;
  margin-top: 10px;
}

.mystery-cases__item-picture img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mystery-cases__item-title {
  color: #fff;
  font-size: 23px;
  font-weight: 800;
  text-align: center;
}

.mystery-cases__item-price {
  margin: 0 auto;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  width: max-content;
  height: 43px;
  background: #2b59ff;
  border-radius: 12px;
  border: 1px #3565fe solid;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  line-height: 43px;
  border: none;
  display: block;
}

.mystery-cases__question {
  margin: 0 auto;
  margin-top: 40px;
  /* width: 21px;
  height: 21px;
  background: #4c5269;
  border-radius: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  line-height: 21px;
  position: relative;
  z-index: 2; */
}

.payment-block {
  width: 100%;
  height: auto;
  background: #151829;
  border-radius: 10px;
  padding: 30px;
}

.payment-block__min-sum,
.payment-block__total-sum {
  color: #8b95ad;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.payment-block__min-sum span,
.payment-block__total-sum span {
  color: #fff;
  font-weight: 900;
}

.payment-block__total-sum {
  margin-top: 20px;
}

.payment-block__checkbox-text {
  color: #8b95ad;
  font-size: 10px;
  font-weight: 500;
}

.payment-block__checkbox-text a {
  color: #2b59ff;
  font-weight: 700;
  text-decoration: underline;
}

.profile-search {
  margin-top: 40px;
}

.profile-search__block {
  width: 100%;
  min-height: 78px;
  background: #121524;
  -webkit-box-shadow: 0px 4px 4px rgba(18, 21, 36, 0.25);
  box-shadow: 0px 4px 4px rgba(18, 21, 36, 0.25);
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 14px;
  row-gap: 20px;
}

.profile-search__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.profile-search__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.profile-search__checkbox {
  width: auto;
  height: 50px;
  padding: 13px 20px 13px 13px;
  background: #21263f;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
}

.profile-search__checkbox-text {
  color: #67718e;
  font-size: 12px;
  font-weight: 500;
}

.profile-search__checkbox-selector {
  width: 14px;
  height: 14px;
  background: #303651;
  border-radius: 2px;
  margin-left: 20px;
  -webkit-transition: margin-left 0.3s ease;
  -o-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
  position: relative;
}

.profile-search__checkbox-selector-click-elem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer;
}

.profile-search__checkbox-selector-wrapper {
  position: relative;
  width: 44px;
  height: 24px;
  background: #121524;
  border-radius: 7px;
  padding: 5px;
}

.profile-search__checkbox-selector-active {
  margin-left: 0px;
  background: #2b59ff;
}

.profile__block {
  height: auto;
  width: 100%;
  border: 2px rgba(46, 46, 46, 0.2) solid;
  border-radius: 36px;
  padding: 0 0 28px 0;
  margin-top: 78px;
  position: relative;
}

.profile__title_page {
  text-align: center;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
}

.profile__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  margin-top: 88px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profile__info {
  width: 678px;
  height: auto;
  background: #121524;
  border-radius: 13px;
  padding: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile__image {
  width: 103px;
  height: 103px;
  background: #2b59ff;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.17);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.17);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile__image img {
  width: 100%;
  border-radius: 10px;
}

.profile__account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 10px;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.profile__balance {
  color: #35f176;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 8px;
}

.profile__name {
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  text-transform: uppercase;
  width: 280px;
  word-wrap: break-word;
}

.profile__cases-opened {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}

.profile__button_profile-case {
  margin-top: 12px;
}

.profile__case-opened {
  position: relative;
  width: 324px;
  height: 145px;
  background: #121524;
  border-radius: 13px;
  padding: 21px;
}

.profile__case-title {
  margin-top: 3px;
  color: white;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}

.profile__case-subtitle {
  color: #8b95ad;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.profile__case-photo {
  position: absolute;
  width: 204px;
  right: 0;
}

.profile__case-photo-akr {
  width: 185px;
  top: 0px;
}

.promo {
  width: 1440px;
  height: 279px;
  background: #111730;
  border-radius: 37px;
  position: relative;
  overflow: hidden;
}

.promo__img {
  position: absolute;
}

.promo__img_skelet {
  width: 186px;
  left: 40%;
  top: -21px;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}

.promo__img_pumpkin {
  width: 280px;
  left: 40%;
  bottom: -80px;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}

.promo__img_main {
  width: 461px;
  right: -50px;
  top: -60px;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.promo__circle {
  width: 180px;
  height: 180px;
  background: #00c2ff;
  border-radius: 100%;
  -webkit-filter: blur(60px);
  filter: blur(60px);
  position: absolute;
  left: -90px;
  top: -90px;
}

.promo__text {
  margin-top: 40px;
  margin-left: 80px;
  position: relative;
  z-index: 3;
}

.promo__subtitle {
  width: 342px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 32.31px;
  letter-spacing: 0.48px;
  word-wrap: break-word;
}

.promo__subtitle-2 {
  width: 262px;
  color: #0279fe;
  font-size: 65px;
  font-weight: 700;
}

.promo__button {
  margin-top: 10px;
  width: 268px;
  height: 42px;
  background: -o-linear-gradient(359deg, #4cc6f9 0%, #0279fe 100%);
  background: linear-gradient(91deg, #4cc6f9 0%, #0279fe 100%);
  border-radius: 13px;
  color: #040507;
  font-size: 16px;
  font-weight: 700;
  line-height: 21.54px;
  border: none;
}

.promo__girl {
  width: 341px;
  height: 351px;
  position: absolute;
  right: 60px;
  bottom: -39px;
}

.promo__girl img {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: auto;
  z-index: 4;
}

.promo__buttons {
  position: absolute;
  z-index: 4;
  width: 100%;
  padding: 0 30px;
  bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promo__slide-button {
  width: 29px;
  height: 29px;
  background-color: #e8e6e9;
  border-radius: 23px;
  border: 2px #fff solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promocode-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.promocode-input_modal {
  width: 520px;
  height: 88px;
  border-radius: 20px;
}

.promocode-input__field_modal input {
  padding: 33px 5px 33px 20px;
  width: 304px;
  height: 100%;
  background: #0b0d19;
  border: none;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.promocode-input__field_modal input::-webkit-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.promocode-input__field_modal input::-moz-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.promocode-input__field_modal input:-ms-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.promocode-input__field_modal input::-ms-input-placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.promocode-input__field_modal input::placeholder {
  color: #8b95ad;
  font-size: 18px;
  font-weight: 400;
}

.scroll {
  width: 1710px;
  position: absolute;
  top: 0;
  left: 160px;
  overflow-x: auto;
}

.scroll::-webkit-scrollbar {
  display: none;
}

.scroll__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.search {
  margin-top: 77px;
  margin-bottom: 100px;
}

.search__block {
  width: 100%;
  min-height: 78px;
  background: #0a0c16;
  border-radius: 61px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  padding: 19px;
}

.search__block-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.search__input {
  width: 289px;
  height: 40px;
  background: #090a11;
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
  border: none;
  padding: 13px 13px 13px 16px;
  color: #fff;
  font-size: 14px;
}

.search__input::-webkit-input-placeholder {
  color: #353545;
  font-size: 14px;
  font-weight: 500;
  font-family: Inter;
}

.search__input::-moz-placeholder {
  color: #353545;
  font-size: 14px;
  font-weight: 500;
  font-family: Inter;
}

.search__input:-ms-input-placeholder {
  color: #353545;
  font-size: 14px;
  font-weight: 500;
  font-family: Inter;
}

.search__input::-ms-input-placeholder {
  color: #353545;
  font-size: 14px;
  font-weight: 500;
  font-family: Inter;
}

.search__input::placeholder {
  color: #353545;
  font-size: 14px;
  font-weight: 500;
  font-family: Inter;
}

.search__input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__input-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__input-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #121527;
  border: none;
}

.search__input-filter:nth-child(1) {
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}

.search__input-filter-blue {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 46.7000007629px rgba(43, 89, 255, 0.5);
  box-shadow: 0px 0px 46.7000007629px rgba(43, 89, 255, 0.5);
}

.search__icon {
  position: absolute;
  right: 13px;
  bottom: 13px;
}

.search__price-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 16px;
  margin-right: 12px;
  width: auto;
}

.search__price-filter {
  color: #67718e;
  font-size: 14px;
  font-weight: 500;
  border: none;
  background-color: #111420;
  height: 40px;
  width: auto;
  padding: 12px 12px 14px 12px;
  white-space: nowrap;
  position: relative;
}

.search__price-filter::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 40px;
  background: #0d0f19;
  margin-left: 12px;
}

.search__price-filter:last-child::after {
  display: none;
}

.search__price-filter-blue {
  color: #fff;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
  box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
}

.search__price-filter:nth-child(1) {
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}

.search__price-filter:last-child {
  border-bottom-right-radius: 16px;
  border-top-right-radius: 16px;
}

.search__price-divider {
  width: 2px;
  height: 40px;
  background: #0d0f19;
}

.search__balance-filter {
  width: 177px;
  height: 40px;
  background: #111420;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  padding: 0 11px;
  margin-right: 246px;
  position: relative;
}

.search__balance-filter-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.search__balance-checkbox {
  width: 18px;
  height: 18px;
  background: #0e1019;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search__balance-checkbox-active {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
  box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
}

.search__balance-text {
  margin-bottom: 1px;
  color: #67718e;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
}

.search__liked,
.search__trash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #67718e;
  font-size: 12px;
  font-weight: 400;
  width: 119px;
  height: 40px;
  background: #111420;
  border-radius: 16px;
  gap: 9px;
  border: none;
  margin-left: 120px;
}

.search__liked-icon,
.search__trash-icon {
  width: 17px;
}

.search__liked-active,
.search__trash-active {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
  box-shadow: 0px 0px 15.7000007629px rgba(43, 89, 255, 0.5);
  color: #fff;
}

.statistic__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 30px;
}

.statistic__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
}

.statistic__icon {
  position: relative;
}

.statistic__icon-key {
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
}

.statistic__light {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #002ac0;
  -webkit-box-shadow: 10px 10px 10px;
  box-shadow: 10px 10px 10px;
  border-radius: 100%;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  top: 5px;
  left: 10px;
}

.statistic__light-key {
  top: 50%;
  left: 50%;
}

.statistic__name {
  color: #2c3041;
  font-size: 14px;
  font-weight: 700;
}

.statistic__counter {
  color: #fff;
  font-size: 26px;
  font-weight: 800;
}

.top-banner {
  margin-top: 40px;
}

.top-banner__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.upgrade__logo-contract {
  background-color: #0d0f19;
  margin-top: -10px;
  position: relative;
  z-index: 3;
}

.upgrade__button_upgrade {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
}

.upgrade__dark-block {
  width: 80%;
  height: 15px;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(50%, rgb(13, 15, 25)),
      color-stop(90%, rgba(13, 15, 25, 0.8)),
      to(rgb(13, 15, 25)));
  background: -o-linear-gradient(top,
      rgb(13, 15, 25) 50%,
      rgba(13, 15, 25, 0.8) 90%,
      rgb(13, 15, 25) 100%);
  background: linear-gradient(180deg,
      rgb(13, 15, 25) 50%,
      rgba(13, 15, 25, 0.8) 90%,
      rgb(13, 15, 25) 100%);
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.upgrade__header {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  justify-items: end;
  width: 100%;
}

.upgrade__header-mobile {
  display: none;
}

.upgrade__logo {
  margin: 0 auto;
  background-image: url("/assets/img/upgrade/images/upgrade-block.png");
  background-size: cover;
  width: 278px;
  height: 86px;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
  font-weight: 800;
  font-size: 22px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.upgrade__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

.upgrade__menu-right {
  -ms-grid-column-align: start;
  justify-self: start;
}

.upgrade__menu-left {
  -ms-grid-column-align: end;
  justify-self: end;
}

.upgrade__menu-item {
  width: 160px;
  height: 60px;
  cursor: pointer;
}

.upgrade__menu-item-right {
  -webkit-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  transform: skew(-30deg);
  border: 2px #404965 solid;
  border-radius: 5px;
  position: relative;
}

.upgrade__menu-item-right::after {
  content: "";
  display: block;
  width: 160px;
  height: 60px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(20%, rgba(0, 0, 0, 0.9)),
      to(rgba(40, 45, 66, 0.7)));
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(40, 45, 66, 0.7) 100%);
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(40, 45, 66, 0.7) 100%);
  border-radius: 5px;
  -webkit-transform: translate(-2px, -28px);
  -ms-transform: translate(-2px, -28px);
  transform: translate(-2px, -28px);
  position: absolute;
  bottom: -30px;
}

.upgrade__menu-item-left {
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
  border: 2px #404965 solid;
  border-radius: 5px;
  position: relative;
}

.upgrade__menu-item-left::after {
  content: "";
  display: block;
  width: 160px;
  height: 60px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(20%, rgba(0, 0, 0, 0.9)),
      to(rgba(40, 45, 66, 0.7)));
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(40, 45, 66, 0.7) 100%);
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(40, 45, 66, 0.7) 100%);
  border-radius: 5px;
  -webkit-transform: translate(-2px, -28px);
  -ms-transform: translate(-2px, -28px);
  transform: translate(-2px, -28px);
  position: absolute;
  bottom: -30px;
}

.upgrade__menu-item-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  z-index: 5;
  line-height: 60px;
  text-align: center;
}

.upgrade__menu-item-text-right {
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
}

.upgrade__menu-item-text-left {
  -webkit-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  transform: skew(-30deg);
}

.upgrade__menu-item-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.upgrade__menu-item-icon-right,
.upgrade__menu-item-icon-left {
  position: relative;
  z-index: 5;
}

.upgrade__menu-item-icon-right {
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
}

.upgrade__menu-item-icon-left {
  -webkit-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  transform: skew(-30deg);
}

.upgrade__menu-item-active {
  border: 2px #3060ff solid;
  position: relative;
}

.upgrade__menu-item-active::after {
  content: "";
  display: block;
  width: 160px;
  height: 60px;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(20%, rgba(0, 0, 0, 0.9)),
      to(rgba(30, 56, 156, 0.7)));
  background: -o-linear-gradient(top,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(30, 56, 156, 0.7) 100%);
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.9) 20%,
      rgba(30, 56, 156, 0.7) 100%);
  border-radius: 5px;
  -webkit-transform: translate(-2px, -28px);
  -ms-transform: translate(-2px, -28px);
  transform: translate(-2px, -28px);
  position: absolute;
  bottom: -30px;
}

.upgrade__block {
  position: relative;
  border: 2px rgba(255, 255, 255, 0.02) solid;
  border-radius: 36px;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  padding-bottom: 70px;
}

.upgrade__selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 20px;
}

.upgrade__selector-mobile {
  display: none;
}

.upgrade__circle {
  position: relative;
  margin-top: 30px;
  background-image: url("/assets/img/upgrade/images/circle-back.png");
  background-size: cover;
  width: 451px;
  height: 451px;
}

.upgrade__circle-border {
  margin: 0 auto;
  margin-top: 39px;
  margin-left: 37px;
  width: 372px;
  height: 372px;
  position: relative;
}

.upgrade__circle-border-photo {
  display: block;
  position: relative;
}

.upgrade__circle-border-photo::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #3060ff;
  border-radius: 100%;
  display: block;
  position: absolute;
  top: -3px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

.upgrade__circle-border-photo::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #3060ff;
  border-radius: 100%;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}

.upgrade__circle-border-photo img {
  height: 100%;
}

.upgrade__circle-arrow {
  position: absolute;
}

.upgrade__circle-arrow-white {
  top: 12%;
  left: 50%;
  -webkit-transform: translateX(-60%);
  -ms-transform: translateX(-60%);
  transform: translateX(-60%);
}

.upgrade__circle-arrow-grey {
  top: 15%;
  left: 50%;
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
}

.upgrade__circle-percentage {
  color: #2c5bff;
  font-size: 43px;
  font-weight: 800;
  position: absolute;
  top: 170px;
  left: 52%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.upgrade__circle-text {
  position: absolute;
  top: 236px;
  left: 52%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 146px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.upgrade__selected-skin {
  position: absolute;
  z-index: 10;
}

.upgrade__selected-skin-right {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 70%;
  transform: translate(-10%, -15%);
}


.upgrade__selected-skin-left {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 70%;
  transform: translate(-40%, -15%);
}



@media (max-width : 767px) {
  .upgrade__selected-skin-left {
    left: 20%;
  }
}

@media (max-width : 767px) {
  .upgrade__selected-skin-right {
    left: 20%;
  }
}

.upgrade__selected-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.upgrade__selected-item-left {
  width: 416px;
  height: 242px;
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

.upgrade__selected-item-right {
  width: 416px;
  height: 242px;
  -webkit-transform: translateX(-65px);
  -ms-transform: translateX(-65px);
  transform: translateX(-65px);
}

.upgrade__selected-title {
  position: absolute;
  font-weight: 400;
  font-size: 14px;
  color: #8a91ad;
  -moz-text-align-last: left;
  text-align-last: left;
  width: 150px;
}

.upgrade__selected-title-left {
  top: -55px;
  left: 70px;
}

.upgrade__selected-title-right {
  top: -55px;
  right: 120px;
}

.upgrade__selected-photo {
  position: absolute;
  width: 425px;
  height: 272px;
}

.upgrade__selected-photo-left {
  bottom: -20px;
  left: -40px;
}

.upgrade__selected-photo-right {
  bottom: -20px;
  right: -40px;
}

.modal__steps {
  height: auto;
  width: 100%;
  padding: 40px;
}

.modal-withdraw {
  padding: 40px;
}

.modal-withdraw__close {
  cursor: pointer;
}

.modal-withdraw__light {
  position: absolute;
  bottom: -200px;
  right: -100px;
  width: 474.3px;
  height: 256px;
  -webkit-transform: rotate(-31.71deg);
  -ms-transform: rotate(-31.71deg);
  transform: rotate(-31.71deg);
  background: #2b59ff;
  -webkit-box-shadow: 300px 300px 300px;
  box-shadow: 300px 300px 300px;
  border-radius: 57px;
  -webkit-filter: blur(120px);
  filter: blur(120px);
  z-index: 1;
}

.modal-withdraw__picture {
  width: 407px;
  position: absolute;
  bottom: 0;
  right: 21px;
  z-index: 2;
}

.modal-withdraw__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 17px;
  margin-top: 35px;
}

.modal-withdraw__step:nth-child(1) {
  margin-top: -12px;
}

.modal-withdraw__step-input {
  width: 194px;
  height: 42px;
  background: #0f111f;
  -webkit-box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  border-radius: 5px;
  border: 1px #3060ff solid;
  color: #fff;
  font-size: 13px;
  padding: 13px;
}

.modal-withdraw__step-input::-webkit-input-placeholder {
  color: #2b56e8;
  font-size: 13px;
  font-weight: 300;
}

.modal-withdraw__step-input::-moz-placeholder {
  color: #2b56e8;
  font-size: 13px;
  font-weight: 300;
}

.modal-withdraw__step-input:-ms-input-placeholder {
  color: #2b56e8;
  font-size: 13px;
  font-weight: 300;
}

.modal-withdraw__step-input::-ms-input-placeholder {
  color: #2b56e8;
  font-size: 13px;
  font-weight: 300;
}

.modal-withdraw__step-input::placeholder {
  color: #2b56e8;
  font-size: 13px;
  font-weight: 300;
}

.modal-withdraw__step-descr {
  color: #8b95ad;
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  max-width: 450px;
  word-wrap: break-word;
}

.modal-withdraw__step-descr span {
  font-weight: 700;
}

.modal-withdraw__step-descr span img {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}

.modal-withdraw__step-number {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  border: 3px #2b56e8 solid;
  color: #2b59ff;
  font-size: 16px;
  font-weight: 700;
  line-height: 29px;
  text-align: center;
}

.modal-withdraw__step-title {
  color: #2b59ff;
  font-size: 18px;
  font-weight: 700;
}

.modal-withdraw__selector-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-left: 91px;
}

.modal-withdraw__selector-text {
  color: #8b95ad;
  font-size: 16px;
  font-weight: 400;
}

.modal-withdraw__selector-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 27px 38px;
  width: 308px;
  height: 74px;
  background: #0b0d19;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border: none;
}

.modal-withdraw__selector-button-submit {
  display: block;
  width: 134px;
  height: 74px;
  background: #2b56e8;
  -webkit-box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.5);
  box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.5);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border: none;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.your-invent {
  width: 50%;
  height: 536px;
  background: #121524;
  border-radius: 23px;
  padding-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}

.your-invent__icon {
  width: 17px;
  height: 17px;
}

.your-invent__divider {
  margin-top: 25px;
  width: auto;
  height: 2px;
  background: #171a2c;
}

.your-invent__divider-contract {
  width: 100%;
}

.your-invent__text {
  margin-top: -90px;
  padding-bottom: 120px;
  text-align: center;
  color: #8a91ad;
  font-size: 13px;
  font-weight: 600;
}

.your-invent__ak {
  width: 100%;
}

.your-invent__ak img {
  display: block;
  margin: 0 auto;
}

.your-invent_contract {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
  height: auto;
}

.your-invent__block_contract {
  width: 100%;
  background: #121524;
  height: auto;
  border-radius: 23px;
  padding-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.your-invent__items {
  margin-top: 25px;
  padding: 0 10px 35px 10px;
}

.your-invent__items-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 20px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.logo {
  color: #fff;
  font-size: 37px;
  font-style: italic;
  font-weight: 900;
  text-decoration: none;
}

.logo span {
  color: #2b59ff;
}

.arrow-rotate {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.arrow-rotate_activate {
  -webkit-transform: rotate(180deg) translateY(-3px);
  -ms-transform: rotate(180deg) translateY(-3px);
  transform: rotate(180deg) translateY(-3px);
}

.text-fw600 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.text-fw700 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-fz16-fw700 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.descr-fw500 {
  color: #8b95ad;
  font-size: 12px;
  font-weight: 500;
}

.header__ads-block-auth {
  margin-right: 50px;
}

.hidden {
  display: none;
}

.visible_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-fill {
  display: inline-block;
  width: auto;
  height: auto;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 10.6999998093px #001b7e;
  box-shadow: 0px 0px 10.6999998093px #001b7e;
  border-radius: 12px;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 17px;
}

.button-fill-bonus {
  display: block;
  -webkit-box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  border: 1px #2c5dff solid;
  margin: 0 auto;
  margin-top: 16px;
}

.button-fill-bonus-big-padding {
  padding: 12px 27px;
}

.title__wrapper {
  height: auto;
  width: auto;
  padding: 0 52px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -25px;
  background-color: #0d0f19;
}

.title__wrapper_bonus {
  padding: 0 32px;
}

.title__wrapper_case-color {
  background: none;
  z-index: 2;
  top: 0px;
}

.buttons__wrapper {
  height: auto;
  width: auto;
  padding: 0 28px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
  background-color: #0d0f19;
}

.buttons__wrapper_case-color {
  z-index: 2;
  bottom: 0;
}

.openning-label {
  width: 152px;
  height: 52px;
  background: #121524;
  border-radius: 12px;
  border: 1px #131624 solid;
  color: #4f5670;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 52px;
}

.openning-label-case {
  margin: 0 auto;
  margin-top: 110px;
}

.title {
  color: #fff;
}

.title_fz26 {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}

.button__wrapper {
  height: auto;
  width: auto;
  padding: 0 52px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -26px;
  background-color: #0d0f19;
}

.button_auth {
  display: inline-block;
  width: auto;
  height: auto;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 10.6999998093px #001b7e;
  box-shadow: 0px 0px 10.6999998093px #001b7e;
  border-radius: 12px;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 17px;
  cursor: pointer;
}

.button_cooperation {
  width: 172px;
  height: 52px;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 19.6999998093px rgba(10, 55, 216, 0.6);
  box-shadow: 0px 0px 19.6999998093px rgba(10, 55, 216, 0.6);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.button_upgrade {
  width: 132px;
  height: 52px;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 7.0999999046px rgba(43, 89, 255, 0.44);
  box-shadow: 0px 0px 7.0999999046px rgba(43, 89, 255, 0.44);
  border-radius: 13px;
  border: 1px #4974fe solid;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.button_activate-promocode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  width: auto;
  height: auto;
  border-radius: 8px;
  padding: 14px 19px;
  border: 1px #2e5fff solid;
  background: none;
  z-index: 5;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
}

.button_sell-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 11px;
  width: auto;
  height: auto;
  border-radius: 8px;
  padding: 14px 19px;
  border: 1px #fd0000 solid;
  z-index: 5;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  background-color: #780c00
}

.button_sell-all-disabled {
  border: 1px #313131 solid;
  background-color: #595959;
  color: black;
}

.button_promocode {
  background: #161722;
  border-radius: 12px;
  border: none;
  padding: 17px 27px;
  font-size: 16px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  color: #fff;
  font-weight: 700;
}

.button_openning {
  width: 152px;
  height: 52px;
  background: #121524;
  border-radius: 12px;
  border: 1px #131624 solid;
  color: #4f5670;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  line-height: 52px;
}

.button_retry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 1px #6286fe solid;
  padding: 13px 24px;
}

.button_sell-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 2px #3160ff solid;
  padding: 16px 24px;
  background: none;
}

.button_add-to-contract {
  background: #161722;
  -webkit-box-shadow: 0px 4px 4px rgba(17, 17, 25, 0.24);
  box-shadow: 0px 4px 4px rgba(17, 17, 25, 0.24);
  border-radius: 12px;
  border: 1px white solid;
  color: white;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  padding: 16px 24px;
  background: none;
}

.button_back {
  border-radius: 12px;
  width: 113px;
  height: 45px;
  background: #161722;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  color: #8188a5;
  font-weight: 500;
  border: none;
}

.button_error-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  width: 227px;
  height: 55px;
  background: #3060ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 20, 88, 0.13);
  box-shadow: 0px 4px 4px rgba(0, 20, 88, 0.13);
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  border: none;
  position: relative;
  z-index: 5;
}

.button_bonus-card {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  box-shadow: 0px 0px 150px rgba(65, 106, 255, 0.46);
  border-radius: 11px;
  border: 1px #2c5dff solid;
  text-align: center;
  color: white;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.button_bonus-card-long {
  padding: 12px 17px;
}

.button_bonus-card-short {
  padding: 12px 27px;
}

.button_invent {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2b59ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  border-radius: 8px;
  border: 1px #2e5fff solid;
  gap: 10px;
  padding: 16px 26px 16px 14px;
}

.button_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 203px;
  height: 44px;
  border-radius: 11px;
  font-size: 14px;
}

.button_profile-dark {
  margin-top: 5px;
  background: #21263f;
  -webkit-box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  box-shadow: 0px 4px 4px rgba(14, 17, 34, 0.19);
  border: 1px #1a223b solid;
  color: #8b95ad;
  font-weight: 500;
  gap: 10px;
}

.button_profile-green {
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#00932f),
      to(#00a535));
  background: -o-linear-gradient(top, #00932f 0%, #00a535 100%);
  background: linear-gradient(180deg, #00932f 0%, #00a535 100%);
  -webkit-box-shadow: 0px 4px 4px rgba(0, 17, 5, 0.28);
  box-shadow: 0px 4px 4px rgba(0, 17, 5, 0.28);
  border: 1px #31ab5a solid;
  gap: 10px;
}

.button_profile-case {
  width: auto;
  height: auto;
  background: #2b59ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  box-shadow: 0px 4px 4px rgba(0, 27, 125, 0.21);
  border-radius: 8px;
  border: 1px #2e5fff solid;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 8px 17px;
}

.back-button {
  border-radius: 12px;
  width: 113px;
  height: 45px;
  background: #161722;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  font-weight: 500;
  border: none;
}

.back-button__text {
  font-size: 14px;
  color: #8188a5;
}

.back-button-upgrade {
  position: absolute;
  top: 72px;
  left: 52px;
}

.back-button_profile,
.back-button_balance,
.back-button_case1x {
  position: absolute;
  top: 28px;
  left: 28px;
  z-index: 5;
}

.back-button_case1x {
  top: 68px;
}

.button_promocode-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 216px;
  height: 88px;
  background: #2b56e8;
  -webkit-box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  box-shadow: 0px 0px 13.8999996185px rgba(43, 86, 232, 0.6);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: none;
  gap: 20px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.button_open-case {
  background: #2b59ff;
  -webkit-box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  box-shadow: 0px 0px 4px rgba(17, 63, 228, 0.5);
  border-radius: 12px;
  border: 1px #6286fe solid;
  padding: 16px 24px;
}

.button_open-case-fast {
  border: 2px #3160ff solid;
  background: none;
  border-radius: 12px;
  padding: 16px 24px;
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .ads-winter {
    width: 180px;
  }

  .ads-winter__title {
    margin-top: 5px;
    font-size: 21px;
  }

  .ads-winter img:nth-child(1) {
    left: -10px;
  }

  .ads-winter img:nth-child(2) {
    right: -36px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .ads-winter {
    width: 160px;
  }

  .ads-winter__title {
    margin-top: 8px;
    font-size: 16px;
  }

  .ads-winter__subtitle {
    font-size: 9px;
  }

  .ads-winter img:nth-child(1) {
    left: -15px;
  }

  .ads-winter img:nth-child(2) {
    right: -40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .ads-winter {
    width: 150px;
    height: 45px;
    border-radius: 10px;
  }

  .ads-winter__title {
    margin-top: 8px;
    font-size: 15px;
  }

  .ads-winter__subtitle {
    font-size: 9px;
  }

  .ads-winter img:nth-child(1) {
    left: -17px;
  }

  .ads-winter img:nth-child(2) {
    right: -40px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .ads-winter {
    width: 150px;
    height: 45px;
    border-radius: 10px;
  }

  .ads-winter__title {
    margin-top: 8px;
    font-size: 15px;
  }

  .ads-winter__subtitle {
    font-size: 9px;
  }

  .ads-winter img:nth-child(1) {
    left: -17px;
  }

  .ads-winter img:nth-child(2) {
    right: -40px;
  }
}

@media (max-width: 575px) {
  .ads-winter {
    width: 150px;
    height: 45px;
    border-radius: 10px;
  }

  .ads-winter__title {
    margin-top: 8px;
    font-size: 15px;
  }

  .ads-winter__subtitle {
    font-size: 9px;
  }

  .ads-winter img:nth-child(1) {
    left: -17px;
  }

  .ads-winter img:nth-child(2) {
    right: -40px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .modal-window_auth {
    height: 438px;
  }

  .modal-auth__back-girl {
    left: -50px;
    width: 267px;
  }

  .modal-auth__login {
    margin-top: 70px;
  }

  .modal-auth__agreements {
    margin-top: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-window_auth {
    height: 400px;
  }

  .modal-auth__back-girl {
    left: -50px;
    width: 227px;
  }

  .modal-auth__login {
    margin-top: 50px;
  }

  .modal-auth__agreements {
    margin-top: 70px;
  }

  .modal-auth__main-block {
    padding-top: 30px;
  }

  .modal-auth__divider {
    margin-top: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-window_auth {
    height: 380px;
  }

  .modal-auth__back-girl {
    left: -50px;
    width: 207px;
  }

  .modal-auth__login {
    margin-top: 50px;
  }

  .modal-auth__agreements {
    margin-top: 70px;
  }

  .modal-auth__main-block {
    padding-top: 25px;
  }

  .modal-auth__divider {
    margin-top: 25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .modal-window_auth {
    height: 400px;
    width: auto;
  }

  .modal-auth__title-wrapper {
    display: none;
  }

  .modal-auth__login {
    margin-top: 50px;
  }

  .modal-auth__agreements {
    margin-top: 70px;
  }

  .modal-auth__main-block {
    padding-top: 30px;
  }

  .modal-auth__divider {
    margin-top: 25px;
  }
}

@media (max-width: 575px) {
  .modal-window_auth {
    height: 400px;
    width: 95%;
  }

  .modal-auth__title-wrapper {
    display: none;
  }

  .modal-auth__login {
    margin-top: 50px;
  }

  .modal-auth__agreements {
    margin-top: 70px;
  }

  .modal-auth__main-block {
    padding-top: 30px;
    width: 100%;
    padding: 20px 30px;
  }

  .modal-auth__main-header {
    width: 100%;
  }

  .modal-auth__divider {
    margin-top: 25px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__input-button {
    min-width: 140px;
    gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__input {
    height: 100%;
  }

  .balance__input img {
    top: 15px;
  }

  .balance__input-field {
    padding: 0 5px 0 22px;
  }

  .balance__input-field-promo {
    height: 100%;
  }

  .balance__input-field-sum {
    padding-left: 50px;
    height: 100%;
  }

  .balance__input-button {
    min-width: 140px;
    gap: 10px;
    height: 100%;
  }

  .balance__input-block {
    height: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__input {
    height: 100%;
  }

  .balance__input img {
    top: 15px;
  }

  .balance__input-field {
    padding: 0 5px 0 22px;
  }

  .balance__input-field-promo {
    height: 100%;
  }

  .balance__input-field-sum {
    padding-left: 50px;
    height: 100%;
  }

  .balance__input-button {
    min-width: 140px;
    gap: 10px;
    height: 100%;
  }

  .balance__input-block {
    height: 50px;
  }

  .balance__pay-ways {
    width: 368px;
  }

  .balance__pay-items {
    width: 368px;
  }

  .balance__pay-item {
    width: 116px;
  }

  .balance__pay-item img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__input {
    height: 100%;
  }

  .balance__input img {
    top: 15px;
  }

  .balance__input-field {
    padding: 0 5px 0 22px;
  }

  .balance__input-field-promo {
    height: 100%;
  }

  .balance__input-field-sum {
    padding-left: 50px;
    height: 100%;
  }

  .balance__input-button {
    min-width: 140px;
    gap: 10px;
    height: 100%;
  }

  .balance__input-block {
    height: 50px;
  }

  .balance__pay-items {
    width: 100%;
  }

  .balance__pay-item {
    width: 116px;
  }

  .balance__pay-item img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .balance__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .balance__divider {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__input {
    height: 100%;
  }

  .balance__input img {
    top: 15px;
  }

  .balance__input-field {
    padding: 0 5px 0 22px;
  }

  .balance__input-field-promo {
    height: 100%;
  }

  .balance__input-field-sum {
    padding-left: 50px;
    height: 100%;
  }

  .balance__input-button {
    min-width: 140px;
    gap: 10px;
    height: 100%;
  }

  .balance__input-block {
    height: 50px;
  }

  .balance__pay-items {
    width: 100%;
  }

  .balance__pay-item {
    width: 116px;
  }

  .balance__pay-item img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .balance__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .balance__divider {
    display: none;
  }
}

@media (max-width: 575px) {
  .balance__block {
    padding: 0 20px 28px 20px;
  }

  .balance__descr {
    font-size: 10px;
  }

  .balance__input {
    height: 50px;
  }

  .balance__input img {
    top: 15px;
  }

  .balance__input-field {
    padding: 0 5px 0 22px;
    border-radius: 20px;
  }

  .balance__input-field-promo {
    height: 100%;
  }

  .balance__input-field-sum {
    padding-left: 50px;
    height: 100%;
  }

  .balance__input-button {
    min-width: 150px;
    gap: 10px;
    height: 50px;
    border-radius: 15px;
  }

  .balance__input-block {
    height: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .balance__pay-items {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }

  .balance__pay-item {
    width: 80px;
    height: 80px;
  }

  .balance__pay-item img {
    -webkit-transform: scale(0.58);
    -ms-transform: scale(0.58);
    transform: scale(0.58);
  }

  .balance__pay-item-selector img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  .balance__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .balance__divider {
    display: none;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .bonus__steps {
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .bonus__step-line {
    width: 150px;
  }

  .bonus__level img {
    width: 130px;
    height: 120px;
  }

  .bonus__main-card {
    padding-left: 120px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .bonus__steps {
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .bonus__step-line {
    width: 120px;
  }

  .bonus__level img {
    width: 130px;
    height: 120px;
  }

  .bonus__main-card {
    padding-left: 120px;
  }
}

@media (max-width: 575px) {
  .bonus__steps {
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .bonus__step-line {
    display: none;
  }

  .bonus__level img {
    width: 90px;
    height: 80px;
  }

  .bonus__main-card {
    padding-left: 20px;
    padding-top: 60px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .back-button {
    width: 45px;
    left: 10px;
    top: 30px;
  }

  .back-button__text {
    display: none;
  }

  .button_back {
    width: 45px;
    font-size: 0;
  }

  .button_back img {
    -webkit-transform: translateX(7px);
    -ms-transform: translateX(7px);
    transform: translateX(7px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .button_promocode-input {
    height: 100%;
    font-size: 14px;
    width: 190px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .button_promocode-input {
    height: 100%;
    font-size: 14px;
    width: 190px;
  }

  .button_open-case {
    height: 45px;
    width: 150px;
    font-size: 14px;
    padding: 0;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .button_promocode-input {
    height: 100%;
    font-size: 14px;
    width: 160px;
    gap: 10px;
  }

  .button_open-case {
    height: 45px;
    width: 150px;
    font-size: 14px;
    padding: 0;
  }
}

@media (max-width: 575px) {
  .button_promocode-input {
    height: 60px;
    font-size: 12px;
    width: 140px;
    gap: 10px;
    border-radius: 20px;
  }

  .button_promocode-input img {
    display: none;
  }

  .button_open-case {
    height: 45px;
    width: 150px;
    font-size: 14px;
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cards__item {
    height: 247px;
    width: 202px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cards__item {
    height: 219px;
    width: 179px;
  }
}

@media (max-width: 576px) {
  .cards__item {
    height: 215px;
    width: 176px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case-color__photo {
    width: 220px;
    height: 220px;
  }

  .case-color__photos {
    margin-top: 110px;
  }

  .case-color__cases-count {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .case-color__photo {
    width: 180px;
    height: 180px;
  }

  .case-color__photos {
    margin-top: 110px;
  }

  .case-color__cases-count {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .case-color__photo {
    width: 150px;
    height: 150px;
  }

  .case-color__photos {
    margin-top: 110px;
  }

  .case-color__cases-count {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-color__photo {
    width: 130px;
    height: 130px;
  }

  .case-color__photos {
    margin-top: 110px;
  }

  .case-color__cases-count {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case-color__photo {
    width: 115px;
    height: 115px;
  }

  .case-color__photos {
    margin-top: 110px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .case-color__cases-count {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}

@media (max-width: 575px) {
  .case-color__photo {
    width: 120px;
    height: 120px;
    margin-top: 0px;
  }

  .case-color__photos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto;
    margin-top: 110px;
    height: auto;
  }

  .case-color__cases-count {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case-final__list {
    margin-bottom: 90px;
  }

  .case-final__buttons {
    bottom: -35px;
  }

  .case-final__item {
    width: 240px;
    height: 240px;
    margin: 0 -20px;
  }

  .case-final__title_fz26 {
    margin-top: 140px;
  }

  .case-final__button_retry {
    font-size: 14px;
  }

  .case-final__button_sell-item {
    font-size: 14px;
    padding: 13px 24px;
  }

  .case-final__button_add-to-contract {
    font-size: 14px;
    padding: 13px 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .case-final__list {
    margin-bottom: 90px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .case-final__list {
    margin-bottom: 90px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-final__list {
    margin-bottom: 90px;
  }

  .case-final__buttons {
    bottom: -35px;
  }

  .case-final__item {
    width: 240px;
    height: 240px;
    margin: 0 -20px;
  }

  .case-final__title_fz26 {
    margin-top: 140px;
  }

  .case-final__button_retry {
    font-size: 14px;
  }

  .case-final__button_sell-item {
    font-size: 14px;
    padding: 13px 24px;
  }

  .case-final__button_add-to-contract {
    font-size: 14px;
    padding: 13px 24px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case-final__list {
    margin-bottom: 90px;
  }

  .case-final__buttons {
    -webkit-transform: translate(-50%, 70%);
    -ms-transform: translate(-50%, 70%);
    transform: translate(-50%, 70%);
  }

  .case-final__item {
    width: 240px;
    height: 240px;
    margin: 0 -20px;
  }

  .case-final__title_fz26 {
    margin-top: 180px;
  }

  .case-final__button_retry {
    font-size: 14px;
  }

  .case-final__button_sell-item {
    font-size: 14px;
    padding: 13px 24px;
  }

  .case-final__button_add-to-contract {
    font-size: 14px;
    padding: 13px 24px;
  }
}

@media (max-width: 575px) {
  .case-final__list {
    margin-bottom: 90px;
  }

  .case-final__buttons {
    -webkit-transform: translate(-50%, 70%);
    -ms-transform: translate(-50%, 70%);
    transform: translate(-50%, 70%);
  }

  .case-final__item {
    width: 240px;
    height: 240px;
    margin: 0 -20px;
  }

  .case-final__title_fz26 {
    margin-top: 200px;
  }

  .case-final__button_retry {
    font-size: 14px;
  }

  .case-final__button_sell-item {
    font-size: 14px;
    padding: 13px 24px;
  }

  .case-final__button_add-to-contract {
    font-size: 14px;
    padding: 13px 24px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case-item__name_final {
    margin-top: 65px;
    font-size: 11px;
  }

  .case-item-label_final {
    margin-top: 65px;
  }

  .case-item__skin_final {
    font-size: 12px;
  }

  .case-item__price_final {
    margin-top: 60px;
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-item__name_final {
    margin-top: 65px;
    font-size: 11px;
  }

  .case-item-label_final {
    margin-top: 65px;
  }

  .case-item__skin_final {
    font-size: 12px;
  }

  .case-item__price_final {
    margin-top: 60px;
    font-size: 14px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case-item__name_final {
    margin-top: 65px;
    font-size: 11px;
  }

  .case-item-label_final {
    margin-top: 65px;
  }

  .case-item__skin_final {
    font-size: 12px;
  }

  .case-item__price_final {
    margin-top: 60px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .case-item__name_final {
    margin-top: 65px;
    font-size: 11px;
  }

  .case-item-label_final {
    margin-top: 65px;
  }

  .case-item__skin_final {
    font-size: 12px;
    margin-top: -2px;
  }

  .case-item__price_final {
    margin-top: 70px;
    font-size: 14px;
  }

  .case-final__label-flex {
    margin-top: 70px;
    font-size: 14px;
    margin-top: -247px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case-openning__item {
    width: 280px;
    height: 280px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .case-openning__item {
    width: 260px;
    height: 260px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .case-openning__item {
    width: 230px;
    height: 230px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-openning__item {
    width: 180px;
    height: 180px;
    margin-top: -30px;
  }

  .case-openning__column {
    margin: 0 -25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case-openning__item {
    width: 135px;
    height: 135px;
    margin-top: -30px;
  }

  .case-openning__column {
    margin: 0 -15px;
  }
}

@media (max-width: 575px) {
  .case-openning {
    margin-top: 0;
    height: 100%;
  }

  .case-openning__item {
    margin-top: 10px;
    width: 70px;
    height: 70px;
  }

  .case-openning__item-back {
    position: relative;
  }

  .case-openning__column {
    margin: 0 -5px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case__photo {
    width: 296.46px;
    height: auto;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 540px;
  }

  .case__block-color_final {
    height: auto;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .case__photo {
    width: 292.8px;
    height: auto;
  }

  .case__block {
    height: 400px;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 500px;
  }

  .case__block-color_case-opening.happy-end {
    height: auto !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .case__photo {
    width: 292.8px;
    height: auto;
  }

  .case__block {
    height: 400px;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 460px;
  }

  .case__block-color_case-opening.happy-end {
    height: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case__photo {
    width: 292.8px;
    height: auto;
  }

  .case__block {
    height: 400px;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 400px;
  }

  .case__block-color_case-opening.happy-end {
    height: auto !important;
  }

  .case__open-buttons {
    width: 397px;
  }

  .case__title {
    font-size: 30px;
    margin-top: 15px;
  }

  .case__label_case-color {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case__photo {
    width: 101px;
    height: 101px;
  }

  .case__block {
    height: 400px;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 370px;
  }

  .case__block-color_case-opening.happy-end {
    height: auto !important;
  }

  .case__open-buttons {
    width: 397px;
  }

  .case__title {
    font-size: 30px;
    margin-top: 15px;
  }

  .case__label_case-color {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@media (max-width: 575px) {
  .case__photo {
    margin-top: 0px;
    width: 101px;
    height: 101px;
  }

  .case__block {
    height: 460px;
  }

  .case__block-color {
    height: auto;
  }

  .case__block-color_case-opening {
    height: 250px;
  }

  .case__block-color_case-opening.happy-end {
    height: auto !important;
  }

  .case__open-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 200px;
  }

  .case__title {
    font-size: 28px;
    margin-top: 15px;
  }

  .case__label_case-color {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-60px);
  }

  .case__block-color-background-blur_case-openning {
    outline-offset: -30px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .contacts__message {
    width: 370px;
  }
}

@media (max-width: 575px) {
  .contacts__message {
    width: 90%;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .contract__creating-side {
    width: 526.5px;
    height: 352.8px;
  }

  .contract__creating-side-back {
    width: 100%;
    height: 100%;
  }

  .contract__creating-cards {
    margin-left: 10px;
    row-gap: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }

  .contract__creating-cards-right {
    margin-right: 10px;
  }

  .contract__creating-card {
    width: 75.375px;
    height: 90px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .contract__creating-side {
    width: 526.5px;
    height: 352.8px;
  }

  .contract__creating-side-back {
    width: 100%;
    height: 100%;
  }

  .contract__creating-cards {
    margin-left: 10px;
    row-gap: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }

  .contract__creating-cards-right {
    margin-right: 10px;
  }

  .contract__creating-card {
    width: 75.375px;
    height: 90px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .contract__creating-side {
    width: 468px;
    height: 313.6px;
  }

  .contract__creating-side-back {
    width: 100%;
    height: 100%;
  }

  .contract__creating-cards {
    margin-left: -20px;
    row-gap: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
  }

  .contract__creating-cards-right {
    margin-right: -20px;
  }

  .contract__creating-card {
    width: 58.625px;
    height: 70px;
    font-size: 24px;
  }

  .contract__creating-circle {
    width: 350px;
    height: 350px;
  }

  .contract__creating-circle img {
    width: 100%;
  }

  .contract__creating-title {
    font-size: 24px;
  }

  .contract__creating-prize-label {
    margin-top: 80px;
  }

  .contract__creating-prize-name {
    margin-top: 200px;
  }

  .contract__creating-prize-price {
    margin-top: 0;
  }

  .upgrade__creating-prize-price {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contract__creating-side {
    width: 409.5px;
    height: 274.4px;
    margin: -220px;
  }

  .contract__creating-side-back {
    width: 100%;
    height: 100%;
  }

  .contract__creating-cards {
    margin-left: -20px;
    gap: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    width: 230px;
  }

  .contract__creating-cards-right {
    margin-right: -15px;
  }

  .contract__creating-cards-left {
    margin-right: -15px;
  }

  .contract__creating-card {
    width: 50.25px;
    height: 60px;
    font-size: 20px;
  }

  .contract__creating-circle {
    width: 300px;
    height: 300px;
  }

  .contract__creating-circle img {
    width: 100%;
  }

  .contract__creating-title {
    font-size: 20px;
  }

  .contract__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .upgrade__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .contract__creating-prize-label {
    margin-top: 70px;
  }

  .contract__creating-prize-name {
    width: 100%;
    margin-top: 200px;
  }

  .contract__creating-prize-skin {
    margin-top: 0;
  }

  .contract__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }

  .upgrade__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .contract__creating {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 20px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .contract__creating-side {
    width: auto;
    height: auto;
    margin: 0;
  }

  .contract__creating-side-back {
    display: none;
  }

  .contract__creating-side-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .contract__creating-side-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .contract__creating-cards {
    gap: 10px;
    margin-top: 0;
    width: 230px;
    background-color: #07080e;
    padding: 20px;
  }

  .contract__creating-cards-left {
    margin-left: 0;
    border-radius: 20px;
  }

  .contract__creating-cards-right {
    margin-right: 0;
    border-radius: 20px;
  }

  .contract__creating-card {
    width: 50.25px;
    height: 60px;
    font-size: 20px;
  }

  .contract__creating-circle {
    width: 320px;
    height: 320px;
  }

  .contract__creating-circle img {
    width: 100%;
  }

  .contract__creating-title {
    font-size: 20px;
  }

  .contract__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .upgrade__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .contract__creating-prize-label {
    margin-top: 70px;
  }

  .contract__creating-prize-name {
    width: 100%;
    margin-top: 200px;
  }

  .contract__creating-prize-skin {
    margin-top: 0;
  }

  .contract__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }

  .upgrade__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .contract__creating {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 20px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .contract__creating-side {
    width: auto;
    height: auto;
    margin: 0;
  }

  .contract__creating-side-back {
    display: none;
  }

  .contract__creating-side-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .contract__creating-side-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .contract__creating-cards {
    gap: 10px;
    margin-top: 0;
    width: 230px;
    background-color: #07080e;
    padding: 20px;
  }

  .contract__creating-cards-left {
    margin-left: 0;
    border-radius: 20px;
  }

  .contract__creating-cards-right {
    margin-right: 0;
    border-radius: 20px;
  }

  .contract__creating-card {
    width: 50.25px;
    height: 60px;
    font-size: 20px;
  }

  .contract__creating-circle {
    width: 310px;
    height: 310px;
  }

  .contract__creating-circle img {
    width: 100%;
  }

  .contract__creating-title {
    font-size: 20px;
  }

  .contract__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .upgrade__creating-prize-info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .contract__creating-prize-label {
    margin-top: 70px;
  }

  .contract__creating-prize-name {
    width: 100%;
    margin-top: 200px;
  }

  .contract__creating-prize-skin {
    margin-top: 0;
  }

  .contract__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }

  .upgrade__creating-prize-price {
    margin-top: 0;
    margin-left: 7px;
    text-align: center;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .drum__block {
    width: 100%;
    height: 750px;
  }

  .drum__image {
    width: 550px;
    height: 550px;
  }

  .drum__image_empty {
    margin-top: 96px;
  }

  .drum__element {
    width: 155px;
    height: 155px;
  }

  .drum__element-2 {
    right: 3%;
    top: 16%;
  }

  .drum__element-3 {
    right: 6%;
    bottom: 20%;
  }

  .drum__element-4 {
    left: 50%;
    bottom: 0%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .drum__element-5 {
    left: 5%;
    bottom: 18%;
  }

  .drum__element-6 {
    left: 4%;
    top: 17%;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .drum__block {
    width: 100%;
    height: 688px;
  }

  .drum__title {
    font-size: 36px;
  }

  .drum__image {
    width: 480px;
    height: 480px;
  }

  .drum__image_empty {
    margin-top: 66px;
    width: 540px;
    height: 540px;
  }

  .drum__element {
    width: 140px;
    height: 140px;
  }

  .drum__element-6 {
    left: 4%;
    top: 16%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .drum__block {
    width: 100%;
    height: 600px;
  }

  .drum__title {
    font-size: 36px;
  }

  .drum__image {
    width: 440px;
    height: 440px;
  }

  .drum__image_empty {
    margin-top: 66px;
    width: 480px;
    height: 480px;
  }

  .drum__element {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .drum__block {
    width: 100%;
    height: 450px;
    margin-top: 100px;
  }

  .drum__title {
    font-size: 32px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  .drum__image {
    width: 360px;
    height: 360px;
    -webkit-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    transform: translateY(-90px);
  }

  .drum__image_empty {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    width: 400px;
    height: 400px;
  }

  .drum__element {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .drum__block {
    width: 100%;
    height: 337.5px;
    margin-top: 100px;
  }

  .drum__title {
    font-size: 28px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  .drum__image {
    width: 280px;
    height: 280px;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  .drum__image_empty {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    width: 300px;
    height: 300px;
  }

  .drum__element {
    width: 75px;
    height: 75px;
  }

  .drum__element-1 {
    top: 0px;
  }
}

@media (max-width: 575px) {
  .drum__block {
    width: 100%;
    height: auto;
    margin-top: 100px;
  }

  .drum__title {
    font-size: 28px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }

  .drum__image {
    width: 310px;
    height: 310px;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  .drum__image_empty {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    width: 300px;
    height: 300px;
  }

  .drum__element {
    width: 81px;
    height: 81px;
  }

  .drum__element-1 {
    top: -2px;
  }

  .drum__element-5 {
    bottom: 19%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-window_error {
    width: 584px;
    height: 354px;
  }

  .modal-window_error-balance {
    height: 374px;
  }

  .modal-error__title {
    font-size: 26px;
  }

  .modal-error__title_balance {
    margin-top: 50px;
  }

  .modal-error__img_withdraw {
    width: 100px;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .modal-window_error {
    width: 484px;
    height: 284px;
  }

  .modal-window_error-balance {
    height: 314px;
  }

  .modal-error__title {
    margin-top: 40px;
    font-size: 26px;
  }

  .modal-error__title_balance {
    font-size: 22px;
  }

  .modal-error__subtitle_balance {
    margin-top: 20px;
    font-size: 14px;
    width: 400px;
  }

  .modal-error__img_withdraw {
    width: 100px;
  }

  .modal-error__img_balance {
    width: 50px;
    margin-top: 30px;
  }

  .modal-error__close {
    top: 30px;
    right: 30px;
  }
}

@media (max-width: 575px) {
  .modal-window_error {
    width: 90%;
    height: 324px;
  }

  .modal-window_error-balance {
    height: auto;
    padding-bottom: 20px;
  }

  .modal-error__title {
    margin-top: 70px;
    font-size: 26px;
  }

  .modal-error__title_balance {
    font-size: 22px;
  }

  .modal-error__subtitle_balance {
    width: 80%;
    font-size: 14px;
  }

  .modal-error__img_withdraw {
    width: 100px;
  }

  .modal-error__img_balance {
    width: 40px;
  }

  .modal-error__close_withdraw {
    top: 30px;
    right: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .every-day-challenge {
    min-width: 335px;
  }

  .every-day-challenge__picture {
    position: absolute;
    width: 270px;
    height: 252px;
    bottom: -110px;
    right: -100px;
    z-index: 1;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .every-day-challenge {
    min-width: 335px;
  }

  .every-day-challenge__picture {
    position: absolute;
    width: 270px;
    height: 252px;
    bottom: -110px;
    right: -100px;
    z-index: 1;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .every-day-challenge {
    min-width: 335px;
  }

  .every-day-challenge__picture {
    position: absolute;
    width: 270px;
    height: 252px;
    bottom: -110px;
    right: -100px;
    z-index: 1;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .every-day-challenge {
    width: 100%;
  }

  .every-day-challenge__picture {
    position: absolute;
    width: 270px;
    height: 252px;
    bottom: -110px;
    right: -100px;
    z-index: 1;
  }
}

@media (max-width: 575px) {
  .every-day-challenge {
    width: 100%;
    padding: 15px;
    border-radius: 30px;
  }

  .every-day-challenge__picture {
    position: absolute;
    width: 270px;
    height: 252px;
    bottom: -110px;
    right: -100px;
    z-index: 1;
  }

  .every-day-challenge__row-status {
    height: 34px;
    width: 72px;
    line-height: 34px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .faq__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
  }
}

@media (max-width: 575px) {
  .faq__title {
    padding: 0 10px;
  }

  .faq__subtitle {
    padding: 0 10px;
  }

  .faq__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .farm-cases__item {
    width: 216px;
    height: 255.6px;
  }

  .farm-cases__item-title {
    font-size: 30px;
  }

  .farm-cases__item-price {
    margin-top: 115px;
  }

  .farm-cases__item-img {
    width: 220px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .farm-cases__item {
    width: 192px;
    height: 227.2px;
  }

  .farm-cases__item-title {
    font-size: 26px;
  }

  .farm-cases__item-price {
    margin-top: 100px;
  }

  .farm-cases__item-img {
    width: 200px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .farm-cases__items {
    gap: 20px;
  }

  .farm-cases__item {
    width: 192px;
    height: 227.2px;
  }

  .farm-cases__item-title {
    font-size: 26px;
  }

  .farm-cases__item-price {
    margin-top: 100px;
  }

  .farm-cases__item-img {
    width: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .farm-cases__items {
    gap: 20px;
  }

  .farm-cases__item {
    width: 192px;
    height: 227.2px;
  }

  .farm-cases__item-title {
    font-size: 26px;
  }

  .farm-cases__item-price {
    margin-top: 100px;
  }

  .farm-cases__item-img {
    width: 200px;
  }
}

@media (max-width: 575px) {
  .farm-cases__items {
    gap: 15px;
  }

  .farm-cases__item {
    width: 156px;
    height: 184.6px;
  }

  .farm-cases__item-title {
    font-size: 24px;
  }

  .farm-cases__item-price {
    margin-top: 70px;
    font-size: 14px;
    width: max-content;
    height: 30px;
    line-height: 30px;
  }

  .farm-cases__item-img {
    width: 160px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .footer__girl {
    width: 320px;
  }

  .footer__boy {
    width: 450px;
    bottom: -200px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .footer__girl {
    width: 320px;
  }

  .footer__boy {
    width: 450px;
    bottom: -200px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .footer__girl {
    width: 300px;
  }

  .footer__boy {
    width: 420px;
    bottom: -200px;
  }

  .footer__statistic {
    width: 600px;
  }

  .footer__social-media {
    right: 0;
    width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer__images {
    display: none;
  }

  .footer__statistic {
    width: 600px;
  }

  .footer__social-media {
    right: 20px;
    width: 300px;
  }

  .footer__background-circle-right {
    width: 476px;
    height: 630px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .footer__images {
    display: none;
  }

  .footer__statistic {
    width: 100%;
  }

  .footer__social-media {
    right: 20px;
    width: 300px;
  }

  .footer__background-circle-left {
    width: 126px;
    height: 126px;
  }

  .footer__background-circle-right {
    width: 476px;
    height: 630px;
  }
}

@media (max-width: 575px) {
  .footer__images {
    display: none;
  }

  .footer__statistic {
    width: 100%;
  }

  .footer__social-media {
    right: 0px;
    width: 300px;
  }

  .footer__background-circle-left {
    width: 126px;
    height: 126px;
  }

  .footer__background-circle-right {
    width: 476px;
    height: 630px;
  }

  .footer__block-left {
    margin-left: 10px;
    width: 100%;
    margin-bottom: 70px;
  }

  .footer__logo {
    margin-right: 250px;
  }

  .footer__main-info {
    width: 100%;
    row-gap: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .logo {
    font-size: 28px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .logo {
    font-size: 24px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .logo {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .logo {
    font-size: 26px;
  }

  .buttons__wrapper {
    bottom: -62px;
  }

  .title__wrapper_case-color {
    top: -57px;
    text-wrap: nowrap;
  }
}

@media (min-width: 1601px) {
  .header__hamburger {
    display: none;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header-scroll {
    -webkit-transform: translateX(-71px);
    -ms-transform: translateX(-71px);
    transform: translateX(-71px);
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .header__hamburger {
    display: none;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header__menu {
    gap: 25px;
  }

  .header-scroll {
    -webkit-transform: translateX(-71px);
    -ms-transform: translateX(-71px);
    transform: translateX(-71px);
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .header__hamburger {
    display: none;
  }

  .header__block {
    height: auto;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header__menu {
    gap: 20px;
  }

  .header-scroll {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .header__ads-winter-block {
    margin-left: 50px;
    margin-right: 20px;
  }

  .header__auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .header__hamburger {
    display: none;
  }

  .header__block {
    height: auto;
  }

  .header__block-left {
    margin-left: 5px;
  }

  .header__menu {
    gap: 20px;
  }

  .header__menu-item-text {
    font-size: 12px;
  }

  .header-scroll {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .header__ads-winter-block {
    margin-right: 20px;
  }

  .header__auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .header__auth-social-media {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header__hamburger {
    background-color: #2b59ff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 5px;
    margin-right: 20px;
  }

  .header__hamburger span {
    margin-left: 5px;
    background-color: #fff;
    border-radius: 3px;
  }

  .header__block {
    position: relative;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header__menu {
    position: absolute;
    background-color: #121524;
    height: auto;
    padding: 30px;
    width: 100%;
    top: 70px;
    z-index: 5;
    display: none;
  }

  .header__menu-item-text {
    font-size: 12px;
  }

  .header-scroll {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .header__ads-winter-block {
    margin-right: 20px;
  }

  .header__auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .header__auth-social-media {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .header__hamburger {
    background-color: #2b59ff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 7px;
    margin-right: 20px;
  }

  .header__hamburger span {
    margin-left: 5px;
    background-color: #fff;
    border-radius: 3px;
  }

  .header__block {
    position: relative;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header__menu {
    position: absolute;
    background-color: #121524;
    height: 70px;
    padding: 30px;
    width: 100%;
    top: 70px;
    z-index: 5;
    display: none;
  }

  .header__menu-item-text {
    font-size: 12px;
  }

  .header-scroll {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .header__ads-winter-block {
    margin-right: 20px;
  }

  .header__auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .header__auth-social-media {
    display: none;
  }

  .subheader__block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .subheader__block::-webkit-scrollbar {
    display: none;
  }

  .subheader__cards {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@media (max-width: 575px) {
  .header__hamburger {
    background-color: #2b59ff;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 7px;
    margin-right: 20px;
  }

  .header__hamburger span {
    margin-left: 5px;
    background-color: #fff;
    border-radius: 3px;
  }

  .header__block-left {
    margin-left: 0;
  }

  .header__account {
    gap: 10px;
  }

  .header__menu {
    position: absolute;
    background-color: #121524;
    height: auto;
    padding: 30px;
    width: 100%;
    top: 40px;
    z-index: 5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
  }

  .header__menu-item-text {
    font-size: 12px;
  }

  .header-scroll {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .header__ads-winter-block {
    margin-right: 10px;
  }

  .header__auth {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }

  .header__auth-social-media {
    display: none;
  }

  .subheader {
    width: 100%;
  }

  .subheader__block {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .subheader__block::-webkit-scrollbar {
    display: none;
  }

  .subheader__cards {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@-webkit-keyframes scrollAnimation {

  0%,
  20% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  20%,
  40% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  40%,
  60% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  60%,
  80% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  80%,
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes scrollAnimation {

  0%,
  20% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  20%,
  40% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  40%,
  60% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  60%,
  80% {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  80%,
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 365px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 360px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 305px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }

  .invent-items__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .invent-items__search {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 305px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }

  .invent-items__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .invent-items__search {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .invent-items {
    width: 100%;
  }

  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 365px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }

  .invent-items__filters {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .invent-items__search {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .invent-items {
    width: 100%;
  }

  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    height: 365px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }

  .invent-items__filters {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .invent-items__search {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .invent-items {
    width: 100%;
    height: auto;
  }

  .invent-items__header-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .invent-items__wrapper {
    padding-bottom: 20px;
    height: 365px;
  }

  .invent-items__wrapper_upgrade {
    height: 405px;
  }

  .invent-items__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .invent-items__search {
    width: 100%;
  }

  .invent-items__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .invent__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .invent__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .invent__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .limited__item {
    width: 248.4px;
    margin: 0 -5px;
  }

  .limited__item-image {
    height: 225px;
  }

  .limited__item-price {
    width: 80px;
    height: 40px;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .limited__item {
    width: 248.4px;
  }

  .limited__item-image {
    height: 225px;
  }

  .limited__item-price {
    width: 80px;
    height: 40px;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

@media (max-width: 575px) {
  .limited__item {
    width: 248.4px;
  }

  .limited__item-image {
    height: 225px;
  }

  .limited__item-price {
    width: 80px;
    height: 40px;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .container {
    max-width: 1100px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 380px) and (max-width: 575px) {
  .container {
    width: 100%;
    padding: 0 5px;
  }
}

@media (max-width: 379px) {
  .container {
    width: 100%;
    padding: 0 5px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal__window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal__title_withdraw {
    font-size: 26px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-bottom: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal-window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal__header_promocode {
    height: 80px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 20px;
    font-weight: 600;
  }

  .modal__close {
    width: 40px;
    height: 40px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal__title_withdraw {
    font-size: 24px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 340px;
  }

  .modal-window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 940px;
  }

  .modal__header_promocode {
    height: 80px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 20px;
    font-weight: 600;
  }

  .modal__close {
    width: 40px;
    height: 40px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal__title_withdraw {
    font-size: 24px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 330px;
    width: 550px;
  }

  .modal-window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding-bottom: 30px;
  }

  .modal__header_promocode {
    height: 70px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 18px;
    font-weight: 600;
  }

  .modal__close {
    width: 38px;
    height: 38px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal__title_withdraw {
    font-size: 20px;
  }

  .modal__subtitle-withdraw {
    font-size: 14px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-top: 30px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 300px;
    width: 500px;
  }

  .modal-window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding-bottom: 30px;
  }

  .modal__header_promocode {
    height: 70px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 18px;
    font-weight: 600;
  }

  .modal__close {
    width: 38px;
    height: 38px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal__title_withdraw {
    font-size: 18px;
  }

  .modal__subtitle-withdraw {
    font-size: 14px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding: 20px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 575px) {
  .modal-window_promocode {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 400px;
    width: 96%;
  }

  .modal-window_withdraw {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding-bottom: 30px;
  }

  .modal__header_promocode {
    height: 60px;
    padding: 25px 20px 25px 25px;
  }

  .modal__header-withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 16px;
    font-weight: 600;
  }

  .modal__title_withdraw {
    font-size: 18px;
  }

  .modal__close {
    width: 35px;
    height: 35px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal__subtitle-withdraw {
    font-size: 14px;
  }

  .modal__steps {
    padding: 20px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .mystery-cases__items {
    gap: 15px;
  }

  .mystery-cases__item {
    width: 221.4px;
  }

  .mystery-cases__item-picture {
    height: 202.5px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .mystery-cases__block {
    min-height: 460px;
    overflow: hidden;
  }

  .mystery-cases__items {
    gap: 15px;
  }

  .mystery-cases__item {
    width: 196.8px;
  }

  .mystery-cases__item-title {
    font-size: 20px;
  }

  .mystery-cases__item-picture {
    height: 180px;
  }

  .mystery-cases__item-price {
    width: max-content;
    height: 35px;
    font-size: 16px;
    line-height: 35px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mystery-cases__block {
    min-height: 460px;
    overflow: hidden;
  }

  .mystery-cases__back-title {
    width: 100%;
    text-align: center;
    font-size: 50px;
    top: 50px;
  }

  .mystery-cases__items {
    gap: 10px;
  }

  .mystery-cases__item {
    width: 19%;
  }

  .mystery-cases__item-title {
    font-size: 20px;
  }

  .mystery-cases__item-picture {
    height: 157.5px;
  }

  .mystery-cases__item-price {
    width: max-content;
    height: 32.5px;
    font-size: 14px;
    line-height: 32.5px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mystery-cases__block {
    min-height: 460px;
    overflow: hidden;
  }

  .mystery-cases__back-title {
    width: 100%;
    text-align: center;
    font-size: 50px;
    top: 50px;
  }

  .mystery-cases__items {
    gap: 20px;
  }

  .mystery-cases__item {
    width: 196.8px;
  }

  .mystery-cases__item-title {
    font-size: 20px;
  }

  .mystery-cases__item-picture {
    height: 180px;
  }

  .mystery-cases__item-price {
    width: max-content;
    height: 32.5px;
    font-size: 14px;
    line-height: 32.5px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .mystery-cases__block {
    min-height: 460px;
    overflow: hidden;
  }

  .mystery-cases__back-title {
    width: 100%;
    text-align: center;
    font-size: 50px;
    top: 50px;
  }

  .mystery-cases__items {
    gap: 20px;
  }

  .mystery-cases__item {
    width: 172.2px;
  }

  .mystery-cases__item-title {
    font-size: 20px;
  }

  .mystery-cases__item-picture {
    height: 157.5px;
  }

  .mystery-cases__item-price {
    width: max-content;
    height: 32.5px;
    font-size: 14px;
    line-height: 32.5px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (max-width: 575px) {
  .mystery-cases__block {
    min-height: 460px;
    overflow: hidden;
  }

  .mystery-cases__back-title {
    width: 100%;
    text-align: center;
    font-size: 40px;
    top: 57px;
  }

  .mystery-cases__items {
    gap: 20px;
  }

  .mystery-cases__item {
    width: 172.2px;
  }

  .mystery-cases__item-title {
    font-size: 20px;
  }

  .mystery-cases__item-picture {
    height: 157.5px;
  }

  .mystery-cases__item-price {
    width: max-content;
    height: 32.5px;
    font-size: 14px;
    line-height: 32.5px;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
}

@media (max-width: 575px) {
  .profile-search__buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .profile-search__filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .profile__main {
    padding: 0 10px;
  }

  .profile__info {
    width: 100%;
    padding: 15px;
  }

  .profile__name {
    font-size: 20px;
    width: 170px;
  }

  .profile__balance {
    font-size: 16px;
  }

  .profile__image {
    width: 70px;
    height: 70px;
  }

  .profile__image img {
    width: 70px;
  }

  .profile__account {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .profile__cases-opened {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .profile__case-opened {
    width: 100%;
    padding-left: 30px;
  }
}

@media (max-width: 575px) {
  .profile__main {
    padding: 0 10px;
  }

  .profile__info {
    width: 100%;
    padding: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .profile__name {
    font-size: 20px;
    width: 170px;
  }

  .profile__balance {
    font-size: 16px;
  }

  .profile__image {
    width: 70px;
    height: 70px;
  }

  .profile__image img {
    width: 70px;
  }

  .profile__account {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .profile__cases-opened {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .profile__case-opened {
    width: 100%;
    padding-left: 30px;
  }

  .profile__case-photo {
    z-index: 1;
  }

  .profile__case-subtitle {
    position: relative;
    z-index: 2;
  }

  .profile__case-title {
    position: relative;
    z-index: 2;
  }

  .profile__button_profile-case {
    position: relative;
    z-index: 2;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .promo__girl {
    width: 272px;
    height: 280px;
    bottom: -20px;
  }

  .promo__subtitle {
    font-size: 22px;
  }

  .promo__subtitle-2 {
    font-size: 60px;
  }

  .promo__button {
    font-size: 15px;
    width: 240px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .promo__img_main {
    width: 300px;
    top: 0;
  }

  .promo__text {
    margin-left: 70px;
  }

  .promo__girl {
    width: 240px;
    height: 245px;
    bottom: -20px;
    right: 40px;
  }

  .promo__subtitle {
    font-size: 21px;
  }

  .promo__subtitle-2 {
    font-size: 55px;
  }

  .promo__button {
    font-size: 15px;
    width: 240px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .promo__img_skelet {
    width: 126px;
    left: 40%;
    top: -41px;
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }

  .promo__img_pumpkin {
    width: 150px;
    left: 50%;
    bottom: -50px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
  }

  .promo__img_main {
    display: none;
  }

  .promo__text {
    margin-left: 70px;
  }

  .promo__girl {
    display: none;
    width: 240px;
    height: 245px;
    bottom: -20px;
    right: 40px;
  }

  .promo__subtitle {
    font-size: 21px;
  }

  .promo__subtitle-2 {
    font-size: 55px;
  }

  .promo__button {
    font-size: 15px;
    width: 240px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .promo__img_main {
    width: 300px;
    top: 0;
  }

  .promo__text {
    margin-left: 65px;
  }

  .promo__girl {
    width: 204px;
    height: 210px;
    bottom: -10px;
    right: 40px;
  }

  .promo__subtitle {
    font-size: 20px;
  }

  .promo__subtitle-2 {
    font-size: 50px;
  }

  .promo__button {
    font-size: 14px;
    width: 220px;
  }
}

@media (max-width: 575px) {
  .promo {
    border-radius: 30px;
  }

  .promo__img_main {
    display: none;
  }

  .promo__text {
    margin-left: 40px;
    margin-top: 20px;
  }

  .promo__girl {
    display: none;
  }

  .promo__subtitle {
    font-size: 20px;
  }

  .promo__subtitle-2 {
    font-size: 50px;
  }

  .promo__button {
    font-size: 14px;
    width: 220px;
  }

  .promo__slide-button {
    width: 35px;
    height: 35px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .promocode-input_modal {
    height: 68px;
  }

  .promocode-input__field_modal {
    height: 100%;
  }

  .promocode-input__field_modal input {
    height: 100%;
  }

  .promocode-input__field_modal input::-webkit-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-moz-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input:-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::placeholder {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .promocode-input_modal {
    height: 68px;
  }

  .promocode-input__field_modal {
    height: 100%;
  }

  .promocode-input__field_modal input {
    height: 100%;
  }

  .promocode-input__field_modal input::-webkit-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-moz-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input:-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::placeholder {
    font-size: 16px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .promocode-input_modal {
    height: 68px;
    width: 100%;
  }

  .promocode-input__field_modal {
    height: 100%;
  }

  .promocode-input__field_modal input {
    height: 100%;
  }

  .promocode-input__field_modal input::-webkit-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-moz-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input:-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::placeholder {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .promocode-input_modal {
    height: auto;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 25px;
  }

  .promocode-input__field_modal {
    border-radius: 20px;
    height: 58px;
    width: 90%;
  }

  .promocode-input__field_modal input {
    border-radius: 20px;
    height: 100%;
    width: 100%;
  }

  .promocode-input__field_modal input::-webkit-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-moz-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input:-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::-ms-input-placeholder {
    font-size: 16px;
  }

  .promocode-input__field_modal input::placeholder {
    font-size: 16px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .scroll {
    width: 1440px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .scroll {
    width: 1200px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .scroll {
    width: 992px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .scroll {
    width: 768px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .scroll {
    width: 576px;
  }
}

@media (max-width: 575px) {
  .scroll {
    width: 575px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 0px;
  }

  .search__trash {
    width: 40px;
    font-size: 0px;
  }

  .search__trash img {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .search__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 30px;
  }

  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .search__input-wrapper {
    width: 360px;
  }

  .search__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 30px;
  }

  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 0px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .search__input-wrapper {
    width: 100%;
  }

  .search__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 30px;
  }

  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 0px;
  }
}

@media (max-width: 575px) {
  .search__input-wrapper {
    width: 100%;
  }

  .search__block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 30px;
  }

  .search__price-filters {
    margin-right: 0;
  }

  .search__balance-filter {
    margin-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .statistic__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 300px;
    grid-template-columns: repeat(2, 300px);
    -ms-grid-rows: auto auto;
    grid-template-rows: repeat(2, auto);
    justify-items: flex-start;
  }

  .statistic__list>*:nth-child(1) {
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 1;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(2) {
    grid-row: 1;
    -ms-grid-row: 1;
    grid-column: 2;
    -ms-grid-column: 2;
  }

  .statistic__list>*:nth-child(3) {
    grid-row: 2;
    -ms-grid-row: 2;
    grid-column: 1;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(4) {
    grid-row: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    -ms-grid-column: 2;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .statistic__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 280px 280px;
    grid-template-columns: repeat(2, 280px);
    -ms-grid-rows: auto auto;
    grid-template-rows: repeat(2, auto);
    justify-items: flex-start;
  }

  .statistic__list>*:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .statistic__list>*:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .statistic__item_contracts {
    margin-left: 20px;
  }

  .statistic__counter {
    font-size: 22px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .statistic__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 250px 250px;
    grid-template-columns: repeat(2, 250px);
    -ms-grid-rows: auto auto;
    grid-template-rows: repeat(2, auto);
    justify-items: flex-start;
  }

  .statistic__list>*:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .statistic__list>*:nth-child(3) {
    grid-row: 2;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .statistic__list>*:nth-child(4) {
    grid-row: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .statistic__item_contracts {
    margin-left: 20px;
  }

  .statistic__counter {
    font-size: 22px;
  }
}

@media (max-width: 575px) {
  .statistic__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 48px auto;
    grid-template-columns: 48px auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 250px;
  }

  .statistic__counter {
    font-size: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .title_page {
    font-size: 30px;
    top: -23px;
  }

  .title_page-bonus,
  .title_page-profile {
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .title_page {
    font-size: 26px;
    top: -20px;
  }

  .title_page-bonus,
  .title_page-profile {
    width: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .title_page {
    font-size: 26px;
    top: -20px;
    width: 350px;
  }

  .title_page-bonus,
  .title_page-profile {
    width: auto;
  }
}

@media (max-width: 575px) {
  .title_page {
    font-size: 24px;
    top: -20px;
    width: 340px;
  }

  .title_page-bonus,
  .title_page-profile {
    width: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .top-banner__flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 575px) {
  .top-banner__flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1601px) {
  .upgrade__circle-border-photo::before {
    bottom: 1px;
  }
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .upgrade__selector {
    margin-top: 70px;
  }

  .upgrade__selected-skin-left {
    right: 3%;
  }

  .upgrade__circle {
    width: 400px;
    height: 400px;
  }

  .upgrade__circle-border {
    margin-top: 36px;
    margin-left: 34px;
  }

  .upgrade__circle-border-photo {
    width: 330px;
    height: 330px;
  }

  .upgrade__dark-block {
    width: 90%;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .upgrade__selector {
    margin-top: 100px;
  }

  .upgrade__selected-skin-left {}

  .upgrade__selected-skin-right {}

  .upgrade__circle {
    width: 350px;
    height: 350px;
    margin-top: 0px;
  }

  .upgrade__circle-border {
    margin-top: 30px;
    margin-left: 28px;
  }

  .upgrade__circle-border-photo {
    width: 290px;
    height: 290px;
  }

  .upgrade__circle-percentage {
    font-size: 36px;
    top: 125px;
    left: 54%
  }

  .upgrade__circle-text {
    font-size: 18px;
    top: 180px;
    left: 54%;
  }

  .upgrade__selected-item-left {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  .upgrade__selected-item-right {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
  }

  .upgrade__dark-block {
    width: 95%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .upgrade__dark-block {
    width: 100%;
  }

  .upgrade__selected-skin-left {
    transform: translateX(-25%);
  }

  .upgrade__selected-skin-right {
    transform: translateX(-25%);
  }

  .upgrade__menu-item {
    width: 120px;
  }

  .upgrade__menu-item::after {
    width: 120px;
  }

  .upgrade__header {
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 278px 1fr;
    grid-template-columns: 1fr 278px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    justify-items: end;
    width: 100%;
    display: grid;
  }

  .upgrade__header-mobile {
    display: none;
  }

  .upgrade__selector {
    margin-top: 100px;
  }

  .upgrade__selector:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 300px;
    width: 300px;
    background-color: #0d0f19;
    z-index: 1;
  }

  .upgrade__circle {
    width: 350px;
    height: 350px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
  }

  .upgrade__circle-border {
    margin-top: 30px;
    margin-left: 28px;
  }

  .upgrade__circle-border-photo {
    width: 290px;
    height: 290px;
  }

  .upgrade__circle-percentage {
    font-size: 36px;
    top: 125px;
    left: 54%
  }

  .upgrade__circle-text {
    font-size: 18px;
    top: 180px;
    left: 54%;
  }

  .upgrade__selected-item-left {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  .upgrade__selected-item-right {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .upgrade__dark-block {
    width: 85%;
  }

  .upgrade__selected-skin-left {

    transform: translateX(-45%);
  }

  .upgrade__selected-skin-right {
    transform: translate(0%, -5%);
  }

  .upgrade__menu-item_text {
    width: 100px;
  }

  .upgrade__menu-item_text::after {
    width: 100px;
  }

  .upgrade__menu-item_icon {
    width: 60px;
  }

  .upgrade__menu-item_icon::after {
    width: 60px;
  }

  .upgrade__header {
    -ms-grid-columns: 1fr 278px 1fr;
    grid-template-columns: 1fr 278px 1fr;
  }

  .upgrade__selector {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 40px;
  }

  .upgrade__circle {
    width: 350px;
    height: 350px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
    margin-left: 50px;
    margin-right: 50px;
  }

  .upgrade__circle-border {
    margin-top: 30px;
    margin-left: 28px;
  }

  .upgrade__circle-border-photo {
    width: 290px;
    height: 290px;
  }

  .upgrade__circle-percentage {
    font-size: 36px;
    top: 125px;
  }

  .upgrade__circle-text {
    font-size: 18px;
    top: 180px;
  }

  .upgrade__selected-title {
    top: -25px;
  }

  .upgrade__selected-title-right {
    right: 64px;
  }

  .upgrade__selected-title-left {
    left: 64px;
  }

  .upgrade__selected-item {
    width: 340px;
    height: 218px;
  }

  .upgrade__selected-item-left {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .upgrade__selected-item-right {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .upgrade__selected-photo {
    width: 340px;
    height: 217.6px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .upgrade__dark-block {
    width: 85%;
  }

  .upgrade__selected-skin {
    width: 180px;
    top: 20%;
  }

  .upgrade__selected-skin-left {
    transform: translate(-25%, -5%);
  }

  .upgrade__selected-skin-right {
    transform: translate(20%, -5%);
  }

  .upgrade__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .upgrade__menu-item {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-icon-right {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-icon-left {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item_text {
    width: 100px;
  }

  .upgrade__menu-item_text::after {
    width: 100px;
  }

  .upgrade__menu-item_icon {
    width: 60px;
  }

  .upgrade__menu-item_icon::after {
    width: 60px;
  }

  .upgrade__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    display: none;
    position: relative;
  }

  .upgrade__header-mobile {
    display: block;
  }

  .upgrade__selector {
    margin-top: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none;
  }

  .upgrade__selector-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .upgrade__circle {
    width: 350px;
    height: 350px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
    margin-left: 50px;
    margin-right: 50px;
  }

  .upgrade__circle-border {
    margin-top: 30px;
    margin-left: 28px;
  }

  .upgrade__circle-border-photo {
    width: 290px;
    height: 290px;
  }

  .upgrade__circle-percentage {
    font-size: 36px;
    top: 125px;
    left: 54%
  }

  .upgrade__circle-text {
    font-size: 18px;
    top: 180px;
    left: 54%;
  }

  .upgrade__selected-title {
    top: 0px;
  }

  .upgrade__selected-title-right {
    right: 34px;
  }

  .upgrade__selected-title-left {
    left: 34px;
  }

  .upgrade__selected-item {
    width: 300px;
    height: 218px;
    margin: 30px -50px;
  }

  .upgrade__selected-item-left {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .upgrade__selected-item-right {
    -webkit-transform: translateX(-13px);
    -ms-transform: translateX(-13px);
    transform: translateX(-13px);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .upgrade__selected-photo {
    width: 297.5px;
    height: 190.4px;
  }

  .upgrade__button_upgrade {
    width: 100px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}

@media (max-width: 575px) {
  .upgrade__dark-block {
    width: 85%;
  }

  .upgrade__selected-skin {
    width: 180px;
    top: 10%;
  }

  .upgrade__selected-skin-left {
    transform: translate(-5%, -10%);
  }

  .upgrade__selected-skin-right {
    transform: translate(-5%, -10%);
  }


  .upgrade__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 20px;
  }

  .upgrade__menu-mobile {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 40px;
  }

  .upgrade__menu-item {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-icon-right {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-icon-left {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item-text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__menu-item_text {
    width: 100px;
  }

  .upgrade__menu-item_text::after {
    width: 100px;
  }

  .upgrade__menu-item_icon {
    width: 60px;
  }

  .upgrade__menu-item_icon::after {
    width: 60px;
  }

  .upgrade__header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    display: none;
    position: relative;
  }

  .upgrade__header-mobile {
    display: block;
  }

  .upgrade__selector {
    margin-top: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .upgrade__selector-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .upgrade__circle {
    width: 300px;
    height: 300px;
    margin-top: 0px;
    position: relative;
    z-index: 2;
  }

  .upgrade__circle-border {
    margin-top: 26px;
    margin-left: 25px;
    width: 300px;
  }

  .upgrade__circle-border-photo {
    width: 246px;
    height: 247px;
  }

  .upgrade__circle-percentage {
    font-size: 32px;
    top: 120px;
  }

  .upgrade__circle-text {
    font-size: 16px;
    top: 175px;
  }

  .upgrade__selected-title {
    top: 0px;
  }

  .upgrade__selected-title-right {
    right: 0;
    left: 40px;
  }

  .upgrade__selected-title-left {
    left: 40px;
  }

  .upgrade__selected-item {
    width: 300px;
    height: 218px;
    margin: 30px auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .upgrade__selected-item-left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .upgrade__selected-item-right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .upgrade__selected-photo {
    width: 297.5px;
    height: 190.4px;
    position: static;
    margin: 0 auto;
  }

  .upgrade__button_upgrade {
    width: 100px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}


@media (min-width: 1440px) and (max-width: 1600px) {
  .modal__title_withdraw {
    font-size: 26px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-bottom: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .modal__title_withdraw {
    font-size: 24px;
  }

  .modal__header_withdraw {
    padding: 20px 30px 20px 30px;
  }

  .modal__steps {
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
  }

  .modal-withdraw__step {
    margin-top: 0;
  }

  .modal-withdraw__step-number {
    min-width: 34px;
  }

  .modal-withdraw__step:nth-child(1) {
    margin-top: 0;
  }

  .modal-withdraw__selector-item {
    margin-left: 40px;
  }

  .modal-withdraw__picture {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .modal-window_promocode {
    height: 340px;
  }

  .modal__header_promocode {
    height: 80px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 20px;
    font-weight: 600;
  }

  .modal__close {
    width: 40px;
    height: 40px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal-withdraw__step {
    margin-top: 0;
  }

  .modal-withdraw__step-number {
    min-width: 34px;
  }

  .modal-withdraw__step:nth-child(1) {
    margin-top: 0;
  }

  .modal-withdraw__selector-item {
    margin-left: 40px;
  }

  .modal-withdraw__picture {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-window_promocode {
    height: 330px;
    width: 550px;
  }

  .modal__header_promocode {
    height: 70px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 18px;
    font-weight: 600;
  }

  .modal__close {
    width: 38px;
    height: 38px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal-withdraw__step {
    margin-top: 0;
  }

  .modal-withdraw__step-number {
    min-width: 34px;
  }

  .modal-withdraw__step:nth-child(1) {
    margin-top: 0;
  }

  .modal-withdraw__step-descr {
    font-size: 14px;
    max-width: 500px;
  }

  .modal-withdraw__selector-item {
    margin-left: 40px;
    height: 50px;
  }

  .modal-withdraw__selector-button {
    height: 100%;
  }

  .modal-withdraw__selector-button-submit {
    height: calc(100% + 4px);
  }

  .modal-withdraw__picture {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .modal-window_promocode {
    height: 300px;
    width: 500px;
  }

  .modal__header_promocode {
    height: 70px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 18px;
    font-weight: 600;
  }

  .modal__close {
    width: 38px;
    height: 38px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal-withdraw__step {
    margin-top: 0;
  }

  .modal-withdraw__step-number {
    min-width: 34px;
  }

  .modal-withdraw__step:nth-child(1) {
    margin-top: 0;
  }

  .modal-withdraw__step-descr {
    font-size: 14px;
  }

  .modal-withdraw__step-descr span img {
    width: 15px;
  }

  .modal-withdraw__step-title {
    font-size: 16px;
  }

  .modal-withdraw__selector-item {
    margin-left: 40px;
    height: 50px;
  }

  .modal-withdraw__selector-button {
    height: 100%;
  }

  .modal-withdraw__selector-button-submit {
    height: calc(100% + 4px);
  }

  .modal-withdraw__picture {
    display: none;
  }

  .modal-withdraw__light {
    height: 100px;
  }
}

@media (max-width: 575px) {
  .modal__header_promocode {
    height: 60px;
    padding: 25px 20px 25px 25px;
  }

  .modal__title_promocode {
    color: #b8bfd1;
    font-size: 16px;
    font-weight: 600;
  }

  .modal__close {
    width: 35px;
    height: 35px;
  }

  .modal__close img {
    width: 100%;
  }

  .modal-withdraw {
    padding: 0 5px;
  }

  .modal-withdraw__step {
    margin-top: 0;
  }

  .modal-withdraw__step-number {
    min-width: 34px;
  }

  .modal-withdraw__step:nth-child(1) {
    margin-top: 0;
  }

  .modal-withdraw__step-descr {
    font-size: 14px;
  }

  .modal-withdraw__step-descr span img {
    width: 15px;
  }

  .modal-withdraw__step-title {
    font-size: 16px;
  }

  .modal-withdraw__selector-item {
    height: 50px;
    margin-left: 20px;
  }

  .modal-withdraw__selector-button {
    height: 100%;
    padding: 0 15px;
    width: auto;
    gap: 10px;
    margin-left: 0;
  }

  .modal-withdraw__selector-button-submit {
    height: 100%;
    width: auto;
    padding: 15px;
    font-size: 14px;
  }

  .modal-withdraw__picture {
    display: none;
  }

  .modal-withdraw__light {
    height: 100px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .your-invent {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .your-invent {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .your-invent {
    width: 420px;
  }

  .your-invent__ak img {
    width: 100%;
  }
}


.error-wrapper {
  color: #ff4d4d;
  /* Цвет текста ошибки */
  background-color: #330000;
  /* Темно-красный фон */
  border: 1px solid #ff4d4d;
  /* Красная граница */
  padding: 20px;
  /* Внутренние отступы */
  border-radius: 10px;
  /* Закругление углов */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Легкая тень для объема */
  max-width: 330px;
  /* Максимальная ширина */
  text-align: center;
  /* Центрирование текста */
  position: absolute;
  margin-top: 5px;
}

.tooltip-container {
  position: absolute;
  display: block;
  cursor: pointer;
  left: 33%;
  margin-top: -15px;
}

.tooltip-content {
  visibility: visible;
  width: 600px;
  height: 80px;
  background-color: rgba(85, 85, 85, 0.5);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 30%;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-content-active {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }
}


@media(max-width: 920px) {
  html {
    overflow-x: hidden;
  }

  .mystery-cases__question,
  case-category .tooltip-container {
    display: none;
  }

  .mystery-cases__low-title {
    padding-top: 30px;
  }

  .your-invent_contract .case-item {
    width: 125px !important;
    height: 170px !important;
  }

  .your-invent_contract .add-to-contract-btn {
    left: 10px !important;
    width: calc(100% - 20px) !important;
    height: 35px !important;
  }

  .your-invent_contract .case-item__name_account {
    margin-top: 33px !important;
  }

  .your-invent_contract .case-item__photo-wrapper_contract {
    top: 44px !important;
  }
}

.case__block-color_case-opening:not(.happy-end) .case-color__button_back {
  display: none !important;
}

.header__account-balance-plus {
  min-width: 13px;
  min-height: 13px;
  max-width: 13px;
  max-height: 13px;
}

@media (min-width: 768px) and (max-width: 1600px) {
  app-slider.ng-star-inserted {
    width: 100%;
  }

  .promo {
    width: 100%;
  }

  .every-day-challenge {
    min-width: 30% !important;
    width: 30% !important;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .every-day-challenge {
    min-width: 100% !important;
    width: 100% !important;
  }

  .top-banner__flex {
    flex-direction: column;
  }
}

@media(max-width: 480px) {
  .upgrade__circle {
    left: calc(50% - 225px) !important;
  }
}

@media(max-width: 450px) {
  .upgrade__selected-item {
    position: relative;
    left: calc(50% - 220px);
  }
}

.contract__creating-prize-name,
.contract__creating-prize-skin {
  position: relative;
  z-index: 5;
}

@media(max-width: 430px) {
  .logo {
    font-size: 20px;
  }

  .header__hamburger {
    margin-right: 10px;
  }
}

@media(max-width: 370px) {
  .logo {
    font-size: 16px;
  }
}

@media(max-width: 770px) {
  .modal-withdraw__selector-item {
    margin-left: 0 !important;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .modal-withdraw__selector-button {
    width: 70% !important;
  }

  .modal-withdraw__selector-button-submit {
    width: 30% !important;
  }
}

@media (max-width: 992px) {
  .header__menu.active {
    display: flex;
  }
}

@media (max-width: 575px) {
  .header__menu {
    top: 170px;
  }
}

@media (max-width: 1200px) {
  .contract__creating-card img {
    width: 95%;
  }
}

@media(max-width: 500px) {
  .profile__case-photo {
    bottom: 0;
    width: 150px;
    margin: auto;
  }
}

@media(max-width: 450px) {
  .profile__case-photo {
    top: 0;
    width: 100px;
    margin: auto;
  }

  .case-item_account {
    width: 150px !important;
  }

  .case-item_account .case-item-buttons {
    gap: 4px !important;
  }
}

.case-openning__column {
  --spinAnimation: calc((var(--spinAnimationItemW) - var(--spinAnimationItemM)) * 24);
  --spinAnimationItemW: -305px;
  --spinAnimationItemM: -45px;
  --spinAnimationItemHeight: -95px;
}

.case-openning__column {
  margin-top: var(--spinAnimationItemHeight);
}

@media (min-width: 1440px) and (max-width: 1600px) {
  .case-openning__column {
    --spinAnimationItemW: -280px;
    --spinAnimationItemHeight: -70px;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .case-openning__column {
    --spinAnimationItemW: -260px;
    --spinAnimationItemHeight: -70px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .case-openning__column {
    --spinAnimationItemW: -230px;
    --spinAnimationItemHeight: -40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .case-openning__column {
    --spinAnimationItemW: -180px;
    --spinAnimationItemM: -30px;
    --spinAnimationItemHeight: -25px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .case-openning__column {
    --spinAnimationItemW: -135px;
    --spinAnimationItemM: -30px;
    --spinAnimationItemHeight: 35px;
  }
}

@media (max-width: 575px) {
  .case-openning__column {
    --spinAnimationItemW: -70px;
    --spinAnimationItemM: 10px;
    --spinAnimationItemHeight: 15px;
  }
}

.limited__block {
  margin-top: 70px;
}

.farm-cases__item-label {
  color: #fff;
}

.farm-cases__item-price {
  position: absolute !important;
  margin-top: 0 !important;
  bottom: 30px;
}

@media (max-width: 575px) {
  .limited__item {
    width: 150px;
  }

  .limited__item-image {
    height: 170px;
  }
}

.limited__item .limited__item-image img,
.mystery-cases__item .mystery-cases__item-picture img,
.farm-cases__item .farm-cases__item-img {
  image-rendering: -webkit-optimize-contrast;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,
    -webkit-transform .3s;
}

.limited__item:hover .limited__item-image img,
.mystery-cases__item:hover .mystery-cases__item-picture img,
.farm-cases__item:hover .farm-cases__item-img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.case-item__common {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(134, 153, 159, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(134, 153, 159, 0.47);
  background: #86999F;
}

.case-item__common-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(134, 153, 159, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(134, 153, 159, 0.47);
  background: #86999F;
}

.case-item__uncommon {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(19, 133, 194, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(19, 133, 194, 0.47);
  background: #1385C2;
}

.case-item__uncommon-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(19, 133, 194, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(19, 133, 194, 0.47);
  background: #1385C2;
}

.case-item__rare {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(16, 70, 179, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(16, 70, 179, 0.47);
  background: #1046B3;
}

.case-item__rare-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(16, 70, 179, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(16, 70, 179, 0.47);
  background: #1046B3;
}

.case-item__epic {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(133, 6, 206, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(133, 6, 206, 0.47);
  background: #8506CE;
}

.case-item__epic-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(133, 6, 206, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(133, 6, 206, 0.47);
  background: #8506CE;
}

.case-item__legendary {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(194, 26, 150, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(194, 26, 150, 0.47);
  background: #C21A96;
}

.case-item__legendary-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(194, 26, 150, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(194, 26, 150, 0.47);
  background: #C21A96;
}

.case-item__arcane {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(210, 30, 34, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(210, 30, 34, 0.47);
  background: #D21E22;
}

.case-item__arcane-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(210, 30, 34, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(210, 30, 34, 0.47);
  background: #D21E22;
}

.case-item__nameless {
  -webkit-box-shadow: 0px 0px 44px 11px rgba(247, 173, 57, 0.47);
  box-shadow: 0px 0px 44px 11px rgba(247, 173, 57, 0.47);
  background: #F7AD39;
}

.case-item__nameless-header-scroll {
  -webkit-box-shadow: 0px 15px 44px 11px rgba(247, 173, 57, 0.47);
  box-shadow: 0px 15px 44px 11px rgba(247, 173, 57, 0.47);
  background: #F7AD39;
}


.limited__item-price {
  white-space: nowrap;
}


::ng-deep .toast-warning {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

@media (max-width: 767px) {
  .upgrade__menu.upgrade__menu-mobile.upgrade__menu-right {
    display: none;
  }
}

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

input {
  outline: none;
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

.modal-auth__login-icon:disabled {
  cursor: not-allowed;
}

.page__container {
  width: 100%;
  max-width: 1518px;
  margin: 0 auto;
  padding: 14px 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 375px) {
  .page__container {
    padding: 24px 0;
  }
}

@media (min-width: 768px) {
  .page__container {
    padding: 32px 0;
  }
}

.profile__header {
  display: grid;
  grid-gap: 10px;
  flex-direction: column;
  padding: 0;
}

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

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

@media (min-width: 550px) {
  .profile__header .profile__form {
    height: 184px;
  }
}

.card {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
}

.card.color--primary {
  background: #121524;
}

.card__body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.card__body.size--medium {
  padding: 14px;
}

@media (min-width: 375px) {
  .card__body.size--medium {
    padding: 14px;
  }
}

@media (min-width: 768px) {
  .card__body.size--medium {
    padding: 24px;
  }
}


.profile__card {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.profile__card .card__top_side {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}



@media (min-width: 550px) {
  .profile__card .card__top_side {
    flex-wrap: nowrap;
  }
}

.profile_card__info {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 1fr;
  width: 100%;
}

@media (min-width: 550px) {
  .profile_card__info {
    width: auto;
  }
}

.profile_card__info .profile_card__info__avatar {
  grid-column-end: 1;
}

.avatar.size--small {
  width: 50px;
  height: 50px;
}

.avatar .avatarImage {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

.profile__info__flex {
  display: flex;
  align-items: center;
  gap: 15px;
}

.profile_card__info .profile__info__details {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.profile_card__info .profile__info__details .profile_info__username {
  color: var(--typography-primary);
  max-width: 220px;
  display: flex;
  align-items: center;
}

@media (min-width: 550px) {
  .profile_card__info .profile__info__details .profile_info__username {
    max-width: 130px;
  }
}

@media (min-width: 768px) {
  .profile_card__info .profile__info__details .profile_info__username {
    max-width: 250px;
  }
}

@media (min-width: 1200px) {
  .profile_card__info .profile__info__details .profile_info__username {
    max-width: 130px;
  }
}

.profile_info__username span {
  font-size: 14px;
  font-weight: 600;
  color: #687894;
  margin-right: 8px;
}

.redirect_steamProfile {
  cursor: pointer;
  color: #687894;
  width: 16px;
  height: 16px;
}

.profile_info__balance {
  font-size: 16px;
  font-weight: 700;
  color: #35F176;
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile_card__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 6px;
}

@media (min-width: 550px) {
  .profile_card__buttons {
    display: flex;
    max-width: 367px;
  }
}

.deposit__button {
  flex-shrink: 0;
  display: block;
}

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

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

.radius-14 {
  border-radius: 14px !important;
}

.controls.size--wide {
  --control-size: 44px;
  border-radius: var(--border-radius-md);
  height: var(--control-size);
  min-height: var(--control-size);
}

.controls.size--wide {
  padding: 12px 20px;
}

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

@media (min-width: 768px) {
  .controls.size--wide {
    --control-size: 48px;
    padding: 0 20px;
  }
}

.controls.fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.controls.color--green {
  color: #FFF;
  background: linear-gradient(180deg, #00932F 0%, #00A535 100%);
}

.controls.color--blue-gradient {
  background: #2B59FF;
  color: #FFF;
}

.controls.color--red {
  background: #FC57630D;
  color: #FC5763;
  border: 1px solid #FC576326;
  transition: .3s ease;
}

.controls.color--red:hover {
  background: #FC5763;
  color: #FFF;
  border: 1px solid #FC576326
}

.control.color--blue {
  background: #2B59FF;
  color: #FFF;
}

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

.uppercase {
  text-transform: uppercase;
}

.button .button__content.deposit {
  font-size: 14px;
  letter-spacing: 0.01em;
}

.profile__header .profile__favorites {
  height: 100%;
  display: flex;
  height: 184px;
}

@media (min-width: 768px) {
  .profile__header .profile__favorites {
    display: flex;
  }
}


.profile__favorite {
  width: 100%;
  height: 100%;
  display: flex;
  grid-gap: 10px;
  flex-direction: column;
}


@media (min-width: 1440px) {
  .profile__favorite {
    flex-direction: row;
  }
}

.profile__favorite .profile_favorite__additional {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile__favorite .profile_favorite__additional {
    height: 100%;
  }
}

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

@media (min-width: 1024px) {
  .favorite {
    height: 100%;
  }
}

.favorite .favorite__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
  height: 100%;
  overflow: hidden;
}

.favorite .favorite__info .favorite__content {
  display: grid;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  gap: 16px;
}

.favorite__title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #687894;
}


.favorite__name {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #FFF;
}

.favorite__btn_wrapper {
  margin-top: 20px;
}

.favorite__btn-text {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #FFF;
}

.favorite-item {
  display: flex;
  flex-shrink: 0;
  width: 160px;
}

.drops__card {
  position: relative;
  flex-direction: column;
  border-radius: 12px;
  padding: 10px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .drops__card {
    padding: 15px;
  }
}

.drops__card.rarity--6 {
  background: var(--gradient-rarity-knife-gloves);
  border: 1px solid #7B5F4B;
}

.drops__card:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 30%;
  height: 4px;
  transform: translate(-50%, -50%);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.drops__card.rarity--6:before {
  background-color: var(--color-rarity-knife-gloves);
}

.drops__card .drops__card__visible {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: .2s ease;
  transform: translateY(0);
}

.drops__card .drops__card__visible .drops__card__rarity {
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

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

.drops__card .drops__image_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  z-index: 2;
}

.drops__card .drops__image_wrapper img {
  object-fit: contain;
  width: 90%;
}

.drops__card .drops__names__wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.drops__card .drops__names__wrapper .drops__names {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.drops__card .drops__names__wrapper .drops__names .drops__names_skin,
.drops__card .drops__names__wrapper .drops__names .drops__names_weapon {
  max-width: 100%;
}

.name-h1,
.name-h2 {
  font-size: 11px;
  font-weight: 500;
  text-align: left;
  line-height: .975rem;
  color: #AEB6C2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.name-h2 {
  font-size: 13px;
  font-weight: 600;
  color: #FFF;
}

.favorite__name-item {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  font-size: 18px;
  line-height: 21px;
  font-weight: 700;
  color: #FFF;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 107px;
}

.user__tabs__wrapper {
  margin-top: 10px;
  padding: 0;
}

@media (min-width: 768px) {
  .user__tabs__wrapper {
    margin-top: 16px;
  }
}

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



.user_tabs {
  display: grid;
  grid-gap: 21px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .user_tabs {
    display: flex;
    justify-content: flex-end;
  }
}

.user_tabs .user_tabs__list {
  display: grid;
  grid-gap: 16px;
  overflow: hidden;
}

@media (min-width: 550px) {
  .user_tabs .user_tabs__list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}

@media (min-width: 1024px) {
  .user_tabs .user_tabs__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.controls.full-width {
  width: 100%;
}

.user_tabs .user_tabs__additional {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 24px;
  overflow: hidden;
}

.user_tabs .user_tabs__additional .user_tabs__available {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.user_tabs__button-available {
  display: flex;
  align-items: center;
}

.content__label {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  color: #687894;
}

.toggle {
  border-radius: 111px;
  background: #1F2635;
  width: max-content;
  cursor: pointer;
  transition: all, .3s;
  position: relative;
}

.toggle.size--small {
  width: 72px;
  padding: 8px;
}




.toggle .toggleSlide {
  border-radius: 111px;
  background: #687894;
  transition: all .3s ease-in-out;
  width: 16px;
  height: 16px;
}

.toggle.size--small .toggleSlide {
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

@media (min-width: 375px) {
  .toggle.size--small .toggleSlide {
    width: 22px;
    height: 22px;
    border-radius: 50%;
  }
}

@media (min-width: 425px) {
  .toggle.size--small .toggleSlide {
    width: 22px;
    height: 22px;
    border-radius: 50%;
  }
}

menu,
ol,
ul {
  list-style: none;
}

.controls.color--green-gradient {
  color: var(--color-green);
  background: #12171E;
}

.controls.color--green-gradient {
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
}

.white-color {
  color: #FFF !important;
}

.button__content span {
  font-size: 14px;
  font-weight: 700;
}

.controls.color--grey-gradient {
  color: #687894;
  background: #1A202D;
}

.button:hover:not(:disabled) {
  cursor: pointer;
  filter: brightness(1.1);
}

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

.tab__content {
  margin-top: 10px;
  padding: 0;
}


@media (min-width: 768px) {
  .tab__content {
    margin-top: 16px;
  }
}

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

.inventory__container {
  display: flex;
  flex-direction: column;
}

.inventory__container .inventory__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  grid-gap: 5px;
  gap: 5px;
}

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

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

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

@media (min-width: 1024px) {
  .inventory__container .inventory__list {
    grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
    grid-gap: 8px;
  }
}

.inventory__container .inventory__list .list__item {
  width: 100%;
  aspect-ratio: 1.8125;
}

@media (max-width: 999px) {
  .inventory__container .inventory__list .list__item {
    aspect-ratio: 1.4125;
  }
}

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

.item__status__controller .item__statuses {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  z-index: 15;
}

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

@media (max-width: 599px) {
  .item__status__controller .item__statuses .status {
    width: 24px;
    height: 24px;
  }
}

.item__status__controller .item__statuses .status[datatype=sell] {
  background: linear-gradient(180deg, rgba(117, 203, 125, 0.15) 0%, rgba(65, 144, 73, 0.15) 100%);
}

.item__status__controller .item__statuses .status[datatype=sellItem] {
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
  cursor: pointer;
}

.item__status__controller .item__statuses .status[datatype=replaceItem] {
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  cursor: pointer;
}

.item__status__controller .item__statuses .status[datatype=contracts] {
  background: linear-gradient(180deg, rgba(248, 180, 52, 0.15) 0%, rgba(185, 115, 13, 0.15) 100%);
}

.item__status__controller .item__statuses .status[datatype=upgrade] {
  background: linear-gradient(180deg, rgba(92, 177, 255, 0.15) 0%, rgba(57, 108, 244, 0.15) 100%);
}

.item__status__controller .item__statuses .status[datatype=success] {
  background: linear-gradient(180deg, rgba(117, 203, 125, 0.15) 0%, rgba(65, 144, 73, 0.15) 100%);
}

.item__status__controller .item__statuses_left {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  z-index: 15;
}

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

.item__status__controller .item__statuses_left .status[datatype=withdraw] {
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
  cursor: pointer;
}


.inventory__item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 10px;
  z-index: 3;
}

.inventory__item .inventory__link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.inventory__item__price {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 8px;
  bottom: 16px;
  right: 16px;
  color: #75CB7D;
  font-size: 14px;
  font-weight: 700;
  z-index: 3;
  transition: .5s ease;
  pointer-events: none;
}

.inventory__item__price-svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 599px) {
  .inventory__item__price-svg {
    width: 14px;
    height: 14px;
  }
}

.inventory__item__image_wrapper {
  transition: .3s ease;
  max-width: 130px;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}




.inventory__item__image_wrapper img {
  width: 100%;
  object-fit: contain;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.inventory__item__footer {
  position: absolute;
  display: flex;
  justify-content: space-between;
  bottom: 16px;
  left: 16px;
  align-items: flex-end;
  z-index: 10;
  pointer-events: none;
  transition: .3s ease;
  max-width: 120px;
}

.inventory__item__footer_left_side {
  width: 100%;
  overflow: hidden;
}

.inventory-item__backdrop {
  position: absolute;
  width: 70%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

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

.skin__container .inventory-item__background {
  position: absolute;
  width: 50%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.inventory-item__background.rarity--1 {
  background-image: url(/assets/icons/logo.svg);
}

.inventory-item__background.rarity--2 {
  background-image: url(/assets/icons/logo.svg);
}

.inventory-item__background.rarity--3 {
  background-image: url(/assets/icons/logo.svg);
}

.inventory-item__background.rarity--4 {
  background-image: url(/assets/icons/logo.svg);
}

.inventory-item__background.rarity--5 {
  background-image: url(/assets/icons/logo.svg);
}

.inventory-item__background.rarity--6 {
  background-image: url(/assets/icons/logo.svg);
}

.skin__container .inventory__item__footer .inventory__item__footer_left_side .drops__names .name__bottom {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

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


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

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

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

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

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

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

.skin__container.size--medium {
  border-radius: 12px;
}

.inventory__item .inventory__link .inventory__item__footer .inventory__item__footer_left_side .drops__names {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

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

.noWrap {
  white-space: nowrap;
}

.skin__container .skinCard__divider {
  height: 3px;
  width: 45%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.skin__container .skinCard__divider.rarity--1 {
  background: var(--color-rarity-industrial);
}

.skin__container .skinCard__divider.rarity--2 {
  background: var(--color-rarity-milspec);
}

.skin__container .skinCard__divider.rarity--3 {
  background: var(--color-rarity-restricted);
}

.skin__container .skinCard__divider.rarity--4 {
  background: var(--color-rarity-classified);
}

.skin__container .skinCard__divider.rarity--5 {
  background: var(--color-rarity-covert);
}

.skin__container .skinCard__divider.rarity--6 {
  background: var(--color-rarity-knife-gloves);
}

.toggle.active .toggleSlide {
  transform: translateX(80%);
  background: linear-gradient(rgb(117, 203, 125) 0%, rgb(65, 144, 73) 100%);
}

.trade_form__wrapper {
  display: none;
}

@media (min-width: 550px) {
  .trade_form__wrapper {
    display: block;
  }
}

.trade_link__form {
  position: relative;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}

@media (min-width: 550px) {
  .trade_link__form {
    grid-template-columns: 3fr 1fr;
  }
}

.trade_link__form .trade_form__fields {
  position: relative;
}

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

.control.size--medium {
  padding: 0 10px;
}

.control.color--gray-dark {
  color: #8B95AD;
  background: #21263F;
}

.control.color--gray {
  color: #8B95AD;
  background: #121524;
}

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

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

.control.size--medium,
.control.size--small {
  --control-size: 48px;
  border-radius: var(--border-radius-md);
  height: var(--control-size);
  min-height: var(--control-size);
}

.control.full-width {
  width: 100%;
}



.inputWrapper .input {
  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;
}

.trade_link__form .trade_form__fields .trade_link__tooltip {
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  transform: translateY(-50%);
  text-decoration: underline;
  color: var(--primary-gold, #f3ca80);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 14px;
}

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

.tradeLink__save {
  font-weight: 700;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0.1%;
  color: inherit;
  text-transform: uppercase;
}

.text.color--gold {
  color: var(--color-gold);
}

.inventory__container .show_more__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--spacing-xs);
}

.empty__alert {
  width: 100%;
  height: 254px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #121524;
  border-radius: 24px;
}

.empty__alert .empty__alert-text {
  font-weight: 700;
  font-size: 22px;
  color: #687894;
  text-transform: uppercase;
}

.blocker {
  background: rgba(28, 29, 44, .65);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 50;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding: 14px;
}

.blocker .loader {
  margin: 0 auto 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blocker div:not(:last-of-type) {
  margin-bottom: 10px;
}

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

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

.loader.white span {
  border: 2px solid #FFFFFF
}

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

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

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

@keyframes bblFadInOut {

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

  40% {
    opacity: 1;
  }
}

.controls.size--large,
.controls.size--small {
  --control-size: 48px;
  border-radius: var(--border-radius-md);
  height: var(--control-size);
  min-height: var(--control-size);
}



.controls.size--large {
  padding: 0 10px;
}

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

@media (min-width: 768px) {
  .controls.size--large {
    --control-size: 48px;
    padding: 0 20px;
  }
}

.controls.fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.controls.color--green-light {
  background: linear-gradient(180deg, #75CB7D 0%, #419049 100%);
  border: 1px solid #50A058;
  color: #FFF;
}

a {
  text-decoration: none;
}

.favorite__image_wrapper__CdmGa {
  position: absolute;
  transition: transform .7s ease;
}

.favorite__image_wrapper__CdmGa {
  right: -50px;
  bottom: -20px;
  max-width: 190px;
}

@media (min-width: 550px) {
  .favorite__image_wrapper__CdmGa {
    max-width: 210px;
  }
}

.favorite_image__CXGm1 {
  width: 100%;
  height: auto;
}

.drops__names__wrapper__hcNxn {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 10px;
  z-index: 5;
}

.drops__names__wrapper__hcNxn .drops__names__1oGiP {
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.drops__names__wrapper__hcNxn .drops__names__1oGiP .drops__names_skin__3i6Ke,
.drops__names__wrapper__hcNxn .drops__names__1oGiP .drops__names_weapon__p7TRo {
  max-width: 100%;
}

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

.text__OlAkW.noWrap__4ZcWv {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

.text__OlAkW.color--secondary-text__Frjqq {
  color: #aeb6c2;
}

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

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

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

.page__container__JAGZX {
  width: 100%;
  max-width: 1442px;
  margin: 0 auto;
  padding: 14px 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 375px) {
  .page__container__JAGZX {
    padding: 24px 0;
  }
}

@media (min-width: 768px) {
  .page__container__JAGZX {
    padding: 32px 0;
  }
}

.faq__wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
}

.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: 25px;
  cursor: pointer;
}

.accordion__toggle[aria-expanded=false] {
  background: #121524;
}

.accordion__title {
  font-weight: 600;
  font-size: 18.8px;
  line-height: 22px;
  letter-spacing: -2%;
  text-align: center;
}

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


.faq__item .accordion__toggle[aria-expanded=true] {
  background: #1f2339;
  border-radius: 0;
  border-radius: 25px;
}

.accordion__body {
  transition: all .3s;
  overflow: hidden;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #8995A9;
  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;
}

.faq__questions {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
}

.accordion__body[aria-expanded=false] {
  max-height: 0;
  opacity: 0;
  padding: 0 18px;
}

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

.userbar__settings {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1E2632;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  cursor: pointer;
  margin-right: 10px;
}

.userbar__auth .userbar__OptionsList {
  grid-row-gap: 10px;
  position: fixed;
  top: 253px;
  width: 280px;
  padding: 10px;
  border-radius: 14px;
  z-index: 1000;
  animation: appearance .3s forwards;
  right: 14px;
}



@keyframes appearance {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .userbar__auth .userbar__OptionsList {
    position: absolute;
    top: 130%;
    right: 0;
  }
}

.userbar__auth .userbar__OptionsList {
  background: #151A25;
  box-shadow: 0px 15px 45px 0px #00000073;
}


.userbar__auth .userbar__OptionsList[aria-hidden=true] {
  display: grid;
}

.userbar__OptionsList[aria-hidden=false] {
  display: none;
}

.newsList_list {
  width: 260px;
}

.newsItem_item {
  background-color: #1B212F;
  border-radius: 8px;
  padding: 14px;
}

.newsItem_title {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}

.newsItem_content {
  color: #687894;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.newsItem_linkWrapper {
  padding-top: 9px;
}


.newsItem_date {
  color: #687894;
  font-size: 10px;
  margin-top: 8px;
  font-weight: 600;
}

.userbar__auth .userbar__OptionsList::after {
  border-bottom: 8px solid #171D29;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 24px;
  top: -8px;
  width: 0;
}

.newsItem_link {
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  border-radius: 8px;
  color: #FFF;
  display: block;
  font-size: 10px;
  font-weight: 600;
  padding: 15px 6px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color .3s ease, color .3s ease;
}

.userbar__auth {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}

.account_depositWrapper__cKxIu,
.account_link__5t-7i {
  position: relative;
  z-index: 6;
}

.account_depositWrapper__cKxIu {
  flex-shrink: 0;
}

.account_depositBtn__6IZCa {
  align-items: center;
  background: linear-gradient(180deg, #00932F 0%, #00A535 100%);
  border-radius: 8px;
  color: #FFF;
  display: flex;
  font-size: 0;
  height: 34px;
  justify-content: center;
  position: relative;
  transition: color .3s ease, background-color .3s ease;
  width: 40px;
}

.contacts-selected-item {
  opacity: 0.3
}

.add-to-contract-btn {
  height: 27px;
  width: 80px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  border: none;
  text-align: center;
  position: absolute;
  z-index: 5;
  -ms-grid-column-align: end;
  justify-self: end;
  background: #2ba35c;
  color: #fff;
  cursor: pointer;
  bottom: 40%;
  left: 20px;
}

.in-contract-btn {
  background: #6e0000;
  color: #cb0000;
  cursor: pointer;
}

.disabled-btn {
  border: 1px #313131 solid;
  background-color: #595959;
  color: black;
}

.contract__creating-card-active {
  cursor: pointer;
}

.contract__creating-card>.case-item__light {
  width: 80%;
}

.chanceContainer {
  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 {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
  }
}

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

.chanceContainer .contentChance {
  display: flex;
  flex-direction: column;
  position: relative;
}

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

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

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

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

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

.chanceCircle .chancePoint svg {
  width: 25px;
  height: 25px;
  margin-top: 25px;
}

@media (min-width: 425px) {
  .chanceCircle .chancePoint svg {
    width: 30px;
    height: 30px;
    margin-top: 30px;
  }
}

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

@media (min-width: 1300px) {
  .chanceCircle .chancePoint svg {
    width: 44px;
    height: 45px;
    margin-top: 25px;
  }
}

.chanceContainer .contentChance .upgradeInfoUpgrade {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 35%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.largeText {
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  text-align: center;
}

.chanceContainer .contentChance .upgradeInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 25%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.upgradeInfoChance {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  color: #687894;
}

@media (min-width: 768px) {
  .upgradeInfoChance {
    margin-bottom: 15px;
  }
}


.chancePoint__container svg {
  transform: translateY(90%);
}

.chanceContainer .contentChance .upgradeInfo_lose {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #FC5763;
}

.chanceContainer .contentChance .upgradeInfo_win {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  color: #419049;
}

.referral-page {
  display: flex;
  flex-direction: column;
  padding: 60px 0;
}


.referral__top {
  display: flex;
  align-items: center;
  background: #121524;
  border-radius: 24px;
  padding: 20px 15px;
  width: 100%;
  height: 100%;
  gap: 15px;
  margin-bottom: 24px;
}

@media (min-width: 1024px) {
  .referral__top {
    padding: 35px 50px;
    gap: 50px;
  }
}

.referral__top_left_side {
  max-width: 240px;
  max-height: 240px;
  display: block;
}

@media (max-width: 1280px) {
  .referral__top_left_side {
    display: none;
  }
}

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


.referral__top_right_side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 24px;
}

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

.referral__lvl-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  color: #FFF;
}

.referral__lvl-gain {
  display: flex;
  align-items: center;
  gap: 4px;
}

.referral__gain {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  gap: 4px;
}

.referral__gain.user {
  background: #FFD600;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.referral__lvl-gain label {
  font-size: 16px;
  font-weight: 600;
  color: #687894;
}

.referral__promocode-label {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #8697B5;
}

.referral-topbar__promocode-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-direction: row;
  gap: 15px;
  margin-top: 8px;
}



.referral-topbar__promocode-input {
  width: 200px;
}

@media (min-width: 768px) {
  .referral-topbar__promocode-input {
    width: 300px;
  }
}

.referral-topbar__promocode-field {
  width: 200px;
  height: 48px;
  border: 1px solid #212836;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #687894;
  text-align: center;
  padding: 0 20px;
}

@media (min-width: 768px) {
  .referral-topbar__promocode-field {
    width: 100%;
    text-align: left;
  }
}

.referral-topbar__promocode-btn {
  width: 114px;
  height: 48px;
}

@media (min-width: 768px) {
  .referral-topbar__promocode-btn {
    width: 126px;
  }
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  height: 48px;
  padding: 19 26px;
  transition: all .3s ease;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  cursor: pointer;
  color: #fff;
  white-space: nowrap;
  background: #2B59FF;
  background-position: 50%;
  background-repeat: no-repeat;
  user-select: none;
}

.btn_color-success {
  background-color: #2B59FF;
  color: #fff;
}

.btn_size-fill {
  height: 100%;
  font-size: 14px;
  padding: 0 16px;
}

.btn_type-fullwidth {
  width: 100%;
  padding: 0 15px;
}

.btn_uppercase {
  text-transform: uppercase;
  font-weight: 700;
}

.btn__content {
  height: 100%;
  justify-content: center;
  gap: 7px;
}

.btn__content,
.btn__icon {
  display: flex;
  align-items: center;
}

.btn__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.referral__stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

.stat-card {
  background-color: #0D0F19;
  border-radius: 12px;
  padding: 14px 20px;
  color: #fff;
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 10px;
}



.stat-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #8697B5;
}

.stat-value {
  font-family: Exo;
  font-size: 24px;
  font-weight: 700;
}

.stat-value b {
  font-size: 16px;
}

.stat-value span {
  font-family: Exo;
  font-size: 13px;
  font-weight: 400;
  color: #AC9DBC;
}

@media (max-width: 600px) {
  .referral__stats {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "card1 card2"
      "card3 card4"
      "card5 card5";
  }

  .card1 {
    grid-area: card1;
  }

  .card2 {
    grid-area: card2;
  }

  .card3 {
    grid-area: card3;
  }

  .card4 {
    grid-area: card4;
  }

  .card5 {
    grid-area: card5;
  }
}

@media (min-width: 601px) {
  .referral__stats {
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "card1 card2 card3 card4 card5";
  }
}

.stat-info {
  display: flex;
  align-items: center;
  gap: 5px;
}

.referral__levels {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width: 1024px) {
  .referral__levels {
    flex-direction: row;
  }
}

.referral__levels-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #121524;
  border-radius: 24px;
  width: 100%;
  padding: 30px;
}

.referral__levels-image {
  max-width: 160px;
  max-height: 160px;
  margin-bottom: 16px;
}

.referral__levels-img {
  width: 100%;
  height: 100%;
}

.referral-level__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.referral-level__name {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  color: #FFF;
}

.referral-level__terms {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #0D0F19;
  border-radius: 8px;
  margin-top: 22px;
}

.referral-level__benefit-label,
.referral-level__terms-label {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #8697B5;
}

.referral-level__terms-value {
  font-size: 34px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
  margin: 15px 0 25px;
}


.referral-level__benefits {
  display: flex;
  width: 100%;
  margin-top: 28px;
}

.referral-level__benefit {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.referral-level__benefit:first-child {
  border-right: 1px solid #1F2532
}

.referral-level__benefit-value {
  margin-top: 8px;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  color: #FFF;
}

.referral__bottom {
  margin-bottom: 35px;
}

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



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

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

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

.case_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) {
  .case_openCase__header__R_Mtg {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.case_openCase__header__R_Mtg .case_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) {
  .case_openCase__header__R_Mtg .case_banner__container__KydNn {
    top: 0;
  }
}

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

.case_openCase__header__R_Mtg .case_left__side__Z3cKz .case_left__controls__g0sVk {
  display: flex;
  width: 100%;
}

@media (min-width: 600px) {
  .case_openCase__header__R_Mtg .case_left__side__Z3cKz .case_left__controls__g0sVk {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
  }
}

@media (min-width: 768px) {
  .case_openCase__header__R_Mtg .case_left__side__Z3cKz .case_left__controls__g0sVk {
    display: flex;
  }
}

.case_openCase__header__R_Mtg .case_left__side__Z3cKz .case_left__controls__g0sVk .case_left__controlsButton__cttSO {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: .2s ease-in-out;
  color: #FFF;
}

.case_openCase__header__R_Mtg .case_left__side__Z3cKz .case_left__controls__g0sVk .case_left__controlsButton__cttSO .case_left__controlsButtonIcon__RdBkf {
  will-change: transform;
  transition: .2s ease-in-out;
}

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

.case_text__OlAkW.case_bold__nhebz {
  font-weight: 700;
}

.case_text__OlAkW.case_noWrap__4ZcWv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.case_text__OlAkW.case_uppercase__iz9x_ {
  text-transform: uppercase;
}



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

.case_text__OlAkW.case_variant--h1__OXdjn.case_bold__nhebz {
  font-weight: 900;
}

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

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

.case_openCase__header__R_Mtg .case_control__text__loj3T {
  display: none;
  font-weight: 600;
}

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

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

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

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

.case_openCase__header__R_Mtg .case_right__side__Lsu_I {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 10;
  width: 100%;
}

.case_openCase__header__R_Mtg .case_right__side__Lsu_I .case_right__controls__j34Dr {
  display: grid;
  grid-gap: 6px;
  grid-auto-flow: column;
  width: 100%;
}

@media (min-width: 600px) {
  .case_openCase__header__R_Mtg .case_right__side__Lsu_I .case_right__controls__j34Dr {
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (min-width: 768px) {
  .case_openCase__header__R_Mtg .case_right__side__Lsu_I .case_right__controls__j34Dr {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.case_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;
}

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


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

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

.case_control__y15L9.case_color--gray__X4Ht8 {
  color: #FFFFFF;
  background: #161722;
}



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

.case_control__y15L9.case_size--medium__oJP_F {
  padding: 0 10px;
}

@media (min-width: 425px) {
  .case_control__y15L9.case_size--medium__oJP_F {
    padding: 0 14px;
  }
}

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

.case_control__y15L9.case_square__jRIzm {
  width: var(--control-size);
  min-width: var(--control-size);
}

.case_control__y15L9.case_full-width__BOwdd {
  width: 100%;
}

.case_openCase__header__R_Mtg .case_right__side__Lsu_I .case_right__sideButton__A3Ezq {
  --control-size: 48px;
}

.case_button__7TBXL .case_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;
}

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

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

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

.case_playing__runners__DhThO {
  align-items: center;
}

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

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

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

.case_box__roulette__ZpuLY .case_rouletteRow__wrapper__cgfO3 {
  width: 100%;
  height: 182px;
  position: relative;

}

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

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

.case_box__roulette__ZpuLY .case_rouletteRow__wrapper__cgfO3 {
  width: 100%;
  height: 182px;
  position: relative;
}

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

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

.case_box__roulette__ZpuLY .case_rouletteRow__wrapper__cgfO3 .case_roulette__row__MFZRa {
  width: 100%;
  height: 100%;
  background: #0A0C14;
  transition: .2s ease-in-out;
  border-radius: var(--border-radius-lg);
}

.case_preview__state__GVy4D,
.case_result__state__B5H0S,
.case_started__state__l7v9F {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.row__column .case_preview__state__GVy4D {
  animation: animIn .3s ease-in-out forwards;
}

@keyframes animIn {
  0% {
    opacity: 0;
    transform: translateY(20%);
  }

  100% {

    opacity: 1;
    transform: none;
  }
}

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



.case_roulette__box__jMDmB .case_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;
}

.case_roulette__box__jMDmB .case_box__image__rIFtc .case_image__UQmFB {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

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

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

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

.case_buyButtons__container__yUXHd.free-case {
  grid-template-columns: 1fr;
  gap: 0px;
}

@media (min-width: 768px) {
  .case_buyButtons__container__yUXHd {
    width: max-content;
    max-width: 100%;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .case_buyButtons__container__yUXHd {
    gap: 56px;
  }
}

.case_buyButtons__container__yUXHd .case_control__hIMEZ {
  display: flex;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

.case_buyButtons__container__yUXHd>.case_control__hIMEZ:nth-child(2) {
  order: 1;
  grid-row: 1;
  grid-column: 1 / 3;
}

@media (min-width: 768px) {
  .case_buyButtons__container__yUXHd>.case_control__hIMEZ:nth-child(2) {
    grid-column: 2 / 3;
    order: 2;
  }
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ:nth-child(3) {
  order: 3;
  grid-row: 2;
  grid-column: 2 / 3;
  width: 100%;
}

@media (min-width: 768px) {
  .case_buyButtons__container__yUXHd>.case_control__hIMEZ:nth-child(3) {
    order: 3;
    grid-row: 1;
    grid-column: 3 / 3;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.case_toggle__buttons__D0NjF {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2px;
  width: 100%;
}

.case_control__y15L9.case_fit-content__5Kmcz {
  width: -moz-fit-content;
  width: fit-content;
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3 {
  position: relative;
  width: 100%;
  border-radius: 0;
  transition: .2s ease-in-out;
  background: #161722;
}

@media (min-width: 768px) {
  .case_toggle__buttons__D0NjF .case_toggle__button__utNs3 {
    --control-size: 52px;
  }
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3.case_isActive__yMbFJ {
  background: #2B59FF;
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3:first-of-type {
  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3:last-of-type {
  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  transition: .2s ease-in-out;
  background: #6286FE;
}

.case_toggle__buttons__D0NjF .case_toggle__button__utNs3.case_isActive__yMbFJ:before {
  opacity: 1;
}

.case_text__OlAkW.case_color--text2__UHbKf {
  color: var(--color-text2);
}

.case_text__OlAkW.case_color--white__52Lkh {
  color: var(--color-white);
}

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

.case_control__y15L9.case_color--blue__0IjI6 {
  color: #FFF;
  background: #2B59FF;
}

.case_control__y15L9.case_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) {
  .case_control__y15L9.case_size--large__Sc9Hn {
    padding: 0 14px;
  }
}

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

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


.case_control__y15L9.case_full-width__BOwdd {
  width: 100%;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__button__eIQ0y {
  border-radius: 10px;
}

@media (min-width: 768px) {
  .case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__button__eIQ0y {
    --control-size: 66px;
  }
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__button__eIQ0y .case_control__buttonText__wt_hX {
  font-weight: 800;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76 {
  width: 100%;
  transition: .2s ease-in-out;
  border: 1px solid #3160FF;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76 .case_control__fastIcon__0S8da {
  position: relative;
  height: 20px;
  width: 20px;
  overflow: hidden;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76 .case_control__fastIcon__0S8da svg {
  width: 100%;
  height: 100%;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76 .case_control__fastIcon__0S8da .case_control__fastIconArrow__5IqmQ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -40%) rotate(-265deg);
  transform-origin: 45%;
  width: 24px;
  height: 24px;
  transition: .2s ease-in-out;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76.case_isActive__9n8QI {
  background: #2B59FF;
  border: 1px solid #3160FF;
}

.case_buyButtons__container__yUXHd>.case_control__hIMEZ .case_control__fast__Fi_76.case_isActive__9n8QI .case_control__fastIcon__0S8da .case_control__fastIconArrow__5IqmQ {
  transform: translate(-43%, -43%) rotate(0);
}

.w__modal {
  width: 100vw;
  height: calc(var(--vh, 1vh)* 100);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 10000;
}

.w__modal .modalContainer,
.w__modal .modal__overlay {
  animation: fadeInShadow .15s ease-in-out forwards;
}

@keyframes fadeInShadow {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .8;
  }
}

.w__modal .modal__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  z-index: -1;
  height: 100vh;
  background: #0A0D13E5;
  opacity: 0;
  pointer-events: none;
}


.w__modal .modal_scroll__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}

.w__modal .modalContainer {
  animation: fadeInModal .3s ease-in-out forwards;
}

@keyframes fadeInModal {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.w__modal .modalContainer {
  position: relative;
  opacity: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  border-radius: var(--border-radius-xl);
}

.w__modal.size--m .modalContainer {
  max-width: 568px;
  width: 100%;
}

.w__modal.color--light .container__content {
  background: #121721;
}

.w__modal .modalContainer .container__content {
  z-index: 3;
  width: 100%;
  position: relative;
  border-radius: var(--border-radius-xl);
}

.w__modal .modalContainerHeader {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 0;
}

@media (min-width: 768px) {
  .w__modal .modalContainerHeader {
    padding: 32px 32px 0;
  }
}

.w__modal .modalContainer .modal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-shadow: 0 1px 13.9px 0 rgba(24, 24, 36, .16);
}

.w__modal .modalContainerHeader .modalTitle {
  color: #dde1ee;
  font-weight: 600;
  font-size: 1rem;
  line-height: 21px;
  text-transform: uppercase;
  width: 100%;
}

.modal__title {
  display: flex;
  align-items: center;
  color: #fff;
  text-transform: none;
}

.modal__title .replaceItem__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  margin-left: 15px;
  text-transform: uppercase;
}

.modal__title .moneyback__container {
  padding: 15px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(92, 177, 255, 0.15) 0%, rgba(57, 108, 244, 0.15) 100%);
  border-radius: 10px;
  margin-left: 13px;
}

.moneyback__container .moneyback__wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.moneyback__container .moneyback__text {
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #519CFB;
}

.w__modal .modalContainerHeader .modalClose {
  margin-left: auto;
  cursor: pointer;
}

.w__modal .modalContainerBody {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  padding: 20px;
}

@media (min-width: 768px) {
  .w__modal .modalContainerBody {
    padding: 32px;
  }
}

.modal__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.modal__content .skinReplace__preview {
  width: 100%;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 1fr 48px 1fr;
  grid-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #1A202D;
  border-radius: 14px;
  padding: 0 32px;
  height: 74px;
}

.modal__content .skinReplace__preview .skinReplace__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  overflow: hidden;
}



.modal__content .skinReplace__preview .skinReplace__itemRight {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  overflow: hidden;
}

.modal__content .skinReplace__preview .skinReplace__item .item__info,
.modal__content .skinReplace__preview .skinReplace__itemRight .item__info {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 11px;
  flex-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
  align-items: center;
}

.item__info .item__firstName {
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #AEB6C2;
}

.item__info .moneyback__container {
  padding: 4px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, rgba(92, 177, 255, 0.15) 0%, rgba(57, 108, 244, 0.15) 100%);
  border-radius: 5px;
}

.moneyback__container .moneyback__wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.moneyback__container .moneyback__text {
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #519CFB;
}

.modal__content .skinReplace__preview .skinReplace__delimiter {
  background: #121721;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}



.skinReplace__itemRight .item__none {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0.01em;
  color: #687894;
}

.modal__content .skinReplace__body {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-sm);
}

.modal__content .skinReplace__body .body__scroll {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.modal__content .skinReplace__body .body__scroll .skinReplace__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
}

@media (min-width: 768px) {
  .modal__content .skinReplace__body .body__scroll .skinReplace__list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.list__item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.modal__content .skinReplace__body .body__scroll .skinReplace__list .list__item {
  width: 100%;
  aspect-ratio: 1.4038461538;
  border-radius: 12px;
  position: relative;
  border: 1px solid transparent;
}

.modal__content .skinReplace__body .body__scroll::-webkit-scrollbar-track {
  background: #363753;
}

.modal__content .skinReplace__body .body__scroll::-webkit-scrollbar-thumb {
  background: #484a6f;
  border-radius: 5px;
}

.modal__content .skinReplace__body .body__scroll::-webkit-scrollbar {
  width: 2px;
}

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

.skinCard .skinCard__price {
  position: absolute;
  bottom: 8px;
  right: 9px;
  z-index: 10;
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
  color: #75CB7D;
}

@media (min-width: 768px) {
  .skinCard .skinCard__price {
    bottom: 12px;
    right: 9px;
  }
}

.skinCard__price-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: #75CB7D;
}

.skinCard .skinCard__image_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.skinCard .skinCard__image_wrapper .skinCard__image {
  transition: .3s ease;
  position: absolute;
  height: auto;
  width: 51%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}

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

.skinIcon__background {
  background-image: url(/assets/icons/logo.svg);
}

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

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

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

.skinCard .skinCard__footer .skinCard__footer_left_side,
.skinCard .skinCard__footer .skinCard__footer_left_side .drops__names {
  overflow: hidden;
}

.skinCard .skinCard__footer .skinCard__footer_left_side,
.skinCard .skinCard__footer .skinCard__footer_left_side .drops__names {
  overflow: hidden;
}

.skinCard .skinCard__footer .skinCard__footer_left_side .drops__names .name__bottom_replace {
  width: 100%;
  max-width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal__content .footer__controls {
  width: 100%;
  margin-top: 24px;
  display: grid;
  grid-gap: 18px;
  grid-template-columns: 1fr 1fr;
}

.controls.color--gray-primary {
  color: #687894;
  background: #191E2A;
}

.switch__lang {
  display: flex;
  position: relative;
  cursor: pointer;
}

.controls.color--lite-gray {
  border: 1px solid #1E2632;
}

.switch__lang .OptionsList {
  grid-row-gap: 10px;
  position: fixed;
  top: 55px;
  width: 100%;
  padding: 15px 0;
  border-radius: 8px;
  z-index: 1000;
  opacity: 0;
  animation: appearance .3s forwards;
  left: 0;
}

@keyframes appearance {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .switch__lang .OptionsList {
    position: absolute;
  }
}

.switch__lang .OptionsList.color--grey-dark {
  border: 1px solid #1E2632;
}

.switch__lang .OptionsList[aria-hidden=false] {
  display: none;
}

.dropdown__option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 14.5px;
  color: var(--typography-primary);
  transition: color .2s ease-in-out;
  cursor: pointer;
  gap: 8px;
}

.switch__lang .OptionsList[aria-hidden=true] {
  display: grid;
}

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

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

.preview__state,
.result__state,
.started__state {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

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

.roulette__spin .roulette__paper {
  display: flex;
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all .4s ease-in-out;
  border-radius: 15px;
}


.roulette__spin .roulette__paper .roulette__items {
  display: flex;
  will-change: transform;
}

.roulette__spin .roulette__paper .roulette__items .rouletteItem__wrapper {
  overflow: hidden;
  width: 193px;
  height: 146px;
  margin: auto 4px;
}

@media (max-width: 550px) {
  .roulette__spin .roulette__paper .roulette__items .rouletteItem__wrapper {
    width: 205.3px;
  }
}

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

@media (min-width: 1024px) {
  .roulette__spin .arrow__top {
    width: 40px;
    height: 78px;
    top: 50px;
  }
}

.roulette__spin .arrow__top[aria-hidden=false] {
  opacity: 1;
  animation: arrowTopIn .3s ease-in-out forwards;
}

@keyframes arrowTopIn {
  0% {
    transform: translate(-50%, -70%)
  }

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

.roulette__spin .arrow__top svg {
  width: 100%;
  height: 100%;
}

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

@media (min-width: 1024px) {
  .roulette__spin .arrow__bottom {
    width: 36px;
    height: 36px;
    bottom: 50px;
  }
}

.roulette__spin .arrow__bottom[aria-hidden=false] {
  opacity: 1;
  animation: arrowBottomIn .3s ease-in-out forwards;
}

@keyframes arrowBottomIn {
  0% {
    transform: translate(-50%, 70%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, 50%) rotate(0deg);
  }
}

.roulette__spin .arrow__top[aria-hidden=true] {
  opacity: 0;
  animation: arrowTopOut .3s ease-in-out forwards;
}

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

  100% {
    transform: translate(-50%, -70%)
  }
}

.roulette__spin .arrow__bottom[aria-hidden=true] {
  opacity: 0;
  animation: arrowBottomOut .3s ease-in-out forwards;
}

@keyframes arrowBottomOut {
  0% {
    transform: translate(-50%, 50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, 70%) rotate(0deg);
  }
}

.roulette__spin .arrow__bottom svg {
  width: 100%;
  height: 100%;
}

.roulette__spin .roulette__paper .left__shadow,
.roulette__spin .roulette__paper .right__shadow {
  z-index: 100;
  position: absolute;
  top: 0;
  height: 100%;
  width: 65px;
  bottom: 0;
  background: linear-gradient(90deg, #0A0C14, rgba(24, 25, 36, 0))
}

@media (min-width: 425px) {

  .roulette__spin .roulette__paper .left__shadow,
  .roulette__spin .roulette__paper .right__shadow {
    width: 100px;
  }
}

@media (min-width: 550px) {

  .roulette__spin .roulette__paper .left__shadow,
  .roulette__spin .roulette__paper .right__shadow {
    width: 200px;
  }
}

@media (min-width: 768px) {

  .roulette__spin .roulette__paper .left__shadow,
  .roulette__spin .roulette__paper .right__shadow {
    width: 305px;
  }
}

.roulette__spin .roulette__paper .left__shadow {
  left: 0;
}

.roulette__spin .roulette__paper .right__shadow {
  right: 0;
  z-index: 100;
  transform: rotate(180deg);
}


.roulette__spin .roulette__paper[aria-hidden=false] {
  opacity: 1;
}

.roulette__spin .roulette__paper[aria-hidden=true] {
  opacity: .1;
  filter: blur(5px);

}

.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 {
  background: url(/assets/img/cases-bg.png);
  background-repeat: no-repeat;
}

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

.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: 60%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}

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

.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_backdrop__upgrade__llnq1 {
  position: absolute;
  width: 80%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

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

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

.skin__container__6WTA9 .skinCard__divider__KklsQ {
  height: 5px;
  width: 40%;
  border-radius: 13px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--0 {
  background: var(--color-rarity-consumer);
  box-shadow: 0px 0px 74.7px 17px #96939A71;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--1 {
  background: var(--color-rarity-industrial);
  box-shadow: 0px 0px 74.7px 17px #5e98d978;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--2 {
  background: var(--color-rarity-milspec);
  box-shadow: 0px 0px 74.7px 17px #3060FF78;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--3 {
  background: var(--color-rarity-restricted);
  box-shadow: 0px 0px 74.7px 17px #8120EF78;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--4 {
  background: var(--color-rarity-classified);
  box-shadow: 0px 0px 74.7px 17px #F140AF78;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--5 {
  background: var(--color-rarity-covert);
  box-shadow: 0px 0px 74.7px 17px #E4273878;
}

.skin__container__6WTA9 .skinCard__divider__KklsQ.rarity--6 {
  background: var(--color-rarity-knife-gloves);
  box-shadow: 0px 0px 74.7px 17px #FFA80033;
}

.skinCard__cI1Ta .skinCard__footer__xmzMi {
  position: relative;
  display: flex;
  justify-content: space-between;
  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;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

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

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

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

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

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

@keyframes case_bblFadInOut__2m7yU {

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

  40% {
    opacity: 1;
  }
}

.case_loader__K6XH4.case_color--gold__vt0YT span {
  background: #2B59FF;
}

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

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

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


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

@media (max-width: 550px) {

  .result__item {
    aspect-ratio: 0;
  }
}

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

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

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

.main__container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main__container .skin__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 70%;
  height: 70%;
  z-index: 2;
}

.result__item .item__drop .drop__image {
  position: absolute;
  object-fit: contain;
  width: 70%;
  height: 65%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 5;
  top: 30px;
}

@media (max-width: 550px) {

  .result__item .item__drop .drop__image {
    height: 40%;
  }
}

.result__item .rarity {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 45%;
  height: 45%;
  filter: blur(30px);
  pointer-events: none;
}

@media (min-width: 550px) {
  .result__item .rarity {
    width: 50%;
    height: 50%;
  }
}

.result__item .rarity.rarity--0,
.result__item .rarity.rarity--0:before {
  background: var(--gradient-rarity-consumer);
}

.result__item .rarity.rarity--1,
.result__item .rarity.rarity--1:before {
  background: var(--gradient-rarity-industrial);
}

.result__item .rarity.rarity--2,
.result__item .rarity.rarity--2:before {
  background: var(--gradient-rarity-milspec);
}

.result__item .rarity.rarity--3,
.result__item .rarity.rarity--3:before {
  background: var(--gradient-rarity-restricted);
}

.result__item .rarity.rarity--4,
.result__item .rarity.rarity--4:before {
  background: var(--gradient-rarity-classified);
}

.result__item .rarity.rarity--5,
.result__item .rarity.rarity--5:before {
  background: var(--gradient-rarity-covert);
}

.result__item .rarity.rarity--6,
.result__item .rarity.rarity--6:before {
  background: var(--gradient-rarity-knife-gloves);
}

.result__item .item__drop .drop__info {
  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 .item__drop .drop__info.isBig {
  bottom: 15px;
}

.drop__info .info__weapon {
  display: block;
}

.drop__info .info__name {
  display: block;
}

.result__item .drop__control__h2UoI {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2px;
  margin: 8px auto 0;
  cursor: pointer;
}

.result__item .drop__control__h2UoI .drop__controlPriceWrapper__LEHB2 {
  background: #2B59FF;
  border-radius: 6px;
  --control-size: 35px
}

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

.info__weapon .weapon__type {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #AEB6C2;
}

@media (max-width: 550px) {
  .info__weapon .weapon__type {
    font-size: 12px;
  }
}

.info__name .weapon__name {
  font-weight: 900;
  font-size: 20px;
  line-height: 25px;
  color: #EEEFFB;
}

@media (max-width: 550px) {
  .info__name .weapon__name {
    font-size: 10px;
  }
}

.drop__controlPrice__0Eg3W {
  font-weight: 800;
  font-size: 13px;
  line-height: 20px;
  color: #FFF;
}

@media (max-width: 550px) {
  .drop__controlPrice__0Eg3W {
    font-size: 10px;
  }
}

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

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

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

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

.case_results__container__h2_xm .case_control__hIMEZ {
  width: 100%;
}

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

.case_results__container__h2_xm .case_control__hIMEZ:first-child {
  order: 2;
  grid-row: 2;
  grid-column: 1 / 2;
}

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

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

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

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

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

.case_control__y15L9.case_color--gray-dark__FPUyt {
  color: #FFF;
  background: #161722;
}

.case_results__container__h2_xm .case_control__hIMEZ .case_control__button__eIQ0y .case_control__refreshIcon__eWgGa {
  transition: .2s ease-in-out;
}



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

.slot {
  position: relative;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slot .slot__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  gap: 16px;
}

.slot .slot__items {
  display: flex;
  will-change: transform;
}

.slot__drop {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  height: 246px;
  overflow: hidden;
}

@media (max-width: 550px) {
  .slot__drop {
    height: 244.5px;
  }
}

@media (max-width: 1023px) {
  .slot__drop {
    height: 244.5px;
  }
}

.slot__drop .drop__imageContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 200px;
  pointer-events: none;
  justify-content: center;
}

.slot__drop .drop__imageContainer .rarity__icon {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 110px;
  object-fit: contain;
  z-index: 1;
}

.slot__drop .drop__imageContainer .drop__icon {
  position: absolute;
  width: 100%;
  max-width: 180px;
  height: auto;
  z-index: 2;
}

.roulette__rows {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  gap: 10px;
  border-radius: 15px;
}

.roulette__rows .arrow__left {
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0;
  width: 32px;
  height: 29px;
  transition: opacity .3s ease-in-out;
}

.roulette__rows .arrow__left[aria-hidden=true] {
  opacity: 0;
  animation: arrowLeftOut .3s ease-in-out forwards;
}

.roulette__rows .arrow__left[aria-hidden=false] {
  opacity: 1;
  animation: arrowLeftIn .3s ease-in-out forwards;
}

.roulette__rows .arrow__right[aria-hidden=false] {
  opacity: 1;
  animation: arrowRightIn .3s ease-in-out forwards;
}

.roulette__rows .arrow__left svg {
  width: 100%;
  height: 100%;
}

.roulette__rows .arrow__right {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  width: 32px;
  height: 29px;
  transition: opacity .3s ease-in-out;
}

.roulette__rows .arrow__right[aria-hidden=true] {
  opacity: 0;
  animation: arrowRightOut .3s ease-in-out forwards;
}

.roulette__rows .arrow__right svg {
  width: 100%;
  height: 100%;
}

@keyframes arrowLeftOut {
  0% {
    transform: translate(-50%, -50%);
  }

  100% {
    transform: translate(-70%, -50%);
  }
}

@keyframes arrowRightOut {
  0% {
    transform: translate(50%, -50%);
  }

  100% {
    transform: translate(70%, -50%);
  }
}

@keyframes arrowLeftIn {
  0% {
    transform: translate(-70%, -50%);
  }

  100% {
    transform: translate(-50%, -50%);
  }
}

@keyframes arrowRightIn {
  0% {
    transform: translate(70%, -50%);
  }

  100% {
    transform: translate(50%, -50%);
  }
}

.drops__card__visible {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: .2s ease;
  transform: translateY(0);
}

.case-item_scroll:hover .drops__card__visible {
  transform: translateY(-20%);
  opacity: 0;
}

.drops__card__hovered {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: .2s ease;
  transform: translateY(10px);
  opacity: 0;
  visibility: hidden;
}

.case-item_scroll:hover .drops__card__hovered {
  transform: translateY(-100%);
  opacity: 1;
  visibility: visible;
}

.case-item_scroll .drops__card__hovered .drops__image_hovered_wrapper {
  max-width: 120px;
  transform: translateX(50%);
}

.case-item_scroll .drops__card__hovered .drops__image_hovered_wrapper .image__EC3eT {
  width: 100%;
  height: 100%;
}

.case-item_scroll .drops__names__wrapper {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 10px;
  z-index: 5;
}

.case-item_scroll .drops__names__wrapper .drops__names {
  width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case-item_scroll .drops__names__wrapper .drops__names .drops__names_skin,
.case-item_scroll .drops__names__wrapper .drops__names .drops__names_weapon {
  max-width: 100%;
}

.case-item_scroll .drops__card__hovered .user__link_wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
}

.case-item_scroll .drops__card__hovered .user__link_wrapper .drops__user_avatar {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .case-item_scroll .drops__card__hovered .user__link_wrapper .drops__user_avatar {
    margin-top: 0;
  }
}

.case-item_scroll .drops__card__hovered .user__link_wrapper .drops__user_avatar img {
  width: 40px;
  border-radius: 50%;
}

.row__column .started__state[aria-hidden=true] {
  filter: blur(8px)
}

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

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

.case_openCaseDescription__5l1ZU {
  width: 100%;
  max-width: 560px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(0);
}

.case_box__page__jp7bY .case_openCaseDescription__wrapper__zG8FG>div {
  margin-top: 60px;
}

@media (min-width: 768px) {
  .case_box__page__jp7bY .case_openCaseDescription__wrapper__zG8FG>div {
    margin-top: 100px;
  }
}

.case_openCaseDescription__5l1ZU.case_type--blogger__QfHBp:before,
.case_openCaseDescription__5l1ZU.case_type--event__Y4pv7:before,
.case_openCaseDescription__5l1ZU.case_type--free__LOWPO:before,
.case_openCaseDescription__5l1ZU.case_type--leaders__KoLNk:before,
.case_openCaseDescription__5l1ZU.case_type--limited__2AdmG:before {
  content: "";
  width: 140px;
  height: 70px;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 0;
  filter: blur(15px);
}

.case_openCaseDescription__5l1ZU.case_type--free__LOWPO:before {
  background: rgba(113, 164, 240, .6);
}

.case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ {
  width: 100%;
  background: #0A0C14;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: var(--border-radius-lg);
  padding: 40px 10px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

@media (min-width: 375px) {
  .case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ {
    padding: 40px 20px 20px;
  }
}

.case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ .case_itemIcon__wrapper__kk92J {
  position: absolute;
  width: 65px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

@media (min-width: 425px) {
  .case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ .case_itemIcon__wrapper__kk92J {
    width: 65px;
    height: 65px;
  }
}

.case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ .case_itemIcon__wrapper__kk92J svg {
  width: 65px;
  height: 65px;
}

.case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ .case_item__title__F1A0O {
  margin-bottom: 12px;
  text-align: center;
}

.case_openCaseDescription__5l1ZU .case_descriptionItem__Swe1_ .case_item__description__Llo2T {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #8595ae;
  z-index: 2;
}

.user__card {
  display: flex;
  align-items: center;
  height: 100%;
}

.user__card .user_card__avatar {
  max-width: 64px;
  max-height: 64px;
}

@media (min-width: 425px) {
  .user__card .user_card__avatar {
    max-width: 70px;
    max-height: 70px;
  }
}

@media (min-width: 768px) {
  .user__card .user_card__avatar {
    max-width: 80px;
    max-height: 80px;
  }
}

@media (min-width: 1024px) {
  .user__card .user_card__avatar {
    max-width: 90px;
    max-height: 90px;
  }
}

.user__card .user_card__details {
  display: grid;
  grid-gap: 6px;
  margin-left: 12px;
}

@media (min-width: 1024px) {
  .user__card .user_card__details {
    grid-gap: 14px;
    margin-left: 22px;
  }
}

.user__card .user_card__details .details__username {
  width: 100%;
  overflow: hidden;
  color: var(--typography-primary);
}

.text.color--inherit {
  color: inherit;
}

.controls.color--gray-dark {
  color: #a9b7cc;
  background: #1C2331;
}

.favorite__image_wrapper {
  position: absolute;
  transition: transform .7s ease;
}

.favorite__image_wrapper {
  right: 10px;
  max-width: 150px;
}

@media (min-width: 1024px) {
  .favorite__image_wrapper {
    max-width: 180px;
  }
}


.favorite .favorite_image {
  width: 100%;
  height: auto;
}

.MainContainer__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 48px 0;
}

.MainContainer__header::before {
  content: "";
  width: 48px;
  height: 8px;
  border-radius: 111px;
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  position: absolute;
  bottom: -20px;
}

.text.variant--h1 {
  font-size: 24px;
  font-weight: 800;
  line-height: 40px;
  letter-spacing: 0.01em;
  text-align: center;
}

.text.variant--h1.bold {
  font-weight: 900;
}

.container__privacy {
  display: flex;
  flex-direction: column;
  max-width: 1518px;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  border-radius: 16px;
  background: #121524;
}

.content-page {
  font-family: 'Google Sans', sans-serif;
  position: relative;
  padding-top: 60px;
  color: #687894;
  font-size: 16px;
}

.content-page * {
  line-height: 24px;
}

.content-page p {
  margin: 0 0 20px;
  color: #687894;
  font-weight: 400;
}

.content-page h2 {
  font-size: 24px;
  font-weight: 700;
  margin: 40px 0 20px;
  color: #fff;
}

.content-page p {
  margin: 0 0 20px;
  color: #687894;
  font-weight: 400;
}

.content-page a {
  color: #4987FF;
}

.content-page .no-wrap,
.content-page .router-link-active {
  white-space: nowrap;
}

.content-page ul,
.content-page ol {
  padding-left: 20px;
}

.content-page ol {
  counter-reset: item;
}

.content-page ul li,
.content-page ol li {
  margin: 10px 0;
}

.content-page ol li:before {
  list-style: decimal;
  counter-increment: item;
  content: counters(item, ".") ". ";
}

.content-page ul li,
.content-page ol li {
  margin: 10px 0;
}

.privacy__section {
  margin-top: 16px;
}

.section__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: #FFF;
  margin-left: 16px;
}

.section__description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #687894;
  margin-bottom: 16px;
}

.modals {
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-color: #0A0D13E5;
  opacity: 0;
  transition: opacity .3s ease;
  display: grid;
  grid-template-columns: 1fr;
  overflow: auto;
}

.modals.opened {
  opacity: 1;
}

.abs-link {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.modals .modals-content {
  position: relative;
  z-index: 3;
  border-radius: 24px;
  background: #121721;
  place-self: center;
  padding: 32px;
  opacity: 0;
  transition: transform .3s ease, opacity .5s ease;
  will-change: transform;
  transform: scale(.8);
}

.rules-modals .modals-content {
  width: 388px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.modals.opened .modals-content {
  transform: scale(1);
  opacity: 1;
}

.modals-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.modals-content-header-title {
  display: flex;
  align-items: center;
  gap: 17px;
  font-size: 16px;
  font-weight: 700;
}

.modals .modals-close-btn {
  position: absolute;
  top: 28px;
  right: 34px;
  width: 20px;
  height: 20px;
  border-radius: 8px;
  background: none;
  outline: none;
  z-index: 5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  transition: border-color .3s ease;
  cursor: pointer;
}

.modals .modals-close-btn i {
  display: block;
  width: 13px;
  height: 13px;
  position: relative;
  margin-left: -1px;
}

.modals .modals-close-btn i:before,
.modals .modals-close-btn i:after {
  content: "";
  display: block;
  clear: both;
  height: 2px;
  background-color: #687894;
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  width: 135%;
  top: 0;
  margin-top: 6px;
  margin-left: -2px;
  transition: all .3s ease;
}

.modals .modals-close-btn i:after {
  transform: rotate(-45deg);
}

.modals-content-desc-offer {
  width: 100%;
  height: 100%;
  min-height: 54px;
  border: 1px solid #191E2A;
  display: flex;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 24px;
}

.modals-content-desc-offer span {
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  color: #687894;
}

.form-submit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.apply {
  background: linear-gradient(180deg, #5CB1FF 0%, #396CF4 100%);
  border-radius: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}

.uppercase {
  text-transform: uppercase;
}

.trade_form__wrappe {
  display: block;
  width: 100%;
}

.trade_link__for {
  position: relative;
}

.trade_link__for .trade_form__fields {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

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

.trade_form__info-title {
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
}

.controls.full-width {
  width: 100%;
}

.controls.flex-start {
  justify-content: flex-start;
}

.inputWrapper .label {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.inputWrapper .inputTrade {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-weight: 600;
  color: #FFF;
  font-size: 14px;
}