*,
:after,
:before {
  box-sizing:border-box
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display:block
}
body {
  line-height:1
}
ol,
ul {
  list-style:none
}
blockquote,
q {
  quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content:"";
  content:none
}
table {
  border-spacing:0
}
button,
input,
textarea {
  padding:0;
  margin:0;
  box-shadow:none;
  outline:none;
  border-radius:0;
  border:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  font-family:inherit
}
button {
  background-color:transparent;
  color:currentColor
}
table {
  border-collapse:collapse
}
button {
  cursor:pointer
}
a,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  word-wrap:break-word
}
img {
  max-width:100%;
  height:auto;
  background-color:transparent;
  flex:none
}
a {
  display:inline-block;
  text-decoration:none;
  color:currentColor
}
input {
  font-size:15px;
  line-height:18px;
  font-weight:500;
  color:inherit;
  background-color:transparent
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
.common,
.uncommon {
  --color-1:#88c9e5;
  --color-2:#afc4cb;
  --color-10:rgba(136,201,229,0.1);
  --color-20:rgba(136,201,229,0.2);
  --color-25:rgba(136,201,229,0.25);
  --color-35:rgba(136,201,229,0.35);
  --color-0:rgba(136,201,229,0)
}
.milspec {
  --color-1:#4564ff;
  --color-2:#a7b0d1;
  --color-10:rgba(69,100,255,0.1);
  --color-20:rgba(69,100,255,0.2);
  --color-25:rgba(69,100,255,0.25);
  --color-35:rgba(69,100,255,0.35);
  --color-0:rgba(69,100,255,0)
}
.restricted {
  --color-1:#9847ff;
  --color-2:#bfa7d1;
  --color-10:rgba(152,71,255,0.1);
  --color-20:rgba(152,71,255,0.2);
  --color-25:rgba(152,71,255,0.25);
  --color-35:rgba(152,71,255,0.35);
  --color-0:rgba(152,71,255,0)
}
.classified {
  --color-1:#ff4487;
  --color-2:#d1a7bc;
  --color-10:rgba(255,68,135,0.1);
  --color-20:rgba(255,68,135,0.2);
  --color-25:rgba(255,68,135,0.25);
  --color-35:rgba(255,68,135,0.35);
  --color-0:rgba(255,68,135,0)
}
.covert {
  --color-1:#ff3535;
  --color-2:#d1a7a7;
  --color-10:rgba(255,53,53,0.1);
  --color-20:rgba(255,53,53,0.2);
  --color-25:rgba(255,53,53,0.25);
  --color-35:rgba(255,53,53,0.35);
  --color-0:rgba(255,53,53,0)
}
.rare {
  --color-1:#ffa826;
  --color-2:#d1c0a7;
  --color-10:rgba(255,168,38,0.1);
  --color-20:rgba(255,168,38,0.2);
  --color-25:rgba(255,168,38,0.25);
  --color-35:rgba(255,168,38,0.35);
  --color-0:rgba(255,168,38,0)
}
.gloves {
  --color-1:#beff34;
  --color-2:#c6d1a7;
  --color-10:rgba(190,255,52,0.1);
  --color-20:rgba(190,255,52,0.2);
  --color-25:rgba(190,255,52,0.25);
  --color-35:rgba(190,255,52,0.35);
  --color-0:rgba(190,255,52,0)
}
@font-face {
  font-family:TT Norms;
  src:url(../fonts/TTNorms-Bold.woff2@v=2) format("woff2");
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:TT Norms;
  src:url(../fonts/TTNorms-Medium.woff2@v=2) format("woff2");
  font-weight:500;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url(../fonts/TTFirsNeue-DemiBold.woff2@v=2) format("woff2");
  font-weight:600;
  font-style:normal
}
@font-face {
  font-family:TT Firs Neue;
  src:url(../fonts/TTFirsNeue-Medium.woff2@v=2) format("woff2");
  font-weight:500;
  font-style:normal
}
@font-face {
  font-family:Topskin Coin;
  src:url(../fonts/topskin-coin.ttf);
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:Courier;
  src:url(https://fonts.googleapis.com/css2?display=swap&family=Courier+Prime);
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:Reaver;
  src:url(../fonts/reaver-semibold.woff2@v=2) format("woff2");
  font-weight:600;
  font-style:normal
}
@font-face {
  font-family:Reaver;
  src:url(../fonts/reaver-bold.woff2@v=2) format("woff2");
  font-weight:700;
  font-style:normal
}
body {
  background-color:#12131a;
  display:flex;
  min-height:100%;
  width:100%;
  font-family:TT Norms,Topskin Coin,Open Sans;
  font-size:14px;
  -webkit-font-smoothing:antialiased;
  color:#fff
}
@media only screen and (min-width:1100px) {
  body::-webkit-scrollbar-track {
    background-color:#272835
  }
  body::-webkit-scrollbar {
    width:2px;
    height:2px
  }
  body::-webkit-scrollbar-thumb {
    background-color:#ff6e40;
    border-radius:10px
  }
}
body.js-hide-scroll {
  overflow:hidden
}
.dark-bg {
  background-color:#161720;
  border-radius:20px
}
@media not screen and (min-width:1100px) {
  .button_f0b0 {
    margin-bottom:58px!important
  }
}
.toast-title {
  font-weight:700
}
.toast-message a,
.toast-message label {
  color:#fff
}
.toast-message a:hover {
  color:#ccc;
  text-decoration:none
}
.toast-top-center {
  top:0;
  right:0;
  width:100%
}
.toast-bottom-center {
  bottom:0;
  right:0;
  width:100%
}
.toast-top-full-width {
  top:0;
  right:0;
  width:100%
}
.toast-bottom-full-width {
  bottom:0;
  right:0;
  width:100%
}
.toast-top-left {
  top:12px;
  left:12px
}
.toast-top-right {
  top:12px;
  right:12px
}
.toast-bottom-right {
  right:12px;
  bottom:12px
}
.toast-bottom-left {
  bottom:12px;
  left:12px
}
#toast-container {
  position:fixed;
  z-index:999999
}
#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
  width:300px;
  margin-left:auto;
  margin-right:auto
}
#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
  width:96%;
  margin-left:auto;
  margin-right:auto
}
#toast-container {
  display:flex;
  flex-direction:column;
  gap:12px;
  pointer-events:none
}
#toast-container>div {
  overflow:initial!important
}
@media not screen and (min-width:630px) {
  #toast-container.toast-top-center {
    top:120px;
    left:32px;
    right:auto
  }
}
@media only screen and (min-width:630px) {
  #toast-container.toast-top-center {
    top:130px
  }
}
#toast-container.toast-bottom-right {
  bottom:60px
}
#toast-container.toast-large .toast-default:hover {
  opacity:1!important
}
@media not screen and (min-width:630px) {
  #toast-container.toast-large .toast-default {
    width:290px
  }
}
@media only screen and (min-width:630px) {
  #toast-container.toast-large .toast-default {
    width:420px
  }
}
.toast-error {
  box-shadow:0 0 64px 5px rgba(155,0,0,.1)
}
.toast-error .toast-progress {
  background-color:#ff3535
}
.toast-warning {
  box-shadow:0 0 64px 5px rgba(140,84,0,.1)
}
.toast-warning .toast-progress {
  background-color:#ffa826
}
.toast-success {
  box-shadow:0 0 64px 5px rgba(105,154,0,.1)
}
.toast-success .toast-progress {
  background-color:#beff34
}
.toast-info {
  box-shadow:0 0 64px 5px rgba(166,40,0,.1)
}
.toast-info .toast-progress {
  background-color:#ff6e40
}
.toast-default {
  position:relative;
  padding:15px 15px 18px;
  min-width:300px;
  opacity:1;
  border-radius:0;
  background-color:#1c1d27;
  border:2px solid #414250;
  font-size:15px;
  line-height:21px;
  font-weight:500;
  cursor:pointer;
  pointer-events:auto
}
@media not all and (hover:none) and (pointer:coarse) {
  .toast-default:hover {
    opacity:.85
  }
}
@media (hover:none) and (pointer:coarse) {
  .toast-default:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.85
  }
}
.toast-default .toast-message {
  color:#fff;
  font-feature-settings:"liga" off
}
.toast-default .toast-progress {
  position:absolute;
  left:0;
  bottom:-1px;
  height:3px;
  opacity:1;
  opacity:.8
}
.toast-default .toast-close-button {
  position:absolute;
  top:10px!important;
  right:10px!important;
  font-size:30px;
  line-height:16px;
  font-weight:500;
  color:#fff
}
.toast-bp {
  background-color:#140c0b;
  border:2px solid #351d1a
}
.irs {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.irs,
.irs-line {
  position:relative;
  display:block
}
.irs-line {
  overflow:hidden;
  outline:none!important
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position:absolute;
  display:block;
  top:0
}
.irs-line-left {
  left:0;
  width:11%
}
.irs-line-mid {
  left:9%;
  width:82%
}
.irs-line-right {
  right:0;
  width:11%
}
.irs-bar {
  width:0
}
.irs-bar,
.irs-bar-edge {
  position:absolute;
  display:block;
  left:0
}
.irs-bar-edge {
  top:0
}
.irs-shadow {
  position:absolute;
  display:none;
  left:0;
  width:0
}
.irs-slider {
  position:absolute;
  display:block;
  cursor:default;
  z-index:1
}
.irs-slider.from:after {
  content:"min"
}
.irs-slider.to:after {
  content:"max"
}
.irs-slider.type_last {
  z-index:2
}
.irs-min {
  left:0
}
.irs-max,
.irs-min {
  position:absolute;
  display:block;
  cursor:default
}
.irs-max {
  right:0
}
.irs-from,
.irs-single,
.irs-to {
  position:absolute;
  display:block;
  top:0;
  left:0;
  cursor:default;
  white-space:nowrap
}
.irs-grid {
  position:absolute;
  display:none;
  bottom:0;
  left:0;
  width:100%;
  height:20px
}
.irs-with-grid .irs-grid {
  display:block
}
.irs-grid-pol {
  position:absolute;
  top:0;
  left:0;
  width:1px;
  height:8px;
  background:#000
}
.irs-grid-pol.small {
  height:4px
}
.irs-grid-text {
  position:absolute;
  bottom:0;
  left:0;
  white-space:nowrap;
  text-align:center;
  font-size:9px;
  line-height:9px;
  padding:0 3px;
  color:#000
}
.irs-disable-mask {
  position:absolute;
  display:block;
  top:0;
  left:-1%;
  width:102%;
  height:100%;
  cursor:default;
  background:transparent;
  z-index:2
}
.irs-disabled {
  opacity:.4
}
.lt-ie9 .irs-disabled {
  filter:alpha(opacity=40)
}
.irs-hidden-input {
  position:absolute!important;
  display:block!important;
  top:0!important;
  left:0!important;
  width:0!important;
  height:0!important;
  font-size:0!important;
  line-height:0!important;
  padding:0!important;
  margin:0!important;
  outline:none!important;
  z-index:-9999!important;
  background:none!important;
  border-style:solid!important;
  border-color:transparent!important
}
.irs {
  height:55px
}
.irs-with-grid {
  height:75px
}
.irs-line {
  height:10px;
  top:33px;
  border-radius:16px;
  -moz-border-radius:16px;
  background:#35d4ec;
  background:-moz-linear-gradient(left,#35d4ec 0,#f6c100 100%);
  background:-webkit-linear-gradient(left,#35d4ec,#f6c100);
  background:linear-gradient(90deg,#35d4ec 0,#f6c100);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#35d4ec",endColorstr="#f6c100",GradientType=1)
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  height:8px
}
.irs-bar,
.irs-bar-edge {
  height:10px;
  top:33px;
  background:transparent
}
.irs-bar-edge {
  width:14px;
  border-right:0;
  border-radius:16px 0 0 16px;
  -moz-border-radius:16px 0 0 16px
}
.irs-shadow {
  height:2px;
  top:38px;
  background:#000;
  opacity:.3;
  border-radius:5px;
  -moz-border-radius:5px
}
.lt-ie9 .irs-shadow {
  filter:alpha(opacity=30)
}
.irs-slider {
  top:25px;
  width:27px;
  height:27px;
  background:#fff;
  background:-moz-radial-gradient(center,ellipse cover,#fff 0,#e0e0e0 100%);
  background:-webkit-radial-gradient(center,ellipse cover,#fff 0,#e0e0e0 100%);
  background:radial-gradient(ellipse at center,#fff 0,#e0e0e0 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e0e0e0",GradientType=1);
  border-radius:14px;
  -moz-border-radius:14px;
  box-shadow:0 1px 5px rgba(0,0,0,.8);
  cursor:pointer;
  text-align:center;
  color:#000;
  padding:5px 0 0
}
.irs-slider.state_hover,
.irs-slider:hover {
  background:#fff
}
.irs-max,
.irs-min {
  color:#333;
  font-size:12px;
  line-height:1.333;
  text-shadow:none;
  top:0;
  padding:1px 5px;
  background:rgba(0,0,0,.1);
  border-radius:3px;
  -moz-border-radius:3px
}
.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
  background:#ccc
}
.irs-from,
.irs-single,
.irs-to {
  color:gold;
  font-size:14px;
  line-height:1.333;
  text-shadow:none;
  padding:1px 5px;
  background:rgba(0,0,0,.5);
  border-radius:3px;
  -moz-border-radius:3px
}
.irs-from:after,
.irs-single:after,
.irs-to:after {
  content:"o";
  font-family:Rouble,Play,Tahoma,sans-serif;
  font-weight:400;
  font-size:.9em;
  margin-left:1px
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
  background:#999
}
.irs-grid {
  height:27px
}
.irs-grid-pol {
  opacity:.5;
  background:#428bca
}
.irs-grid-pol.small {
  background:#999
}
.irs-grid-text {
  bottom:5px;
  color:#99a4ac
}
.range-slider .irs-line {
  height:4px;
  background:#272835;
  border-radius:2px
}
.range-slider .irs-slider {
  width:24px;
  height:24px;
  top:24px;
  box-shadow:none
}
.range-slider .irs-slider:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/control.svg?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:16px;
  height:10px
}
.range-slider .irs-bar {
  height:4px;
  background-color:#ff6e40;
  left:0!important;
  border-radius:2px
}
.range-slider_casecreate .rp-price {
  display:flex;
  justify-content:center;
  align-items:center;
  width:110px;
  height:40px;
  background-color:#1c1d27;
  border-radius:8px;
  color:#fff
}
.range-slider_casecreate .range-slider__info {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  margin-top:6px;
  color:#9b9db1;
  font-feature-settings:"liga" off;
  text-align:center
}
.range-slider_volume .irs {
  width:120px;
  margin-top:-22px
}
.svg {
  display:inline-flex;
  width:auto;
  height:auto;
  max-height:max-content;
  flex:none;
  fill:currentColor
}
.hidden-tag {
  position:absolute;
  display:flex;
  top:100%;
  right:100%;
  z-index:-1;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none
}
.wrapper {
  max-width:1624px;
  width:100%;
  margin:0 auto
}
.layout {
  width:100%;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  justify-content:space-between
}
.layout__content {
  max-width:1624px;
  padding:0 32px;
  width:100%;
  margin:0 auto;
  height:100%
}
@media not screen and (min-width:1100px) {
  .layout__content {
    padding:0 20px
  }
}
@media not screen and (min-width:630px) {
  .layout__content {
    padding:0 12px
  }
}
.layout__footer {
  position:relative;
  z-index:1
}
.action {
  font-family:TT Norms;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:22px;
  text-transform:uppercase;
  color:#12131a;
  background-color:#ff6e40;
  border-radius:10px;
  padding:16px 24px;
  transition:.3s ease;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:150px;
  width:fit-content;
  white-space:nowrap;
  user-select:none
}
@media not screen and (min-width:1100px) {
  .action {
    font-size:14px;
    line-height:20px
  }
}
@media not screen and (min-width:630px) {
  .action {
    font-size:13px;
    line-height:19px;
    padding:12px 20px
  }
}
.action .svg {
  flex:none;
  width:20px;
  height:20px
}
@media not all and (hover:none) and (pointer:coarse) {
  .action:hover {
    background-color:#dc5d35
  }
}
@media (hover:none) and (pointer:coarse) {
  .action:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#dc5d35
  }
}
.action:active {
  background-color:#c74f29
}
.action:disabled {
  pointer-events:none;
  opacity:.7
}
.action_dark {
  background-color:#1c1d27;
  color:#fff
}
.action_dark .svg {
  color:#9b9db1
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_dark:hover {
    background-color:#272835
  }
  .action_dark:hover .svg {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_dark:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835
  }
  .action_dark:active .svg {
    color:#fff
  }
}
.action_dark:active {
  background-color:#343541
}
.action_dark:active .svg {
  color:#fff
}
.action_dark:disabled {
  background-color:#272835;
  color:#9b9db1
}
.action_yellow {
  background-color:#ffa826
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_yellow:hover {
    background-color:rgba(255,168,38,.8)
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_yellow:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(255,168,38,.8)
  }
}
.action_yellow:active,
.action_yellow:disabled {
  background-color:rgba(255,168,38,.6)
}
.action_yellow-border {
  background-color:#1c1d27;
  border-radius:10px;
  border:2px solid #1c1d27;
  color:#9b9db1;
  min-width:0
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_yellow-border:hover {
    background-color:rgba(255,168,38,.05);
    border-color:rgba(255,168,38,.3);
    color:#ffa826
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_yellow-border:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(255,168,38,.05);
    border-color:rgba(255,168,38,.3);
    color:#ffa826
  }
}
.action_yellow-border.active,
.action_yellow-border:active {
  background-color:rgba(255,168,38,.1);
  border-color:#ffa826
}
.action_yellow-border.active {
  color:#ffa826
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_yellow-border.active:hover {
    background-color:rgba(255,168,38,.15);
    border-color:rgba(255,168,38,.5)
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_yellow-border.active:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(255,168,38,.15);
    border-color:rgba(255,168,38,.5)
  }
}
.action_bp-yellow {
  background-color:#ffb738
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_bp-yellow:hover {
    background-color:rgba(255,183,56,.85)
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_bp-yellow:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(255,183,56,.85)
  }
}
.action_bp-red-gradient {
  background:linear-gradient(90deg,#ef274b,#ef4b27);
  box-shadow:0 0 24px 0 rgba(239,58,58,.5);
  color:#fff
}
@media not all and (hover:none) and (pointer:coarse) {
  .action_bp-red-gradient:hover {
    box-shadow:0 0 40px 0 rgba(239,58,58,.5);
    opacity:.9
  }
}
@media (hover:none) and (pointer:coarse) {
  .action_bp-red-gradient:active {
    -webkit-tap-highlight-color:transparent;
    box-shadow:0 0 40px 0 rgba(239,58,58,.5);
    opacity:.9
  }
}
.action_big {
  padding:12px 20px
}
@media not screen and (min-width:630px) {
  .action_big {
    padding:10px 16px
  }
}
.action_medium {
  padding:12px 13px;
  gap:8px
}
@media not screen and (min-width:630px) {
  .action_medium {
    padding:10px 12px
  }
}
.action_small {
  padding:10px 13px;
  gap:8px;
  text-transform:none
}
.action_preload {
  color:#9b9db1;
  pointer-events:none
}
.action_preload .svg {
  animation:rotateSvg 2s linear infinite running
}
.action_load {
  pointer-events:none
}
.action_load .svg {
  animation:rotateSvg 2s linear infinite running
}
.action_icon {
  width:fit-content;
  min-width:0;
  padding:10px
}
.action_input {
  padding:12px 16px;
  min-width:280px;
  height:100%
}
@media not screen and (min-width:630px) {
  .action_input {
    min-width:0
  }
}
.action_input input {
  width:100%;
  font-feature-settings:"liga" off
}
.action_input input::placeholder {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.action_input:focus-within {
  background-color:#343541
}
.action_input:focus-within .svg {
  color:#fff
}
.action_input-sort {
  color:#9b9db1;
  font-size:16px;
  line-height:22px;
  text-transform:none;
  width:150px;
  min-width:0
}
.action_input-sort input {
  color:#fff;
  font-weight:500
}
.action.disabled {
  pointer-events:none;
  opacity:.8
}
.action_info {
  pointer-events:none;
  color:#9b9db1
}
.action_price {
  gap:4px
}
.action-text {
  font-feature-settings:"liga" off;
  font-size:15px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
  color:#9b9db1;
  transition:.3s ease;
  cursor:pointer
}
@media not all and (hover:none) and (pointer:coarse) {
  .action-text:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .action-text:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.action-selector {
  display:flex;
  height:100%;
  gap:1px
}
.action-selector__item {
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  padding:13px;
  background-color:#1c1d27;
  cursor:pointer;
  transition:.3s ease;
  color:#9b9db1;
  user-select:none;
  gap:8px;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off
}
@media not screen and (min-width:1100px) {
  .action-selector__item {
    padding:8px
  }
}
.action-selector__item:first-child {
  border-radius:10px 0 0 10px
}
.action-selector__item:last-child {
  border-radius:0 10px 10px 0
}
.action-selector__item .svg {
  width:20px;
  height:20px
}
@media not all and (hover:none) and (pointer:coarse) {
  .action-selector__item:hover {
    background-color:#272835;
    color:#fff
  }
  .action-selector__item:hover .svg {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .action-selector__item:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835;
    color:#fff
  }
  .action-selector__item:active .svg {
    color:#fff
  }
}
.action-selector__item:active {
  background-color:#343541
}
.action-selector__item:active .svg {
  color:#fff
}
.action-selector__item:disabled {
  background-color:#272835;
  color:#9b9db1;
  pointer-events:none
}
.action-selector__item.active {
  background-color:#414250;
  color:#fff;
  pointer-events:none
}
.action-check label {
  display:flex;
  justify-content:center;
  align-items:center;
  width:fit-content;
  padding:13px;
  border-radius:10px;
  background-color:#1c1d27;
  cursor:pointer;
  transition:.3s ease
}
.action-check .svg {
  width:20px;
  height:20px
}
.action-check input {
  position:absolute;
  opacity:0;
  visibility:hidden
}
.action-check input:hover+label {
  background-color:#272835
}
.action-check input:checked+label,
.action-check input:checked:hover+label {
  background-color:#414250
}
.action-back {
  color:#9b9db1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  cursor:pointer;
  transition:.3s ease
}
.action-back .svg {
  width:20px;
  height:20px;
  flex:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .action-back:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .action-back:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.action-select {
  position:relative;
  z-index:2
}
.action-select__body {
  background-color:#1c1d27;
  display:flex;
  align-items:center;
  padding:10px 16px;
  gap:8px;
  border-radius:10px;
  position:relative;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .action-select__body:hover {
    background-color:#272835
  }
}
@media (hover:none) and (pointer:coarse) {
  .action-select__body:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835
  }
}
.action-select__arrow {
  width:12px;
  height:12px;
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#9b9db1;
  transition:.2s ease
}
.action-select__dropdown {
  display:none;
  position:absolute;
  top:40px;
  left:0;
  width:100%;
  background-color:#161720;
  padding:8px 4px 8px 0;
  border-radius:10px
}
.action-select__dropdown-wrapper {
  max-height:400px;
  overflow-y:scroll
}
.action-select__dropdown-wrapper::-webkit-scrollbar-track {
  background-color:#272835
}
.action-select__dropdown-wrapper::-webkit-scrollbar {
  width:2px;
  height:2px
}
.action-select__dropdown-wrapper::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
.action-select__dropdown-item {
  padding:10px 18px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .action-select__dropdown-item:hover {
    background-color:#1c1d27;
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .action-select__dropdown-item:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#1c1d27;
    color:#fff
  }
}
.action-select__flag {
  width:16px;
  height:12px;
  object-fit:cover;
  border-radius:3px
}
.action-select.active .action-select__arrow {
  transform:translateY(-50%) rotate(180deg)
}
@keyframes rotateSvg {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(2turn)
  }
}
.lng-switcher {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  user-select:none;
  width:fit-content;
  -webkit-tap-highlight-color:transparent;
  text-transform:uppercase;
  cursor:pointer
}
.lng-switcher:hover .lng-switcher__all-flags {
  opacity:1;
  visibility:visible
}
.lng-switcher:hover .lng-switcher__arrow {
  transform:rotate(180deg) translateY(-2px)
}
.lng-switcher__name {
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#9b9db1;
  margin-left:10px
}
.lng-switcher__arrow {
  color:#9b9db1;
  width:10px;
  height:10px;
  margin-left:4px;
  transition:.3s ease
}
.lng-switcher__flag {
  width:16px
}
.lng-switcher__flag_big {
  width:20px;
  margin-right:0
}
.lng-switcher__all-flags {
  position:absolute;
  padding:6px 0;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  background-color:#161720;
  border:2px solid #161720;
  border-right:none;
  opacity:0;
  visibility:hidden;
  scrollbar-width:none;
  text-transform:none
}
.lng-switcher__all-flags::-webkit-scrollbar-track {
  background-color:#161720
}
.lng-switcher__all-flags::-webkit-scrollbar {
  width:2px;
  height:2px
}
.lng-switcher__all-flags::-webkit-scrollbar-thumb {
  background-color:#ff6e40
}
@media not screen and (min-width:1100px) {
  .lng-switcher__all-flags {
    bottom:100%;
    left:0;
    height:160px;
    width:90px
  }
  .lng-switcher__all-flags.active {
    opacity:1;
    visibility:visible
  }
}
@media only screen and (min-width:1100px) {
  .lng-switcher__all-flags {
    width:50px;
    top:100%;
    left:50%;
    height:210px;
    transform:translateX(-50%)
  }
}
.lng-switcher__all-flags a {
  width:100%;
  padding:10px 0;
  display:flex;
  justify-content:center;
  align-items:center;
  transition:.08s ease
}
.lng-switcher__all-flags a:hover {
  background-color:#272835
}
.lng-switcher_top .lng-switcher__all-flags {
  top:auto;
  bottom:100%;
  left:0;
  transform:none
}
.lng-switcher_top:after {
  transform:rotate(180deg)
}
.price {
  display:inline-block;
  font-weight:inherit;
  color:inherit;
  text-transform:none
}
.price:after,
.price:before {
  line-height:1em;
  vertical-align:baseline;
  font-style:inherit;
  font-weight:inherit!important
}
.price:after {
  margin-left:2px
}
.price:before {
  margin-right:2px
}
.price.price-RUB:after {
  content:"₽"
}
.price.price-USD:before {
  content:"$"
}
.price.price-EUR:before {
  content:"€"
}
.price.price-COIN:after {
  content:"\E800";
  margin-left:4px;
  font-weight:400!important;
  font-size:inherit;
  color:inherit;
  text-transform:none;
  font-family:Topskin Coin
}
.price.price-percent:after {
  content:"%";
  width:auto;
  height:auto;
  margin-left:1px;
  background:initial;
  font-weight:inherit!important
}
.price.price-bonus {
  display:flex;
  align-items:center
}
.price.price-bonus:after {
  display:none
}
.price.price-bonus:before {
  content:"";
  margin-right:8px;
  width:20px;
  height:20px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-image:url(https://robuxman.ru/assets/css/public/img/icon-bonus.svg?v=3);
  background-position:50%
}
.price.price-BONUS {
  display:flex;
  align-items:center
}
.price.price-BONUS:after {
  display:none
}
.price.price-BONUS:before {
  content:"";
  margin-right:8px;
  width:20px;
  height:20px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-image:url(https://robuxman.ru/assets/css/public/img/icon-bonus.svg?v=3);
  background-position:50%
}
.preloader {
  position:relative;
  display:none;
  margin:100px auto 30px;
  width:200px;
  height:200px;
  z-index:5;
  grid-column:1/-1
}
.preloader__circle {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  border:3px solid #2f1f1f;
  border-radius:100%;
  will-change:transform
}
.preloader__circle_big {
  height:154px;
  width:154px;
  border-left-color:#ff6e40;
  animation:spin 1s linear infinite
}
.preloader__circle_small {
  height:138px;
  width:138px;
  border-right-color:#c74f29;
  animation:spin .7s linear infinite
}
@keyframes spin {
  to {
    transform:rotate(1turn)
  }
}
.timer {
  display:flex;
  gap:8px
}
.timer__block {
  background-color:#1c1d27;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:46px;
  position:relative;
  font-style:normal;
  font-weight:700;
  font-size:14px;
  line-height:18px;
  color:#fff
}
@media not screen and (min-width:630px) {
  .timer__block {
    width:32px;
    height:36px;
    font-size:12px;
    line-height:16px
  }
}
.timer__block:not(:last-child):before {
  content:":";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:-5.5px
}
.timer__block_day {
  width:auto;
  padding:0 16px;
  font-size:16px;
  line-height:22px
}
@media not screen and (min-width:630px) {
  .timer__block_day {
    font-size:14px;
    line-height:20px
  }
}
.timer__block_day:before {
  display:none
}
.timer_big {
  gap:16px
}
.timer_big .timer__block {
  width:64px;
  height:64px;
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px
}
@media not screen and (min-width:1100px) {
  .timer_big .timer__block {
    font-size:18px;
    line-height:20px;
    width:40px;
    height:40px
  }
}
.timer_big .timer__block:before {
  right:-11px;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .timer_big .timer__block:before {
    right:-10px
  }
}
.timer-days {
  display:flex;
  align-items:center;
  gap:10px
}
@media not screen and (min-width:630px) {
  .timer-days {
    gap:5px
  }
}
.timer-days__block {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  color:#dab6ab;
  width:64px;
  height:54px;
  border-radius:10px;
  background:rgba(255,174,148,.1)
}
@media not screen and (min-width:630px) {
  .timer-days__block {
    height:43px;
    width:53px;
    font-size:12px;
    line-height:16px
  }
}
.timer-days__block span {
  margin-bottom:-4px;
  color:#fff;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:24px
}
@media not screen and (min-width:630px) {
  .timer-days__block span {
    font-size:16px;
    line-height:22px
  }
}
.timer-days__grid {
  display:flex;
  align-items:center;
  gap:1px
}
.timer-days__grid .timer-days__block {
  border-radius:0
}
.timer-days__grid .timer-days__block:first-child {
  border-radius:10px 0 0 10px
}
.timer-days__grid .timer-days__block:last-child {
  border-radius:0 10px 10px 0
}
.timer-progress {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}
.timer-progress__circle {
  color:#ff6e40;
  animation:SpinCircle 4s linear infinite
}
.timer-progress__progress {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  font-family:TT Firs Neue,sans-serif;
  font-size:50px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  position:relative
}
.timer-progress__progress-counter {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#fff
}
.timer-progress__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:22px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  text-align:center
}
@keyframes SpinCircle {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(3turn)
  }
}
.case {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  flex:none;
  cursor:pointer
}
@media only screen and (min-width:1100px) {
  .case {
    transition:.3s ease
  }
}
.case__limit {
  position:absolute;
  left:0;
  top:10px;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#fff;
  display:flex;
  align-items:center;
  background-color:#272835;
  padding:5px 8px;
  border-radius:10px;
  overflow:hidden;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .case__limit {
    font-size:12px;
    line-height:16px;
    padding:3px 6px
  }
}
.case__limit:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  background-color:#414250;
  height:100%;
  width:var(--width-limit-case);
  z-index:0
}
.case__limit .svg {
  width:12px;
  height:12px;
  margin-right:4px;
  position:relative;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .case__limit .svg {
    width:8px;
    height:8px;
    margin-right:2px
  }
}
.case__limit span {
  position:relative;
  z-index:2
}
.case__img {
  width:312px;
  height:312px;
  transition:.3s ease;
  object-fit:contain;
  object-position:bottom;
  display:flex;
  justify-content:center;
  align-items:center
}
@media not screen and (min-width:1100px) {
  .case__img {
    width:220px;
    height:220px
  }
}
@media not screen and (min-width:630px) {
  .case__img {
    width:180px;
    height:180px
  }
}
@media not screen and (min-width:400px) {
  .case__img {
    width:160px;
    height:160px
  }
}
.case__user-case {
  width:260px;
  min-height:240px;
  transition:.3s ease;
  object-fit:contain;
  object-position:bottom;
  position:relative
}
@media not screen and (min-width:1100px) {
  .case__user-case {
    width:142px;
    min-height:120px
  }
}
.case__user-case-img {
  width:100%;
  height:100%;
  top:50%;
  object-fit:contain
}
.case__creator,
.case__user-case-img {
  position:absolute;
  left:50%;
  transform:translate(-50%,-50%)
}
.case__creator {
  top:70%;
  width:30px;
  height:30px;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:50%;
  cursor:pointer;
  transition:.3s ease;
  border:1px solid transparent
}
@media not screen and (min-width:1100px) {
  .case__creator {
    top:60%
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .case__creator:hover {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .case__creator:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#ff6e40
  }
}
.case__title {
  margin-top:4px;
  font-style:normal;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  font-feature-settings:"liga" off;
  text-align:center;
  color:#fff;
  position:relative;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  max-width:80%
}
@media not screen and (min-width:1100px) {
  .case__title {
    font-size:13px;
    line-height:16px;
    margin-top:8px
  }
}
.case__new {
  font-weight:700;
  font-size:13px;
  line-height:16px;
  text-transform:uppercase;
  color:#fff;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-26px;
  background-color:#ff3535;
  border-radius:6px;
  padding:2px 5px
}
.case__price {
  margin-top:13px;
  padding:10px 14px;
  background-color:#1c1d27;
  border-radius:10px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  transition:.3s ease
}
@media not screen and (min-width:1100px) {
  .case__price {
    font-size:13px;
    line-height:16px;
    padding:8px 12px;
    margin-top:8px
  }
}
.case__price_sale {
  background-color:rgba(255,110,64,.1);
  display:flex;
  gap:6px
}
.case__price_sale span {
  color:#ff6e40
}
.case__price_sale span:first-child {
  color:#d1b6a7;
  font-weight:500;
  text-decoration-line:line-through
}
.case__price_bonus {
  background-color:rgba(136,201,229,.1);
  color:#88c9e5;
  display:flex;
  align-items:center;
  gap:6px
}
@media not screen and (min-width:1100px) {
  .case__price_bonus {
    gap:4px
  }
}
.case__price_bonus .svg {
  width:20px;
  height:20px
}
@media not screen and (min-width:1100px) {
  .case__price_bonus .svg {
    width:14px;
    height:14px
  }
}
.case__price_free {
  display:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .case:hover .case__img,
  .case:hover .case__user-case {
    transform:scale(1.03)
  }
  .case:hover .case__price {
    background-color:#272835
  }
  .case:hover .case__price_sale {
    background-color:rgba(255,110,64,.2)
  }
  .case:hover .case__price_bonus {
    background-color:rgba(136,201,229,.2)
  }
}
@media (hover:none) and (pointer:coarse) {
  .case:active {
    -webkit-tap-highlight-color:transparent
  }
  .case:active .case__img,
  .case:active .case__user-case {
    transform:scale(1.03)
  }
  .case:active .case__price {
    background-color:#272835
  }
  .case:active .case__price_sale {
    background-color:rgba(255,110,64,.2)
  }
  .case:active .case__price_bonus {
    background-color:rgba(136,201,229,.2)
  }
}
.case_bp .case__img {
  width:260px;
  height:260px
}
@media not screen and (min-width:1100px) {
  .case_bp .case__img {
    width:220px;
    height:220px
  }
}
@media not screen and (min-width:630px) {
  .case_bp .case__img {
    width:180px;
    height:180px
  }
}
@media not screen and (min-width:400px) {
  .case_bp .case__img {
    width:160px;
    height:160px
  }
}
.case_bp .case__price {
  color:#dab6ab;
  background-color:#251411;
  position:relative;
  padding:13px 19px;
  border-radius:10px
}
.case_bp .case__price:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  border:3px solid #140c0b;
  border-radius:8px
}
.case_bp .case__price_sale span {
  color:#ffb738
}
.case_bp .case__price_sale span:first-child {
  color:#dab6ab
}
@media not all and (hover:none) and (pointer:coarse) {
  .case_bp:hover .case__price {
    background-color:#361d19
  }
  .case_bp:hover .case__price_sale {
    background-color:rgba(255,110,64,.2)
  }
}
@media (hover:none) and (pointer:coarse) {
  .case_bp:active {
    -webkit-tap-highlight-color:transparent
  }
  .case_bp:active .case__price {
    background-color:#361d19
  }
  .case_bp:active .case__price_sale {
    background-color:rgba(255,110,64,.2)
  }
}
.case-sort-bar {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:42px;
  gap:10px
}
@media not screen and (min-width:630px) {
  .case-sort-bar {
    flex-wrap:nowrap
  }
}
.case-sort-bar__main {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}
@media not screen and (min-width:630px) {
  .case-sort-bar__main {
    gap:6px;
    width:100%;
    flex-wrap:nowrap
  }
}
.case-sort-bar__switch {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  display:flex;
  align-items:center;
  gap:10px;
  background-color:#1c1d27;
  padding:12px 16px;
  border-radius:10px;
  cursor:pointer;
  user-select:none
}
@media not screen and (min-width:630px) {
  .case-sort-bar__switch {
    display:none
  }
}
@media not screen and (min-width:630px) {
  .case-sort-bar__search,
  .case-sort-bar__search label {
    width:100%
  }
}
@media not screen and (min-width:1100px) {
  .case-sort-bar__selector .action-selector__item {
    width:46px
  }
}
@media not screen and (min-width:630px) {
  .case-sort-bar__selector-price {
    display:none
  }
}
.case-sort-bar__selector-price .action-selector__item {
  padding:12px 16px;
  font-size:16px;
  line-height:22px
}
.case-sort-bar__selector-price .action-selector__item.active {
  pointer-events:auto
}
.case-sort-bar__selector-price .action_small.active .svg {
  transform:scaleY(-1)
}
.case-sort-bar__daimond .action {
  height:100%
}
@media not screen and (min-width:630px) {
  .case-sort-bar__daimond {
    display:none
  }
}
.case-sort-bar__mobile {
  color:#9b9db1
}
@media only screen and (min-width:630px) {
  .case-sort-bar__mobile {
    display:none
  }
}
.case-sort-bar__mobile .action {
  min-width:0
}
.case-sort-bar__mobile .action .svg {
  width:20px;
  height:20px
}
.switch {
  position:relative;
  display:inline-block;
  width:34px;
  height:22px
}
.switch input {
  opacity:0;
  width:0;
  height:0
}
.switch__slider {
  position:absolute;
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#12131a;
  transition:.3s ease;
  border-radius:34px
}
.switch__slider:before {
  position:absolute;
  content:"";
  height:16px;
  width:16px;
  left:3px;
  bottom:3px;
  background-color:#9b9db1;
  transition:.3s ease;
  border-radius:50%
}
.switch input:hover+.switch__slider {
  background-color:#161720
}
.switch input:checked+.switch__slider {
  background-color:#ff6e40
}
.switch input:checked+.switch__slider:before {
  background-color:#fff;
  transform:translateX(12px)
}
.title {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:36px;
  text-align:center;
  color:#fff
}
@media not screen and (min-width:1100px) {
  .title {
    font-size:18px;
    line-height:24px
  }
}
.title_crown {
  position:relative;
  padding-top:42px
}
.title_crown:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:32px;
  height:32px;
  background-image:url(https://robuxman.ru/assets/css/public/img/crown-orange.svg?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.title_left {
  text-align:left
}
.subtitle {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  margin-top:6px;
  color:#9b9db1;
  font-feature-settings:"liga" off;
  text-align:center
}
.skin {
  background-color:var(--color-10);
  z-index:1;
  border-radius:10px;
  padding:16px 16px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  cursor:pointer
}
.skin,
.skin__img {
  position:relative;
  transition:.3s ease
}
.skin__img {
  width:168px
}
.skin__titles {
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  width:100%;
  margin-top:-8px;
  position:relative;
  z-index:2
}
.skin__type {
  color:var(--color-2);
  margin-bottom:2px
}
.skin__name,
.skin__type {
  max-width:88%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.skin__name {
  color:#fff
}
.skin__more {
  margin-top:8px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  width:100%
}
.skin__price {
  color:var(--color-1)
}
.skin__chance {
  color:#fff
}
.skin__line-void {
  width:86px;
  height:5px;
  color:#161720
}
.skin__line,
.skin__line-void {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none
}
.skin__line {
  width:80px;
  height:3px;
  color:var(--color-1)
}
.skin__crown {
  top:30px;
  left:50%;
  transform:translateX(-50%);
  width:120px;
  height:98px;
  color:var(--color-1);
  z-index:-1
}
.skin__crown,
.skin__fade {
  position:absolute;
  pointer-events:none
}
.skin__fade {
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:10px;
  overflow:hidden
}
.skin__fade-inner {
  position:absolute;
  top:-30px;
  left:50%;
  transform:translateX(-50%);
  width:246px;
  height:246px;
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-25) 0,var(--color-0) 100%)
}
.skin__bar {
  position:absolute;
  top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
  z-index:3;
  height:86%
}
.skin__bar_left {
  left:10px
}
.skin__bar_right {
  right:12px;
  top:12px
}
.skin__bar_right .svg {
  width:20px;
  height:20px;
  opacity:.35;
  color:#fff
}
.skin__bar .tooltip .svg {
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin__bar .tooltip:hover .tooltip__label .svg {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin__bar .tooltip:active {
    -webkit-tap-highlight-color:transparent
  }
  .skin__bar .tooltip:active .tooltip__label .svg {
    opacity:.8
  }
}
.skin__link-case {
  cursor:pointer
}
.skin__link-case,
.skin__link-case .svg {
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin__link-case:hover .svg {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin__link-case:active {
    -webkit-tap-highlight-color:transparent
  }
  .skin__link-case:active .svg {
    opacity:.8
  }
}
.skin__link-case_pf {
  margin-top:auto
}
.skin__cost {
  background:rgba(0,0,0,.5);
  border-radius:8px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:14px;
  line-height:20px;
  color:#fff;
  padding:5px 10px;
  transition:.3s ease;
  width:fit-content
}
.skin__cost-text {
  white-space:nowrap
}
.skin__cost_active {
  color:#12131a;
  background-color:#ff6e40;
  backdrop-filter:none;
  pointer-events:auto;
  transition:.3s ease;
  display:flex;
  gap:4px
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin__cost_active:hover {
    background-color:#dc5d35
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin__cost_active:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#dc5d35
  }
}
.skin__take {
  display:flex;
  flex-direction:column;
  gap:5px
}
.skin__take-btn {
  display:flex;
  align-items:center;
  font-weight:700;
  font-size:14px;
  line-height:20px;
  font-feature-settings:"liga" off;
  color:#12131a;
  background-color:#ffa826;
  border-radius:8px;
  padding:5px 10px;
  width:fit-content;
  transition:.3s ease;
  text-transform:lowercase
}
.skin__take-btn span:first-letter {
  text-transform:uppercase
}
.skin__take-btn_active .svg {
  transform:rotate(-90deg);
  width:20px;
  height:20px;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin__take-btn.btn-resend-item:hover {
    background-color:#ffb240
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin__take-btn.btn-resend-item:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#ffb240
  }
}
.skin__add {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:48px;
  height:48px;
  opacity:0;
  transition:.3s ease;
  pointer-events:none;
  color:#fff
}
.skin__add .svg {
  width:100%;
  height:100%
}
.skin__fliper {
  position:relative;
  overflow:hidden;
  perspective:1000
}
.skin__fliper-wrapper {
  transition:.3s;
  transform-style:preserve-3d
}
.skin__fliper-img {
  backface-visibility:hidden;
  position:relative;
  z-index:2
}
.skin__fliper-case {
  backface-visibility:hidden;
  transform:rotateX(180deg);
  position:relative;
  left:0;
  top:0;
  width:100%;
  height:100%;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center
}
.skin__fliper-case img {
  width:65%;
  transition:.3s ease
}
.skin__case-img {
  width:80px;
  height:80px;
  position:absolute;
  right:20px;
  top:20px;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin:hover {
    background-color:var(--color-20)
  }
  .skin:hover .skin__img {
    transform:rotate(5deg) scale(1.02)
  }
  .skin:hover .skin__add {
    opacity:1
  }
  .skin:hover .skin__fliper-wrapper {
    transform:rotateX(180deg)
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin:active {
    -webkit-tap-highlight-color:transparent;
    background-color:var(--color-20)
  }
  .skin:active .skin__img {
    transform:rotate(5deg) scale(1.02)
  }
  .skin:active .skin__add {
    opacity:1
  }
  .skin:active .skin__fliper-wrapper {
    transform:rotateX(180deg)
  }
}
.skin_top-drop {
  padding:24px 14px 14px
}
@media not screen and (min-width:630px) {
  .skin_top-drop {
    padding:15px 10px 10px
  }
}
.skin_top-drop .skin__img {
  width:188px
}
@media not screen and (min-width:630px) {
  .skin_top-drop .skin__img {
    width:80%;
    max-width:150px
  }
}
.skin_top-drop .skin__type {
  margin-top:1px
}
.skin_top-drop .skin__crown {
  top:32px;
  left:auto;
  right:-23px;
  transform:rotate(-10deg);
  width:190px;
  height:155px
}
.skin_top-drop .skin__fade-inner {
  width:282px;
  height:282px;
  top:-46px;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-35) 0,var(--color-0) 100%);
  backface-visibility:hidden
}
.skin_top-drop .skin__more .price {
  color:var(--color-1)
}
.skin_top-drop .skin__more_user {
  margin-top:-15px;
  align-items:flex-end
}
.skin_top-drop .skin__user-img {
  cursor:pointer;
  width:42px;
  height:42px;
  border-radius:50%;
  transition:.3s ease;
  border:1px solid transparent;
  overflow:hidden;
  position:relative;
  z-index:2
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin_top-drop .skin__user-img:hover {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin_top-drop .skin__user-img:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#ff6e40
  }
}
.skin_top-drop-user .skin__name {
  max-width:74%
}
.skin_small {
  padding:14px 14px 10px
}
.skin_small .skin__img {
  width:144px
}
.skin_small .skin__titles {
  margin-top:-15px
}
.skin_small .skin__crown {
  width:99px;
  height:80px;
  top:20px
}
.skin_createcase .skin__price,
.skin_small .skin__price {
  position:absolute;
  top:10px;
  right:12px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  color:#fff
}
.skin_bonus {
  padding:20px 16px 14px
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin_bonus:hover .skin__case-img {
    transform:scale(1.1)
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin_bonus:active {
    -webkit-tap-highlight-color:transparent
  }
  .skin_bonus:active .skin__case-img {
    transform:scale(1.1)
  }
}
.skin_bonus .skin__img {
  width:160px;
  height:160px;
  object-fit:contain;
  object-position:center
}
.skin-preview {
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:1
}
.skin-preview__wrapper {
  padding:10px;
  position:relative
}
.skin-preview__wrapper:after {
  content:"";
  position:absolute;
  pointer-events:none;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% + 134px);
  height:calc(100% + 181px);
  background-size:100% 100%;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:-1;
  animation:flicker 2s linear infinite alternate
}
.skin-preview__content {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  height:358px;
  background-color:var(--color-10);
  border-radius:10px
}
.skin-preview__content:before {
  content:"";
  width:99%;
  height:99%;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  pointer-events:none
}
.skin-preview__border,
.skin-preview__content:before {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.skin-preview__border {
  width:100%;
  height:100%;
  border-radius:20px;
  border:2px solid var(--color-1);
  z-index:0;
  background-color:#12131a
}
.skin-preview__fade {
  position:absolute;
  top:0;
  left:0;
  pointer-events:none;
  width:100%;
  height:100%;
  border-radius:10px;
  overflow:hidden
}
.skin-preview__fade-inner {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:calc(100% + 32px);
  height:calc(100% + 32px);
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-35) 0,var(--color-0) 100%)
}
.skin-preview__line-void {
  width:144px;
  height:8px;
  color:#161720
}
.skin-preview__line,
.skin-preview__line-void {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none
}
.skin-preview__line {
  width:140px;
  height:6px;
  color:var(--color-1)
}
.skin-preview__lucky {
  padding:16px 20px;
  background-color:rgba(0,0,0,.25);
  width:100%;
  text-align:center
}
.skin-preview__lucky-title {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off
}
.skin-preview__lucky-chance {
  margin-top:2px;
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:var(--color-1);
  transition:.3s ease;
  cursor:pointer
}
@media not all and (hover:none) and (pointer:coarse) {
  .skin-preview__lucky-chance:hover {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .skin-preview__lucky-chance:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.8
  }
}
.skin-preview__name {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:36px;
  text-align:center;
  color:#fff;
  position:relative;
  z-index:2;
  margin-top:64px
}
@media not screen and (min-width:1100px) {
  .skin-preview__name {
    font-size:24px;
    line-height:30px;
    margin-top:32px
  }
}
.skin-preview__info {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  text-align:center;
  margin-top:6px
}
.skin-preview__img {
  position:relative;
  z-index:1;
  padding:0 25px;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center
}
.skin-preview__img img {
  max-height:80%
}
.skin-preview__action-btns {
  display:flex;
  justify-content:center;
  z-index:2;
  position:relative;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
  margin-top:42px
}
@media not screen and (min-width:630px) {
  .skin-preview_solo .skin-preview__wrapper {
    width:90%
  }
}
@media not screen and (min-width:450px) {
  .skin-preview_solo .skin-preview__wrapper:after {
    height:calc(100% + 114px);
    width:calc(100% + 100px)
  }
}
.skin-preview_solo .skin-preview__content {
  width:358px
}
@media not screen and (min-width:630px) {
  .skin-preview_solo .skin-preview__content {
    width:100%
  }
}
@media not screen and (min-width:450px) {
  .skin-preview_solo .skin-preview__content {
    height:250px
  }
}
.skin-preview_double .skin-preview__img_first {
  animation:skinDropFirst 1.5s ease 1s forwards
}
.skin-preview_double .skin-preview__img_second {
  position:absolute;
  padding:0 25px;
  transform:translate(0);
  animation:skinDropSecond 1.5s ease 1s forwards
}
.skin-preview_more {
  width:100%
}
.skin-preview_more .skin-preview__img {
  height:fit-content
}
.skin-preview_more .skin-preview__wrapper {
  width:100%
}
.skin-preview_more .skin-preview__wrapper:after {
  height:calc(100% + 114px);
  width:calc(100% + 100px)
}
.skin-preview_more .skin-preview__lucky-title {
  display:none
}
.skin-preview_more .skin-preview__lucky-chance {
  margin-top:0
}
.skin-preview_more .skin-preview__content {
  width:100%;
  height:280px
}
.skin-preview_more .skin-preview__name {
  margin-top:28px;
  font-size:18px;
  line-height:24px;
  max-width:100%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.skin-preview_more .skin-preview__action-btns {
  margin-top:20px
}
.skin-preview_more .skin-preview__action-btns .action {
  min-width:0
}
.skin-preview_more .skin-preview__action-btns span {
  display:none
}
.skin-preview.common .skin-preview__content:before,
.skin-preview.uncommon .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/common.png?v=2)
}
.skin-preview.milspec .skin-preview__content:before {
  background-image:url(../img/milspec.png)
}
.skin-preview.restricted .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/restricted.png?v=2)
}
.skin-preview.classified .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/classified.png?v=2)
}
.skin-preview.covert .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/covert.png?v=2)
}
.skin-preview.rare .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/rare.png?v=2)
}
.skin-preview.gloves .skin-preview__content:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/gloves.png?v=2)
}
.skin-preview_win .skin-preview__img_more {
  height:80%
}
.skin-preview_win .skin-preview__border {
  box-shadow:0 0 8px 3px var(--color-1)
}
.skin-preview_win.common .skin-preview__wrapper:after,
.skin-preview_win.uncommon .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/common.png?v=2)
}
.skin-preview_win.milspec .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/milspec.png?v=2)
}
.skin-preview_win.restricted .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/restricted.png?v=2)
}
.skin-preview_win.classified .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/classified.png?v=2)
}
.skin-preview_win.covert .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/covert.png?v=2)
}
.skin-preview_win.rare .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/rare.png?v=2)
}
.skin-preview_win.gloves .skin-preview__wrapper:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/gloves.png?v=2)
}
.skin-preview-grid {
  position:relative;
  z-index:1
}
.skin-preview-grid__grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  justify-content:center;
  gap:30px 40px;
  position:relative
}
.skin-preview-grid__action-btns {
  display:flex;
  justify-content:center;
  z-index:2;
  position:relative;
  gap:8px;
  flex-wrap:wrap;
  width:100%
}
.skin-preview-grid__action-btns_top {
  margin-bottom:64px
}
@media not screen and (min-width:1100px) {
  .skin-preview-grid__action-btns_top {
    margin-bottom:32px
  }
}
.skin-preview-grid__action-btns_bottom {
  margin-top:64px
}
@media not screen and (min-width:1100px) {
  .skin-preview-grid__action-btns_bottom {
    margin-top:32px
  }
}
@media not screen and (min-width:630px) {
  @keyframes skinDropFirst {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(-50px,-35px)
    }
  }
  @keyframes skinDropSecond {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(50px,35px)
    }
  }
}
@media only screen and (min-width:630px) {
  @keyframes skinDropFirst {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(-75px,-50px)
    }
  }
  @keyframes skinDropSecond {
    0% {
      transform:translate(0)
    }
    to {
      transform:translate(75px,50px)
    }
  }
}
.link {
  cursor:pointer;
  transition:.3s ease;
  color:#ff6e40
}
@media not all and (hover:none) and (pointer:coarse) {
  .link:hover {
    text-decoration:underline;
    text-underline-offset:2px
  }
}
@media (hover:none) and (pointer:coarse) {
  .link:active {
    -webkit-tap-highlight-color:transparent;
    text-decoration:underline;
    text-underline-offset:2px
  }
}
.info-block {
  padding:24px
}
@media not screen and (min-width:1100px) {
  .info-block {
    padding:15px
  }
}
.info-block__title {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px
}
@media not screen and (min-width:1100px) {
  .info-block__title {
    font-size:18px;
    line-height:26px;
    margin-bottom:5px
  }
}
.info-block__title .svg {
  width:20px;
  height:20px;
  color:#9b9db1
}
.info-block__text {
  color:#9b9db1;
  font-weight:500;
  font-size:15px;
  line-height:20px
}
@media not screen and (min-width:1100px) {
  .info-block__text {
    font-size:13px;
    line-height:18px
  }
}
.info-block__list {
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:24px;
  counter-reset:list 0
}
.info-block__list-elem {
  display:flex;
  gap:16px;
  position:relative;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1
}
.info-block__list-elem:before {
  counter-increment:list;
  content:counter(list) "";
  background-color:#1c1d27;
  border-radius:10px;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  font-family:TT Firs Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  color:#fff
}
.info {
  padding:16px 20px;
  border-radius:10px;
  background-color:#161720;
  color:#9b9db1;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  width:100%
}
.info__icon {
  margin:0 auto;
  width:fit-content
}
.side-nav {
  width:100%;
  padding:8px 0;
  display:flex;
  flex-direction:column;
  background-color:#161720;
  border-radius:10px;
  height:fit-content;
  flex:none
}
.side-nav__elem {
  padding:11px 18px;
  display:flex;
  align-items:center;
  gap:16px;
  position:relative;
  background-color:transparent;
  transition:.3s ease;
  color:#9b9db1;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  user-select:none;
  cursor:pointer
}
@media not screen and (min-width:1100px) {
  .side-nav__elem {
    font-size:14px;
    line-height:20px;
    gap:10px;
    padding:10px 18px
  }
}
.side-nav__elem:before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  height:22px;
  background-color:transparent;
  width:2px;
  border-radius:0 5px 5px 0
}
.side-nav__elem .svg {
  width:20px;
  height:20px
}
@media not all and (hover:none) and (pointer:coarse) {
  .side-nav__elem:hover {
    background-color:rgba(28,29,39,.9);
    color:#fff
  }
  .side-nav__elem:hover .side-nav__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
@media (hover:none) and (pointer:coarse) {
  .side-nav__elem:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(28,29,39,.9);
    color:#fff
  }
  .side-nav__elem:active .side-nav__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
.side-nav__elem.active {
  background-color:#1c1d27;
  color:#ff6e40;
  pointer-events:none
}
.side-nav__elem.active:before {
  background-color:#ff6e40
}
.side-nav__elem-img {
  flex:none;
  width:20px;
  height:20px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  transition:.3s ease
}
.side-nav__elem-img_bp {
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/icon-bp.png?v=2);
  border-radius:50%
}
.side-nav_radio input[type=radio] {
  visibility:hidden;
  opacity:0;
  width:0;
  height:0
}
.side-nav_radio input[type=radio]:checked+label {
  background-color:#1c1d27;
  color:#ff6e40;
  pointer-events:none
}
.side-nav_radio input[type=radio]:checked+label:before {
  background-color:#ff6e40
}
.popup {
  position:fixed;
  z-index:20;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:.3s ease
}
.popup.active {
  visibility:visible;
  opacity:1;
  pointer-events:auto
}
.popup__overlay {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background:rgba(0,0,0,.4)
}
.popup__popup {
  position:relative;
  z-index:2;
  background-color:#161720;
  min-width:688px;
  border-radius:20px;
  padding:20px 24px 24px
}
@media not screen and (min-width:750px) {
  .popup__popup {
    min-width:0;
    width:95%
  }
}
.popup__cross {
  position:absolute;
  right:24px;
  top:20px;
  color:#9b9db1;
  transition:.3s ease;
  cursor:pointer
}
@media not all and (hover:none) and (pointer:coarse) {
  .popup__cross:hover {
    transform:scale(1.1)
  }
}
@media (hover:none) and (pointer:coarse) {
  .popup__cross:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(1.1)
  }
}
.popup__cross .svg {
  width:20px;
  height:20px
}
.popup__head-item {
  max-width:240px;
  margin-bottom:20px
}
.popup__title {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  color:#fff;
  margin-bottom:24px
}
.popup__title_replacement {
  margin-bottom:10px
}
.popup__title-small {
  font-weight:700;
  font-size:15px;
  line-height:20px;
  font-feature-settings:"liga" off;
  width:100%;
  display:flex;
  margin-bottom:12px
}
.popup__title-small .link {
  margin-left:auto
}
.popup__input {
  margin-bottom:20px;
  width:100%
}
.popup__input label {
  width:100%
}
.popup__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
  gap:8px
}
.popup__case-grid-wrapper {
  max-height:470px;
  min-height:470px;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-top:20px
}
@media only screen and (min-width:1100px) {
  .popup__case-grid-wrapper::-webkit-scrollbar-track {
    background-color:#272835
  }
  .popup__case-grid-wrapper::-webkit-scrollbar {
    width:2px;
    height:2px
  }
  .popup__case-grid-wrapper::-webkit-scrollbar-thumb {
    background-color:#ff6e40;
    border-radius:10px
  }
}
@media not screen and (min-width:630px) {
  .popup__case-grid-wrapper {
    margin-top:10px;
    max-height:280px;
    min-height:280px
  }
}
@media not screen and (min-width:630px) {
  .popup__case-grid-wrapper_replacement {
    margin-top:10px;
    max-height:200px;
    min-height:200px
  }
}
.popup__case-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  gap:16px 4px
}
@media not screen and (min-width:630px) {
  .popup__case-grid {
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
  }
}
.popup__case-grid_skins {
  gap:8px;
  padding-right:4px
}
.popup__case-grid-item-add {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:48px;
  height:48px;
  opacity:0;
  transition:.3s ease;
  pointer-events:none;
  color:#fff
}
.popup__case-grid-item-add .svg {
  width:100%;
  height:100%
}
.popup__case-grid-item {
  transition:.3s ease;
  position:relative
}
.popup__case-grid-item:hover .popup__case-grid-item-add {
  opacity:.8
}
.popup__case-grid-item.active .popup__case-grid-item-add {
  opacity:1
}
.popup__search {
  display:flex;
  gap:10px;
  width:100%
}
@media not screen and (min-width:630px) {
  .popup__search {
    flex-direction:column
  }
  .popup__search .action {
    width:100%
  }
}
.popup__search .action_input {
  height:auto;
  width:100%
}
.popup__btn {
  margin-top:24px;
  display:flex;
  justify-content:flex-end
}
.popup__btn_fluid .action {
  width:100%
}
.popup__footer {
  justify-content:space-between;
  padding-top:22px;
  flex-wrap:wrap;
  gap:12px
}
.popup__footer,
.popup__values {
  display:flex;
  align-items:center
}
.popup__values {
  gap:32px
}
@media not screen and (min-width:630px) {
  .popup__values {
    justify-content:space-between;
    width:100%;
    flex-wrap:wrap
  }
}
.popup__values-item p {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.popup__values-item span {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff
}
.popup__btns {
  display:flex;
  align-items:center;
  gap:10px
}
@media not screen and (min-width:630px) {
  .popup__btns {
    flex-wrap:wrap;
    width:100%
  }
}
.popup__btns .action {
  min-width:200px
}
@media not screen and (min-width:630px) {
  .popup__btns .action {
    width:100%
  }
}
.popup__btns_replacement {
  margin-top:20px
}
.popup__btns_replacement .action {
  white-space:normal;
  text-align:center
}
.popup_big .popup__popup {
  min-width:75%
}
.popup_content .popup__popup {
  min-width:0
}
.popup_bp .popup__popup {
  border:2px solid #351d1a;
  background-color:#251411;
  min-width:600px
}
@media not screen and (min-width:750px) {
  .popup_bp .popup__popup {
    min-width:0;
    width:95%
  }
}
.popup_bp .popup__popup:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  border:4px solid #251411;
  border-radius:16px;
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/bg-popup.png?v=2);
  background-size:102%;
  background-position:top;
  background-repeat:no-repeat;
  z-index:-1
}
.checkbox__square {
  display:inline-block;
  border:1px solid #272835;
  border-radius:6px;
  width:20px;
  height:20px;
  box-sizing:content-box;
  flex:none;
  position:relative;
  transition:.3s ease
}
.checkbox__square .svg {
  position:absolute;
  width:12px;
  height:12px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  opacity:0;
  transition:.3s ease
}
.checkbox__text {
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#fff
}
.checkbox label {
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer
}
.checkbox label:hover .checkbox__square {
  border-color:#ff815a;
  background-color:rgba(0,0,0,.3)
}
.checkbox label:hover .checkbox__square .svg {
  opacity:.3
}
.checkbox input {
  visibility:hidden;
  width:0;
  height:0;
  opacity:0
}
.checkbox input:checked+label .checkbox__square {
  background-color:#ff6e40;
  border-color:#ff6e40
}
.checkbox input:checked+label .checkbox__square .svg {
  opacity:1
}
.checkbox input:checked:hover+label .checkbox__square {
  box-shadow:0 0 15px 0 rgba(255,110,64,.4)
}
.radio {
  display:inline-flex;
  cursor:pointer
}
.radio input {
  visibility:hidden;
  width:0;
  height:0;
  opacity:0
}
.radio__square {
  display:inline-block;
  border:1px solid #272835;
  background-color:#12131a;
  border-radius:6px;
  width:20px;
  height:20px;
  box-sizing:content-box;
  flex:none;
  position:relative;
  transition:.3s ease;
  margin-right:10px
}
.radio__square .svg {
  position:absolute;
  width:12px;
  height:12px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  opacity:0;
  transition:.3s ease
}
.radio__text {
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#fff;
  display:inline-flex;
  gap:5px
}
.radio:hover .radio__square {
  border-color:#ff815a;
  background-color:rgba(0,0,0,.3)
}
.radio:hover .radio__square .svg {
  opacity:.3
}
.radio input:checked~.radio__square {
  background-color:#ff6e40;
  border-color:#ff6e40
}
.radio input:checked~.radio__square .svg {
  opacity:1
}
.radio:hover input:checked~.radio__square {
  box-shadow:0 0 15px 0 rgba(255,110,64,.4)
}
.checkboxes {
  background-color:#161720;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px
}
.checkboxes_horizontal {
  flex-direction:row;
  gap:20px;
  padding:0
}
.checkboxes__label {
  display:flex;
  align-items:center;
  gap:12px;
  position:relative;
  cursor:pointer
}
.checkboxes__square {
  width:20px;
  height:20px;
  border:1px solid var(--rarity-color-checkbox);
  border-radius:6px;
  box-sizing:content-box;
  flex:none;
  position:relative;
  transition:.3s ease
}
.checkboxes__square .svg {
  position:absolute;
  width:12px;
  height:12px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  opacity:0;
  transition:.3s ease
}
.checkboxes__input {
  position:absolute;
  width:0;
  height:0;
  opacity:0;
  visibility:hidden
}
.checkboxes__input:checked+label .checkboxes__square {
  background-color:var(--rarity-color-checkbox)
}
.checkboxes__input:checked+label .checkboxes__square .svg {
  opacity:1
}
.checkboxes__input:checked:hover+label .checkboxes__square {
  box-shadow:0 0 10px 0 var(--rarity-color-checkbox)
}
.checkboxes__input:hover+label .checkboxes__square {
  box-shadow:0 0 7px 0 var(--rarity-color-checkbox)
}
.checkboxes__text {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:var(--rarity-color-checkbox)
}
.bar {
  background-color:#12131a;
  width:200px;
  height:10px;
  padding:1px
}
.bar,
.bar__progress {
  border-radius:8px;
  position:relative
}
.bar__progress {
  height:8px;
  min-width:8px;
  width:0;
  background:#cdff63;
  box-shadow:inset 0 0 4px 3px #9de800;
  overflow:hidden;
  transition:.3s ease
}
.bar__progress:before {
  content:"";
  position:absolute;
  right:0;
  height:100%;
  background:linear-gradient(270deg,#ff6e40,rgba(255,110,64,0));
  top:0;
  width:0;
  transition:.3s ease
}
.bar_refill .bar__progress {
  width:auto;
  width:var(--percent-promo)
}
.bar_refill .bar__progress:before {
  width:calc(-1% + var(--percent-promo))
}
.faq-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(700px,1fr));
  gap:10px
}
@media not screen and (min-width:1100px) {
  .faq-grid {
    display:flex;
    flex-direction:column
  }
}
.faq-elem {
  display:flex;
  flex-direction:column;
  background-color:#1c1d27;
  border-radius:10px;
  padding:14px 18px;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#fff;
  cursor:pointer;
  transition:.3s ease;
  height:fit-content
}
@media not all and (hover:none) and (pointer:coarse) {
  .faq-elem:hover {
    background-color:#272835
  }
}
@media (hover:none) and (pointer:coarse) {
  .faq-elem:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835
  }
}
.faq-elem__head {
  position:relative;
  display:flex;
  gap:16px
}
.faq-elem__head:before {
  content:"";
  width:20px;
  height:20px;
  background-image:url(../img/plus.svg);
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat;
  transition:.3s ease;
  flex:none
}
.faq-elem__body {
  padding-top:10px;
  color:#9b9db1;
  display:none
}
.faq-elem.active .faq-elem__head:before {
  background-image:url(../img/minus.svg)
}
.note-primary {
  max-width:600px;
  padding:20px;
  background-color:#1c1d27;
  font-feature-settings:"liga" off;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  border-radius:10px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  text-align:center
}
.note-primary__title {
  font-weight:600
}
.note-primary .action {
  width:100%
}
.note-primary__list {
  list-style:disc;
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#9b9db1;
  margin-top:10px
}
.note-primary__list li {
  margin-left:10px
}
.note-primary_bigtext {
  border-left:3px solid #ff6e40;
  max-width:none;
  text-align:left;
  padding:24px 32px
}
.note-primary_bigtext .note-primary__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  color:#ff6e40
}
.note-primary_bigtext .note-primary__text:first-child {
  margin-top:6px
}
.note-primary_bigtext .note-primary__text:not(:last-child) {
  margin-bottom:22px
}
.note {
  margin:0 auto;
  grid-column:-1/1
}
.note__content {
  max-width:600px;
  padding:10px 20px 20px;
  background-color:#1c1d27;
  font-feature-settings:"liga" off;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  border-radius:10px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  text-align:center
}
.note__title {
  font-weight:600;
  margin-bottom:10px
}
.discount-popup {
  position:fixed;
  z-index:99;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#161720;
  border-radius:20px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:600px;
  min-width:600px
}
@media not screen and (min-width:630px) {
  .discount-popup {
    min-width:100%
  }
}
.discount-popup__icon {
  color:#ff6e40
}
.discount-popup__icon .svg {
  width:60px;
  height:60px
}
.discount-popup__timer {
  font-family:TT Firs Neue,sans-serif;
  font-size:24px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#ffa826;
  margin-bottom:10px
}
.discount-popup__timer .svg {
  width:20px;
  height:20px;
  margin-bottom:2px
}
.discount-popup__heading {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  text-align:center;
  margin-bottom:5px
}
.discount-popup__text {
  font-size:15px;
  font-style:normal;
  font-weight:700;
  line-height:20px;
  font-feature-settings:"liga" off;
  text-align:center
}
.discount-popup__text span {
  color:#ff6e40
}
.discount-popup__checkboxes {
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:10px
}
.discount-popup__content {
  margin-top:20px
}
.discount-popup__buttons {
  display:flex;
  gap:8px;
  margin-top:20px
}
.layout-universal {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-universal {
    padding-top:24px;
    padding-bottom:64px
  }
}
.howitwork {
  display:flex;
  flex-direction:column;
  gap:20px
}
.howitwork__item {
  display:flex;
  align-items:center;
  gap:16px;
  background-color:#1c1d27;
  border-radius:10px;
  padding:4px 18px 4px 5px
}
.howitwork__num {
  font-family:TT Firs Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  width:40px;
  height:40px;
  background-color:#272835;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  flex:none
}
.howitwork__text {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  font-feature-settings:"liga" off
}
.how-it-steps {
  flex-direction:column;
  gap:20px;
  width:100%
}
.how-it-steps,
.how-it-steps__column {
  display:flex;
  position:relative;
  z-index:1
}
.how-it-steps__column {
  gap:10px;
  counter-reset:reversed(how-steps);
  counter-increment:how-steps
}
.how-it-steps__column:not(:last-child):before {
  content:"";
  position:absolute;
  left:19px;
  top:29px;
  height:100%;
  width:2px;
  border-left:2px dashed #ff6e40;
  z-index:0
}
.how-it-steps__column-inner {
  padding-top:8px;
  display:flex;
  flex-direction:column;
  gap:10px
}
.how-it-steps__text {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px
}
.how-it-steps__step {
  width:40px;
  height:40px;
  border-radius:50%;
  border:2px solid #ff6e40;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#161720;
  position:relative;
  z-index:2;
  transition:.3s ease;
  flex:none
}
.how-it-steps__step .svg {
  width:20px;
  height:20px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#161720;
  opacity:0;
  transition:.3s ease
}
.how-it-steps__step:before {
  content:counter(how-steps);
  font-weight:600;
  color:#ff6e40;
  font-size:18px
}
.how-it-steps__step_check {
  background-color:#ff6e40
}
.how-it-steps__step_check .svg {
  opacity:1
}
.how-it-steps__step_check:before {
  display:none
}
.steam-status {
  display:flex;
  gap:1px
}
.steam-status__elem {
  padding:12px 16px;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  background-color:#1c1d27
}
.steam-status__elem .svg {
  width:20px;
  height:20px;
  flex:none
}
.steam-status__elem:first-child {
  border-radius:10px 0 0 10px
}
.steam-status__elem:last-child {
  display:flex;
  align-items:center;
  flex:none;
  gap:8px;
  border-radius:0 10px 10px 0
}
.steam-status__elem_green {
  background-color:rgba(190,255,52,.1);
  color:#beff34
}
.steam-status__elem_red {
  background-color:rgba(255,53,53,.1);
  color:#ff3535
}
.steam-status__elem_yellow {
  background-color:rgba(255,168,38,.1);
  color:#ffa826
}
.info-card {
  padding:24px;
  border-radius:20px;
  background-color:#161720
}
.info-card .svg {
  width:24px;
  height:24px;
  color:#ff6e40;
  margin-bottom:30px
}
.info-card__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  color:#fff
}
.info-card__text {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1;
  font-feature-settings:"liga" off;
  margin-top:2px
}
.step-bar {
  counter-reset:step-bar-elem;
  display:flex;
  padding-top:18px;
  width:100%;
  justify-content:space-between;
  overflow:hidden;
  position:relative;
  z-index:1
}
.step-bar__elem {
  position:relative;
  counter-increment:step-bar-elem;
  flex:none;
  width:24px;
  height:24px;
  background-color:#272835;
  border-radius:50%;
  transition:.3s ease
}
@media not screen and (min-width:630px) {
  .step-bar__elem {
    width:16px;
    height:16px
  }
}
.step-bar__elem:before {
  content:counter(step-bar-elem);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  color:#9b9db1;
  font-feature-settings:"liga" off
}
@media not screen and (min-width:630px) {
  .step-bar__elem:before {
    font-size:12px
  }
}
.step-bar__elem:not(:first-child):after {
  content:"";
  position:absolute;
  top:50%;
  right:24px;
  transform:translateY(-50%);
  width:100vw;
  height:4px;
  background-color:#272835;
  z-index:-2;
  pointer-events:none
}
@media not screen and (min-width:630px) {
  .step-bar__elem:not(:first-child):after {
    right:16px
  }
}
.step-bar__elem .svg {
  width:12px;
  height:12px;
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  color:#beff34;
  opacity:0;
  transition:.3s ease
}
.step-bar__elem.active {
  background-color:#beff34
}
.step-bar__elem.active:before {
  font-weight:700;
  color:#0e0f15
}
.step-bar__elem.active:after {
  background-color:#beff34;
  z-index:-1
}
.step-bar__elem.active .svg {
  opacity:1
}
.limit-bar {
  position:relative;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#fff;
  display:flex;
  align-items:center;
  background-color:#272835;
  padding:5px 8px;
  border-radius:10px;
  overflow:hidden;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .limit-bar {
    font-size:12px;
    line-height:16px;
    padding:3px 6px
  }
}
.limit-bar:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  background-color:#414250;
  height:100%;
  width:var(--width-limit);
  z-index:0
}
.limit-bar .svg {
  width:12px;
  height:12px;
  margin-right:4px;
  position:relative;
  z-index:2;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .limit-bar .svg {
    width:8px;
    height:8px;
    margin-right:2px
  }
}
.limit-bar span {
  position:relative;
  z-index:2
}
.flip-card {
  position:relative;
  border-radius:10px;
  overflow:hidden;
  perspective:1000
}
.flip-card__wrapper {
  transition:.6s;
  transform-style:preserve-3d
}
.flip-card__front {
  backface-visibility:hidden;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:2
}
.flip-card__front .skin {
  height:100%;
  width:100%;
  background-color:--color-1
}
.flip-card__back {
  backface-visibility:hidden;
  position:relative
}
.flip-card.opened .flip-card__wrapper,
.flip-card__back {
  transform:rotateX(180deg)
}
.g2a-promocode-card {
  display:block;
  position:relative;
  background-size:100%;
  background-position:50%;
  background-repeat:no-repeat;
  height:86px;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .g2a-promocode-card:hover {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .g2a-promocode-card:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.8
  }
}
.g2a-promocode-card_3 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-uncommon.svg?v=3)
}
.g2a-promocode-card_5 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-milspec.svg?v=3)
}
.g2a-promocode-card_10 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-restricted.svg?v=3)
}
.g2a-promocode-card_20 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-classified.svg?v=3)
}
.g2a-promocode-card_50 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-covert.svg?v=3)
}
.g2a-promocode-card_100 {
  background-image:url(https://robuxman.ru/assets/css/public/img/refill-page/card-rare.svg?v=3)
}
.g2a-promocode-card__value {
  position:absolute;
  bottom:7px;
  left:20px;
  font-size:20px;
  line-height:24px;
  font-weight:600
}
.tooltip {
  position:relative;
  max-width:100%;
  cursor:pointer
}
.tooltip__label {
  display:flex;
  align-items:center;
  gap:6px;
  transition:.3s ease;
  color:#ff6e40
}
.tooltip__label svg {
  width:20px;
  height:20px
}
.tooltip__label_opacity .svg {
  opacity:.15
}
.tooltip__body {
  pointer-events:none;
  opacity:0;
  transition:.3s ease;
  position:absolute;
  left:-6px;
  bottom:100%;
  margin-bottom:13px;
  max-width:300px;
  background-color:#343541;
  border-radius:8px;
  padding:10px;
  width:90%;
  min-width:150px;
  display:flex;
  flex-direction:column;
  gap:3px;
  box-shadow:0 0 1px rgba(0,0,0,.5);
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off
}
.tooltip__body li {
  color:#fff!important;
  font-size:14px!important;
  margin-left:20px!important
}
.tooltip__body:after {
  content:"";
  position:absolute;
  top:100%;
  left:8px;
  border-color:#343541 transparent transparent;
  border-style:solid;
  border-width:8px 8px 0
}
@media not all and (hover:none) and (pointer:coarse) {
  .tooltip:hover .tooltip__label {
    color:#dc5d35
  }
  .tooltip:hover .tooltip__label_opacity .svg {
    opacity:.35
  }
  .tooltip:hover .tooltip__body {
    pointer-events:auto;
    opacity:1
  }
}
@media (hover:none) and (pointer:coarse) {
  .tooltip:active {
    -webkit-tap-highlight-color:transparent
  }
  .tooltip:active .tooltip__label {
    color:#dc5d35
  }
  .tooltip:active .tooltip__label_opacity .svg {
    opacity:.35
  }
  .tooltip:active .tooltip__body {
    pointer-events:auto;
    opacity:1
  }
}
.tooltip_right .tooltip__body {
  left:auto;
  right:-6px
}
.tooltip_right .tooltip__body:after {
  left:auto;
  right:8px
}
.tooltip_center .tooltip__body,
.tooltip_center .tooltip__body:after {
  left:50%;
  transform:translateX(-50%)
}
.tooltip_pf .tooltip__body .price {
  color:var(--color-1)
}
.tooltip_bp .tooltip__label {
  color:#dab6ab
}
.tooltip_bp .tooltip__body {
  max-width:400px;
  min-width:200px;
  background-color:#251411
}
.tooltip_bp .tooltip__body:after {
  border-color:#251411 transparent transparent
}
.tooltip_bp .list li {
  color:#dab6ab!important
}
@media not all and (hover:none) and (pointer:coarse) {
  .tooltip_bp:hover .tooltip__label {
    color:rgba(218,182,171,.8)
  }
}
@media (hover:none) and (pointer:coarse) {
  .tooltip_bp:active {
    -webkit-tap-highlight-color:transparent
  }
  .tooltip_bp:active .tooltip__label {
    color:rgba(218,182,171,.8)
  }
}
.list {
  list-style-type:disc;
  color:#ff6e40
}
.list li {
  margin-left:10px;
  color:#9b9db1;
  font-feature-settings:"liga" off;
  font-size:12px
}
.list li:not(:last-child) {
  margin-bottom:5px
}
.common-stat {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  background-color:#1c1d27;
  padding:10px 20px;
  border-radius:8px
}
.common-stat__header {
  font-family:TT Firs Neue,sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:18px;
  color:#9b9db1
}
.common-stat__text {
  font-size:16px;
  line-height:20px;
  font-weight:600
}
.gifts-block {
  display:flex;
  flex-direction:column;
  background-color:#1c1d27;
  border-radius:10px;
  padding:11px 0 13px;
  width:100%
}
.gifts-block__title {
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:22px;
  margin-bottom:10px;
  padding:0 18px
}
.gifts-block__items {
  max-height:200px;
  overflow-y:auto;
  padding:0 18px 0 25px;
  width:100%
}
.gifts-block__items::-webkit-scrollbar-track {
  background-color:#161720
}
.gifts-block__items::-webkit-scrollbar {
  width:2px;
  height:2px
}
.gifts-block__items::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
@media not screen and (min-width:1000px) {
  .gifts-block__items {
    max-height:150px
  }
}
@media not screen and (min-width:630px) {
  .gifts-block__items {
    max-height:80px
  }
}
.gifts-block__items-inner {
  display:flex;
  flex-direction:column;
  gap:5px;
  width:100%
}
.gifts-block__items .radio {
  margin-left:-10px
}
.gifts-block__items .radio__text {
  font-size:14px;
  line-height:140%;
  display:inline-block
}
.gifts-block__items .radio__text .bold {
  font-weight:600
}
.gifts-block__items .radio__text .bold_main {
  width:100%;
  display:inline-block
}
.gifts-block__items .radio__text .bold_cyan,
.gifts-block__items .radio__text .bold_orange {
  color:#ff6e40
}
.message-line {
  background-color:#1c1d27;
  font-feature-settings:"liga" off;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  border-radius:10px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  text-align:center;
  border-left:3px solid #ff6e40;
  max-width:none;
  text-align:left;
  padding:24px 32px
}
.message-line__title {
  font-weight:600
}
.message-line__text {
  color:#9b9db1
}
.table-big {
  background-color:#161720;
  border-radius:20px;
  padding:20px 10px 10px;
  overflow-x:auto;
  overflow-y:hidden
}
.table-big__title {
  padding-left:18px;
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff;
  margin-bottom:20px
}
.table-big__table {
  width:100%
}
.table-big__table tr {
  color:#9b9db1;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px
}
.table-big__table tr td {
  padding:17px 10px;
  white-space:nowrap
}
.table-big__table tr td:first-child {
  padding-left:20px
}
.table-big__table tr td:last-child {
  padding-right:20px
}
.table-big__table tr:nth-child(odd) {
  background-color:#1c1d27
}
.table-big__table tr:nth-child(odd) td:first-child {
  border-radius:10px 0 0 10px
}
.table-big__table tr:nth-child(odd) td:last-child {
  border-radius:0 10px 10px 0
}
.table-big__header th {
  padding:17px 10px;
  text-align:center
}
.table-big__header th:first-child {
  padding-left:20px;
  text-align:left;
  border-radius:10px 0 0 10px
}
.table-big__header th:last-child {
  padding-right:20px;
  border-radius:0 10px 10px 0
}
.table-big__row_flex {
  display:flex;
  align-items:center;
  gap:16px
}
.table-big__item-img {
  width:64px;
  height:48px
}
.table-big__data_lighten {
  color:#fff
}
.table-big__btns {
  display:flex;
  gap:27px
}
.table-big__btn:not(:first-child) {
  position:relative
}
.table-big__btn:not(:first-child):before {
  content:"";
  position:absolute;
  left:-15px;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background-color:#414250
}
.table-big_items {
  padding-top:10px
}
.table-big_items .table-big__table tr {
  color:#9b9db1;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px
}
.table-big_items .table-big__table tr td {
  padding:8px 0;
  vertical-align:middle;
  text-align:center;
  color:#fff
}
.table-big_items .table-big__table tr td:first-child {
  padding-left:20px
}
.table-big_items .table-big__table tr td:last-child {
  padding-right:20px
}
.table-big_items .table-big__table tr:nth-child(odd) {
  background-color:#1c1d27
}
.table-big_items .table-big__table tr:nth-child(odd) td:first-child {
  border-radius:10px 0 0 10px
}
.table-big_items .table-big__table tr:nth-child(odd) td:last-child {
  border-radius:0 10px 10px 0
}
.table-big_items .table-big__table tr.current-roll-drop td {
  color:#ff6e40
}
.sound-switcher {
  position:relative
}
.sound-switcher__icon {
  display:flex;
  align-items:center;
  gap:8px
}
.sound-switcher__icon .svg {
  width:20px;
  height:20px
}
.sound-switcher__icon span {
  font-weight:500;
  font-size:15px;
  line-height:20px
}
.sound-switcher__slider {
  padding:10px 15px;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  background-color:#161720;
  border:2px solid #161720;
  box-shadow:0 0 10px 2px rgba(7,10,24,.3);
  opacity:0;
  visibility:hidden;
  transition:.1s ease
}
.sound-switcher:hover .sound-switcher__slider {
  visibility:visible;
  opacity:1
}
.soc-banner-prize {
  border-radius:20px;
  background-color:#161720;
  padding:24px 32px 32px;
  overflow:hidden;
  position:relative;
  z-index:1
}
.soc-banner-prize:before {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:478px;
  height:100%;
  background-size:cover;
  background-position:100%;
  background-repeat:no-repeat;
  background-image:url(https://robuxman.ru/assets/css/public/img/banners/hands-soc.png?v=2);
  z-index:0
}
@media not screen and (min-width:1100px) {
  .soc-banner-prize:before {
    width:30%;
    background-position:0;
    opacity:.8
  }
}
.soc-banner-prize__content {
  position:relative;
  z-index:1
}
.soc-banner-prize__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff
}
.soc-banner-prize__text {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1;
  max-width:474px
}
@media not screen and (min-width:1100px) {
  .soc-banner-prize__text {
    text-shadow:1px 1px 1px #000
  }
}
.soc-banner-prize__btns {
  display:flex;
  gap:10px;
  margin-top:24px;
  flex-wrap:wrap
}
.soc-banner-prize__action {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:200px;
  padding:10px 12px 10px 10px;
  background-color:#07f;
  border-radius:10px;
  font-family:TT Firs Neue,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:20px;
  color:#fff;
  cursor:pointer;
  transition:.3s ease
}
@media not screen and (min-width:630px) {
  .soc-banner-prize__action {
    width:100%
  }
}
.soc-banner-prize__action b {
  text-transform:lowercase
}
.soc-banner-prize__action b:first-letter {
  text-transform:uppercase
}
.soc-banner-prize__action .svg {
  width:20px;
  height:20px;
  color:#fff
}
.soc-banner-prize__action .svg:last-child {
  margin-left:auto;
  transition:.3s ease
}
.soc-banner-prize__action_telegram {
  background-color:#2aabee
}
.soc-banner-prize__action_tiktok {
  background-color:#fe2c55
}
.soc-banner-prize__action_instagram {
  background-color:#833ab4;
  display:none
}
.soc-banner-prize__action_taked {
  filter:grayscale(.7);
  pointer-events:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .soc-banner-prize__action:hover {
    opacity:.9
  }
  .soc-banner-prize__action:hover .svg:last-child {
    transform:translateX(2px)
  }
}
@media (hover:none) and (pointer:coarse) {
  .soc-banner-prize__action:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.9
  }
  .soc-banner-prize__action:active .svg:last-child {
    transform:translateX(2px)
  }
}
.daily-banner-nickname {
  border-radius:20px;
  overflow:hidden;
  position:relative
}
.daily-banner-nickname__body {
  padding:24px 32px 32px;
  background-color:#161720;
  display:flex;
  justify-content:space-between;
  gap:10px
}
@media not screen and (min-width:1100px) {
  .daily-banner-nickname__body {
    padding-top:100px;
    flex-direction:column
  }
}
.daily-banner-nickname__left {
  width:474px;
  position:relative;
  z-index:1;
  flex:none
}
@media not screen and (min-width:1100px) {
  .daily-banner-nickname__left {
    width:100%
  }
}
.daily-banner-nickname__title {
  margin-bottom:2px;
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px
}
.daily-banner-nickname__title_small {
  font-size:18px;
  line-height:24px
}
.daily-banner-nickname__text {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1;
  max-width:474px
}
.daily-banner-nickname__btn {
  margin-top:24px
}
.daily-banner-nickname__right {
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  position:relative;
  width:100%
}
@media not screen and (min-width:1100px) {
  .daily-banner-nickname__right {
    position:static
  }
}
.daily-banner-nickname__steam {
  position:absolute;
  right:0;
  top:0;
  width:600px;
  height:102px;
  padding-top:27px;
  padding-left:267px;
  z-index:0
}
.daily-banner-nickname__steam:before {
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  top:0;
  right:0;
  background-image:url(https://robuxman.ru/assets/css/public/img/banners/steam-window.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:-1
}
@media not screen and (min-width:1100px) {
  .daily-banner-nickname__steam {
    right:auto;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    padding:0
  }
  .daily-banner-nickname__steam:before {
    width:570px;
    background-position:top -21px right -21px;
    background-size:600px 102px
  }
  .daily-banner-nickname__steam:after {
    content:"";
    height:82px;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    background-image:url(https://robuxman.ru/assets/css/public/img/banners/steam-window-void.png?v=2);
    background-size:580px 82px;
    background-repeat:no-repeat;
    background-position:top -1px left -1px;
    z-index:-2
  }
}
.daily-banner-nickname__steam-user {
  display:flex;
  align-items:center;
  gap:6px
}
@media not screen and (min-width:1100px) {
  .daily-banner-nickname__steam-user {
    position:absolute;
    top:6px;
    right:166px;
    width:146px
  }
}
.daily-banner-nickname__steam-img {
  width:24px;
  height:24px;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat
}
.daily-banner-nickname__steam-name {
  display:inline-flex;
  color:#8c8c8d;
  font-feature-settings:"liga" off;
  font-size:12px;
  font-style:normal;
  font-weight:500;
  line-height:14px;
  pointer-events:none;
  user-select:none
}
.daily-banner-nickname__steam-name span {
  max-width:57px;
  display:inline-block;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.daily-banner-nickname__steps {
  width:100%;
  max-width:582px;
  padding-bottom:2px
}
.daily-banner-nickname__footer {
  display:flex
}
@media not screen and (min-width:630px) {
  .daily-banner-nickname__footer {
    flex-direction:column-reverse
  }
}
.daily-banner-nickname__discount {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  color:#beff34;
  font-family:TT Firs Neue,sans-serif;
  font-size:36px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  width:160px;
  background-color:rgba(190,255,52,.1);
  position:relative;
  z-index:1;
  overflow:hidden;
  flex:none
}
@media not screen and (min-width:630px) {
  .daily-banner-nickname__discount {
    width:100%;
    height:60px;
    font-size:30px
  }
}
.daily-banner-nickname__discount:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:160px;
  height:160px;
  background:radial-gradient(50% 50% at 50% 50%,#beff34 0,rgba(190,255,52,0) 100%);
  z-index:0;
  opacity:.15;
  pointer-events:none
}
.daily-banner-nickname__discount .svg {
  width:20px;
  height:20px
}
.daily-banner-nickname__info {
  padding:24px 32px;
  background-color:#1c1d27;
  width:100%
}
.promocode-main {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:42px;
  position:relative;
  z-index:1;
  margin-bottom:-30px
}
@media not screen and (min-width:1100px) {
  .promocode-main {
    margin-bottom:0
  }
}
.promocode-main__block {
  max-width:652px;
  display:flex;
  border-radius:20px;
  overflow:hidden;
  cursor:pointer;
  min-height:84px
}
@media not screen and (min-width:630px) {
  .promocode-main__block {
    flex-direction:column
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .promocode-main__block:hover .promocode-main__right {
    background-color:#343541!important;
    color:#fff!important
  }
}
@media (hover:none) and (pointer:coarse) {
  .promocode-main__block:active {
    -webkit-tap-highlight-color:transparent
  }
  .promocode-main__block:active .promocode-main__right {
    background-color:#343541!important;
    color:#fff!important
  }
}
.promocode-main__left {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  color:#beff34;
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  width:120px;
  background-color:rgba(190,255,52,.1);
  position:relative;
  z-index:1;
  overflow:hidden;
  flex:none
}
@media not screen and (min-width:630px) {
  .promocode-main__left {
    width:100%;
    height:60px
  }
}
.promocode-main__left:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:160px;
  height:160px;
  background:radial-gradient(50% 50% at 50% 50%,#beff34 0,rgba(190,255,52,0) 100%);
  z-index:0;
  opacity:.15
}
.promocode-main__center {
  padding:16px 24px;
  background-color:#1c1d27;
  display:flex;
  align-items:center;
  gap:24px
}
@media not screen and (min-width:630px) {
  .promocode-main__center {
    flex-direction:column;
    text-align:center;
    gap:5px
  }
}
.promocode-main__title {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  margin-bottom:2px
}
.promocode-main__text {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff
}
.promocode-main__limit {
  flex:none
}
.promocode-main__right {
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#272835;
  color:#9b9db1;
  transition:.3s ease
}
@media not screen and (min-width:630px) {
  .promocode-main__right {
    padding:18px
  }
}
.promocode-main__right .svg {
  width:20px;
  height:20px
}
.roulette {
  display:flex;
  position:relative;
  z-index:1;
  width:100%;
  background-color:#161720;
  border-radius:20px;
  padding:8px
}
@media not screen and (min-width:630px) {
  .roulette {
    height:124px
  }
}
@media only screen and (min-width:630px) {
  .roulette {
    height:262px
  }
}
.roulette:before {
  content:"";
  position:absolute;
  z-index:3;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/roulette-cursor.svg?v=2);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
@media not screen and (min-width:630px) {
  .roulette:before {
    width:250px;
    height:124px
  }
}
@media only screen and (min-width:630px) {
  .roulette:before {
    width:508px;
    height:262px
  }
}
.roulette__frame {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  height:100%;
  width:100%;
  overflow:hidden;
  border-radius:20px
}
.roulette__items {
  display:flex;
  flex:none
}
.roulette__wrapper {
  height:100%;
  width:100%
}
.roulette__cursor {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 30px);
  height:2px;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/dots_vertical.svg?v=2)
}
.roulette:not(.roulette_vertical) .roulette__items {
  height:100%;
  margin-left:50%
}
@media not screen and (min-width:630px) {
  .roulette:not(.roulette_vertical) .roulette__items {
    transform:translateX(-210px)
  }
}
@media only screen and (min-width:630px) {
  .roulette:not(.roulette_vertical) .roulette__items {
    transform:translateX(-750px)
  }
}
@media not screen and (min-width:630px) {
  .roulette:not(.roulette_vertical) .roulette__items .roulette-item__img {
    margin:auto
  }
  .roulette:not(.roulette_vertical) .roulette__items .roulette-item__name,
  .roulette:not(.roulette_vertical) .roulette__items .roulette-item__type {
    display:none
  }
}
.roulette:not(.roulette_vertical) .roulette__items .roulette-item.skin-win-highlight {
  z-index:2;
  box-shadow:0 0 0 1200px rgba(22,23,32,.5)
}
.roulette_vertical {
  padding-left:0;
  padding-right:0;
  width:fit-content;
  margin:0 auto;
  grid-column:1/-1
}
@media only screen and (min-width:630px) {
  .roulette_vertical {
    min-width:840px
  }
}
.roulette_vertical:after,
.roulette_vertical:before {
  content:"";
  position:absolute;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/roulette-cursor_vertical.svg?v=2);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:50%;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:236px;
  height:262px;
  z-index:3
}
@media not screen and (min-width:630px) {
  .roulette_vertical:after,
  .roulette_vertical:before {
    height:124px;
    width:110px
  }
}
.roulette_vertical:after {
  left:auto;
  right:0;
  transform:translateY(-50%) rotate(180deg)
}
.roulette_vertical .roulette__frame {
  padding:0;
  justify-content:center;
  align-items:normal
}
.roulette_vertical .roulette__frame:after,
.roulette_vertical .roulette__frame:before {
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:4
}
.roulette_vertical .roulette__frame:before {
  transform:rotate(270deg);
  left:0;
  pointer-events: none;
}
.roulette_vertical .roulette__frame:after {
  left:auto;
  right:0;
  transform:rotate(90deg);
  pointer-events: none;
}
.roulette_vertical .roulette__items {
  flex-direction:column;
  align-items:center;
  height:fit-content
}
@media not screen and (min-width:630px) {
  .roulette_vertical .roulette__items {
    margin-top:50px;
    transform:translateY(-50px)
  }
}
@media only screen and (min-width:630px) {
  .roulette_vertical .roulette__items {
    margin-top:120px;
    transform:translateY(-120px)
  }
}
.roulette_vertical .roulette__items .roulette-item {
  margin:4px
}
@media not screen and (min-width:630px) {
  .roulette_vertical .roulette__items .roulette-item {
    width:70px;
    height:75px
  }
}
@media only screen and (min-width:630px) and (max-width:1099px) {
  .roulette_vertical .roulette__items .roulette-item {
    width:95px;
    height:100px;
    margin-left:2px;
    margin-right:2px
  }
}
@media not screen and (min-width:1100px) {
  .roulette_vertical .roulette__items .roulette-item {
    padding:5px;
    min-height:auto
  }
  .roulette_vertical .roulette__items .roulette-item__name,
  .roulette_vertical .roulette__items .roulette-item__type {
    display:none
  }
  .roulette_vertical .roulette__items .roulette-item__img {
    width:100%;
    min-height:25px;
    margin:auto
  }
}
.roulette-item {
  position:relative;
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  background-color:var(--color-10);
  border-radius:10px;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:.12s ease
}
.roulette-item:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-25) 0,var(--color-0) 100%);
  top:-30px;
  width:282px;
  height:282px;
  z-index:-1
}
@media not screen and (min-width:630px) {
  .roulette-item {
    width:135px;
    margin:0 2px;
    padding:10px
  }
}
@media only screen and (min-width:630px) {
  .roulette-item {
    width:216px;
    margin:0 5px;
    min-height:246px;
    padding:16px 16px 20px;
    text-align:center
  }
}
.roulette-item__img {
  margin:0 auto auto
}
@media not screen and (min-width:630px) {
  .roulette-item__img {
    width:90px
  }
}
@media only screen and (min-width:630px) {
  .roulette-item__img {
    width:188px
  }
}
.roulette-item__name,
.roulette-item__type {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off
}
@media not screen and (min-width:630px) {
  .roulette-item__name,
  .roulette-item__type {
    font-size:12px;
    line-height:13px
  }
}
@media only screen and (min-width:630px) {
  .roulette-item__name,
  .roulette-item__type {
    font-size:14px
  }
}
.roulette-item__type {
  margin-bottom:2px;
  color:var(--color-2)
}
.roulette-item__name {
  padding-right:0;
  color:#fff
}
@media not screen and (min-width:630px) {
  .roulette-item__name {
    font-size:10px
  }
}
.roulette-item__crown {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:37px;
  color:var(--color-1);
  width:140px;
  height:114px
}
.roulette-item.skin-win-highlight {
  border-color:var(--color-10)
}
.roulette-flat {
  display:flex;
  position:relative;
  z-index:1;
  width:100%;
  background-color:#161720;
  border-radius:20px;
  padding:8px
}
@media not screen and (min-width:630px) {
  .roulette-flat {
    height:124px
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat {
    height:262px
  }
}
.roulette-flat:before {
  content:"";
  position:absolute;
  z-index:3;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/roulette-cursor.svg?v=2);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
@media not screen and (min-width:630px) {
  .roulette-flat:before {
    width:250px;
    height:124px
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat:before {
    width:508px;
    height:262px
  }
}
.roulette-flat__frame {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  height:100%;
  width:100%;
  overflow:hidden;
  border-radius:20px
}
.roulette-flat__items {
  display:flex;
  flex:none
}
.roulette-flat__wrapper {
  height:100%;
  width:100%
}
.roulette-flat__cursor {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 30px);
  height:2px;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/dots_vertical.svg?v=2)
}
.roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items {
  height:100%;
  margin-left:50%
}
@media not screen and (min-width:630px) {
  .roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items {
    transform:translateX(-210px)
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items {
    transform:translateX(-750px)
  }
}
@media not screen and (min-width:630px) {
  .roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items .roulette-item__img {
    margin:auto
  }
  .roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items .roulette-item__name,
  .roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items .roulette-item__type {
    display:none
  }
}
.roulette-flat:not(.roulette-flat_vertical) .roulette-flat__items .roulette-item.skin-win-highlight {
  z-index:2;
  box-shadow:0 0 0 1200px rgba(22,23,32,.5)
}
.roulette-flat_vertical {
  padding-left:0;
  padding-right:0;
  width:fit-content;
  margin:0 auto;
  grid-column:1/-1
}
@media only screen and (min-width:630px) {
  .roulette-flat_vertical {
    min-width:840px
  }
}
.roulette-flat_vertical:after,
.roulette-flat_vertical:before {
  content:"";
  position:absolute;
  background-image:url(https://robuxman.ru/assets/css/public/img/roulette/roulette-cursor_vertical.svg?v=2);
  background-size:100% 100%;
  background-repeat:no-repeat;
  background-position:50%;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width:236px;
  height:262px;
  z-index:3
}
@media not screen and (min-width:630px) {
  .roulette-flat_vertical:after,
  .roulette-flat_vertical:before {
    height:124px;
    width:110px
  }
}
.roulette-flat_vertical:after {
  left:auto;
  right:0;
  transform:translateY(-50%) rotate(180deg)
}
.roulette-flat_vertical .roulette-flat__frame {
  padding:0;
  justify-content:center;
  align-items:normal
}
.roulette-flat_vertical .roulette-flat__frame:after,
.roulette-flat_vertical .roulette-flat__frame:before {
  top:0;
  bottom:0;
  margin:auto 0;
  z-index:4
}
.roulette-flat_vertical .roulette-flat__frame:before {
  transform:rotate(270deg);
  left:0
}
.roulette-flat_vertical .roulette-flat__frame:after {
  left:auto;
  right:0;
  transform:rotate(90deg)
}
.roulette-flat_vertical .roulette-flat__items {
  flex-direction:column;
  align-items:center;
  height:fit-content
}
.roulette-flat_vertical .roulette-flat__items .roulette-item {
  margin-top:2px;
  margin-bottom:2px
}
@media not screen and (min-width:630px) {
  .roulette-flat_vertical .roulette-flat__items .roulette-item {
    width:70px;
    height:75px
  }
}
@media only screen and (min-width:630px) and (max-width:1099px) {
  .roulette-flat_vertical .roulette-flat__items .roulette-item {
    width:95px;
    height:100px;
    margin-left:2px;
    margin-right:2px
  }
}
@media not screen and (min-width:1100px) {
  .roulette-flat_vertical .roulette-flat__items .roulette-item {
    padding:5px;
    min-height:auto
  }
  .roulette-flat_vertical .roulette-flat__items .roulette-item__name,
  .roulette-flat_vertical .roulette-flat__items .roulette-item__type {
    display:none
  }
  .roulette-flat_vertical .roulette-flat__items .roulette-item__img {
    width:100%;
    min-height:25px;
    margin:auto
  }
}
.roulette-flat-item {
  position:relative;
  display:flex;
  flex:none;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  background-color:var(--color-10);
  border-radius:10px;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:.12s ease
}
.roulette-flat-item:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0;
  width:230px;
  height:230px;
  border-radius:50%;
  background-color:var(--color-20);
  filter:blur(42px);
  z-index:-1
}
@media not screen and (min-width:630px) {
  .roulette-flat-item {
    width:135px;
    margin:0 2px;
    padding:10px
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat-item {
    width:216px;
    margin:0 5px;
    min-height:246px;
    padding:16px 16px 20px;
    text-align:center
  }
}
.roulette-flat-item__img {
  margin:0 auto auto
}
@media not screen and (min-width:630px) {
  .roulette-flat-item__img {
    width:90px
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat-item__img {
    width:188px
  }
}
.roulette-flat-item__name,
.roulette-flat-item__type {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off
}
@media not screen and (min-width:630px) {
  .roulette-flat-item__name,
  .roulette-flat-item__type {
    font-size:12px;
    line-height:13px
  }
}
@media only screen and (min-width:630px) {
  .roulette-flat-item__name,
  .roulette-flat-item__type {
    font-size:14px
  }
}
.roulette-flat-item__type {
  margin-bottom:2px;
  color:var(--color-2)
}
.roulette-flat-item__name {
  padding-right:0;
  color:#fff
}
@media not screen and (min-width:630px) {
  .roulette-flat-item__name {
    font-size:10px
  }
}
.roulette-flat-item__crown {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:37px;
  color:var(--color-1);
  width:140px;
  height:114px
}
.roulette-flat-item.skin-win-highlight {
  border-color:var(--color-10)
}
.grid-intro-cases {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  grid-row-gap:42px
}
@media not screen and (min-width:1100px) {
  .grid-intro-cases {
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    grid-row-gap:20px
  }
}
.live-drop {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  transition:.02s ease-in-out;
  cursor:pointer;
  border-radius:10px;
  background-color:var(--color-10);
  overflow:hidden
}
@media not screen and (min-width:1100px) {
  .live-drop {
    width:70px;
    height:50px
  }
}
@media only screen and (min-width:1100px) {
  .live-drop {
    width:130px;
    height:100px
  }
}
.live-drop__fade {
  width:140px;
  height:140px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-25) 0,var(--color-0) 100%)
}
@media not screen and (min-width:1100px) {
  .live-drop__fade {
    width:60px;
    height:60px
  }
}
.live-drop__crown {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:72px;
  height:60px;
  color:var(--color-1);
  z-index:-1;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .live-drop__crown {
    width:39px;
    height:32px
  }
}
.live-drop__line {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:50px;
  height:3px;
  color:var(--color-1);
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .live-drop__line {
    width:21px;
    height:2px
  }
}
.live-drop__line-void {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:56px;
  height:5px;
  color:#161720;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .live-drop__line-void {
    width:23px;
    height:3px
  }
}
.live-drop__line-percent {
  position:absolute;
  top:-2px;
  left:50%;
  transform:translateX(-50%);
  width:64px;
  height:16px;
  background-color:var(--color-1);
  pointer-events:none;
  color:#000;
  border-radius:0 0 8px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-style:normal;
  font-weight:700;
  line-height:12px;
  border:2px solid #12131a;
  box-sizing:content-box
}
@media not screen and (min-width:1100px) {
  .live-drop__line-percent {
    width:70%;
    height:10px;
    font-size:10px
  }
}
.live-drop__img {
  position:relative;
  z-index:1
}
@media not screen and (min-width:1100px) {
  .live-drop__img {
    width:52px
  }
}
@media only screen and (min-width:1100px) {
  .live-drop__img {
    width:104px
  }
}
.live-drop_top .live-drop__fade {
  background:radial-gradient(50% 50% at 50% 50%,var(--color-35) 0,var(--color-0) 100%)
}
.live-drops {
  display:flex;
  background-color:#12131a;
  padding:0 4px
}
@media not screen and (min-width:1100px) {
  .live-drops {
    height:58px;
    padding-top:4px
  }
}
@media only screen and (min-width:1100px) {
  .live-drops {
    height:104px
  }
}
.live-drops__items {
  position:relative;
  z-index:1;
  flex:none;
  width:100%;
  height:100%;
  overflow:hidden;
  padding-left:4px
}
@media only screen and (min-width:1100px) {
  .live-drops__items {
    will-change:transform;
    -webkit-will-change:transform
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__hovered {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
    transition:.02s ease-in-out;
    opacity:0;
    visibility:hidden
  }
}
@media not screen and (min-width:1100px) {
  .live-drops__from {
    display:none
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__from {
    margin-bottom:2px;
    transition:transform .08s ease
  }
  .live-drops__from img {
    width:52px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .live-drops__from:hover {
    transform:scale(1.1)
  }
}
@media (hover:none) and (pointer:coarse) {
  .live-drops__from:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(1.1)
  }
}
@media not screen and (min-width:1100px) {
  .live-drops__user {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  .live-drops__user img {
    display:none
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__user {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    width:100%;
    transition:color .08s ease;
    color:#fff
  }
  .live-drops__user img {
    width:22px;
    height:22px;
    border-radius:50%;
    margin-right:6px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .live-drops__user:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .live-drops__user:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
@media not screen and (min-width:1100px) {
  .live-drops__user-name {
    display:none
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__user-name {
    font-size:13px;
    font-weight:500;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
  }
}
.live-drops__item {
  position:absolute;
  z-index:1;
  transition:transform .3s linear
}
@media only screen and (min-width:1100px) {
  .live-drops__item:hover .live-drop {
    opacity:.3
  }
  .live-drops__item:hover .live-drops__hovered {
    opacity:1;
    visibility:visible
  }
}
.live-drops__is-stopped {
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  z-index:2;
  height:100%;
  left:4px;
  padding:0 12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.1s ease;
  border-radius:10px;
  background:linear-gradient(90deg,rgba(255,110,64,.9),rgba(255,110,64,.6));
  height:100px
}
@media not screen and (min-width:1100px) {
  .live-drops__is-stopped {
    height:50px
  }
}
.live-drops__is-stopped span {
  color:#fff
}
.live-drops__is-stopped_showed {
  opacity:1;
  visibility:visible
}
.live-drops__online {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  flex:none;
  background:#161720;
  transition:.08s ease-in-out;
  border-radius:6px
}
@media not screen and (min-width:1100px) {
  .live-drops__online {
    line-height:14px;
    width:56px;
    height:50px
  }
  .live-drops__online .svg {
    margin-bottom:2px
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__online {
    width:92px;
    height:100px
  }
  .live-drops__online .svg {
    margin-bottom:6px
  }
}
.live-drops__online .svg {
  color:#88c9e5;
  width:24px;
  height:24px
}
@media not all and (hover:none) and (pointer:coarse) {
  .live-drops__online:hover {
    filter:brightness(1.3)
  }
}
@media (hover:none) and (pointer:coarse) {
  .live-drops__online:active {
    -webkit-tap-highlight-color:transparent;
    filter:brightness(1.3)
  }
}
.live-drops__online-value {
  color:#fff
}
@media not screen and (min-width:1100px) {
  .live-drops__online-value {
    font-size:11px;
    line-height:12px;
    font-family:TT Norms;
    font-style:normal;
    font-weight:700
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__online-value {
    font-size:15px;
    line-height:20px;
    font-family:TT Firs Neue;
    font-style:normal;
    font-weight:600
  }
}
.live-drops__online-title {
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .live-drops__online-title {
    font-size:10px;
    display:none
  }
}
@media only screen and (min-width:1100px) {
  .live-drops__online-title {
    font-size:12px
  }
}
.header {
  position:relative;
  z-index:2
}
.header_sticky {
  padding-bottom:78px
}
@media not screen and (min-width:1100px) {
  .header__top-nav {
    display:none
  }
}
.header__main {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:17px 27px 19px 24px;
  background-color:#12131a;
  position:relative
}
@media not screen and (min-width:1100px) {
  .header__main {
    padding:10px 12px;
    gap:10px
  }
}
.header__main_sticky {
  position:fixed;
  width:100%;
  top:0;
  box-shadow:1px 1px 1px rgba(18,19,26,.8)
}
.header__nav {
  display:flex;
  align-items:center;
  gap:32px
}
@media not screen and (min-width:1100px) {
  .header__nav {
    display:none
  }
}
.header__logo {
  flex:none;
  width:116px;
  height:26px;
  background-image:url(../img/logo.svg);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer
}
.header__logo_mob {
  background-image:url(../img/logo-crown.svg);
  width:32px;
  height:32px
}
.header__mobile {
  display:flex;
  align-items:center;
  gap:8px
}
@media only screen and (min-width:1100px) {
  .header__mobile {
    display:none
  }
}
.header__burger {
  width:20px;
  height:20px
}
.header__burger-menu {
  position:fixed;
  z-index:4;
  left:0;
  top:0;
  transition:.3s ease;
  transform:translateX(-100%)
}
.header__burger-menu.active {
  transform:translateX(0)
}
@media only screen and (min-width:1100px) {
  .header__burger-menu.active {
    display:none
  }
}
.header-top-nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 10px 0 16px;
  background-color:#12131a
}
.header-top-nav__links {
  display:flex;
  align-items:center;
  gap:20px
}
.header-top-nav__elem {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  padding:12px 0;
  transition:.3s ease
}
.header-top-nav__elem_easy {
  color:#ffa826
}
@media not all and (hover:none) and (pointer:coarse) {
  .header-top-nav__elem:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .header-top-nav__elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
.header-top-nav__elem_gleam {
  background-color:rgba(190,255,52,.1);
  border-radius:6px;
  padding:4px 8px;
  color:#beff34;
  display:flex;
  align-items:center;
  gap:6px;
  height:fit-content
}
.header-top-nav__elem_gleam .svg {
  width:12px;
  height:12px
}
@media not all and (hover:none) and (pointer:coarse) {
  .header-top-nav__elem_gleam:hover {
    background-color:rgba(190,255,52,.3);
    color:#beff34
  }
}
@media (hover:none) and (pointer:coarse) {
  .header-top-nav__elem_gleam:active {
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(190,255,52,.3);
    color:#beff34
  }
}
.header-top-nav__elem_new {
  position:relative
}
.header-top-nav__elem_new:after {
  content:"new";
  background-color:#ff6e40;
  color:#000;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:12px;
  line-height:12px;
  border-radius:3px;
  padding:0 3px
}
.header-top-nav__sound {
  position:relative;
  z-index:10
}
.header-top-nav__sound .sound-switcher__icon span {
  display:none
}
.header-top-nav__controls {
  display:flex;
  align-items:center;
  gap:13px
}
.header-top-nav__controls-elem {
  color:#9b9db1;
  flex:none;
  padding:12px;
  cursor:pointer;
  transition:.3s ease
}
.header-top-nav__controls-elem .svg {
  width:20px;
  height:20px
}
.header-top-nav__controls-elem:not(:last-child) {
  position:relative
}
.header-top-nav__controls-elem:not(:last-child):before {
  content:"";
  position:absolute;
  right:-7px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:24px;
  background-color:#1c1d27
}
.header-top-nav__controls-elem_lng {
  display:inline-block;
  padding:15px
}
.header-top-nav__controls-elem_lng .lng-switcher__arrow,
.header-top-nav__controls-elem_lng .lng-switcher__name {
  display:none
}
.header-top-nav__controls-elem_help {
  color:#beff34;
  display:flex;
  align-items:center;
  gap:8px
}
.header-top-nav__controls-elem_help .svg {
  width:16px;
  height:16px
}
@media not screen and (min-width:1240px) {
  .header-top-nav__controls-elem_help span {
    display:none
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .header-top-nav__controls-elem:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .header-top-nav__controls-elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.nav-main {
  display:flex;
  gap:28px
}
.nav-main__elem {
  font-style:normal;
  font-weight:700;
  font-size:14px;
  line-height:18px;
  color:#9b9db1;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  transition:.3s ease
}
@media not screen and (min-width:1378px) {
  .nav-main__elem {
    font-size:0
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .nav-main__elem:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .nav-main__elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
.nav-main__elem-icon {
  flex:none;
  width:20px;
  height:20px
}
@media not screen and (min-width:1378px) {
  .nav-main__elem-icon {
    width:24px;
    height:24px
  }
}
.nav-main__elem-img {
  flex:none;
  width:20px;
  height:20px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  transition:.3s ease
}
@media not screen and (min-width:1378px) {
  .nav-main__elem-img {
    width:24px;
    height:24px
  }
}
.nav-main__elem-img_bp {
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/icon-bp.png?v=2);
  border-radius:50%
}
.nav-main__elem_bp {
  color:#ffb738
}
@media not all and (hover:none) and (pointer:coarse) {
  .nav-main__elem_bp:hover {
    color:#ffc96b
  }
  .nav-main__elem_bp:hover .nav-main__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
@media (hover:none) and (pointer:coarse) {
  .nav-main__elem_bp:active {
    -webkit-tap-highlight-color:transparent;
    color:#ffc96b
  }
  .nav-main__elem_bp:active .nav-main__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
.userbar {
  display:flex;
  align-items:center;
  gap:10px
}
.userbar__daimonds .action {
  min-width:0
}
@media not screen and (min-width:1100px) {
  .userbar__daimonds .action {
    padding:9px 12px;
    font-size:13px;
    line-height:16px;
    gap:4px
  }
  .userbar__daimonds .action .svg {
    width:14px;
    height:14px
  }
}
.userbar__balance .action {
  min-width:0
}
@media not screen and (min-width:1100px) {
  .userbar__balance .action {
    padding:9px 12px;
    font-size:13px;
    line-height:16px;
    gap:4px
  }
  .userbar__balance .action .svg {
    width:14px;
    height:14px
  }
}
.userbar__user {
  transition:.3s ease;
  width:42px;
  height:42px;
  overflow:hidden;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:10px;
  cursor:pointer;
  border:2px solid transparent;
  box-sizing:content-box
}
@media not screen and (min-width:1100px) {
  .userbar__user {
    display:none
  }
}
.userbar__user img {
  width:100%;
  height:100%;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .userbar__user:hover {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .userbar__user:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#ff6e40
  }
}
@media only screen and (min-width:1100px) {
  .userbar__bell {
    display:none
  }
}
@media not screen and (min-width:1100px) {
  .userbar__bell {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9b9db1;
    flex:none;
    width:34px;
    height:34px;
    cursor:pointer;
    transition:.3s ease;
    background-color:#1c1d27;
    border-radius:10px
  }
  .userbar__bell .svg {
    width:16px;
    height:16px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .userbar__bell:hover {
    background-color:#272835;
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .userbar__bell:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835;
    color:#fff
  }
}
.burger {
  display:block;
  cursor:pointer;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  transition:.3s ease;
  z-index:7
}
.burger,
.burger__content {
  position:relative
}
.burger span {
  display:block;
  width:18px;
  height:2px;
  position:absolute;
  left:1px
}
.burger span:after,
.burger span:before {
  content:"";
  position:absolute;
  top:0;
  width:50%;
  height:100%;
  background-color:#9b9db1;
  transition:.3s ease
}
.burger span:before {
  left:0;
  border-radius:20px 0 0 20px
}
.burger span:after {
  right:0;
  border-radius:0 20px 20px 0
}
.burger__line-top {
  top:-6px
}
.burger__line-mid {
  position:relative
}
.burger__line-bot {
  top:6px
}
@media not all and (hover:none) and (pointer:coarse) {
  .burger:hover span:after,
  .burger:hover span:before {
    background-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .burger:active {
    -webkit-tap-highlight-color:transparent
  }
  .burger:active span:after,
  .burger:active span:before {
    background-color:#ff6e40
  }
}
.burger.active {
  position:fixed;
  top:20px;
  left:200px
}
.burger.active .burger__line-top {
  top:-4px
}
.burger.active .burger__line-top:before {
  transform:rotate(45deg);
  width:60%
}
.burger.active .burger__line-top:after {
  transform:rotate(-45deg);
  width:60%
}
.burger.active .burger__line-mid {
  position:relative
}
.burger.active .burger__line-mid:after,
.burger.active .burger__line-mid:before {
  opacity:0
}
.burger.active .burger__line-mid:before {
  transform:translateX(-50px)
}
.burger.active .burger__line-mid:after {
  transform:translateX(50px)
}
.burger.active .burger__line-bot {
  top:4px
}
.burger.active .burger__line-bot:before {
  transform:rotate(-45deg);
  width:60%
}
.burger.active .burger__line-bot:after {
  transform:rotate(45deg);
  width:60%
}
.burger-menu {
  height:100%;
  background-color:#161720;
  display:flex;
  flex-direction:column;
  width:236px;
  height:100vh;
  padding:20px 16px
}
.burger-menu__back {
  height:100vh;
  width:100vw;
  position:absolute;
  left:0;
  top:0;
  z-index:-1
}
.burger-menu__back_hidden {
  left:auto;
  right:0
}
.burger-menu__logo {
  flex:none;
  width:116px;
  height:26px;
  background-image:url(../img/logo.svg);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer
}
.burger-menu__nav {
  margin-top:16px;
  display:flex;
  flex-direction:column
}
.burger-menu__nav-elem {
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#9b9db1;
  padding:12px 0;
  border-bottom:1px solid #1c1d27;
  transition:.3s ease;
  cursor:pointer
}
.burger-menu__nav-elem_gleam {
  color:#beff34;
  display:flex;
  align-items:center;
  gap:6px;
  height:fit-content
}
.burger-menu__nav-elem_gleam .svg {
  width:12px;
  height:12px
}
.burger-menu__nav-elem_easy {
  color:#ff6e40
}
.burger-menu__nav-elem_help {
  color:#beff34
}
.burger-menu__nav-elem_bp {
  color:#ffb738
}
.burger-menu__nav-elem_new:after {
  content:"new";
  background-color:#ff6e40;
  color:#000;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:12px;
  line-height:12px;
  border-radius:3px;
  padding:0 3px
}
.burger-menu__nav-elem_sound .sound-switcher__slider {
  display:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .burger-menu__nav-elem:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .burger-menu__nav-elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
.main-nav-mobile {
  display:flex;
  align-items:center;
  position:fixed;
  z-index:4;
  bottom:0;
  left:0;
  width:100%;
  background-color:#161720
}
@media only screen and (min-width:1100px) {
  .main-nav-mobile {
    display:none
  }
}
@media not screen and (min-width:630px) {
  .main-nav-mobile {
    display:grid;
    grid-template-columns:repeat(6,1fr)
  }
}
.main-nav-mobile__elem {
  width:64px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9b9db1;
  transition:.3s ease
}
@media only screen and (min-width:630px) {
  .main-nav-mobile__elem {
    width:100px;
    height:70px
  }
  .main-nav-mobile__elem .svg {
    width:24px;
    height:24px
  }
}
@media not screen and (min-width:380px) {
  .main-nav-mobile__elem {
    width:100%;
    height:50px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .main-nav-mobile__elem:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .main-nav-mobile__elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
.main-nav-mobile__elem.active {
  color:#ff6e40
}
.main-nav-mobile__elem_user .action {
  min-width:0
}
.main-nav-mobile__elem-img {
  flex:none;
  width:24px;
  height:24px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  transition:.3s ease
}
.main-nav-mobile__elem-img_bp {
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/icon-bp.png?v=2);
  border-radius:50%
}
@media not all and (hover:none) and (pointer:coarse) {
  .main-nav-mobile__elem_bp:hover {
    color:#ffc96b
  }
  .main-nav-mobile__elem_bp:hover .main-nav-mobile__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
@media (hover:none) and (pointer:coarse) {
  .main-nav-mobile__elem_bp:active {
    -webkit-tap-highlight-color:transparent;
    color:#ffc96b
  }
  .main-nav-mobile__elem_bp:active .main-nav-mobile__elem-img_bp {
    box-shadow:0 0 8px #ffb738
  }
}
.main-nav-mobile__elem-user {
  width:24px;
  height:24px;
  background-size:contain;
  transition:.3s ease;
  border-radius:5px;
  border:1px solid #ff6e40
}
@media only screen and (min-width:630px) {
  .main-nav-mobile__elem-user {
    width:30px;
    height:30px
  }
}
.footer {
  padding:0 20px 20px;
  position:relative;
  z-index:2
}
.footer__pay-systems {
  margin-bottom:20px
}
.footer__main {
  padding:48px 20px
}
@media not screen and (min-width:630px) {
  .footer__main {
    padding:30px 20px 50px
  }
}
.footer__main .wrapper {
  display:flex;
  gap:100px
}
@media not screen and (min-width:1500px) {
  .footer__main .wrapper {
    gap:50px
  }
}
@media not screen and (min-width:1280px) {
  .footer__main .wrapper {
    flex-wrap:wrap
  }
}
@media not screen and (min-width:630px) {
  .footer__main .wrapper {
    gap:40px
  }
}
.footer__elem:last-child {
  margin-left:auto
}
.footer__logo {
  width:134px;
  height:30px;
  background-image:url(../img/logo.svg);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer
}
.footer__soc {
  margin:24px 0 30px
}
.footer__locate {
  font-family:TT Norms;
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#414250;
  max-width:188px
}
@media not screen and (min-width:630px) {
  .footer__locate {
    max-width:none
  }
}
.footer__nav {
  display:flex;
  gap:72px;
}
@media not screen and (min-width:630px) {
  .footer__nav {
    margin-top:40px;
    flex-wrap:wrap;
    gap:40px
  }
}
.footer__nav-block {
  display:flex;
  flex-direction:column;
  gap:8px
}
.footer__nav-title {
  font-style:normal;
  font-weight:700;
  font-size:13px;
  line-height:16px;
  color:#9b9db1;
  text-transform:uppercase;
  margin-bottom:12px
}
.footer__nav-elem {
  font-style:normal;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#fff;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .footer__nav-elem:hover {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .footer__nav-elem:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.8
  }
}
.footer__easydota {
  margin-top:32px
}
.footer__easydota .action {
  font-style:normal;
  font-weight:700;
  font-size:15px;
  line-height:20px;
  font-feature-settings:"liga" off;
  color:#ffa826;
  text-transform:none;
  margin-left:auto
}
.pay-systems {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:64px;
  padding:42px 0
}
@media not screen and (min-width:1100px) {
  .pay-systems {
    flex-wrap:wrap;
    padding:30px 20px;
    gap:20px
  }
}
.pay-systems__system {
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.pay-systems__system_visa {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/visa.svg?v=3);
  width:68px;
  height:22px
}
.pay-systems__system_mc {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/mc.svg?v=3);
  width:142px;
  height:26px
}
.pay-systems__system_wm {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/wm.svg?v=3);
  width:125px;
  height:30px
}
.pay-systems__system_qiwi {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/qiwi.svg?v=3);
  width:83px;
  height:30px
}
.pay-systems__system_skinpay {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/skinpay.svg?v=3);
  width:136px;
  height:24px
}
.pay-systems__system_steam {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/skins.svg?v=3);
  width:103px;
  height:28px
}
.pay-systems__system_btc {
  background-image:url(https://robuxman.ru/assets/css/public/img/payments/crypto.svg?v=3);
  width:72px;
  height:28px
}
.soc {
  display:flex;
  align-items:center;
  gap:20px
}
.soc__elem {
  cursor:pointer;
  color:#9b9db1;
  transition:.3s ease
}
.soc__elem .svg {
  width:20px;
  height:20px
}
@media not all and (hover:none) and (pointer:coarse) {
  .soc__elem:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .soc__elem:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.site-counters {
  display:flex;
  gap:52px
}
@media not screen and (min-width:900px) {
  .site-counters {
    flex-wrap:wrap
  }
}
.site-counters__elem {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  cursor:default
}
.site-counters__title {
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.site-counters__count {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  color:#fff;
  white-space:nowrap
}
.trustpilot {
  display:flex;
  flex-direction:column;
  transition:.3s ease;
  align-items:flex-end;
  text-align:right;
  gap:12px
}
.trustpilot:hover {
  filter:brightness(1.2)
}
.trustpilot__logo {
  width:98px
}
.trustpilot__rating {
  display:flex;
  position:relative;
  gap:2px
}
.trustpilot__star {
  position:relative;
  width:28px;
  height:28px;
  background-image:url(https://robuxman.ru/assets/css/public/img/trustpilot/star.svg?v=2);
  background-repeat:no-repeat;
  background-position:50%
}
.trustpilot__info {
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#fff
}
.refill-prizes-widget {
  position:relative;
  display:flex;
  justify-content:space-between;
  margin-top:52px;
  gap:10px
}
@media not screen and (min-width:1100px) {
  .refill-prizes-widget {
    margin-bottom:23px;
    margin-top:35px
  }
}
@media not screen and (min-width:630px) {
  .refill-prizes-widget {
    flex-direction:column
  }
}
.refill-prizes-widget__info {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-color:#161720;
  border-radius:10px;
  padding:25px 10px;
  width:200px;
  flex:none;
  height:fit-content
}
@media not screen and (min-width:630px) {
  .refill-prizes-widget__info {
    width:auto;
    padding:10px
  }
}
.refill-prizes-widget__icon {
  width:24px;
  height:24px;
  color:#ff6e40
}
.refill-prizes-widget__title {
  margin:10px 0 2px;
  font-weight:700;
  font-size:16px;
  line-height:22px;
  color:#fff
}
@media not screen and (min-width:630px) {
  .refill-prizes-widget__title {
    margin-top:2px
  }
}
.refill-prizes-widget__link {
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#9b9db1;
  cursor:pointer;
  transition:.3s ease
}
.refill-prizes-widget__link svg {
  width:12px;
  height:12px
}
@media not all and (hover:none) and (pointer:coarse) {
  .refill-prizes-widget__link:hover {
    color:rgba(155,157,177,.7)
  }
}
@media (hover:none) and (pointer:coarse) {
  .refill-prizes-widget__link:active {
    -webkit-tap-highlight-color:transparent;
    color:rgba(155,157,177,.7)
  }
}
.refill-prizes-widget__grid {
  display:flex;
  gap:10px;
  max-width:100%;
  overflow-x:scroll;
  padding-bottom:20px
}
.refill-prizes-widget__grid::-webkit-scrollbar-track {
  background-color:#161720
}
.refill-prizes-widget__grid::-webkit-scrollbar {
  width:2px;
  height:2px
}
.refill-prizes-widget__grid::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
@media only screen and (min-width:1623px) {
  .refill-prizes-widget__grid {
    overflow-x:auto
  }
}
@media not screen and (min-width:630px) {
  .refill-prizes-widget__grid {
    padding-bottom:10px
  }
}
.refill-prizes-item {
  position:relative;
  overflow:hidden;
  background-color:var(--color-20);
  padding:16px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  border-radius:10px;
  z-index:1;
  width:330px;
  flex:none;
  cursor:pointer
}
@media not screen and (min-width:630px) {
  .refill-prizes-item {
    width:282px;
    gap:10px;
    align-items:center;
    padding:12px
  }
}
.refill-prizes-item__crown {
  color:var(--color-1);
  position:absolute;
  transform:rotate(-10deg) translateY(-50%);
  left:-24px;
  top:50%;
  width:140px;
  height:114px;
  pointer-events:none
}
.refill-prizes-item__fade {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:160px;
  height:160px;
  border-radius:50%;
  background-color:var(--color-20);
  filter:blur(42px);
  pointer-events:none
}
.refill-prizes-item__img {
  width:128px;
  height:96px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  flex:none;
  position:relative;
  transition:.3s ease
}
@media not screen and (min-width:630px) {
  .refill-prizes-item__img {
    width:96px;
    height:72px
  }
}
.refill-prizes-item__bar {
  position:absolute;
  top:10px;
  left:12px
}
.refill-prizes-item__price {
  background:rgba(0,0,0,.5);
  border-radius:8px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  color:#fff;
  padding:5px 10px;
  transition:.3s ease;
  width:fit-content;
  pointer-events:none
}
.refill-prizes-item__name {
  color:var(--color-2);
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  max-width:120px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
@media not screen and (min-width:630px) {
  .refill-prizes-item__name {
    max-width:113px
  }
}
.refill-prizes-item__name_last {
  margin:2px 0 10px;
  color:#fff;
  max-width:150px
}
@media not screen and (min-width:630px) {
  .refill-prizes-item__name_last {
    max-width:150px
  }
}
.refill-prizes-item__period {
  margin-bottom:5px;
  text-align:center
}
.refill-prizes-item__timer {
  display:flex;
  padding:6px 5px;
  gap:8px;
  background-color:var(--color-10);
  border-radius:10px
}
.refill-prizes-item__timer-column {
  display:flex;
  flex-direction:column;
  align-items:center;
  font-weight:500;
  font-size:11px;
  line-height:12px;
  text-align:center;
  color:var(--color-2);
  width:30px;
  position:relative
}
.refill-prizes-item__timer-column:not(:last-child):before {
  content:":";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:-6px;
  font-family:TT Norms;
  font-style:normal;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:var(--color-2)
}
.refill-prizes-item__timer-column span {
  margin-bottom:2px;
  font-weight:700;
  font-size:13px;
  line-height:16px;
  color:#fff
}
.refill-prizes-item__users {
  display:flex;
  align-items:center;
  position:absolute;
  top:10px;
  right:12px;
  font-weight:700;
  font-size:14px;
  line-height:18px;
  color:#fff
}
.refill-prizes-item__users svg {
  width:12px;
  height:12px;
  margin-right:6px;
  color:var(--color-1)
}
@media not screen and (min-width:630px) {
  .refill-prizes-item__users svg {
    margin-right:2px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .refill-prizes-item:hover .refill-prizes-item__img {
    transform:rotate(5deg) scale(1.02)
  }
}
@media (hover:none) and (pointer:coarse) {
  .refill-prizes-item:active {
    -webkit-tap-highlight-color:transparent
  }
  .refill-prizes-item:active .refill-prizes-item__img {
    transform:rotate(5deg) scale(1.02)
  }
}
.refill-prizes-popup-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px
}
.layout-refill-prizes {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-refill-prizes {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-refill-prizes__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  grid-gap:8px;
  margin-top:42px
}
.layout-refill-prizes__grid .action,
.layout-refill-prizes__grid .info {
  margin:40px auto 0;
  grid-column:1/-1
}
.layout-refill-prizes__grid .info {
  width:fit-content
}
.refill-prizes-history-item .skin {
  border-radius:10px 10px 0 0
}
.refill-prizes-history-item__info {
  border-radius:0 0 10px 10px;
  padding:10px 24px 5px;
  background-color:var(--color-10)
}
.refill-prizes-history-item__user-img {
  border-radius:50%;
  width:30px;
  height:30px;
  border:1px solid transparent;
  transition:.3s ease
}
.refill-prizes-history-item__user-name {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  max-width:100%;
  color:#9b9db1
}
.refill-prizes-history-item__link {
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:4px;
  cursor:pointer;
  margin-bottom:4px
}
@media not all and (hover:none) and (pointer:coarse) {
  .refill-prizes-history-item__link:hover .refill-prizes-history-item__user-img {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .refill-prizes-history-item__link:active {
    -webkit-tap-highlight-color:transparent
  }
  .refill-prizes-history-item__link:active .refill-prizes-history-item__user-img {
    border-color:#ff6e40
  }
}
.refill-prizes-history-item__date {
  text-align:center;
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:18px
}
.refill-prizes-history-item__raffle-type {
  text-align:center;
  font-family:TT Firs Neue,sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff
}
.clues-home {
  position:relative;
  z-index:1
}
.clues-home__content {
  position:relative;
  padding:70px 0 0
}
@media not screen and (min-width:630px) {
  .clues-home__content {
    padding-top:25px
  }
}
.clues-home__content:before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/clues/back.jpg?v=2);
  background-size:contain;
  background-position:top;
  background-repeat:no-repeat;
  width:100vw;
  height:100%;
  z-index:-1
}
.clues-home__count {
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  display:flex;
  align-items:center
}
@media not screen and (min-width:630px) {
  .clues-home__count {
    font-size:13px;
    line-height:16px
  }
}
.clues-home__count .svg {
  width:20px;
  height:20px;
  margin-right:12px
}
@media not screen and (min-width:630px) {
  .clues-home__count .svg {
    margin-right:8px
  }
}
.clues-home__count span {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  color:#fff;
  margin-right:8px
}
@media not screen and (min-width:630px) {
  .clues-home__count span {
    margin-right:5px;
    font-size:16px;
    line-height:24px
  }
}
.clues-home__logo {
  margin:16px 0;
  max-width:480px
}
@media not screen and (min-width:630px) {
  .clues-home__logo {
    max-width:100%;
    margin:10px 0
  }
}
.clues-home__text {
  font-style:normal;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  max-width:520px
}
@media not screen and (min-width:630px) {
  .clues-home__text {
    font-size:13px;
    line-height:16px
  }
}
.clues-home__actions {
  margin-top:32px;
  display:flex;
  gap:12px
}
@media not screen and (min-width:630px) {
  .clues-home__actions {
    flex-direction:column-reverse;
    margin-top:15px
  }
}
.clues-home__cases {
  margin-top:48px
}
@media not screen and (min-width:630px) {
  .clues-home__cases {
    margin-top:10px
  }
}
.layout-home {
  padding-bottom:187px
}
@media not screen and (min-width:1100px) {
  .layout-home {
    padding-bottom:100px
  }
}
.home-cases {
  margin-top:72px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:1100px) {
  .home-cases {
    margin-top:46px
  }
}
.home-cases_dark {
  padding:90px 0 34px
}
@media not screen and (min-width:1100px) {
  .home-cases_dark {
    padding:50px 0 20px
  }
}
.home-cases_dark:after,
.home-cases_dark:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%)
}
.home-cases_dark:before {
  width:calc(100% + 64px);
  height:100%;
  background-color:#161720;
  border-radius:32px;
  z-index:0
}
.home-cases_dark:after {
  width:334px;
  height:52px;
  background-image:url(https://robuxman.ru/assets/css/public/img/home-cases/before-block.svg?v=2);
  background-size:contain;
  background-position:top;
  background-repeat:no-repeat;
  z-index:0
}
.home-cases_one {
  margin-top:0
}
.home-cases__title {
  margin-bottom:32px;
  position:relative;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .home-cases__title {
    margin-bottom:20px
  }
}
.home-cases__title_bloggers:before {
  content:"";
  position:absolute;
  left:50%;
  top:-48px;
  transform:translateX(-50%);
  width:62px;
  height:32px;
  background-image:url(https://robuxman.ru/assets/css/public/img/icon-streams.svg?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
@media not screen and (min-width:1100px) {
  .home-cases__title_bloggers:before {
    top:-30px
  }
}
.home-cases__title-btns {
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px
}
@media only screen and (min-width:1300px) {
  .home-cases__title-btns {
    margin-top:0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0
  }
}
.home-cases__switcher {
  display:flex;
  justify-content:center;
  margin-bottom:42px
}
.home-cases__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(312px,1fr));
  grid-row-gap:42px;
  justify-content:center
}
@media not screen and (min-width:1100px) {
  .home-cases__grid {
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    grid-row-gap:20px
  }
}
@media not screen and (min-width:630px) {
  .home-cases__grid {
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    grid-row-gap:20px
  }
}
.home-cases__case_free .case__price {
  display:none
}
.home-cases__case_free .case__price_free {
  display:block;
  text-transform:uppercase
}
.layout-case {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:630px) {
  .layout-case {
    padding-top:24px;
    display:flex;
    flex-direction:column
  }
}
.layout-case__labels {
  display:flex;
  flex-direction:column;
  gap:10px;
  position:absolute;
  left:0;
  width:250px;
  top:48px;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .layout-case__labels {
    width:180px
  }
}
@media not screen and (min-width:630px) {
  .layout-case__labels {
    top:10px;
    display:none
  }
}
.layout-case__labels .action {
  width:100%
}
.layout-case__social-links {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  justify-content:center;
  margin-top:10px;
  margin-bottom:-10px
}
.layout-case__social-links .action {
  min-width:0;
  width:fit-content
}
.layout-case__farm-mode {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
  padding:80px 0 40px;
  position:relative;
  margin-bottom:30px
}
@media not screen and (min-width:1100px) {
  .layout-case__farm-mode {
    padding-top:40px
  }
}
.layout-case__farm-mode .skin-preview__action-btn {
  margin-top:20px;
  grid-column:1/-1;
  display:flex;
  justify-content:center
}
.layout-case__farm-mode .skin {
  transition:.3s ease
}
.layout-case__drop {
  padding:0 0 40px
}
.layout-case__roulette {
  position:relative;
  padding:40px 0;
  width:100%;
  display:grid;
  justify-content:center;
  align-items:center;
  -webkit-transform:translateZ(0) perspective(1000px);
  transform:translateZ(0) perspective(1000px);
  -webkit-perspective:1000;
  perspective:1000
}
@media not screen and (min-width:1100px) {
  .layout-case__roulette {
    grid-template-columns:repeat(auto-fit,minmax(550px,1fr));
    margin-bottom:22px;
    grid-gap:12px 5px
  }
}
@media only screen and (min-width:1100px) {
  .layout-case__roulette {
    grid-template-columns:repeat(auto-fit,minmax(700px,1fr));
    grid-gap:16px
  }
}
.layout-case__roulette_three .roulette:last-child {
  grid-column:1/-1
}
.layout-case__roulette_vertical {
  grid-template-columns:1fr
}
.layout-case__roulette_single {
  padding-top:60px;
  padding-bottom:43px
}
.layout-case__pf-btn {
  position:absolute;
  width:fit-content;
  top:0;
  right:20px
}
.layout-case__pf-btn .action {
  min-width:0
}
.layout-case__img-wrapper {
  display:flex;
  justify-content:center;
  margin-top:18px;
  position:relative
}
.layout-case__img {
  max-width:400px
}
@media not screen and (min-width:630px) {
  .layout-case__img {
    max-width:100%;
    max-height:250px
  }
}
.layout-case__img-back {
  top:0;
  height:700px;
  width:100vw;
  overflow:hidden;
  opacity:.5
}
.layout-case__img-back,
.layout-case__img-back:before {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  z-index:-1
}
.layout-case__img-back:before {
  content:"";
  bottom:100px;
  background-image:var(--case-img);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:1024px;
  height:1024px;
  filter:blur(25px);
  will-change:filter
}
.layout-case__img-back:after {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  background:linear-gradient(180deg,#161720,rgba(22,23,32,0));
  z-index:-1
}
.layout-case__user-case {
  width:400px;
  height:400px;
  position:relative;
  margin:0 auto;
  max-width:400px
}
@media not screen and (min-width:630px) {
  .layout-case__user-case {
    max-width:100%;
    max-height:250px
  }
}
.layout-case__user-case-img {
  position:absolute;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  object-fit:contain
}
.layout-case__gifts-block {
  position:absolute;
  right:0;
  top:48px;
  z-index:2;
  width:250px
}
@media not screen and (min-width:1100px) {
  .layout-case__gifts-block {
    width:180px
  }
}
@media not screen and (min-width:630px) {
  .layout-case__gifts-block {
    position:relative;
    top:0;
    margin:0 auto;
    width:250px
  }
}
.layout-case__buttons {
  display:flex;
  justify-content:center;
  margin-bottom:64px
}
.layout-case__buttons .action_yellow-border {
  width:54px;
  height:54px
}
.layout-case__top-drops {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  grid-gap:8px;
  margin-top:42px;
  margin-bottom:64px;
  min-height:238px;
  max-height:238px;
  overflow:hidden
}
@media not screen and (min-width:630px) {
  .layout-case__top-drops {
    min-height:196px;
    max-height:196px
  }
}
.layout-case__items-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  grid-gap:8px;
  margin-top:42px
}
.limit-open {
  display:flex;
  align-items:center;
  gap:16px;
  background-color:#1c1d27;
  border-radius:10px;
  padding:11px 18px 13px;
  flex:none
}
.limit-open__speedometer {
  width:36px;
  height:36px;
  position:relative
}
.limit-open__speedometer-bar {
  transform:rotate(-228deg);
  width:36px;
  height:36px
}
.limit-open__speedometer-bar .circle-bar-svg {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.limit-open__speedometer-bar .circle-bar-svg__dash {
  stroke-dasharray:100;
  stroke-dashoffset:calc(0 - var(--limit-bar))
}
.limit-open__speedometer-arrow {
  width:100%;
  height:100%;
  background-image:url(https://robuxman.ru/assets/css/public/img/case/limit-arrow.svg);
  background-size:12px 12px;
  background-position:top 8px left 16px;
  background-repeat:no-repeat;
  position:absolute;
  top:0;
  left:0;
  transform:rotate(calc(-183deg + var(--limit-arrow)))
}
.limit-open__title {
  font-weight:500;
  margin-bottom:4px
}
.limit-open__limit,
.limit-open__title {
  font-size:15px;
  line-height:20px;
  color:#9b9db1
}
.limit-open__limit {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600
}
.limit-open__limit span {
  color:#fff
}
.limit-open__info_time {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%
}
.limit-open__info_time .limit-open__title {
  color:#fff;
  font-weight:600
}
.limit-open__info_time .limit-open__limit {
  display:inline-flex;
  gap:8px;
  align-items:center
}
.limit-open__info_time .limit-open__limit .svg {
  width:20px;
  height:20px
}
.buttons-case {
  margin-top:36px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px
}
.buttons-case__farm-mode .action-selector {
  background-color:#12131a;
  border-radius:10px
}
.buttons-case__farm-mode .action-selector__item {
  font-size:16px;
  line-height:22px;
  width:54px;
  height:54px
}
.buttons-case__open {
  display:flex;
  gap:10px
}
.buttons-case__open-btn {
  padding-left:24px;
  padding-right:24px;
  gap:5px
}
.buttons-case__refill {
  display:flex;
  gap:8px
}
.buttons-case__note {
  margin-bottom:20px
}
.case-about {
  background-color:#1c1d27;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  gap:10px;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  overflow:hidden
}
.case-about__user {
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px 13px;
  background-color:#272835
}
.case-about__user-img {
  width:42px;
  height:42px;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  flex:none;
  border-radius:10px;
  cursor:pointer;
  transition:.3s ease;
  outline:1px solid transparent
}
@media not all and (hover:none) and (pointer:coarse) {
  .case-about__user-img:hover {
    outline-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .case-about__user-img:active {
    -webkit-tap-highlight-color:transparent;
    outline-color:#ff6e40
  }
}
.case-about__user-info {
  min-width:0
}
.case-about__user-title {
  color:#9b9db1
}
.case-about__user-name {
  margin-top:2px;
  font-weight:600;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.case-about__elem {
  padding:0 16px
}
.case-about__elem:first-child {
  padding-top:12px
}
.case-about__elem:last-child {
  padding-bottom:12px
}
.case-about__elem-title {
  color:#9b9db1
}
.case-about__elem-value {
  font-weight:600;
  margin-top:4px
}
.case-about__btn {
  padding:0 16px 12px
}
.layout-upgrade {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:1100px) {
  .layout-upgrade {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-upgrade__title {
  margin-bottom:72px;
  position:relative;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .layout-upgrade__title {
    margin-bottom:50px
  }
}
.layout-upgrade__upgrade-sections {
  display:grid;
  grid-template-columns:412px 452px 412px;
  width:fit-content;
  margin:0 auto;
  position:relative;
  z-index:1
}
@media not screen and (min-width:1350px) {
  .layout-upgrade__upgrade-sections {
    grid-template-columns:330px 350px 330px
  }
}
@media not screen and (min-width:1100px) {
  .layout-upgrade__upgrade-sections {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
  }
}
@media not screen and (min-width:650px) {
  .layout-upgrade__upgrade-sections {
    flex-direction:column;
    gap:0
  }
}
.upgrade-section {
  width:100%;
  height:422px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/item-bg.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  padding:10px 10px 50px;
  z-index:1
}
@media not screen and (min-width:1350px) {
  .upgrade-section {
    height:350px;
    padding-top:15px;
    margin-top:10px
  }
}
@media not screen and (min-width:1100px) {
  .upgrade-section {
    width:300px;
    height:316px;
    padding-bottom:45px
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section {
    width:340px;
    height:356px
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section_left {
    margin-bottom:-18px
  }
}
.upgrade-section_mid {
  background-image:none;
  padding:0;
  z-index:0
}
@media not screen and (min-width:1350px) {
  .upgrade-section_mid {
    margin-top:0
  }
}
@media not screen and (min-width:1100px) {
  .upgrade-section_mid {
    width:100%;
    order:1
  }
}
@media not screen and (min-width:630px) {
  .upgrade-section_mid {
    background-size:100% 100%;
    height:338px
  }
}
.upgrade-section_mid:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/bg-grid.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:1000px;
  height:600px;
  z-index:-1;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .upgrade-section_mid:before {
    width:1400px;
    height:1000px;
    top:0
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section_mid:before {
    top:-50%
  }
}
.upgrade-section__switcher {
  position:absolute;
  top:-66px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  height:42px;
  font-weight:700;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .upgrade-section__switcher {
    top:-45px
  }
}
@media not screen and (min-width:630px) {
  .upgrade-section__switcher {
    top:-50px
  }
}
.upgrade-section__btns {
  position:absolute;
  top:-66px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  height:42px;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .upgrade-section__btns {
    top:-45px
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section__btns {
    display:none
  }
}
.upgrade-section__btns .action_yellow-border {
  width:46px;
  height:42px;
  padding:initial
}
.upgrade-section__btns .action_icon {
  width:46px;
  height:42px
}
.upgrade-section__actions {
  position:absolute;
  top:-66px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px;
  height:42px;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .upgrade-section__actions {
    top:-45px
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section__actions {
    display:none
  }
}
.upgrade-section__actions .action {
  min-width:0
}
.upgrade-section__actions .action:last-child {
  text-transform:none;
  color:#9b9db1;
  pointer-events:none
}
.upgrade-section__remove-items {
  position:absolute;
  top:-48px;
  left:50%;
  transform:translateX(-50%)
}
.upgrade-section__status {
  position:absolute;
  top:-38px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .upgrade-section__status {
    top:6px
  }
}
.upgrade-section__status-img {
  width:42px;
  height:42px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  margin-bottom:10px
}
@media not screen and (min-width:1100px) {
  .upgrade-section__status-img {
    width:30px;
    height:30px;
    margin-bottom:5px
  }
}
.upgrade-section__status-img_success {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/success.svg?v=2)
}
.upgrade-section__status-img_fail {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fail.svg?v=2)
}
.upgrade-section__status-title {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:36px;
  color:#fff
}
@media not screen and (min-width:1100px) {
  .upgrade-section__status-title {
    font-size:20px;
    line-height:20px
  }
}
.upgrade-section__status-text {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .upgrade-section__status-text {
    font-size:14px;
    line-height:19px;
    white-space:nowrap
  }
}
.upgrade-section__container {
  width:100%;
  height:100%;
  background-color:#161720;
  border-radius:10px
}
.upgrade-section__container_mid {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:26px;
  background-color:transparent;
  border-radius:0
}
@media not screen and (min-width:1350px) {
  .upgrade-section__container_mid {
    padding-top:0
  }
}
.upgrade-section__void {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:100%;
  height:100%
}
.upgrade-section__void-img {
  width:94px;
  height:50px;
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/skin-img.svg?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.upgrade-section__void-img_right {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/skin-img-down.svg?v=2)
}
.upgrade-section__void-text {
  font-size:15px;
  line-height:20px;
  color:#9b9db1;
  text-align:center;
  max-width:210px;
  font-feature-settings:"liga" off
}
.upgrade-section__chance {
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:2
}
.upgrade-section__chance_hidden {
  opacity:0
}
.upgrade-section__chance-percent {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:36px;
  color:#fff
}
@media not screen and (min-width:1100px) {
  .upgrade-section__chance-percent {
    text-shadow:2px 1px #000
  }
}
.upgrade-section__chance-text {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .upgrade-section__chance-text {
    text-shadow:2px 1px #000
  }
}
.upgrade-section__circle-chance {
  margin-top:48px;
  margin-bottom:80px
}
@media not screen and (min-width:1100px) {
  .upgrade-section__circle-chance {
    margin-bottom:48px
  }
}
.upgrade-section__btn {
  display:flex;
  flex-direction:column;
  align-items:center
}
.upgrade-section__btn-take-skin {
  margin-top:26px;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  text-align:center;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .upgrade-section__btn-take-skin {
    margin-top:5px
  }
}
.upgrade-section__btn-sell {
  position:absolute;
  bottom:-70px;
  left:50%;
  transform:translateX(-50%)
}
@media not screen and (min-width:1350px) {
  .upgrade-section__btn-sell {
    bottom:-50px
  }
}
@media not screen and (min-width:650px) {
  .upgrade-section__btn-sell {
    bottom:0
  }
}
.upgrade-circle-chance {
  width:108px;
  height:108px;
  position:relative;
  z-index:1
}
.upgrade-circle-chance:before {
  content:"";
  position:absolute;
  top:69%;
  left:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/chance-bg.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:452px;
  height:348px;
  z-index:-1;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .upgrade-circle-chance:before {
    background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/chance-bg_mobile.png?v=2);
    transform:translateX(-51%);
    top:-169px;
    width:307px;
    height:312px
  }
}
.upgrade-circle-chance:after {
  content:"";
  position:absolute;
  top:69%;
  left:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/chance-bg-active.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:492px;
  height:348px;
  z-index:-1;
  opacity:0;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .upgrade-circle-chance:after {
    background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/chance-bg-active_mobile.png?v=2);
    transform:translateX(-51%);
    top:-182px;
    width:344px;
    height:339px
  }
}
.upgrade-circle-chance__bar {
  background:radial-gradient(closest-side,#1c1d27,90%,transparent 0 99.9%,transparent 0),conic-gradient(#beff34 var(--upgrade-circle-chance-bar),#ff3535 0);
  border-radius:50%;
  width:98%;
  height:98%;
  transition:.3s ease;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.upgrade-circle-chance__bar-wrapper {
  width:100%;
  height:100%;
  border-radius:50%;
  clip-path:url(f114fa00d8f39ec4003ef73036dc3c30ed72b9b6.css)
}
.upgrade-circle-chance__arrow {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/arrow.svg?v=4);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
  will-change:transform
}
.upgrade-circle-chance__arrow,
.upgrade-circle-chance__back {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.upgrade-circle-chance__back {
  width:calc(100% + 4px);
  height:calc(100% + 4px);
  transition:.3s ease;
  border-radius:50%;
  z-index:-1
}
.upgrade-circle-chance__crown {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(-10deg);
  width:60px;
  height:50px;
  color:#1c1d27;
  pointer-events:none
}
.upgrade-circle-chance__dial {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  color:#272835
}
.upgrade-circle-chance__smoke {
  position:absolute;
  left:66%;
  top:37%;
  transform:translate(-50%,-50%);
  width:600%;
  height:600%;
  z-index:-2;
  opacity:0;
  visibility:hidden
}
.upgrade-circle-chance__smoke-back,
.upgrade-circle-chance__smoke-top {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%
}
.upgrade-circle-chance_progress {
  animation:shakePipesStage1 .25s ease-in 1s infinite forwards,shakePipesStage1 .2s ease-in 1.5s infinite forwards,shakePipesStage2 .25s ease-in 3s infinite forwards,shakePipesStage2 .2s ease-in 5s infinite forwards
}
.upgrade-circle-chance_progress:after {
  opacity:1;
  animation:heatPipes 6.5s ease-in forwards
}
.upgrade-circle-chance_progress .upgrade-circle-chance__arrow {
  animation:rotateArrowBar 6.5s ease-in-out forwards
}
.upgrade-circle-chance_percent .upgrade-circle-chance__bar {
  opacity:0
}
.upgrade-circle-chance_fail:after {
  animation:coolPipes 2s ease-out forwards
}
.upgrade-circle-chance_fail .upgrade-circle-chance__bar {
  background:radial-gradient(closest-side,#1c1d27,90%,transparent 0 99.9%,transparent 0),conic-gradient(transparent var(--upgrade-circle-chance-bar),#ff3535 0)
}
.upgrade-circle-chance_fail .upgrade-circle-chance__back {
  background:linear-gradient(151.25deg,#491919 10.06%,#2c1212 50.76%)
}
.upgrade-circle-chance_fail .upgrade-circle-chance__crown,
.upgrade-circle-chance_fail .upgrade-circle-chance__dial {
  color:rgba(255,53,53,.1)
}
.upgrade-circle-chance_fail .upgrade-circle-chance__smoke {
  animation:failedSmoke 2s linear forwards
}
.upgrade-circle-chance_fail .upgrade-circle-chance__arrow {
  animation:rotateArrowBarFail 2s ease-out forwards
}
.upgrade-circle-chance_success:after {
  animation:coolPipes 2s ease-out forwards
}
.upgrade-circle-chance_success .upgrade-circle-chance__bar {
  background:radial-gradient(closest-side,#1c1d27,90%,transparent 0 99.9%,transparent 0),conic-gradient(#beff34 var(--upgrade-circle-chance-bar),transparent 0)
}
.upgrade-circle-chance_success .upgrade-circle-chance__back {
  background:linear-gradient(151.25deg,#3a4919 10.06%,#252c12 50.76%)
}
.upgrade-circle-chance_success .upgrade-circle-chance__crown,
.upgrade-circle-chance_success .upgrade-circle-chance__dial {
  color:rgba(190,255,52,.1)
}
.upgrade-circle-chance_success .upgrade-circle-chance__arrow {
  transform:translate(-50%,-50%) rotate(var(--upgrade-circle-arrow))
}
@keyframes failedSmoke {
  0% {
    visibility:visible;
    opacity:1
  }
  90% {
    visibility:visible;
    opacity:1
  }
  to {
    visibility:hidden;
    opacity:0
  }
}
@keyframes shakePipesStage1 {
  0% {
    transform:translate(-.1%,-.1%) rotate(-.3deg)
  }
  20% {
    transform:translate(.1%,.1%) rotate(.3deg)
  }
  40% {
    transform:translate(-.1%,-.1%) rotate(-.3deg)
  }
  60% {
    transform:translate(.1%,.1%) rotate(.3deg)
  }
  80% {
    transform:translate(-.1%,-.1%) rotate(-.3deg)
  }
  to {
    transform:translate(.1%,.1%) rotate(.3deg)
  }
}
@keyframes shakePipesStage2 {
  0% {
    transform:translate(-.3%,-.3%) rotate(-.6deg)
  }
  20% {
    transform:translate(.3%,.3%) rotate(.6deg)
  }
  40% {
    transform:translate(-.3%,-.3%) rotate(-.6deg)
  }
  60% {
    transform:translate(.3%,.3%) rotate(.6deg)
  }
  80% {
    transform:translate(-.3%,-.3%) rotate(-.6deg)
  }
  to {
    transform:translate(.3%,.3%) rotate(.6deg)
  }
}
@keyframes heatPipes {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes coolPipes {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes rotateArrowBar {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  to {
    transform:translate(-50%,-50%) rotate(var(--upgrade-circle-arrow))
  }
}
@keyframes rotateArrowBarFail {
  0% {
    transform:translate(-50%,-50%) rotate(var(--upgrade-circle-arrow))
  }
  to {
    transform:translate(-50%,-50%) rotate(3turn)
  }
}
.upgrade-items {
  display:flex;
  gap:16px;
  margin-top:100px
}
@media not screen and (min-width:1350px) {
  .upgrade-items {
    margin-top:60px
  }
}
@media not screen and (min-width:1100px) {
  .upgrade-items {
    margin-top:40px;
    flex-direction:column
  }
}
@media not screen and (min-width:650px) {
  .upgrade-items {
    margin-top:0
  }
}
.upgrade-items__layout {
  width:100%
}
@media not screen and (min-width:1100px) {
  .upgrade-items__layout {
    display:none
  }
  .upgrade-items__layout.active {
    display:block
  }
}
.upgrade-items__layout_my {
  max-width:587px
}
@media not screen and (min-width:1100px) {
  .upgrade-items__layout_my {
    max-width:none
  }
}
.upgrade-items__nav {
  height:42px;
  position:relative;
  z-index:2
}
.upgrade-items__nav .action-selector__item {
  width:100%
}
@media only screen and (min-width:1100px) {
  .upgrade-items__nav {
    display:none
  }
}
.upgrade-items__title {
  margin-bottom:24px
}
@media not screen and (min-width:1100px) {
  .upgrade-items__title {
    display:none
  }
}
.upgrade-items__container {
  padding:20px;
  height:706px
}
@media not screen and (min-width:630px) {
  .upgrade-items__container {
    padding:10px;
    height:559px
  }
}
.upgrade-items__actions {
  display:flex;
  gap:10px;
  margin-bottom:20px
}
@media not screen and (min-width:630px) {
  .upgrade-items__actions {
    margin-bottom:10px
  }
}
@media not screen and (min-width:400px) {
  .upgrade-items__actions .action_input {
    width:100%;
    min-width:0
  }
}
.upgrade-items__actions-inputs {
  display:flex;
  gap:10px
}
@media not screen and (min-width:400px) {
  .upgrade-items__actions-inputs {
    width:100%
  }
}
@media not screen and (min-width:1200px) {
  .upgrade-items__actions-inputs .action_input-sort {
    display:none
  }
}
.upgrade-items__actions-sort {
  margin-left:auto
}
@media not screen and (min-width:400px) {
  .upgrade-items__actions-sort {
    display:none
  }
}
.upgrade-items__actions-sort .action {
  height:100%
}
@media not screen and (min-width:630px) {
  .upgrade-items__actions-sort .action {
    min-width:0;
    font-size:0;
    gap:0
  }
}
.upgrade-items__actions-sort .action.active .svg {
  transform:scaleY(-1)
}
.upgrade-items__grid {
  display:grid;
  gap:8px;
  grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
  height:fit-content;
  max-height:600px;
  overflow-y:scroll;
  padding-right:6px;
  margin-right:-6px
}
@media not screen and (min-width:630px) {
  .upgrade-items__grid {
    max-height:484px
  }
}
.upgrade-items__grid::-webkit-scrollbar-track {
  background-color:#161720
}
.upgrade-items__grid::-webkit-scrollbar {
  width:2px;
  height:2px
}
.upgrade-items__grid::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
.upgrade-items__item {
  position:relative;
  height:fit-content
}
.upgrade-items__item_fluid {
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  margin-top:20px
}
.upgrade-items__item-add {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:48px;
  height:48px;
  opacity:0;
  transition:.3s ease;
  pointer-events:none;
  color:#fff
}
.upgrade-items__item-add .svg {
  width:100%;
  height:100%
}
.upgrade-items__item:hover .upgrade-items__item-add {
  opacity:1
}
.upgrade-items__no-skins {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%
}
.upgrade-items__no-skins-img {
  width:32px;
  height:27px;
  color:#414250
}
.upgrade-items__no-skins-text {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  text-align:center;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  max-width:360px;
  margin:12px 0 24px
}
.item-upgrade {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:var(--color-10);
  border-radius:10px
}
.item-upgrade:before {
  content:"";
  position:absolute;
  left:50%;
  top:28px;
  transform:translateX(-50%);
  width:348px;
  height:256px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
@media not screen and (min-width:1350px) {
  .item-upgrade:before {
    top:0;
    width:100%;
    height:100%
  }
}
.item-upgrade:after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:542px;
  height:542px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  z-index:-1;
  animation:flicker 2s linear infinite alternate
}
@media not screen and (min-width:1350px) {
  .item-upgrade:after {
    width:418px;
    height:418px
  }
}
@media not screen and (min-width:1100px) {
  .item-upgrade:after {
    width:374px;
    height:374px
  }
}
.item-upgrade__line-void {
  width:144px;
  height:8px;
  color:#161720
}
.item-upgrade__line,
.item-upgrade__line-void {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none
}
.item-upgrade__line {
  width:140px;
  height:6px;
  color:var(--color-1)
}
.item-upgrade__fade {
  position:absolute;
  top:11px;
  left:50%;
  transform:translateX(-50%);
  width:290px;
  height:290px;
  border-radius:50%;
  background-color:var(--color-20);
  filter:blur(42px);
  pointer-events:none;
  backface-visibility:hidden
}
@media not screen and (min-width:1350px) {
  .item-upgrade__fade {
    top:0;
    width:80%;
    height:80%
  }
}
.item-upgrade__img {
  width:300px;
  position:relative;
  z-index:2;
  margin-top:43px
}
@media not screen and (min-width:1350px) {
  .item-upgrade__img {
    width:80%;
    margin-top:20px
  }
}
.item-upgrade__titles {
  width:90%;
  position:absolute;
  z-index:2;
  left:20px;
  bottom:20px;
  font-family:Source Code Pro;
  font-style:normal;
  font-weight:600;
  font-size:14px;
  line-height:18px;
  text-shadow:0 0 4px var(--color-1);
  color:var(--color-2);
  display:flex;
  gap:14px
}
@media not screen and (min-width:630px) {
  .item-upgrade__titles {
    font-size:12px;
    line-height:14px
  }
}
.item-upgrade__titles p {
  display:inline-block
}
.item-upgrade__titles p:first-child {
  margin-bottom:4px
}
.item-upgrade__titles span {
  color:#fff;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  max-width:260px
}
.item-upgrade__titles span:first-child {
  margin-bottom:4px;
  min-width:0
}
.item-upgrade__name,
.item-upgrade__price {
  display:flex;
  flex-direction:column
}
.item-upgrade__price {
  min-width:0
}
.item-upgrade__remove {
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:6px;
  left:6px;
  border-radius:10px;
  color:#9b9db1;
  width:42px;
  height:42px;
  background-color:rgba(0,0,0,.25);
  cursor:pointer;
  transition:.3s ease;
  z-index:3
}
.item-upgrade__remove .svg {
  width:20px;
  height:20px
}
@media not all and (hover:none) and (pointer:coarse) {
  .item-upgrade__remove:hover {
    color:#fff;
    background-color:rgba(0,0,0,.35)
  }
}
@media (hover:none) and (pointer:coarse) {
  .item-upgrade__remove:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff;
    background-color:rgba(0,0,0,.35)
  }
}
.item-upgrade.common:before,
.item-upgrade.uncommon:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/common.png?v=2)
}
.item-upgrade.milspec:before {
  background-image:url(../img/milspec.png)
}
.item-upgrade.restricted:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/restricted.png?v=2)
}
.item-upgrade.classified:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/classified.png?v=2)
}
.item-upgrade.covert:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/covert.png?v=2)
}
.item-upgrade.rare:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/rare.png?v=2)
}
.item-upgrade.gloves:before {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/dots/gloves.png?v=2)
}
.item-upgrade_win .item-upgrade__remove {
  display:none
}
.item-upgrade_win.common:after,
.item-upgrade_win.uncommon:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/common.png?v=2)
}
.item-upgrade_win.milspec:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/milspec.png?v=2)
}
.item-upgrade_win.restricted:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/restricted.png?v=2)
}
.item-upgrade_win.classified:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/classified.png?v=2)
}
.item-upgrade_win.covert:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/covert.png?v=2)
}
.item-upgrade_win.rare:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/rare.png?v=2)
}
.item-upgrade_win.gloves:after {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fx/gloves.png?v=2)
}
.item-upgrade_prizes .item-upgrade__line-void {
  width:150px;
  height:10px;
  top:-1px
}
.item-upgrade_prizes .item-upgrade__titles {
  text-shadow:none;
  font-family:TT Norms,sans-serif;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off;
  position:relative;
  left:auto;
  bottom:auto;
  width:100%;
  padding-left:24px;
  padding-bottom:20px;
  flex-direction:column;
  gap:0;
  min-width:0
}
.item-upgrade_prizes .item-upgrade__img {
  transition:.3s ease
}
.item-upgrade_prizes .item-upgrade__type {
  color:var(--color-2);
  margin-bottom:2px;
  max-width:95%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.item-upgrade_prizes .item-upgrade__name {
  color:#fff;
  max-width:86%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  display:inline-block
}
.item-upgrade_prizes .item-upgrade__price {
  font-family:TT Firs Neue,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:20px;
  margin-top:8px
}
.item-upgrade_prizes .item-upgrade__price span {
  color:var(--color-1);
  margin-bottom:0
}
.item-upgrade_prizes {
  overflow:hidden
}
@media not all and (hover:none) and (pointer:coarse) {
  .item-upgrade_prizes:hover .item-upgrade__img {
    transform:rotate(5deg) scale(1.02)
  }
}
@media (hover:none) and (pointer:coarse) {
  .item-upgrade_prizes:active {
    -webkit-tap-highlight-color:transparent
  }
  .item-upgrade_prizes:active .item-upgrade__img {
    transform:rotate(5deg) scale(1.02)
  }
}
@keyframes flicker {
  0% {
    opacity:.3
  }
  to {
    opacity:1
  }
}
.upgrade-balance {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:41px 22px 0;
  overflow:hidden;
  position:relative;
  height:100%
}
@media not screen and (min-width:1350px) {
  .upgrade-balance {
    padding:16px 22px 19px
  }
}
.upgrade-balance:before {
  content:"";
  position:absolute;
  top:-25px;
  left:50%;
  transform:translateX(-50%);
  background:#272835;
  filter:blur(65px);
  width:242px;
  height:242px;
  border-radius:50%
}
.upgrade-balance__img {
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/balance.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:330px;
  height:194px;
  position:relative
}
@media not screen and (min-width:1100px) {
  .upgrade-balance__img {
    width:100%;
    height:100%
  }
}
.upgrade-balance__slider {
  margin-top:-15px;
  width:100%
}
.upgrade-balance__info {
  gap:16px;
  color:#9b9db1;
  margin-top:10px
}
.upgrade-balance__info,
.upgrade-balance__value {
  display:flex;
  justify-content:center;
  align-items:center
}
.upgrade-balance__value {
  height:46px;
  background-color:#1c1d27;
  padding:0 16px;
  border-radius:10px;
  min-width:120px
}
.upgrade-balance__value span {
  color:#fff
}
.layout-contract {
  padding-top:48px;
  padding-bottom:128px
}
@media not screen and (min-width:1100px) {
  .layout-contract {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-contract__title {
  margin-bottom:42px;
  transition:.3s ease
}
@media not screen and (min-width:1100px) {
  .layout-contract__title {
    margin-bottom:25px
  }
}
.layout-contract__title_hidden {
  opacity:0
}
.layout-contract__contract {
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:78px;
  position:relative
}
@media not screen and (min-width:1560px) {
  .layout-contract__contract {
    flex-wrap:wrap;
    margin-bottom:25px
  }
}
.contract-block {
  width:1108px;
  height:442px;
  position:relative;
  z-index:1;
  flex:none
}
@media not screen and (min-width:1560px) {
  .contract-block {
    width:100%
  }
}
@media not screen and (min-width:1100px) {
  .contract-block {
    height:300px
  }
}
@media not screen and (min-width:630px) {
  .contract-block {
    height:200px
  }
}
@media not screen and (min-width:630px) {
  .contract-block_drop-win {
    margin-bottom:36px
  }
}
.contract-block__grid {
  display:flex;
  flex-direction:column;
  height:100%;
  position:relative
}
.contract-block__grid_hidden {
  pointer-events:none;
  animation:contracthidden 1s ease-in forwards
}
.contract-block__grid_hidden .contract-item {
  animation:contractItemshidden 1s linear forwards
}
.contract-block__back {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:1px dashed #272835;
  border-radius:20px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  z-index:-1
}
.contract-block__back-item {
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:500;
  font-size:78px;
  line-height:101px;
  color:#1c1d27;
  border-right:1px dashed #272835
}
@media not screen and (min-width:630px) {
  .contract-block__back-item {
    font-size:45px;
    line-height:70px
  }
}
.contract-block__back-item:nth-child(-n+5) {
  border-bottom:1px dashed #272835
}
.contract-block__back-item:nth-child(5n) {
  border-right:none
}
.contract-block__back-img {
  background-image:url(https://robuxman.ru/assets/css/public/img/contract/back-grid.png?v=2);
  background-size:100% 100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border-radius:20px;
  clip-path:polygon(0 0,0 0,0 50%,0 50%,0 100%,0 100%);
  pointer-events:none;
  transition:.3s ease
}
.contract-block__back-img_1 {
  clip-path:polygon(0 0,20% 0,20% 50%,0 50%,0 100%,0 100%)
}
.contract-block__back-img_2 {
  clip-path:polygon(0 0,40% 0,40% 50%,0 50%,0 100%,0 100%)
}
.contract-block__back-img_3 {
  clip-path:polygon(0 0,60% 0,60% 50%,0 50%,0 100%,0 100%)
}
.contract-block__back-img_4 {
  clip-path:polygon(0 0,80% 0,80% 50%,0 50%,0 100%,0 100%)
}
.contract-block__back-img_5 {
  clip-path:polygon(0 0,100% 0,100% 50%,0 50%,0 100%,0 100%)
}
.contract-block__back-img_6 {
  clip-path:polygon(0 0,100% 0,100% 50%,20% 50%,20% 100%,0 100%)
}
.contract-block__back-img_7 {
  clip-path:polygon(0 0,100% 0,100% 50%,40% 50%,40% 100%,0 100%)
}
.contract-block__back-img_8 {
  clip-path:polygon(0 0,100% 0,100% 50%,60% 50%,60% 100%,0 100%)
}
.contract-block__back-img_9 {
  clip-path:polygon(0 0,100% 0,100% 50%,80% 50%,80% 100%,0 100%)
}
.contract-block__back-img_10 {
  clip-path:polygon(0 0,100% 0,100% 50%,100% 50%,100% 100%,0 100%)
}
.contract-block__items {
  width:100%;
  display:grid;
  height:100%;
  grid-template-columns:repeat(5,1fr);
  grid-template-rows:repeat(2,1fr)
}
@media only screen and (min-width:1560px) {
  .contract-block__items {
    grid-template-columns:repeat(5,222px)
  }
}
.contract-block__items_height {
  height:100%
}
.contract-block .cc-signature-block {
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  top:40px;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  -moz-user-select:none;
  -khtml-user-select:none;
  user-select:none;
  z-index:5;
  background-color:#161720;
  border-radius:20px;
  width:fit-content;
  padding:24px
}
@media not screen and (min-width:630px) {
  .contract-block .cc-signature-block {
    max-width:100vw
  }
}
.contract-block .cc-signature-block__btns {
  display:flex;
  gap:8px;
  margin-top:25px
}
.contract-block .cc-signature-header {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:22px;
  line-height:26px;
  margin-bottom:10px
}
@media not screen and (min-width:1100px) {
  .contract-block .cc-signature-header {
    font-size:18px;
    line-height:22px;
    text-align:center
  }
}
.contract-block .cc-signature {
  padding:10px 0 5px
}
.contract-block .cc-signature canvas {
  border:1px solid #9b9db1;
  background-color:#081820;
  border-radius:20px
}
@keyframes contracthidden {
  0% {
    transform:rotate(0deg)
  }
  39% {
    transform:rotate(0deg)
  }
  40% {
    transform:rotate(0deg) scale(1);
    opacity:1
  }
  to {
    transform:scale(.3);
    opacity:0
  }
}
@keyframes contractItemshidden {
  0% {
    transform:rotate(0deg)
  }
  50% {
    transform:rotate(180deg) scale(.8);
    opacity:1
  }
  to {
    transform:rotate(1turn) scale(.1);
    opacity:0
  }
}
.contract-info {
  display:flex;
  flex-direction:column;
  gap:16px
}
@media not screen and (min-width:1560px) {
  .contract-info {
    width:100%
  }
}
.contract-info__control {
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:20px
}
@media not screen and (min-width:1560px) {
  .contract-info__control {
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap
  }
}
@media not screen and (min-width:1100px) {
  .contract-info__control {
    padding:15px
  }
}
.contract-info__control-price {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:28px;
  line-height:36px;
  color:#fff
}
@media not screen and (min-width:1100px) {
  .contract-info__control-price {
    font-size:22px;
    line-height:28px
  }
}
.contract-info__control-text {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1100px) {
  .contract-info__control-text {
    font-size:14px;
    line-height:20px
  }
}
.contract-info__control-btn {
  margin-top:4px
}
.contract-info__control-btn .action {
  width:100%
}
.contract-item {
  width:100%;
  height:100%;
  padding:47px 16px 14px;
  position:relative;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  transition:.3s ease
}
@media not screen and (min-width:1100px) {
  .contract-item {
    padding:20px 10px 0
  }
}
.contract-item_empty {
  opacity:0;
  transform:rotate(-20deg);
  pointer-events:none;
  visibility:hidden;
  position:absolute
}
.contract-item_empty .contract-item__rarity,
.contract-item_empty .contract-item__remove {
  display:none
}
.contract-item__rarity {
  position:absolute;
  top:16px;
  left:16px;
  width:20px;
  height:20px;
  color:var(--color-1)
}
@media not screen and (min-width:1100px) {
  .contract-item__rarity {
    top:10px;
    left:10px
  }
}
@media not screen and (min-width:630px) {
  .contract-item__rarity {
    width:10px;
    height:10px
  }
}
.contract-item__img {
  width:168px;
  margin:0 auto -5px
}
@media not screen and (min-width:1100px) {
  .contract-item__img {
    width:70%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
  }
}
@media not screen and (min-width:630px) {
  .contract-item__img {
    width:80%
  }
}
@media not screen and (min-width:1100px) {
  .contract-item__titles {
    position:absolute;
    left:10px;
    bottom:10px;
    width:90%
  }
}
@media not screen and (min-width:630px) {
  .contract-item__titles {
    display:none
  }
}
.contract-item__type {
  color:#afc4cb;
  margin-bottom:2px
}
.contract-item__name,
.contract-item__type {
  max-width:95%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.contract-item__name {
  color:#fff
}
.contract-item__price {
  position:absolute;
  top:16px;
  right:16px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  color:#fff
}
@media not screen and (min-width:1100px) {
  .contract-item__price {
    top:10px;
    right:10px
  }
}
@media not screen and (min-width:630px) {
  .contract-item__price {
    display:none
  }
}
.contract-item__remove {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:42px;
  height:42px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fail.svg?v=2);
  opacity:0;
  transition:.3s ease;
  pointer-events:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .contract-item:hover .contract-item__remove {
    opacity:1
  }
}
@media (hover:none) and (pointer:coarse) {
  .contract-item:active {
    -webkit-tap-highlight-color:transparent
  }
  .contract-item:active .contract-item__remove {
    opacity:1
  }
}
.contract-inventory__title {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:42px
}
@media not screen and (min-width:1100px) {
  .contract-inventory__title {
    margin-bottom:25px
  }
}
.contract-inventory__title .action.active .svg {
  transform:scaleY(-1)
}
.contract-inventory__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  gap:8px
}
@media not screen and (min-width:470px) {
  .contract-inventory__grid {
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:4px
  }
}
.contract-inventory__grid .item-incontract {
  pointer-events:none;
  filter:grayscale(1);
  opacity:.8
}
.contract-inventory__grid .info-block {
  grid-column:1/-1;
  width:fit-content;
  margin:0 auto
}
.contract-preview {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%
}
@media not screen and (min-width:1560px) {
  .contract-preview {
    top:30%
  }
}
.contract-preview_visible {
  opacity:0;
  animation:contractpreview 1s ease-out 1.1s forwards
}
.contract-preview .skin-preview__info {
  display:none
}
.contract-preview .skin-preview__name {
  margin-top:20px
}
@media not screen and (min-width:630px) {
  .contract-preview .skin-preview__name {
    margin-top:10px
  }
}
@media only screen and (min-width:1100px) {
  .contract-preview .skin-preview__content {
    width:100%
  }
}
@media not screen and (min-width:1100px) {
  .contract-preview .skin-preview__content {
    height:210px
  }
}
@media not screen and (min-width:630px) {
  .contract-preview .skin-preview__content {
    height:170px
  }
}
.contract-preview .skin-preview__action-btns {
  margin-top:20px
}
@media not screen and (min-width:1100px) {
  .contract-preview .skin-preview__action-btns .action {
    min-width:0
  }
  .contract-preview .skin-preview__action-btns span {
    display:none
  }
}
@media not screen and (min-width:630px) {
  .contract-preview .skin-preview__action-btns {
    margin-top:10px
  }
}
@media not screen and (min-width:1100px) {
  .contract-preview .skin-preview__action-btn {
    margin-top:0;
    position:relative;
    z-index:3
  }
}
@media not screen and (min-width:630px) {
  .contract-preview .skin-preview__action-btn {
    margin-top:-60px
  }
}
.contract-preview .skin-preview__action-btn_more {
  display:none
}
.contract-preview .action_one-item-sell {
  display:block
}
@keyframes contractpreview {
  0% {
    transform:translate(-50%,-50%) scale(.3);
    opacity:0
  }
  39% {
    transform:translate(-50%,-50%) scale(1);
    opacity:1
  }
  40% {
    transform:translate(-50%,-50%)
  }
  to {
    transform:translate(-50%,-50%);
    opacity:1
  }
}
.layout-profile {
  height:100%;
  padding-bottom:128px
}
.layout-profile__body {
  display:flex;
  gap:24px;
  margin-top:32px
}
@media not screen and (min-width:630px) {
  .layout-profile__body {
    flex-direction:column;
    margin-top:20px
  }
}
.layout-profile__side-nav {
  width:200px;
  flex:none
}
@media not screen and (min-width:1100px) {
  .layout-profile__side-nav {
    width:170px
  }
}
@media not screen and (min-width:630px) {
  .layout-profile__side-nav {
    width:100%
  }
}
.profile-header {
  position:relative;
  z-index:1
}
.profile-header__event {
  height:280px;
  position:relative;
  padding-top:24px;
  transition:.3s ease
}
@media not screen and (min-width:965px) {
  .profile-header__event {
    height:180px
  }
}
.profile-header__event:before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  background-image:var(--profile-bg);
  background-size:cover;
  background-position:50%;
  z-index:-1;
  transition:.3s ease;
  pointer-events: none;
}
.profile-header__info {
  position:relative;
  height:104px;
  display:flex;
  justify-content:space-between
}
@media not screen and (min-width:1216px) {
  .profile-header__info {
    height:70px;
    padding-bottom:5px
  }
}
@media not screen and (min-width:965px) {
  .profile-header__info {
    height:fit-content;
    flex-direction:column;
    gap:5px
  }
}
.profile-header__info:before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  background-color:#161720;
  z-index:-1
}
.profile-header__user {
  display:flex;
  gap:32px;
  margin-top:-60px;
  height:fit-content
}
@media not screen and (min-width:1216px) {
  .profile-header__user {
    margin-top:-50px;
    gap:20px
  }
}
.profile-header__user-img {
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  width:128px;
  height:128px;
  border-radius:20px;
  border:4px solid #161720;
  box-sizing:content-box;
  flex:none
}
@media not screen and (min-width:1216px) {
  .profile-header__user-img {
    width:100px;
    height:100px
  }
}
.profile-header__user-more {
  display:flex;
  flex-direction:column;
  gap:2px
}
.profile-header__user-name {
  display:flex;
  align-items:center;
  gap:8px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  cursor:pointer;
  transition:.3s ease
}
@media not screen and (min-width:1216px) {
  .profile-header__user-name {
    font-size:16px;
    line-height:24px
  }
}
.profile-header__user-name .svg {
  width:20px;
  height:20px
}
.profile-header__user-name span {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  max-width:200px
}
@media not all and (hover:none) and (pointer:coarse) {
  .profile-header__user-name:hover {
    opacity:.8
  }
}
@media (hover:none) and (pointer:coarse) {
  .profile-header__user-name:active {
    -webkit-tap-highlight-color:transparent;
    opacity:.8
  }
}
.profile-header__user-id {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  transition:.3s ease;
  cursor:pointer
}
.profile-header__user-id .svg {
  width:12px;
  height:12px
}
@media not screen and (min-width:1216px) {
  .profile-header__user-id {
    font-size:14px;
    line-height:20px
  }
  .profile-header__user-id .svg {
    width:10px;
    height:10px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .profile-header__user-id:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .profile-header__user-id:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.profile-header__stats {
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:20px;
  background-color:#161720;
  margin-top:-66px;
  height:fit-content
}
@media not screen and (min-width:1216px) {
  .profile-header__stats {
    margin-top:-50px
  }
}
@media not screen and (min-width:965px) {
  .profile-header__stats {
    margin-top:0;
    padding:4px
  }
}
@media not screen and (min-width:630px) {
  .profile-header__stats {
    width:100%;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(84px,1fr))
  }
}
.profile-header__stats-elem {
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:#1c1d27;
  border-radius:10px;
  width:140px;
  padding:20px;
  flex:none
}
.profile-header__stats-elem .svg {
  width:20px;
  height:20px;
  color:#ff6e40
}
@media not screen and (min-width:1216px) {
  .profile-header__stats-elem {
    width:100px;
    height:100px;
    padding:10px;
    justify-content:center
  }
}
@media not screen and (min-width:630px) {
  .profile-header__stats-elem {
    width:auto;
    height:fit-content;
    padding:10px
  }
}
.profile-header__stats-value {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px;
  margin-top:18px
}
@media not screen and (min-width:1216px) {
  .profile-header__stats-value {
    margin-top:10px;
    font-size:16px;
    line-height:24px
  }
}
@media not screen and (min-width:630px) {
  .profile-header__stats-value {
    margin-top:5px;
    font-size:14px;
    line-height:22px
  }
}
.profile-header__stats-name {
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
@media not screen and (min-width:1216px) {
  .profile-header__stats-name {
    font-size:14px;
    line-height:20px
  }
}
@media not screen and (min-width:630px) {
  .profile-header__stats-name {
    display:none
  }
}
.profile-header_void .profile-header__event {
  height:0;
  position:absolute;
  left:0;
  top:0
}
.profile-header_void .profile-header__event:before {
  opacity:0
}
.profile-header_void .profile-header__btn {
  position:absolute;
  left:166px;
  top:120px;
  z-index:2
}
@media not screen and (min-width:1216px) {
  .profile-header_void .profile-header__btn {
    left:126px;
    top:95px
  }
}
.profile-header_void .profile-header__info {
  padding:32px 0;
  height:fit-content
}
.profile-header_void .profile-header__user {
  margin-top:0
}
.profile-header_void .profile-header__user-more {
  margin-top:10px
}
.profile-header_void .profile-header__stats {
  margin-top:0
}
.profile-content {
  display:flex;
  flex-direction:column;
  width:100%
}
.profile-content__title {
  display:flex;
  align-items:center;
  gap:12px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:20px;
  line-height:28px
}
.profile-content__title .svg {
  width:32px;
  height:32px
}
@media not screen and (min-width:1100px) {
  .profile-content__title {
    font-size:18px;
    line-height:26px
  }
}
@media not screen and (min-width:630px) {
  .profile-content__title {
    font-size:14px;
    line-height:22px
  }
}
.profile-content__title-block {
  display:flex;
  align-items:center;
  margin-top:24px
}
@media not screen and (min-width:1100px) {
  .profile-content__title-block {
    margin-top:20px
  }
}
@media not screen and (min-width:980px) {
  .profile-content__title-block {
    flex-direction:column;
    align-items:flex-start;
    gap:10px
  }
}
.profile-content__actions {
  margin-left:auto;
  display:flex;
  gap:10px
}
.profile-content__stat {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px
}
@media not screen and (min-width:630px) {
  .profile-content__stat {
    flex-wrap:wrap
  }
}
.profile-content__items {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  grid-gap:8px;
  margin-top:24px
}
@media not screen and (min-width:1100px) {
  .profile-content__items {
    margin-top:20px
  }
}
@media not screen and (min-width:630px) {
  .profile-content__items {
    margin-top:10px
  }
}
.profile-content__items_upgrades {
  grid-template-columns:repeat(auto-fill,minmax(440px,1fr));
  grid-row-gap:16px
}
.profile-content__items_covers {
  margin-top:0
}
.profile-content__items_top {
  min-height:238px;
  max-height:238px;
  overflow:hidden
}
@media not screen and (min-width:630px) {
  .profile-content__items_top {
    min-height:196px;
    max-height:196px
  }
}
.profile-content__items .load {
  grid-column:1/-1;
  margin:20px auto 0
}
.profile-content__items .load .svg {
  color:#161720
}
.profile-upgrade-item {
  position:relative;
  z-index:1;
  border-radius:10px;
  overflow:hidden
}
.profile-upgrade-item__crown {
  top:30px;
  width:120px;
  height:98px;
  color:var(--color-1);
  z-index:-1
}
.profile-upgrade-item__crown,
.profile-upgrade-item__fade {
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none
}
.profile-upgrade-item__fade {
  top:-30px;
  width:246px;
  height:246px;
  border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,var(--color-25) 0,var(--color-0) 100%)
}
.profile-upgrade-item__item {
  position:relative;
  padding:16px 16px 14px
}
.profile-upgrade-item__item_balance {
  display:flex;
  justify-content:center;
  align-items:center
}
.profile-upgrade-item__img {
  width:168px;
  height:126px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  position:relative;
  z-index:2;
  margin:0 auto;
  width:100%
}
.profile-upgrade-item__titles {
  margin-top:-8px;
  font-weight:500;
  font-size:14px;
  line-height:18px;
  font-feature-settings:"liga" off;
  max-width:100%
}
.profile-upgrade-item__type {
  color:var(--color-2);
  margin-bottom:2px
}
.profile-upgrade-item__name,
.profile-upgrade-item__type {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.profile-upgrade-item__name {
  color:#fff
}
.profile-upgrade-item__price {
  position:absolute;
  top:10px;
  left:10px;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(7px);
  border-radius:8px;
  padding:5px 10px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  color:#fff;
  z-index:2;
  will-change:backdrop-filter
}
.profile-upgrade-item__price_right {
  left:auto;
  right:10px
}
.profile-upgrade-item__balance {
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:26px;
  line-height:30px;
  text-shadow:2px 2px 2px #000
}
.profile-upgrade-item__footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 20px;
  background-color:#161720;
  position:relative;
  z-index:2
}
.profile-upgrade-item__footer .svg {
  width:12px;
  height:12px;
  flex:none
}
.profile-upgrade-item__chance {
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#9b9db1
}
.profile-upgrade-item__chance span {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  color:#fff
}
.profile-upgrade-item__result {
  display:flex;
  align-items:center;
  gap:8px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px
}
.profile-upgrade-item__result_success {
  color:#beff34
}
.profile-upgrade-item__result_lose {
  color:#ff3535
}
.profile-upgrade-item__body {
  display:grid;
  grid-template-columns:repeat(2,1fr)
}
.profile-upgrade-item__body.common_common,
.profile-upgrade-item__body.common_uncommon {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.common_milspec {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.common_restricted {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.common_classified {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.common_covert {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.common_rare {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.common_gloves {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.uncommon_common,
.profile-upgrade-item__body.uncommon_uncommon {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.uncommon_milspec {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.uncommon_restricted {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.uncommon_classified {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.uncommon_covert {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.uncommon_rare {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.uncommon_gloves {
  background:linear-gradient(90deg,rgba(136,201,229,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.milspec_common,
.profile-upgrade-item__body.milspec_uncommon {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.milspec_milspec {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.milspec_restricted {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.milspec_classified {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.milspec_covert {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.milspec_rare {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.milspec_gloves {
  background:linear-gradient(90deg,rgba(69,100,255,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.restricted_common,
.profile-upgrade-item__body.restricted_uncommon {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.restricted_milspec {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.restricted_restricted {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.restricted_classified {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.restricted_covert {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.restricted_rare {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.restricted_gloves {
  background:linear-gradient(90deg,rgba(152,71,255,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.classified_common,
.profile-upgrade-item__body.classified_uncommon {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.classified_milspec {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.classified_restricted {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.classified_classified {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.classified_covert {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.classified_rare {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.classified_gloves {
  background:linear-gradient(90deg,rgba(255,68,135,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.covert_common,
.profile-upgrade-item__body.covert_uncommon {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.covert_milspec {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.covert_restricted {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.covert_classified {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.covert_covert {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.covert_rare {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.covert_gloves {
  background:linear-gradient(90deg,rgba(255,53,53,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.rare_common,
.profile-upgrade-item__body.rare_uncommon {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.rare_milspec {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.rare_restricted {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.rare_classified {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.rare_covert {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.rare_rare {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.rare_gloves {
  background:linear-gradient(90deg,rgba(255,168,38,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.gloves_common,
.profile-upgrade-item__body.gloves_uncommon {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.gloves_milspec {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.gloves_restricted {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.gloves_classified {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.gloves_covert {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.gloves_rare {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.gloves_gloves {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(190,255,52,.2))
}
.profile-upgrade-item__body.balance_common,
.profile-upgrade-item__body.balance_uncommon {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(136,201,229,.2))
}
.profile-upgrade-item__body.balance_milspec {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(69,100,255,.2))
}
.profile-upgrade-item__body.balance_restricted {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(152,71,255,.2))
}
.profile-upgrade-item__body.balance_classified {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,68,135,.2))
}
.profile-upgrade-item__body.balance_covert {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,53,53,.2))
}
.profile-upgrade-item__body.balance_rare {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(255,168,38,.2))
}
.profile-upgrade-item__body.balance_gloves {
  background:linear-gradient(90deg,rgba(190,255,52,.15),rgba(190,255,52,.2))
}
.profile-contract-item__main .skin {
  border-radius:10px 10px 0 0
}
.profile-contract-item__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
  padding:10px 14px;
  min-height:133px;
  background-color:#161720
}
.profile-contract-item__item-small-img {
  width:44px;
  height:33px;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .profile-contract-item__item-small-img:hover {
    transform:rotate(5deg) scale(1.02)
  }
}
@media (hover:none) and (pointer:coarse) {
  .profile-contract-item__item-small-img:active {
    -webkit-tap-highlight-color:transparent;
    transform:rotate(5deg) scale(1.02)
  }
}
.profile-contract-item__price {
  display:flex;
  flex-direction:column;
  border-radius:0 0 10px 10px;
  background-color:#1c1d27;
  padding:14px 16px;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  color:#9b9db1
}
.profile-contract-item__price .price {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  color:#fff
}
.profile-bonus-item {
  position:relative;
  z-index:1
}
.profile-bonus-item__main .skin {
  min-height:186px;
  border-radius:10px 10px 0 0
}
.profile-bonus-item__main .skin__titles {
  position:absolute;
  bottom:14px;
  left:16px
}
.profile-bonus-item__actions {
  background-color:#1c1d27;
  border-radius:0 0 10px 10px;
  min-height:42px;
  padding:0 16px;
  display:flex;
  align-items:center;
  font-weight:700;
  font-size:15px;
  line-height:20px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.profile-bonus-item__promo {
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .profile-bonus-item__promo:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .profile-bonus-item__promo:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.profile-bonus-item .tooltip__body {
  min-width:200px
}
.profile-cover-item {
  border-radius:10px;
  overflow:hidden;
  position:relative;
  cursor:pointer
}
.profile-cover-item__body {
  height:136px;
  background-size:100%;
  background-position:50%;
  overflow:hidden;
  transition:.3s ease
}
.profile-cover-item__actions {
  position:absolute;
  left:10px;
  top:10px
}
.profile-cover-item__actions-item {
  padding:5px 10px;
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:15px;
  line-height:20px;
  color:#fff;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(7px);
  border-radius:8px
}
.profile-cover-item__footer {
  padding:12px 16px;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  background-color:#1c1d27
}
.profile-cover-item__name {
  margin-bottom:4px;
  color:#fff
}
.profile-cover-item__name,
.profile-cover-item__type {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.profile-cover-item__type {
  color:#9b9db1
}
.profile-cover-item_active {
  pointer-events:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .profile-cover-item:hover .profile-cover-item__body {
    background-size:110%
  }
}
@media (hover:none) and (pointer:coarse) {
  .profile-cover-item:active {
    -webkit-tap-highlight-color:transparent
  }
  .profile-cover-item:active .profile-cover-item__body {
    background-size:110%
  }
}
.popup-cover-item {
  width:100%;
  height:100px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  overflow:hidden;
  cursor:pointer;
  z-index:1
}
.popup-cover-item:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
  height:100%;
  background-image:var(--img-cover-item);
  background-size:cover;
  background-position:50%;
  z-index:-1;
  transition:.3s ease
}
.popup-cover-item:hover:before {
  transform:translate(-50%,-50%) scale(1.1)
}
.popup-cover-item .svg {
  width:32px;
  height:32px;
  pointer-events:none
}
.popup-cover-item__selected {
  position:absolute;
  left:0;
  top:0;
  background-color:#ff6e40;
  color:#12131a;
  pointer-events:none;
  padding:7px;
  border-radius:0 0 6px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:.1s ease
}
.popup-cover-item__selected .svg {
  width:12px;
  height:12px
}
.popup-cover-item__img-lock {
  opacity:0;
  transition:.1s ease
}
.popup-cover-item_void {
  background-color:#1c1d27;
  color:#414250
}
.popup-cover-item_selected {
  pointer-events:none
}
.popup-cover-item_selected .popup-cover-item__selected {
  opacity:1
}
.popup-cover-item_lock {
  pointer-events:none
}
.popup-cover-item_lock:before {
  opacity:.5
}
.popup-cover-item_lock .popup-cover-item__img-lock {
  opacity:1
}
.profile-battle-item {
  border-radius:10px;
  overflow:hidden;
  position:relative;
  z-index:1
}
.profile-battle-item__head {
  padding:10px 10px 18px;
  background-color:#1c1d27;
  position:relative;
  z-index:2;
  overflow:hidden
}
.profile-battle-item__head:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  background-color:#272835;
  border-radius:50%;
  filter:blur(42px);
  z-index:-1
}
.profile-battle-item__price {
  background-color:rgba(0,0,0,.5);
  width:fit-content;
  font-family:TT Firs Neue,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:20px;
  color:#beff34;
  padding:5px 10px;
  border-radius:8px
}
.profile-battle-item__price_lose {
  color:#ff3535
}
.profile-battle-item__users {
  margin-top:22px;
  display:flex;
  justify-content:center;
  gap:4px
}
.profile-battle-item__user {
  border-radius:10px;
  border:1px solid #414250;
  flex:none;
  width:42px;
  height:42px;
  opacity:.5
}
.profile-battle-item__user.active {
  border-color:transparent;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat
}
.profile-battle-item__user_winner {
  opacity:1;
  position:relative
}
.profile-battle-item__user_winner:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-15px;
  width:24px;
  height:24px;
  background-image:url(https://robuxman.ru/assets/css/public/img/crown-orange.svg?v=2);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  z-index:-1
}
.profile-battle-item__body {
  padding:10px 14px;
  background-color:#161720;
  min-height:127px
}
.profile-battle-item__cases {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px
}
.layout-refill {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:1100px) {
  .layout-refill {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-refill__title {
  margin-bottom:42px
}
@media not screen and (min-width:1100px) {
  .layout-refill__title {
    margin-bottom:25px
  }
}
.layout-refill__body {
  display:flex;
  gap:20px;
  justify-content:center
}
@media not screen and (min-width:1100px) {
  .layout-refill__body {
    flex-direction:column
  }
}
.refill-sidebar {
  width:260px;
  display:flex;
  flex-direction:column;
  gap:20px;
  flex:none
}
@media not screen and (min-width:1100px) {
  .refill-sidebar {
    width:100%
  }
}
.refill-sidebar__btn .action {
  width:100%
}
.refill-content {
  display:flex;
  flex-direction:column;
  gap:32px;
  width:100%;
  max-width:672px
}
@media not screen and (min-width:1100px) {
  .refill-content {
    max-width:none;
    gap:20px
  }
}
.refill-content__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  position:relative
}
@media not screen and (min-width:1100px) {
  .refill-content__grid {
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr))
  }
}
.refill-content__card {
  background-color:#1c1d27;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:.3s ease;
  border:2px solid transparent;
  box-sizing:content-box
}
.refill-content__card_methods {
  height:100px
}
@media not screen and (min-width:1100px) {
  .refill-content__card_methods {
    height:60px
  }
}
.refill-content__card_methods img {
  max-height:60%;
  max-width:80%
}
.refill-content__card_sum {
  height:54px;
  font-weight:500;
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  gap:10px
}
@media not all and (hover:none) and (pointer:coarse) {
  .refill-content__card:hover {
    background-color:#272835
  }
}
@media (hover:none) and (pointer:coarse) {
  .refill-content__card:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835
  }
}
.refill-content__card.active {
  border-color:#ff6e40;
  background-color:rgba(255,110,64,.1);
  color:#ff6e40;
  pointer-events:none
}
.refill-content__card-dis {
  background-color:#ff3535;
  font-weight:700;
  font-size:13px;
  line-height:16px;
  color:#fff;
  border-radius:6px;
  padding:2px 5px
}
.refill-content__info .info {
  display:inline-flex;
  gap:8px
}
.refill-content__info .info .svg {
  width:20px;
  height:20px
}
.refill-content__inputs {
  display:flex;
  flex-direction:column;
  gap:14px
}
.refill-content__promo {
  display:flex;
  align-items:center;
  justify-content:space-between;
  background-color:#1c1d27;
  border-radius:10px;
  padding-right:20px;
  height:54px
}
@media not screen and (min-width:630px) {
  .refill-content__promo {
    flex-direction:column;
    height:fit-content;
    align-items:flex-start
  }
}
.refill-content__promo .action_input {
  background-color:transparent;
  min-width:0
}
.refill-content__promo-count {
  display:flex;
  align-items:center;
  gap:12px
}
@media not screen and (min-width:630px) {
  .refill-content__promo-count {
    margin-left:auto;
    height:40px
  }
}
.refill-content__promo-chance {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:18px;
  line-height:24px
}
.refill-content__promo-input {
  display:flex;
  align-items:center
}
.refill-content__promo-status {
  color:#beff34
}
.refill-content__promo-status .svg {
  width:12px;
  height:12px
}
.refill-content__promo-status_fail {
  color:#ff3535
}
.refill-content__g2a .action_input {
  min-width:0;
  width:100%;
  height:54px
}
.refill-content__sum {
  display:flex;
  align-items:center;
  gap:10px
}
.refill-content__sum .action_input {
  min-width:220px;
  height:54px
}
.refill-content__sum-count .price {
  font-size:16px;
  line-height:22px;
  color:#9b9db1
}
.refill-content__sum-finaly {
  height:54px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  background-color:#1c1d27;
  border-radius:10px;
  padding:0 20px
}
.refill-content__sum-finaly span:first-child {
  font-size:16px;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.refill-content__sum-finaly .price {
  font-family:TT Firs Neue;
  font-style:normal;
  font-weight:600;
  font-size:18px;
  line-height:24px;
  color:#fff
}
.refill-content__checkbox {
  margin:10px 0
}
.refill-content__btn .action {
  width:100%
}
.refill-history {
  max-height:300px;
  min-height:200px;
  overflow-y:scroll;
  padding-right:10px;
  margin-right:-10px
}
.refill-history::-webkit-scrollbar-track {
  background-color:#272835
}
.refill-history::-webkit-scrollbar {
  width:2px;
  height:2px
}
.refill-history::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
.refill-history__table {
  width:100%;
  border-collapse:collapse
}
@media not screen and (min-width:1100px) {
  .refill-history thead {
    display:none
  }
}
@media not screen and (min-width:1100px) {
  .refill-history tbody {
    display:flex;
    flex-direction:column;
    gap:5px
  }
}
.refill-history tbody tr:nth-child(odd) {
  background-color:#12131a
}
@media not screen and (min-width:1100px) {
  .refill-history tbody tr {
    display:flex;
    flex-direction:column;
    align-items:flex-end
  }
}
@media not screen and (min-width:1100px) {
  .refill-history tr {
    border-radius:10px;
    padding:10px 0
  }
}
.refill-history tr th {
  text-align:left;
  font-size:14px;
  line-height:20px;
  font-weight:600
}
@media not screen and (min-width:1100px) {
  .refill-history tr td {
    display:flex;
    width:100%;
    justify-content:space-between
  }
  .refill-history tr td:before {
    width:50%;
    content:attr(data-label);
    color:#9b9db1;
    text-align:left
  }
}
.refill-history tr td,
.refill-history tr th {
  padding:10px;
  word-break:break-all
}
.refill-history tr td:first-child,
.refill-history tr th:first-child {
  border-radius:10px 0 0 10px
}
.refill-history tr td:last-child,
.refill-history tr th:last-child {
  border-radius:0 10px 10px 0
}
.refill-history tr td.success,
.refill-history tr th.success {
  color:#beff34
}
.refill-history tr td.progress,
.refill-history tr th.progress {
  color:#ffa826
}
.refill-history tr td.error,
.refill-history tr th.error {
  color:#ff3535
}
.refill-history__load-more td {
  padding-bottom:30px
}
.refill-history__load-more button {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:13px 0;
  border:1px solid #fff;
  border-radius:4px;
  background-color:#fff;
  transition:.12s ease;
  cursor:pointer
}
.refill-history__load-more button .icon {
  margin-right:10px
}
.refill-history__load-more button:hover {
  background-color:hsla(0,0%,100%,.2)
}
.refill-history__load-more button:hover .icon {
  transform:rotate(180deg)
}
.layout-multibattles {
  padding-top:48px;
  padding-bottom:128px
}
@media not screen and (min-width:1100px) {
  .layout-multibattles {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-multibattles__title {
  margin-bottom:42px
}
@media not screen and (min-width:1100px) {
  .layout-multibattles__title {
    margin-bottom:24px
  }
}
.layout-multibattles__title_btns {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  gap:10px
}
@media not screen and (min-width:630px) {
  .layout-multibattles__title_btns {
    flex-direction:column;
    gap:10px
  }
}
.layout-multibattles__title_btns .action {
  flex:1;
  width:fit-content
}
.layout-multibattles__title_btns .title {
  flex:1
}
.layout-multibattles__title_no-btns {
  justify-content:center
}
.layout-multibattles__btns {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px
}
.layout-multibattles__interface {
  display:flex;
  gap:15px
}
@media not screen and (min-width:1477px) {
  .layout-multibattles__interface {
    flex-direction:column
  }
}
.multibattles-controls {
  display:flex;
  flex-direction:column;
  gap:16px;
  max-width:364px;
  flex:none
}
@media not screen and (min-width:1477px) {
  .multibattles-controls {
    max-width:100%
  }
}
@media not screen and (min-width:630px) {
  .multibattles-controls__info {
    display:none
  }
}
.multibattles-create {
  border-radius:20px;
  background-color:#161720;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:24px
}
.multibattles-create__statistic {
  display:flex;
  position:relative
}
.multibattles-create__statistic:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:2px;
  height:58px;
  background-color:#1c1d27
}
.multibattles-create__statistic-elem {
  width:50%;
  display:flex;
  flex-direction:column;
  align-items:center
}
.multibattles-create__statistic-elem span {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff;
  text-align:center
}
.multibattles-create__statistic-elem p {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  text-align:center;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.multibattles-create__btns {
  display:flex;
  flex-direction:column;
  gap:16px
}
.multibattles-create__btns .action {
  width:100%
}
.multibattles-list {
  display:flex;
  flex-direction:column;
  gap:24px;
  width:100%;
  min-width:0
}
.multibattles-list__void {
  text-align:center;
  font-feature-settings:"liga" off;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#9b9db1;
  background-color:#161720;
  border-radius:20px;
  padding:68px 16px
}
@media not screen and (min-width:630px) {
  .multibattles-list__void {
    padding:30px 10px
  }
}
.multibattles-list__void span {
  max-width:360px;
  display:block;
  margin:0 auto
}
.multibattles-list__actual,
.multibattles-list__past {
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%
}
.multibattles-list__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:140%;
  color:#fff;
  padding-left:10px
}
.multibattles-list__create {
  display:flex;
  flex-direction:column;
  gap:20px
}
.multibattles-list-item {
  display:flex;
  background-color:#161720;
  border-radius:20px;
  padding:10px 23px 10px 10px;
  width:100%;
  justify-content:space-between;
  align-items:center
}
@media not screen and (min-width:1100px) {
  .multibattles-list-item {
    flex-wrap:wrap;
    gap:10px
  }
}
.multibattles-list-item__rounds {
  width:68px;
  height:72px;
  background-color:#1c1d27;
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  flex:none
}
@media not screen and (min-width:900px) {
  .multibattles-list-item__rounds {
    width:40px;
    height:40px
  }
}
.multibattles-list-item__cases {
  margin-right:auto;
  position:relative;
  min-width:0;
  max-width:50%;
  margin-left:23px
}
.multibattles-list-item__cases-inner {
  grid-template-columns:repeat(5,72px);
  min-width:0;
  width:100%;
  overflow-x:auto;
  display:flex
}
.multibattles-list-item__cases-inner::-webkit-scrollbar-track {
  background-color:transparent
}
.multibattles-list-item__cases-inner::-webkit-scrollbar {
  width:0;
  height:0
}
.multibattles-list-item__cases-inner::-webkit-scrollbar-thumb {
  background-color:transparent;
  border-radius:10px
}
@media not screen and (min-width:900px) {
  .multibattles-list-item__cases-inner {
    display:grid;
    grid-template-columns:repeat(5,40px);
    max-width:none!important
  }
}
.multibattles-list-item__cases-case {
  display:block;
  width:72px;
  height:72px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  transition:.3s ease;
  cursor:pointer;
  flex:none
}
.multibattles-list-item__cases-case.active {
  transform:scale(1.02)
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-list-item__cases-case:hover {
    transform:scale(.9)
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-list-item__cases-case:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(.9)
  }
}
@media not screen and (min-width:900px) {
  .multibattles-list-item__cases-case {
    width:40px;
    height:40px
  }
}
.multibattles-list-item__cases-more {
  position:absolute;
  right:-52px;
  top:0;
  height:100%;
  width:42px;
  padding:0 26px;
  background-color:#1c1d27;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9b9db1;
  font-family:TT Firs Neue,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:20px
}
.multibattles-list-item__users {
  display:flex;
  gap:6px;
  margin-left:60px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:630px) {
  .multibattles-list-item__users {
    margin-left:52px
  }
}
.multibattles-list-item__users-user {
  display:block;
  flex:none;
  width:32px;
  height:32px;
  color:#414250;
  border-radius:10px;
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer;
  transition:.3s ease;
  outline:2px solid transparent;
  box-sizing:content-box
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-list-item__users-user:hover {
    outline-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-list-item__users-user:active {
    -webkit-tap-highlight-color:transparent;
    outline-color:#ff6e40
  }
}
.multibattles-list-item__users-user .svg {
  width:100%;
  height:100%;
  position:relative;
  z-index:-1
}
.multibattles-list-item__users_past {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:140%;
  min-width:74px;
  justify-content:center
}
@media not screen and (min-width:630px) {
  .multibattles-list-item__users_past {
    justify-content:flex-start
  }
}
.multibattles-list-item__price {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:140%;
  margin:0 14px;
  width:133px;
  text-align:center;
  flex:none
}
@media not screen and (min-width:630px) {
  .multibattles-list-item__price {
    width:100%;
    padding-left:52px;
    text-align:left;
    margin:0
  }
}
.multibattles-list-item__btns {
  display:flex;
  gap:10px
}
@media not screen and (min-width:1100px) {
  .multibattles-list-item__btns {
    margin-left:auto;
    margin-bottom:10px
  }
}
.multibattles-list-item__btns .action {
  height:fit-content;
  height:46px
}
@media not screen and (min-width:900px) {
  .multibattles-list-item__btns .action {
    height:40px
  }
}
.multibattles-list-item__btns .action_dark {
  min-width:0;
  width:46px
}
@media only screen and (min-width:900px) {
  .multibattles-list-item:first-child {
    padding-top:52px
  }
  .multibattles-list-item:first-child .multibattles-list-item__rounds {
    position:relative;
    height:72px
  }
  .multibattles-list-item:first-child .multibattles-list-item__rounds:before {
    content:var(--title-name);
    position:absolute;
    top:-36px;
    left:50%;
    transform:translateX(-50%);
    color:#9b9db1;
    font-size:15px;
    font-style:normal;
    font-weight:500;
    line-height:20px;
    font-family:TT Norms,sans-serif
  }
  .multibattles-list-item:first-child .multibattles-list-item__cases {
    height:72px;
    display:flex;
    align-items:center
  }
  .multibattles-list-item:first-child .multibattles-list-item__cases:before {
    content:var(--title-name);
    position:absolute;
    top:-36px;
    left:0;
    color:#9b9db1;
    font-size:15px;
    font-style:normal;
    font-weight:500;
    line-height:20px;
    font-family:TT Norms,sans-serif
  }
  .multibattles-list-item:first-child .multibattles-list-item__users {
    position:relative;
    height:72px;
    display:flex;
    align-items:center
  }
  .multibattles-list-item:first-child .multibattles-list-item__users:before {
    content:var(--title-name);
    position:absolute;
    top:-36px;
    left:0;
    color:#9b9db1;
    font-size:15px;
    font-style:normal;
    font-weight:500;
    line-height:20px;
    font-family:TT Norms,sans-serif
  }
  .multibattles-list-item:first-child .multibattles-list-item__price {
    position:relative;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .multibattles-list-item:first-child .multibattles-list-item__price:before {
    content:var(--title-name);
    position:absolute;
    top:-36px;
    left:50%;
    transform:translateX(-50%);
    color:#9b9db1;
    font-size:15px;
    font-style:normal;
    font-weight:500;
    line-height:20px;
    font-family:TT Norms,sans-serif
  }
}
.multibattles-settings {
  display:flex;
  align-items:center;
  gap:66px;
  background-color:#161720;
  padding:12px 24px;
  border-radius:20px
}
@media not screen and (min-width:630px) {
  .multibattles-settings {
    flex-direction:column;
    align-items:flex-start;
    gap:20px
  }
}
.multibattles-settings__item {
  display:flex;
  align-items:center;
  gap:16px;
  position:relative
}
@media not screen and (min-width:630px) {
  .multibattles-settings__item {
    width:100%;
    justify-content:space-between
  }
}
.multibattles-settings__item span {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1
}
.multibattles-settings__item:not(:first-child):before {
  content:"";
  position:absolute;
  width:2px;
  height:46px;
  left:-31px;
  top:50%;
  transform:translateY(-50%);
  background-color:#1c1d27
}
@media not screen and (min-width:630px) {
  .multibattles-settings__item:not(:first-child):before {
    width:100%;
    height:2px;
    left:0;
    top:-10px;
    transform:translateY(0)
  }
}
.multibattles-settings__item:first-child .action-selector__item {
  width:46px
}
.multibattles-case-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  gap:18px 0
}
@media not screen and (min-width:630px) {
  .multibattles-case-grid {
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr))
  }
}
.multibattles-case-grid__item {
  width:100%
}
.multibattles-case-grid__add {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:2px dashed #272835;
  gap:10px;
  color:#9b9db1;
  cursor:pointer;
  transition:.3s ease;
  padding:0 10px;
  min-height:310px
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-case-grid__add:hover {
    background-color:#272835;
    color:#fff
  }
  .multibattles-case-grid__add:hover .svg {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-case-grid__add:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835;
    color:#fff
  }
  .multibattles-case-grid__add:active .svg {
    color:#fff
  }
}
.multibattles-case-grid__add .svg {
  width:30px;
  height:30px
}
.multibattles-case {
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative
}
.multibattles-case__img {
  display:block;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:100%;
  height:232px;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-case__img:hover {
    transform:scale(1.02)
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-case__img:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(1.02)
  }
}
@media not screen and (min-width:630px) {
  .multibattles-case__img {
    height:180px
  }
}
.multibattles-case__counter {
  padding:2px 5px;
  background-color:#ff3535;
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:16px;
  color:#fff;
  border-radius:6px;
  position:absolute;
  left:50%;
  top:65%;
  transform:translateX(-50%);
  pointer-events:none
}
.multibattles-case__name {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#fff;
  text-align:center;
  margin:4px 0 13px;
  font-feature-settings:"liga" off
}
.multibattles-case__price {
  align-items:center;
  display:flex;
  gap:1px
}
.multibattles-case__price-item {
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  padding:10px 14px;
  background-color:#1c1d27;
  transition:.3s ease;
  color:#9b9db1;
  user-select:none;
  font-family:TT Firs Neue,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:20px;
  color:#fff
}
.multibattles-case__price-item:first-child {
  border-radius:10px 0 0 10px
}
.multibattles-case__price-item:last-child {
  border-radius:0 10px 10px 0
}
.multibattles-case__price-item_btn {
  color:#9b9db1;
  cursor:pointer
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-case__price-item_btn:hover {
    background-color:#272835;
    color:#fff
  }
  .multibattles-case__price-item_btn:hover .svg {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-case__price-item_btn:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#272835;
    color:#fff
  }
  .multibattles-case__price-item_btn:active .svg {
    color:#fff
  }
}
.multibattles-case__price-item_btn .svg {
  width:20px;
  height:20px
}
.multibattles-waiting__queue-cases {
  display:flex;
  width:fit-content;
  margin:0 auto;
  padding-bottom:13px
}
@media not screen and (min-width:1100px) {
  .multibattles-waiting__queue-cases {
    max-width:100%;
    overflow-x:scroll
  }
  .multibattles-waiting__queue-cases::-webkit-scrollbar-track {
    background-color:transparent
  }
  .multibattles-waiting__queue-cases::-webkit-scrollbar {
    width:0;
    height:0
  }
  .multibattles-waiting__queue-cases::-webkit-scrollbar-thumb {
    background-color:transparent;
    border-radius:10px
  }
}
.multibattles-waiting__queue-case {
  flex:none;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:72px;
  height:72px;
  position:relative;
  transition:.3s ease;
  cursor:pointer
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-waiting__queue-case:hover {
    transform:scale(1.03)
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-waiting__queue-case:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(1.03)
  }
}
.multibattles-waiting__queue-case:before {
  content:"";
  position:absolute;
  left:50%;
  bottom:-13px;
  transform:translateX(-50%);
  height:3px;
  width:64px;
  border-radius:3px;
  background-color:#272835
}
.multibattles-waiting__queue-case.active:before {
  background-color:#ff6e40
}
.multibattles-waiting__users-grid {
  margin-top:42px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(292px,1fr));
  grid-template-rows:auto;
  gap:16px;
  position:relative
}
.multibattles-waiting__timer {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  max-width:90vw;
  background-color:#161720;
  padding:40px 20px;
  border-radius:20px
}
.multibattles-slot {
  display:flex;
  flex-direction:column;
  border-radius:20px;
  width:100%
}
.multibattles-slot-wrapper {
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0
}
.multibattles-slot-wrapper_winner {
  order:-1
}
.multibattles-slot__head {
  background-color:rgba(255,110,64,.1);
  padding:65px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ff6e40;
  position:relative;
  overflow:hidden;
  border-radius:20px 20px 0 0
}
.multibattles-slot__head_roulette {
  background-color:#161720;
  padding:6px 0 0;
  min-width:0
}
.multibattles-slot__icon {
  position:relative
}
.multibattles-slot__icon .svg {
  width:72px;
  height:72px
}
.multibattles-slot__icon:after,
.multibattles-slot__icon:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border-color:#ff6e40
}
.multibattles-slot__icon:before {
  width:132px;
  height:132px;
  border:3px solid;
  opacity:.35
}
.multibattles-slot__icon:after {
  width:192px;
  height:192px;
  border:2px solid;
  opacity:.2
}
.multibattles-slot__icon-circle {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  width:252px;
  height:252px;
  border:1px solid;
  opacity:.1
}
.multibattles-slot__body {
  padding:16px;
  background-color:#161720;
  display:flex;
  align-items:center;
  height:88px;
  position:relative;
  border-radius:0 0 20px 20px
}
.multibattles-slot__body_solo {
  border-radius:20px
}
.multibattles-slot__body_opacity {
  opacity:.7
}
.multibattles-slot__user {
  display:flex;
  align-items:center;
  gap:18px;
  max-width:80%
}
@media not screen and (min-width:630px) {
  .multibattles-slot__user {
    gap:10px
  }
}
.multibattles-slot__user-img {
  width:56px;
  height:56px;
  background-size:110%;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:12px;
  cursor:pointer;
  transition:.3s ease;
  border:2px solid transparent;
  box-sizing:content-box;
  flex:none
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-slot__user-img:hover {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-slot__user-img:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#ff6e40
  }
}
@media not screen and (min-width:630px) {
  .multibattles-slot__user-img {
    width:40px;
    height:40px
  }
}
.multibattles-slot__user-info {
  max-width:70%
}
.multibattles-slot__user-name {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.multibattles-slot__user-status {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.multibattles-slot__label {
  background-color:#ff6e40;
  color:#fff;
  padding:2px 5px;
  border-radius:6px;
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:16px;
  position:absolute;
  top:50%;
  right:24px;
  transform:translateY(-50%);
  text-transform:uppercase
}
.multibattles-slot__btn {
  margin-left:auto
}
.multibattles-slot__add-bot {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#9b9db1;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  width:100%;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-slot__add-bot:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-slot__add-bot:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.multibattles-slot__add-bot .svg {
  width:20px;
  height:20px
}
.multibattles-slot__invite {
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:center;
  justify-content:center;
  color:#9b9db1;
  width:100%;
  height:100%;
  cursor:pointer;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .multibattles-slot__invite:hover {
    color:#fff
  }
}
@media (hover:none) and (pointer:coarse) {
  .multibattles-slot__invite:active {
    -webkit-tap-highlight-color:transparent;
    color:#fff
  }
}
.multibattles-slot__invite .svg {
  width:32px;
  height:32px
}
.multibattles-slot__skins {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(186px,1fr));
  gap:6px;
  width:100%
}
.multibattles-slot__skins_opacity {
  opacity:.7
}
.multibattles-slot__skins_show {
  margin-top:16px
}
.multibattles-slot_bot .multibattles-slot__head {
  background-color:#1c1d27;
  color:#414250
}
.multibattles-slot_bot .multibattles-slot__icon:after,
.multibattles-slot_bot .multibattles-slot__icon:before {
  display:none
}
.multibattles-slot_void {
  border:2px dashed #272835;
  height:292px
}
.multibattles-slot_winner {
  position:relative
}
.multibattles-slot_winner:before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:calc(100% + 10px);
  height:calc(100% + 10px);
  border-radius:20px;
  border:2px solid #ff6e40
}
.layout-casecreate {
  padding:48px 0 128px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:1100px) {
  .layout-casecreate {
    padding:24px 0 64px
  }
}
.layout-casecreate__title_second {
  margin-top:64px
}
.layout-casecreate__controls {
  margin-top:42px;
  display:grid;
  grid-template-columns:1fr 400px 1fr;
  gap:124px
}
@media not screen and (min-width:1200px) {
  .layout-casecreate__controls {
    display:flex;
    flex-direction:column;
    gap:20px
  }
}
.layout-casecreate__casecreate-items {
  margin-top:42px
}
.layout-casecreate__btn-create {
  display:flex;
  justify-content:center;
  margin-top:42px
}
.layout-casecreate__btn-create .action {
  min-width:300px
}
.layout-casecreate__skins {
  margin-top:42px;
  display:flex;
  gap:24px
}
.layout-casecreate__sidebar {
  display:flex;
  flex-direction:column;
  gap:16px;
  width:200px;
  flex:none
}
@media not screen and (min-width:1100px) {
  .layout-casecreate__sidebar {
    display:none
  }
}
.layout-casecreate__faq,
.layout-casecreate__slider-price {
  margin-top:42px
}
.casecreate-exterior {
  background-color:#161720;
  border-radius:20px;
  padding:20px 20px 0;
  position:relative;
  width:100%;
  overflow:hidden
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior {
    padding-top:0;
    padding-bottom:20px
  }
}
.casecreate-exterior:before {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:64px;
  background:linear-gradient(180deg,rgba(22,23,32,0),#161720);
  pointer-events:none;
  border-radius:0 0 20px 20px
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior:before {
    display:none
  }
}
.casecreate-exterior__wrapper {
  height:433px;
  overflow-y:scroll;
  margin-right:-15px;
  padding-right:15px
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior__wrapper {
    overflow:hidden;
    overflow-x:scroll;
    height:120px;
    margin-right:0;
    padding-right:0;
    margin-bottom:-5px;
    padding-bottom:40px
  }
}
.casecreate-exterior__wrapper::-webkit-scrollbar-track {
  background-color:#272835
}
.casecreate-exterior__wrapper::-webkit-scrollbar {
  width:2px;
  height:2px
}
.casecreate-exterior__wrapper::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
.casecreate-exterior__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(128px,1fr));
  gap:8px
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior__grid {
    display:flex;
    flex-wrap:nowrap
  }
}
.casecreate-exterior__item {
  height:128px;
  position:relative;
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat;
  width:100%;
  z-index:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior__item {
    flex:none;
    width:120px
  }
}
.casecreate-exterior__item-img {
  width:calc(100% - 16px);
  height:calc(100% - 16px);
  object-fit:contain;
  position:relative;
  z-index:2
}
.casecreate-exterior__item-accept {
  position:absolute;
  left:5px;
  top:5px;
  width:26px;
  height:26px;
  border-radius:6px;
  background-color:#ff6e40;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#12131a;
  transition:.3s ease;
  opacity:0;
  pointer-events:none
}
.casecreate-exterior__item-accept .svg {
  width:12px;
  height:12px
}
.casecreate-exterior__item:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-color:#1c1d27;
  border-radius:10px;
  width:100%;
  height:100%;
  z-index:0;
  transition:.3s ease;
  pointer-events:none;
  opacity:0
}
@media not all and (hover:none) and (pointer:coarse) {
  .casecreate-exterior__item:hover:before {
    opacity:1
  }
}
@media (hover:none) and (pointer:coarse) {
  .casecreate-exterior__item:active {
    -webkit-tap-highlight-color:transparent
  }
  .casecreate-exterior__item:active:before {
    opacity:1
  }
}
.casecreate-exterior__item.active {
  pointer-events:none
}
.casecreate-exterior__item.active .casecreate-exterior__item-accept {
  opacity:1
}
.casecreate-exterior_tabs {
  padding:12px 12px 0
}
.casecreate-exterior_tabs .action-selector {
  width:100%;
  margin-bottom:24px
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior_tabs .action-selector {
    margin-bottom:0
  }
}
.casecreate-exterior_tabs .action-selector__item {
  width:100%;
  height:42px
}
.casecreate-exterior_tabs .casecreate-exterior__wrapper {
  margin-right:-8px;
  padding-right:8px;
  height:375px
}
@media not screen and (min-width:1200px) {
  .casecreate-exterior_tabs .casecreate-exterior__wrapper {
    overflow:hidden;
    overflow-x:scroll;
    height:120px;
    margin-right:0;
    padding-right:0;
    margin-bottom:15px;
    padding-bottom:40px
  }
}
.casecreate-preview {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:1;
  margin-top:16px
}
@media not screen and (min-width:1200px) {
  .casecreate-preview {
    order:-1
  }
}
.casecreate-preview:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/bg-grid.png?v=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:1000px;
  height:600px;
  z-index:-1;
  pointer-events:none
}
.casecreate-preview__preview {
  width:384px;
  height:297px;
  position:relative;
  z-index:1
}
@media not screen and (min-width:630px) {
  .casecreate-preview__preview {
    width:100%
  }
}
.casecreate-preview__img {
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat
}
.casecreate-preview__name {
  margin-top:58px;
  width:100%
}
.casecreate-preview__name .action {
  width:100%;
  height:54px
}
.casecreate-preview__name-info {
  margin-top:10px;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  text-align:center
}
.casecreate-items {
  position:relative;
  z-index:1
}
.casecreate-items__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  gap:8px;
  counter-reset:items-casecreate
}
.casecreate-items__item-remove {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:42px;
  height:42px;
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  background-image:url(https://robuxman.ru/assets/css/public/img/upgrade/fail.svg?v=2);
  opacity:0;
  transition:.3s ease
}
.casecreate-items__item {
  height:186px;
  position:relative;
  z-index:1;
  border-radius:10px;
  border:1px dashed #272835;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  padding:20px;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1;
  counter-increment:items-casecreate
}
.casecreate-items__item:before {
  content:counter(items-casecreate);
  position:absolute;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  text-align:center;
  font-family:TT Firs Neue,sans-serif;
  font-size:78px;
  font-style:normal;
  font-weight:500;
  line-height:normal;
  color:#1c1d27
}
@media not all and (hover:none) and (pointer:coarse) {
  .casecreate-items__item:hover .casecreate-items__item-remove {
    opacity:1
  }
}
@media (hover:none) and (pointer:coarse) {
  .casecreate-items__item:active {
    -webkit-tap-highlight-color:transparent
  }
  .casecreate-items__item:active .casecreate-items__item-remove {
    opacity:1
  }
}
.casecreate-items__item.active {
  border-color:transparent
}
.casecreate-items__item.active:before {
  display:none
}
.casecreate-items__item .skin {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:2
}
.casecreate-add-skins {
  width:100%
}
.casecreate-add-skins__sort {
  display:flex;
  justify-content:space-between;
  margin-bottom:24px
}
@media not screen and (min-width:1100px) {
  .casecreate-add-skins__search,
  .casecreate-add-skins__search .action {
    width:100%
  }
}
.casecreate-add-skins__switcher {
  display:flex;
  align-items:center;
  gap:16px
}
@media not screen and (min-width:1100px) {
  .casecreate-add-skins__switcher {
    display:none
  }
}
.casecreate-add-skins__switcher .action-selector__item {
  pointer-events:auto!important
}
.casecreate-add-skins__switcher .action-selector__item.sort-up .svg {
  transform:scaleY(-1)
}
.casecreate-add-skins__switcher-name {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#9b9db1;
  font-feature-settings:"liga" off
}
.casecreate-add-skins__wrapper {
  height:768px;
  overflow-y:scroll;
  margin-right:-15px;
  padding-right:15px
}
.casecreate-add-skins__wrapper::-webkit-scrollbar-track {
  background-color:#272835
}
.casecreate-add-skins__wrapper::-webkit-scrollbar {
  width:2px;
  height:2px
}
.casecreate-add-skins__wrapper::-webkit-scrollbar-thumb {
  background-color:#ff6e40;
  border-radius:10px
}
.casecreate-add-skins__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  gap:8px
}
.casecreate-add-skins__item {
  transition:.3s ease
}
.casecreate-add-skins__item.active {
  pointer-events:none;
  filter:grayscale(1)
}
.casecreate-finally__btn {
  display:flex;
  justify-content:center;
  margin-top:42px
}
.casecreate-finally__btn .action {
  min-width:300px
}
.casecreate-finally__note {
  margin-top:20px
}
.layout-agreements {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%;
  max-width:764px;
  margin:0 auto
}
@media not screen and (min-width:630px) {
  .layout-agreements {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-agreements__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  text-align:center;
  margin-bottom:42px
}
.layout-agreements__attentions {
  margin-bottom:20px;
  display:flex;
  justify-content:center;
  width:100%
}
.layout-agreements__agreements {
  font-style:normal;
  font-weight:500;
  font-size:15px;
  line-height:20px;
  font-feature-settings:"liga" off;
  background-color:#161720;
  padding:24px 32px;
  border-radius:10px
}
.layout-agreements__agreements p {
  margin-bottom:8px
}
.layout-agreements__agreements b {
  color:#fff;
  font-size:14px;
  font-weight:600
}
.layout-agreements__agreements tr {
  border-top:1px solid #272835
}
@media not screen and (min-width:630px) {
  .layout-agreements__agreements tr {
    display:flex;
    flex-direction:column;
    align-items:center
  }
}
.layout-agreements__agreements th {
  color:#fff;
  font-weight:600;
  padding:20px 0
}
@media not screen and (min-width:630px) {
  .layout-agreements__agreements th {
    text-align:center;
    width:100%!important;
    padding:10px 0 0
  }
}
.layout-agreements__agreements td {
  padding:20px 0
}
@media not screen and (min-width:630px) {
  .layout-agreements__agreements td {
    max-width:100%;
    padding:10px 0
  }
}
@media not screen and (min-width:630px) {
  .layout-agreements__agreements table {
    max-width:100%;
    display:flex
  }
}
@media not screen and (min-width:630px) {
  .layout-agreements__agreements tbody {
    max-width:100%;
    min-width:0
  }
}
.layout-agreements__agreements ol>li {
  display:block;
  margin-left:15px;
  margin-bottom:7px;
  font-size:14px;
  line-height:18px
}
.layout-agreements__agreements ol>li b {
  margin:10px 0 5px
}
.layout-agreements__agreements ol>li:before {
  content:counters(item,".") ". ";
  counter-increment:item;
  font-weight:700;
  color:#ff6e40
}
.layout-agreements__agreements ol {
  padding-top:5px;
  counter-reset:item
}
.layout-agreements__version {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1
}
.layout-contacts {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-contacts {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-contacts__title {
  margin-bottom:42px
}
.layout-contacts__block {
  max-width:700px;
  margin:0 auto;
  border-radius:10px;
  background-color:#1c1d27;
  padding:16px;
  display:flex;
  align-items:center;
  gap:32px
}
@media not screen and (min-width:630px) {
  .layout-contacts__block {
    flex-direction:column;
    align-items:flex-start
  }
}
.layout-contacts__logo-block {
  width:324px;
  height:324px;
  background-color:#272835;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center
}
@media not screen and (min-width:630px) {
  .layout-contacts__logo-block {
    width:100%
  }
}
.layout-contacts__logo {
  width:232px;
  height:52px;
  background-image:url(../img/logo.svg);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  cursor:pointer
}
.layout-contacts__info {
  display:flex;
  flex-direction:column;
  gap:16px
}
@media not screen and (min-width:630px) {
  .layout-contacts__info {
    width:100%
  }
}
.layout-contacts__info-elem {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  display:flex;
  flex-direction:column;
  gap:4px
}
@media not screen and (min-width:630px) {
  .layout-contacts__info-elem {
    text-align:center
  }
}
.layout-contacts__info-elem h4 {
  color:#9b9db1
}
.layout-faq {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%;
  max-width:764px;
  margin:0 auto
}
@media not screen and (min-width:630px) {
  .layout-faq {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-faq__title {
  margin-bottom:24px
}
.layout-faq__howitwork {
  margin-bottom:40px
}
.layout-error {
  padding:48px 20px 128px;
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%
}
@media not screen and (min-width:630px) {
  .layout-error {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-error__img {
  width:100%;
  max-width:700px;
  margin:0 auto
}
.layout-error__info {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  text-align:center
}
.layout-error__info span {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff
}
.layout-error__btn {
  margin-top:24px
}
.layout-notifications {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center
}
@media not screen and (min-width:630px) {
  .layout-notifications {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-notifications__title {
  margin-bottom:42px
}
@media not screen and (min-width:630px) {
  .layout-notifications__title {
    margin-bottom:21px
  }
}
.layout-notifications__content {
  display:flex;
  gap:20px;
  max-width:950px;
  width:100%
}
@media not screen and (min-width:630px) {
  .layout-notifications__content {
    flex-direction:column
  }
}
.layout-notifications__side-nav {
  width:260px;
  flex:none
}
@media not screen and (min-width:630px) {
  .layout-notifications__side-nav {
    width:100%
  }
}
.layout-notifications__notifications {
  width:100%
}
.notifications {
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%
}
.notifications__elem {
  padding:16px 20px;
  background-color:#161720;
  border-radius:10px;
  width:100%
}
@media not screen and (min-width:1100px) {
  .notifications__elem {
    padding:13px 15px
  }
}
.notifications__elem-title {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  font-feature-settings:"liga" off
}
.notifications__elem-info {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  font-feature-settings:"liga" off;
  color:#9b9db1;
  margin-top:6px
}
.notifications__elem-date {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  font-feature-settings:"liga" off;
  color:#414250;
  margin-top:10px
}
@media not screen and (min-width:1100px) {
  .notifications__elem-date {
    font-size:12px
  }
}
.notifications__btn {
  margin:6px auto 0
}
.layout-top-users {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-top-users {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-top-users__title {
  margin-bottom:24px
}
.layout-top-users__selector {
  margin:0 auto;
  width:fit-content
}
@media not screen and (min-width:630px) {
  .layout-top-users__selector .action-selector__item {
    text-align:center;
    font-size:12px;
    line-height:12px
  }
}
.layout-top-users__selector .action-selector__item span:first-letter {
  text-transform:uppercase
}
.layout-top-users__top-drops {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  grid-gap:8px;
  margin-top:42px;
  margin-bottom:64px;
  min-height:238px;
  max-height:238px;
  overflow:hidden
}
@media not screen and (min-width:630px) {
  .layout-top-users__top-drops {
    min-height:196px;
    max-height:196px
  }
}
.layout-top-users__best {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:60px 15px;
  margin-top:92px;
  margin-bottom:40px;
  max-width:100%
}
.top-user {
  max-width:100%
}
.top-user__head {
  border-radius:20px 20px 0 0;
  background-color:rgba(255,168,38,.1);
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  padding-bottom:20px
}
@media not screen and (min-width:630px) {
  .top-user__head {
    padding-bottom:10px
  }
}
.top-user__radials {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:50%;
  transform:translateX(-50%);
  color:rgba(255,168,38,.1);
  pointer-events:none;
  overflow:hidden;
  border-radius:20px 20px 0 0
}
.top-user__radials .svg {
  width:110%
}
@media not screen and (min-width:630px) {
  .top-user__radials .svg {
    width:200%
  }
}
.top-user__img {
  margin-top:-36px;
  border-radius:50%;
  width:72px;
  height:72px;
  background-size:110%;
  background-position:50%;
  background-repeat:no-repeat;
  position:relative;
  border:2px solid transparent;
  transition:.3s ease;
  cursor:pointer
}
.top-user__img .svg {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:120px;
  height:106px;
  color:#ffa826
}
@media not all and (hover:none) and (pointer:coarse) {
  .top-user__img:hover {
    border-color:#ffa826
  }
}
@media (hover:none) and (pointer:coarse) {
  .top-user__img:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#ffa826
  }
}
.top-user__name {
  margin:36px 0 2px;
  font-size:15px;
  line-height:20px;
  color:#ffa826;
  position:relative;
  z-index:2;
  max-width:80%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.top-user__name,
.top-user__sum {
  font-family:TT Firs Neue,sans-serif;
  font-style:normal;
  font-weight:600
}
.top-user__sum {
  font-size:20px;
  line-height:28px;
  color:#fff
}
.top-user__body {
  padding:18px 5px;
  background-color:#161720;
  border-radius:0 0 20px 20px
}
.top-user__grid {
  display:flex;
  justify-content:center
}
.top-user__elem {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:118px
}
.top-user__elem:not(:first-child) {
  border-left:1px solid #1c1d27
}
.top-user__elem span {
  color:#fff;
  font-family:TT Firs Neue,sans-serif;
  font-size:18px;
  font-style:normal;
  font-weight:600;
  line-height:24px
}
@media not screen and (min-width:630px) {
  .top-user__elem span {
    font-size:14px;
    line-height:20px
  }
}
.top-user__elem .svg {
  width:20px;
  height:20px;
  color:#9b9db1
}
.top-user_2 .top-user__head {
  background-color:#1c1d27
}
.top-user_2 .top-user__radials {
  color:#272835
}
.top-user_2 .top-user__img .svg {
  color:#9b9db1
}
@media not all and (hover:none) and (pointer:coarse) {
  .top-user_2 .top-user__img:hover {
    border-color:#9b9db1
  }
}
@media (hover:none) and (pointer:coarse) {
  .top-user_2 .top-user__img:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#9b9db1
  }
}
.top-user_2 .top-user__name {
  color:#9b9db1
}
.top-user_3 .top-user__head {
  background-color:rgba(255,110,64,.1)
}
.top-user_3 .top-user__radials {
  color:rgba(255,110,64,.1)
}
.top-user_3 .top-user__img .svg {
  color:#c74f29
}
@media not all and (hover:none) and (pointer:coarse) {
  .top-user_3 .top-user__img:hover {
    border-color:#c74f29
  }
}
@media (hover:none) and (pointer:coarse) {
  .top-user_3 .top-user__img:active {
    -webkit-tap-highlight-color:transparent;
    border-color:#c74f29
  }
}
.top-user_3 .top-user__name {
  color:#c74f29
}
.top-users-table {
  width:100%
}
.top-users-table__head {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#9b9db1;
  font-feature-settings:"liga" off
}
.top-users-table__head th {
  padding:16px 0
}
.top-users-table__head th:first-child {
  padding-left:32px;
  text-align:left
}
.top-users-table__head th:nth-child(2) {
  text-align:left
}
.top-users-table__head th:last-child {
  padding-right:32px;
  text-align:right
}
.top-users-table__head th:not(:last-child) {
  padding-left:10px
}
@media not screen and (min-width:1100px) {
  .top-users-table__head {
    display:none
  }
}
@media not screen and (min-width:1100px) {
  .top-users-table__body {
    display:flex;
    flex-direction:column
  }
}
@media not screen and (min-width:1100px) {
  .top-users-table__body tr:nth-child(odd) {
    background-color:#161720;
    border-radius:10px
  }
}
.top-users-table__body tr:nth-child(odd) td {
  background-color:#161720
}
.top-users-table__body tr:nth-child(odd) td:first-child {
  border-radius:10px 0 0 10px
}
.top-users-table__body tr:nth-child(odd) td:last-child {
  border-radius:0 10px 10px 0
}
.top-users-table__body tr:first-child td:first-child {
  color:#ffa826;
  font-weight:600
}
.top-users-table__body tr:nth-child(2) td:first-child {
  color:#9b9db1;
  font-weight:600
}
.top-users-table__body tr:nth-child(3) td:first-child {
  color:#c74f29;
  font-weight:600
}
@media not screen and (min-width:1100px) {
  .top-users-table__body tr {
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:10px 0
  }
}
.top-users-table__body td {
  text-align:center;
  vertical-align:middle;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#fff;
  font-feature-settings:"liga" off
}
.top-users-table__body td:first-child {
  padding-left:32px;
  text-align:left
}
@media not screen and (min-width:1100px) {
  .top-users-table__body td:first-child {
    text-align:right;
    padding-left:20px
  }
}
.top-users-table__body td:last-child {
  padding-right:32px;
  text-align:right;
  font-weight:700;
  color:#ff6e40
}
@media not screen and (min-width:1100px) {
  .top-users-table__body td:last-child {
    padding-right:20px
  }
}
@media not screen and (min-width:1100px) {
  .top-users-table__body td {
    text-align:right;
    padding-right:20px;
    position:relative;
    display:flex;
    justify-content:space-between;
    padding-left:20px
  }
  .top-users-table__body td:before {
    content:var(--title-name)
  }
  .top-users-table__body td:not(:last-child):after {
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 40px);
    bottom:-5px;
    height:1px;
    background-color:#1c1d27
  }
}
.top-users-table__user {
  padding:16px 0
}
@media not screen and (min-width:1100px) {
  .top-users-table__user {
    padding:0
  }
}
.top-users-table__user a {
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer
}
@media not screen and (min-width:1100px) {
  .top-users-table__user a {
    width:fit-content;
    margin-left:auto
  }
}
.top-users-table__user a img {
  border-radius:50%;
  width:32px;
  height:32px;
  border:1px solid transparent;
  transition:.3s ease
}
.top-users-table__user a span {
  max-width:240px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
@media not screen and (min-width:1100px) {
  .top-users-table__user a span {
    max-width:220px
  }
}
@media not screen and (min-width:420px) {
  .top-users-table__user a span {
    max-width:100px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .top-users-table__user a:hover img {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .top-users-table__user a:active {
    -webkit-tap-highlight-color:transparent
  }
  .top-users-table__user a:active img {
    border-color:#ff6e40
  }
}
.layout-live-trades {
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-live-trades {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-live-trades__intro {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:42px
}
@media not screen and (min-width:1100px) {
  .layout-live-trades__intro {
    flex-direction:column;
    gap:0;
    margin-bottom:40px
  }
}
@media not screen and (min-width:1100px) {
  .layout-live-trades__img {
    margin:-60px 0;
    max-width:600px
  }
}
.layout-live-trades__img img {
  max-width:512px;
  pointer-events:none
}
@media not screen and (min-width:1100px) {
  .layout-live-trades__img img {
    max-width:100%
  }
}
.layout-live-trades__content {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#9b9db1;
  font-feature-settings:"liga" off
}
.layout-live-trades__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff
}
.layout-live-trades__text {
  margin-top:8px;
  max-width:540px
}
.layout-live-trades__stats {
  display:flex;
  gap:32px;
  margin-top:32px
}
.layout-live-trades__stats-elem {
  display:flex;
  flex-direction:column
}
.layout-live-trades__stats-elem span {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff
}
.layout-live-trades__steam {
  margin-top:32px
}
.layout-live-trades__btn-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px
}
.layout-live-trades__btn-title .action-selector__item span:first-letter {
  text-transform:uppercase
}
.layout-live-trades__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(216px,1fr));
  gap:8px;
  margin-top:37px
}
@media not screen and (min-width:630px) {
  .layout-live-trades__grid {
    grid-template-columns:repeat(auto-fill,minmax(191px,1fr))
  }
}
@media not screen and (min-width:420px) {
  .layout-live-trades__grid {
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr))
  }
}
.layout-live-trades__second-title {
  margin-top:64px
}
@media not screen and (min-width:630px) {
  .layout-live-trades__second-title {
    margin-top:40px
  }
}
.live-trades-elem .skin {
  border-radius:10px 10px 0 0
}
.live-trades-elem__info {
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  background-color:#1c1d27;
  border-radius:0 0 10px 10px
}
.live-trades-elem__case {
  width:42px;
  height:42px;
  flex:none;
  transition:.3s ease;
  display:flex;
  justify-content:center;
  align-items:center
}
@media not screen and (min-width:420px) {
  .live-trades-elem__case {
    width:30px;
    height:30px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .live-trades-elem__case:hover {
    transform:scale(1.05)
  }
}
@media (hover:none) and (pointer:coarse) {
  .live-trades-elem__case:active {
    -webkit-tap-highlight-color:transparent;
    transform:scale(1.05)
  }
}
.live-trades-elem__text {
  font-size:13px;
  font-style:normal;
  font-weight:500;
  line-height:16px;
  font-feature-settings:"liga" off;
  max-width:70%
}
@media not screen and (min-width:420px) {
  .live-trades-elem__text {
    font-size:10px;
    line-height:12px
  }
}
.live-trades-elem__case-name,
.live-trades-elem__case-price {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.live-trades-elem__case-price {
  color:#9b9db1;
  display:flex;
  gap:11px
}
.live-trades-elem__case-price span {
  position:relative
}
.live-trades-elem__case-price span:not(:first-child):before {
  content:"";
  position:absolute;
  left:-7px;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:3px;
  border-radius:50%;
  background-color:#414250
}
.layout-wheel {
  padding-top:48px;
  position:relative;
  z-index:0
}
@media not screen and (min-width:630px) {
  .layout-wheel {
    padding-top:24px
  }
}
.layout-wheel__title {
  margin-bottom:42px
}
.layout-wheel__promocode {
  margin-top:42px;
  display:flex;
  justify-content:center;
  gap:10px
}
.layout-wheel__promocode .action_input {
  height:54px;
  width:300px
}
@media not screen and (min-width:630px) {
  .layout-wheel__promocode {
    flex-direction:column
  }
  .layout-wheel__promocode .action {
    width:100%
  }
  .layout-wheel__promocode .action_input {
    height:fit-content
  }
}
.layout-wheel__cards {
  display:grid;
  width:100%;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:32px;
  position:relative
}
@media not screen and (min-width:1100px) {
  .layout-wheel__cards {
    grid-template-columns:repeat(2,1fr)
  }
}
@media not screen and (min-width:630px) {
  .layout-wheel__cards {
    grid-template-columns:repeat(1,1fr)
  }
}
.layout-wheel__cards:after {
  bottom:100%;
  height:128px;
  background:linear-gradient(180deg,rgba(18,19,26,0),#12131a)
}
.layout-wheel__cards:after,
.layout-wheel__cards:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  pointer-events:none;
  z-index:-1
}
.layout-wheel__cards:before {
  top:0;
  background-color:#12131a;
  height:100vh
}
.layout-wheel__btn {
  margin-top:32px;
  display:flex;
  justify-content:center
}
.layout-wheel__grid {
  display:none;
  margin-top:32px
}
.layout-wheel__grid-wrapper {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(378px,1fr));
  gap:16px
}
@media not screen and (min-width:1100px) {
  .layout-wheel__grid-wrapper {
    grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
  }
}
.wheel-controls {
  width:300px;
  height:300px;
  border-radius:50%;
  position:relative;
  color:#ff6e40;
  margin:0 auto;
  display:block;
  cursor:pointer;
  backface-visibility:hidden
}
.wheel-controls__images {
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  animation:rotateAllImages 100s linear infinite forwards
}
.wheel-controls__images .svg {
  width:100%;
  height:100%
}
.wheel-controls__images .bonus-sphere-svg {
  transition:.3s ease
}
.wheel-controls__circle {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:200%;
  height:200%;
  pointer-events:none
}
@media not screen and (min-width:630px) {
  .wheel-controls__circle {
    width:140%;
    height:140%
  }
}
.wheel-controls__circle .svg {
  transform:rotate(90deg);
  animation:rotatePlanet 50s linear infinite reverse forwards
}
.wheel-controls__circle_2 {
  border-radius:50%;
  border:1px solid #ff6e40;
  width:300%;
  height:300%;
  animation:none
}
@media not screen and (min-width:630px) {
  .wheel-controls__circle_2 {
    width:180%;
    height:180%
  }
}
.wheel-controls__circle_3 {
  width:400%;
  height:400%;
  animation:rotateCircle3 50s linear infinite forwards
}
@media not screen and (min-width:630px) {
  .wheel-controls__circle_3 {
    width:220%;
    height:220%
  }
}
.wheel-controls__text {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  letter-spacing:2.52px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  text-transform:uppercase;
  transition:.3s ease;
  pointer-events:none;
  user-select:none
}
.wheel-controls__text_login {
  font-size:20px
}
.wheel-controls__timer {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  color:#fff
}
.wheel-controls__timer-title {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  font-feature-settings:"liga" off;
  text-align:center;
  white-space:nowrap
}
.wheel-controls__nums {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:500;
  line-height:36px;
  letter-spacing:2.52px
}
@media not all and (hover:none) and (pointer:coarse) {
  .wheel-controls:hover .wheel-controls__text {
    letter-spacing:8.12px
  }
  .wheel-controls:hover .bonus-sphere-svg {
    transform:scale(1.2)
  }
}
@media (hover:none) and (pointer:coarse) {
  .wheel-controls:active {
    -webkit-tap-highlight-color:transparent
  }
  .wheel-controls:active .wheel-controls__text {
    letter-spacing:8.12px
  }
  .wheel-controls:active .bonus-sphere-svg {
    transform:scale(1.2)
  }
}
.wheel-controls_not-active {
  pointer-events:none
}
.wheel-controls_not-active .bonus-sphere-svg {
  color:#88c9e5
}
.wheel-controls_not-active .wheel-controls__circle {
  color:rgba(136,201,229,.2);
  border-color:rgba(136,201,229,.2)
}
@keyframes rotateAllImages {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  to {
    transform:translate(-50%,-50%) rotate(1turn)
  }
}
@keyframes rotatePlanet {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
@keyframes rotateCircle3 {
  0% {
    transform:translate(-50%,-50%) rotate(0deg)
  }
  to {
    transform:translate(-50%,-50%) rotate(1turn)
  }
}
.wheel-bonus-item__wrapper {
  height:168px;
  background-color:#161720;
  border-radius:20px
}
.wheel-bonus-item__title {
  padding:12px;
  text-align:center;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1
}
.bonus-preview__preview {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  justify-content:center;
  gap:40px
}
@media not screen and (min-width:1100px) {
  .bonus-preview__preview {
    display:flex;
    flex-direction:column;
    gap:20px
  }
}
.bonus-preview__left {
  color:#9b9db1
}
.bonus-preview__center {
  height:100%
}
@media not screen and (min-width:1100px) {
  .bonus-preview__center {
    order:-1
  }
}
.bonus-preview__item {
  height:260px;
  background-color:#161720;
  border-radius:20px
}
.bonus-preview__item .bonus-item__img {
  max-width:300px
}
.bonus-preview__title {
  padding:12px;
  text-align:center;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1
}
.bonus-preview__btns {
  margin-top:20px;
  display:flex;
  justify-content:center;
  gap:8px
}
.layout-bonus {
  padding-top:64px;
  padding-bottom:128px;
  position:relative;
  z-index:2
}
@media not screen and (min-width:630px) {
  .layout-bonus {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-bonus__title {
  margin-bottom:42px
}
.layout-bonus__faq {
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:775px;
  margin:0 auto
}
.layout-other-bonus {
  position:relative;
  z-index:1;
  padding-top:64px;
  max-width:1180px;
  margin:0 auto
}
@media not screen and (min-width:630px) {
  .layout-other-bonus {
    padding-top:24px
  }
}
.layout-other-bonus__title {
  margin-bottom:42px
}
.layout-other-bonus__content {
  display:flex;
  flex-direction:column;
  gap:20px
}
.layout-prizes {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%
}
@media not screen and (min-width:630px) {
  .layout-prizes {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-prizes__title {
  position:relative
}
.layout-prizes__title:before {
  bottom:77px;
  width:800px;
  height:180px;
  border-radius:50%;
  background-color:rgba(255,110,64,.2);
  filter:blur(117px);
  z-index:-1;
  pointer-events: none;
}
.layout-prizes__title:after,
.layout-prizes__title:before {
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events: none;
}
.layout-prizes__title:after {
  bottom:-7px;
  width:785px;
  height:325px;
  background-image:url(../img/dots.png);
  background-size:cover;
  background-position:50%;
  background-repeat:no-repeat;
  pointer-events: none;
}
.layout-prizes__title_two:after,
.layout-prizes__title_two:before {
  content:none
}
.layout-prizes__subtitle {
  max-width:568px;
  margin:0 auto
}
.layout-prizes__timer {
  margin-top:24px;
  display:flex;
  justify-content:center
}
.layout-prizes__grid {
  margin-top:39px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  justify-content:center;
  grid-gap:16px
}
@media not screen and (min-width:1100px) {
  .layout-prizes__grid {
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr))
  }
}
@media not screen and (min-width:630px) {
  .layout-prizes__grid {
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))
  }
}
.layout-prizes__info {
  margin:64px 0 44px;
  display:flex;
  justify-content:center;
  gap:15px
}
.layout-prizes__info .info-card {
  flex:1
}
@media not screen and (min-width:1100px) {
  .layout-prizes__info .info-card {
    min-width:400px
  }
}
@media not screen and (min-width:630px) {
  .layout-prizes__info .info-card {
    min-width:300px
  }
}
@media not screen and (min-width:1100px) {
  .layout-prizes__info {
    margin:40px 0 25px;
    flex-wrap:wrap
  }
}
.layout-prizes__selector {
  margin-top:24px;
  display:flex;
  justify-content:center
}
@media not screen and (min-width:630px) {
  .layout-prizes__selector .action-selector__item:nth-child(3) {
    border-radius:0 10px 10px 0
  }
  .layout-prizes__selector .action-selector__item:nth-child(4),
  .layout-prizes__selector .action-selector__item:nth-child(5) {
    display:none
  }
}
.prizes-item {
  padding:10px;
  border-radius:20px;
  border:2px solid #272835
}
.prizes-item__head {
  display:block
}
.prizes-item__body {
  padding-top:10px;
  display:flex;
  flex-direction:column
}
.prizes-item__user {
  display:flex;
  align-items:center;
  counter-reset:reversed(users-prizes);
  counter-increment:users-prizes;
  padding:11px 20px;
  border-radius:10px;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#fff
}
.prizes-item__user:nth-child(odd) {
  background-color:#161720
}
.prizes-item__user-img {
  width:32px;
  height:32px;
  flex:none;
  background-size:cover;
  background-position:50%;
  background-repeat:repeat;
  margin:0 10px 0 20px;
  border-radius:10px;
  cursor:pointer;
  transition:.3s ease;
  border:1px solid transparent
}
.prizes-item__user-name {
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  margin-right:10px
}
.prizes-item__user-link {
  display:flex;
  align-items:center;
  min-width:0
}
@media not all and (hover:none) and (pointer:coarse) {
  .prizes-item__user-link:hover .prizes-item__user-img {
    border-color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .prizes-item__user-link:active {
    -webkit-tap-highlight-color:transparent
  }
  .prizes-item__user-link:active .prizes-item__user-img {
    border-color:#ff6e40
  }
}
.prizes-item__user-keys {
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto
}
.prizes-item__user-keys .svg {
  width:12px;
  height:12px;
  color:#9b9db1
}
.prizes-item__user_winner .prizes-item__user-img {
  margin:0 10px 0 0
}
.layout-provably-fair {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%;
  max-width:950px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px
}
@media not screen and (min-width:630px) {
  .layout-provably-fair {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-provably-fair__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px
}
.layout-provably-fair__info-drop {
  background-color:#161720;
  border-radius:20px;
  display:flex;
  align-items:center;
  gap:32px;
  padding:16px 20px
}
@media not screen and (min-width:1000px) {
  .layout-provably-fair__info-drop {
    flex-wrap:wrap
  }
}
.layout-provably-fair__info-drop-img {
  width:64px;
  height:64px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center
}
.layout-provably-fair__info-drop-elem {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#fff
}
.layout-provably-fair__info-drop-elem p {
  color:#9b9db1;
  margin-bottom:2px
}
.layout-provably-fair__load-more {
  margin-top:20px
}
.layout-provably-fair__load-more .action {
  margin:0 auto
}
.layout-provably-fair .message-line {
  width:100%
}
.provably-fair-banner {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-bottom:24px;
  padding-top:32px;
  background-color:#161720;
  border-radius:20px;
  position:relative;
  overflow:hidden
}
.provably-fair-banner__icon {
  background-image:url(https://robuxman.ru/assets/css/public/img/provablyFair/icon.svg);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:78px;
  height:78px;
  margin-bottom:16px
}
.provably-fair-banner__title {
  font-family:TT Firs Neue,sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:600;
  line-height:36px;
  color:#fff;
  margin-bottom:8px
}
@media not screen and (min-width:630px) {
  .provably-fair-banner__title {
    padding:0 10px
  }
}
.provably-fair-banner__text {
  text-align:center;
  font-feature-settings:"liga" off;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  color:#9b9db1;
  max-width:700px
}
@media not screen and (min-width:740px) {
  .provably-fair-banner__text {
    padding:0 10px
  }
}
.provably-fair-banner__btn {
  margin-top:32px;
  padding-bottom:32px;
  border-bottom:1px solid #1c1d27;
  width:100%;
  transition:.3s ease
}
.provably-fair-banner__btn .action {
  margin:0 auto
}
.provably-fair-banner__btn_hide {
  padding-bottom:0;
  margin-top:18px;
  pointer-events:none
}
.provably-fair-banner__btn_hide .action {
  transition:.1s ease;
  opacity:0
}
.provably-fair-banner__more-info {
  padding-top:42px;
  max-width:800px;
  color:#9b9db1;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:22px;
  font-feature-settings:"liga" off;
  position:relative;
  padding-bottom:32px
}
@media not screen and (min-width:860px) {
  .provably-fair-banner__more-info {
    padding:20px 10px
  }
}
.provably-fair-banner__more-info-btn {
  margin-top:32px
}
.provably-fair-banner__more-info-btn .action {
  margin:0 auto
}
.provably-fair-banner__more-info:before {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  height:1px;
  width:100vw;
  background-color:#1c1d27
}
.provably-fair-banner__info-header {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  color:#fff
}
.provably-fair-banner__pf-required b {
  color:#fff
}
.provably-fair-banner__roll {
  width:100%
}
.check-roll-id {
  padding:24px 24px 0
}
.check-roll-id__input {
  display:flex;
  gap:10px
}
.check-roll-id__input .action_input {
  width:100%;
  height:auto
}
.provably-fair-json {
  background-color:#161720;
  border-radius:20px;
  padding:20px 10px 10px
}
.provably-fair-json__head {
  font-family:TT Firs Neue,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:28px;
  margin-bottom:20px;
  padding-left:18px
}
.provably-fair-json__code {
  border-radius:10px;
  background-color:#12131a;
  padding:24px 32px;
  font-family:Courier;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:26px;
  color:#f9d849
}
.provably-fair-json__code-row {
  padding-left:30px;
  color:#7eaef9
}
.provably-fair-json__code-row span {
  color:#a8cd76;
  word-break:break-all
}
.provably-fair-json__code-row b {
  color:#f19b71;
  word-break:break-all
}
.provably-fair-json__footer {
  padding:20px 10px 10px 18px
}
.provably-fair-history-head {
  background-color:#161720;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:32px;
  padding:16px 20px
}
.provably-fair-history-head__section {
  display:flex;
  gap:20px;
  align-items:center;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#9b9db1;
  flex-wrap:wrap
}
.provably-fair-history-head__section span {
  color:#fff;
  font-weight:600
}
.provably-fair-history-head__section_info {
  width:100%
}
.provably-fair-history-head__case-img {
  width:64px;
  height:64px
}
.provably-fair-history-head__title {
  margin-top:2px;
  color:#fff;
  transition:.3s ease
}
@media not all and (hover:none) and (pointer:coarse) {
  .provably-fair-history-head__title:hover {
    color:#ff6e40
  }
}
@media (hover:none) and (pointer:coarse) {
  .provably-fair-history-head__title:active {
    -webkit-tap-highlight-color:transparent;
    color:#ff6e40
  }
}
.provably-fair-history-head__search {
  display:flex;
  gap:10px;
  margin-left:auto
}
.provably-fair-history-head__search .action_input {
  height:auto
}
.bonus-item {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
.bonus-item__img {
  position:absolute;
  z-index:1;
  max-width:175px
}
.bonus-item__label,
.bonus-item__value {
  position:relative;
  z-index:2
}
.bonus-item__value {
  text-shadow:0 4px 1px rgba(255,240,227,.8),0 0 10px #111;
  font-size:65px;
  line-height:67px;
  font-weight:700;
  color:#fff0e3
}
.bonus-item__value_margin-b15 {
  margin-bottom:15px
}
.bonus-item__value_margin-b40 {
  margin-bottom:40px
}
.bonus-item__value_margin-t15 {
  margin-top:15px
}
.bonus-item__value_margin-t40 {
  margin-top:40px
}
.bonus-item__value_rotate-left-10 {
  transform:rotate(-10deg)
}
.bonus-item__value_rotate-right-10 {
  transform:rotate(10deg)
}
.bonus-item__value_font-small {
  font-size:50px;
  line-height:60px
}
.bonus-item__value_font-medium {
  font-size:62px;
  line-height:65px
}
.bonus-item__value_font-large {
  font-size:75px;
  line-height:75px
}
.bonus-item__value_font-huge {
  font-size:85px;
  line-height:85px
}
.bonus-item__value_rotate25 {
  transform:rotate(-25deg)
}
.bonus-item__value_rotate20 {
  transform:rotate(-20deg)
}
.bonus-item__value_rotate15 {
  transform:rotate(-15deg)
}
.bonus-item__value_rotate5 {
  transform:rotate(-5deg)
}
.bonus-item__value_margin-t50 {
  margin-top:50px
}
.bonus-item__value_margin-t30 {
  margin-top:30px
}
.bonus-item__value_margin-t20 {
  margin-top:20px
}
.bonus-item__value_margin-l50 {
  margin-left:50px
}
.bonus-item__value_margin-l40 {
  margin-left:40px
}
.bonus-item__value_margin-l30 {
  margin-left:30px
}
.bonus-item__value_margin-l25 {
  margin-left:25px
}
.bonus-item__value_margin-l20 {
  margin-left:20px
}
.bonus-item__value_margin-l15 {
  margin-left:15px
}
.bonus-item__value_margin-l10 {
  margin-left:10px
}
.bonus-item__value_yellow {
  color:#fff25e;
  text-shadow:0 3px 1px #f0a900,0 0 10px #111
}
.bonus-item__value_red {
  color:#ff4e09;
  text-shadow:0 3px 1px #a22d00,0 0 10px #111
}
.bonus-item__value_orange {
  color:#ffbb1f;
  text-shadow:0 3px 1px #b88000,0 0 10px #111
}
.bonus-item__value_pink {
  color:#f2d2fd;
  text-shadow:0 3px 1px #d670f9,0 0 10px #111
}
.bonus-item__value_blue {
  color:#bfe6ed;
  text-shadow:0 3px 1px #48b7cb,0 0 10px #111
}
.bonus-item__value_gray {
  color:#e0c5b3;
  text-shadow:0 3px 1px #b27248,0 0 10px #111
}
.bonus-item__label {
  margin:10px 0;
  padding:1px 4px 2px;
  border-radius:2px;
  background-color:rgba(0,0,0,.8);
  font-size:12px;
  line-height:14px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase;
  text-shadow:1px 1px 0 rgba(17,17,17,.35)
}
.bonus-item__label_red {
  background-color:#e70d12;
  box-shadow:0 0 10px 1px rgba(231,13,18,.35)
}
.bonus-item__label_light-red {
  background-color:#ff4300;
  box-shadow:0 0 10px 1px rgba(255,67,0,.35)
}
.bonus-item__label_orange {
  background-color:#ff911e;
  box-shadow:0 0 10px 1px rgba(255,145,30,.35)
}
.bonus-item__label_pink {
  background-color:#621b6d;
  box-shadow:0 0 10px 1px rgba(98,27,109,.35)
}
.bonus-item__label_blue {
  background-color:#005a99;
  box-shadow:0 0 10px 1px rgba(0,90,153,.35)
}
.sweet-alert {
  background-color:#161720!important;
  border:1px solid transparent;
  border-radius:20px!important
}
.sweet-alert .sa-icon {
  border-color:#ff6e40!important
}
.sweet-alert .pulseWarningIns,
.sweet-alert .sa-line {
  background-color:#ff6e40!important
}
.sweet-alert p {
  color:#9b9db1!important;
  font-family:TT Norms,sans-serif;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px
}
.sweet-alert .sa-confirm-button-container .confirm {
  background-color:#ff6e40!important;
  transition:.3s ease;
  text-transform:uppercase;
  border-color:transparent!important;
  box-shadow:none!important;
  font-family:TT Norms,sans-serif;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:22px;
  color:#12131a!important;
  border-radius:10px!important
}
.sweet-alert .sa-confirm-button-container .confirm:hover {
  background-color:#dc5d35!important
}
.sweet-alert .sa-button-container .cancel {
  background-color:#1c1d27!important;
  transition:.3s ease;
  text-transform:uppercase;
  border-color:transparent!important;
  box-shadow:none!important;
  font-family:TT Norms,sans-serif;
  font-style:normal;
  font-weight:700;
  font-size:16px;
  line-height:22px;
  color:#fff!important;
  border-radius:10px!important
}
.sweet-alert .sa-button-container .cancel:hover {
  background-color:#272835!important
}
.__jivoMobileButton {
  bottom:42px!important
}
.__jivoMobileButton .button_edcf {
  width:50px!important;
  height:50px!important
}
body>jdiv {
  opacity:0;
  visibility:hidden;
  transition:.05s ease
}
body>jdiv.active {
  opacity:1;
  visibility:visible
}
.layout-battlepass {
  position:relative;
  z-index:1
}
.layout-battlepass__intro {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:32px 0 137px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__intro {
    padding-bottom:70px
  }
}
.layout-battlepass__intro:before {
  height:100%;
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/main-bg.jpg?v=2);
  background-size:cover;
  background-position:center bottom -2px;
  background-repeat:no-repeat
}
.layout-battlepass__intro:after,
.layout-battlepass__intro:before {
  content:"";
  position:absolute;
  width:100vw;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  z-index:-1
}
.layout-battlepass__intro:after {
  height:100px;
  background:linear-gradient(180deg,rgba(20,12,11,0),#140c0b)
}
.layout-battlepass__intro_started .layout-battlepass__main-exp {
  display:flex
}
.layout-battlepass__intro_started .layout-battlepass__logo {
  width:120px;
  margin-top:32px
}
.layout-battlepass__intro_started .layout-battlepass__info,
.layout-battlepass__intro_started .layout-battlepass__title_main {
  display:none
}
.layout-battlepass__intro_started .layout-battlepass__btns {
  margin-top:32px
}
.layout-battlepass__intro_pass .layout-battlepass__btns,
.layout-battlepass__intro_pass .layout-battlepass__descr {
  display:none
}
.layout-battlepass__logo {
  max-width:280px;
  margin-top:64px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__logo {
    margin-top:32px;
    max-width:150px
  }
}
.layout-battlepass__title {
  max-width:675px;
  background:linear-gradient(90deg,#f8d494,#c19a52 10.01%,#dec291 20.02%,#d0a869 30.04%,#cfa967 40.05%,#fce8c5 50.06%,#ffdaa3 60.07%,#cfa967 70.08%,#fce8c5 80.09%,#f0c984 90.11%,#d09b5c 100.12%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-top:48px;
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:54px;
  font-style:normal;
  font-weight:700;
  line-height:62px;
  letter-spacing:1.08px;
  text-transform:uppercase
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__title {
    margin-top:24px;
    font-size:36px;
    line-height:44px
  }
}
@media not screen and (min-width:630px) {
  .layout-battlepass__title {
    font-size:32px;
    line-height:38px
  }
}
.layout-battlepass__title_medium {
  max-width:none;
  font-size:44px;
  line-height:50px;
  margin-top:0
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__title_medium {
    font-size:32px;
    line-height:38px
  }
}
.layout-battlepass__main-exp {
  margin-top:12px;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:24px;
  text-align:center;
  color:#fff;
  display:flex;
  flex-direction:column;
  display:none
}
@media not screen and (min-width:630px) {
  .layout-battlepass__main-exp {
    font-size:16px;
    line-height:22px;
    margin-top:8px
  }
}
.layout-battlepass__main-exp span {
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:32px;
  font-style:normal;
  font-weight:600;
  line-height:46px;
  margin-bottom:-6px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__main-exp span {
    font-size:26px;
    line-height:40px
  }
}
.layout-battlepass__info {
  margin-top:24px;
  color:#fff;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:24px;
  max-width:500px;
  text-align:center
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__info {
    margin-top:12px;
    font-size:16px;
    line-height:22px
  }
}
.layout-battlepass__btns {
  display:flex;
  gap:10px;
  margin-top:48px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__btns {
    margin-top:24px
  }
}
@media not screen and (min-width:630px) {
  .layout-battlepass__btns {
    flex-direction:column-reverse;
    align-items:center;
    gap:10px
  }
}
.layout-battlepass__descr {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  text-align:center;
  color:#dab6ab;
  max-width:438px;
  margin-top:24px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__descr {
    margin-top:12px
  }
}
.layout-battlepass__descr .link,
.layout-battlepass__descr span {
  color:#ffb738
}
.layout-battlepass__main {
  position:relative;
  padding-bottom:90px;
  z-index:1
}
@media not screen and (min-width:630px) {
  .layout-battlepass__main {
    padding-bottom:45px
  }
}
.layout-battlepass__main_top {
  padding-top:20px
}
.layout-battlepass__main:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#140c0b;
  width:100vw;
  height:100%;
  z-index:-1
}
.layout-battlepass__progress {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:64px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__progress {
    margin-bottom:32px
  }
}
.layout-battlepass__progress-title-block {
  display:flex;
  align-items:center;
  gap:6px
}
.layout-battlepass__progress-title {
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:24px;
  text-transform:uppercase;
  color:#fff
}
@media not screen and (min-width:630px) {
  .layout-battlepass__progress-title {
    font-size:16px
  }
}
.layout-battlepass__progress-tooltip {
  display:inline-block
}
.layout-battlepass__progress-tooltip .tooltip__body {
  line-height:120%;
  min-width:400px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__progress-tooltip .tooltip__body {
    min-width:300px
  }
}
@media not screen and (min-width:400px) {
  .layout-battlepass__progress-tooltip .tooltip__body {
    min-width:200px
  }
}
.layout-battlepass__progress-bar {
  margin-top:14px
}
.layout-battlepass__awards {
  padding:100px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:1
}
@media not screen and (min-width:630px) {
  .layout-battlepass__awards {
    padding:50px 0
  }
}
.layout-battlepass__awards:before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:100%;
  background-color:#140c0b;
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/awards-bg.png?=2);
  background-size:cover;
  background-position:top;
  background-repeat:no-repeat;
  z-index:-1;
  pointer-events:none
}
.layout-battlepass__switcher {
  margin-top:24px
}
.layout-battlepass__awards-grid {
  margin-top:48px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  max-width:1200px
}
.layout-battlepass__awards-grid .bp-award {
  width:200px
}
.layout-battlepass__awards-grid .bp-award__img img {
  transition:.2s ease
}
@media not screen and (min-width:630px) {
  .layout-battlepass__awards-grid .bp-award {
    width:180px
  }
}
@media not screen and (min-width:396px) {
  .layout-battlepass__awards-grid .bp-award {
    width:140px;
    height:204px
  }
  .layout-battlepass__awards-grid .bp-award .bp-award__body {
    height:160px
  }
  .layout-battlepass__awards-grid .bp-award .bp-award__footer {
    font-size:12px;
    line-height:16px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:124px
  }
}
.layout-battlepass__cases {
  padding:128px 0 109px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center
}
@media not screen and (min-width:630px) {
  .layout-battlepass__cases {
    padding:64px 0 55px
  }
}
.layout-battlepass__cases:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#140c0b;
  width:100vw;
  height:100%;
  z-index:-1
}
.layout-battlepass__title-descr {
  margin-top:16px;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:24px;
  text-align:center;
  max-width:560px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__title-descr {
    margin-top:10px;
    font-size:16px;
    line-height:22px
  }
}
.layout-battlepass__cases-grid {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  grid-row-gap:42px;
  margin-top:48px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__cases-grid {
    margin-top:24px;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    grid-row-gap:20px;
    width:100%
  }
}
.layout-battlepass__line-block {
  position:relative;
  height:2px;
  z-index:2
}
.layout-battlepass__line-block-content {
  width:100vw;
  height:2px;
  background-color:#351d1a;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:0
}
.layout-battlepass__line-block-content:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/rombus-line.svg?=2);
  background-size:contain;
  background-position:50%;
  background-repeat:no-repeat;
  width:24px;
  height:24px
}
.layout-battlepass__top-users {
  padding:111px 0;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center
}
@media not screen and (min-width:630px) {
  .layout-battlepass__top-users {
    padding:55px 0
  }
}
.layout-battlepass__top-users:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#140c0b;
  width:100vw;
  height:100%;
  z-index:-1
}
.layout-battlepass__top-users .layout-battlepass__title-descr {
  max-width:680px
}
.layout-battlepass__soc {
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:32px
}
@media not screen and (min-width:630px) {
  .layout-battlepass__soc {
    margin-top:16px;
    flex-wrap:wrap;
    justify-content:center
  }
}
.layout-battlepass__soc-elem {
  display:flex;
  align-items:center;
  gap:8px;
  background-color:#251411;
  padding:13px 17px;
  border-radius:10px;
  position:relative;
  transition:.3s ease;
  cursor:pointer
}
.layout-battlepass__soc-elem:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  border:3px solid #140c0b;
  border-radius:8px
}
.layout-battlepass__soc-elem .svg {
  width:20px;
  height:20px;
  color:#dab6ab
}
@media not all and (hover:none) and (pointer:coarse) {
  .layout-battlepass__soc-elem:hover {
    background-color:#482721
  }
}
@media (hover:none) and (pointer:coarse) {
  .layout-battlepass__soc-elem:active {
    -webkit-tap-highlight-color:transparent;
    background-color:#482721
  }
}
.layout-battlepass__top-benefits {
  margin-top:90px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  width:100%
}
@media not screen and (min-width:900px) {
  .layout-battlepass__top-benefits {
    grid-template-columns:repeat(1,1fr);
    margin-top:40px
  }
}
.layout-battlepass__top-grid {
  margin-top:32px;
  width:100%;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  gap:10px 16px;
  counter-reset:top-users;
  max-height:450px
}
@media not screen and (min-width:900px) {
  .layout-battlepass__top-grid {
    max-height:none;
    margin-top:16px
  }
}
.layout-battlepass__top-grid .bp-user-card {
  width:calc(50% - 8px)
}
@media not screen and (min-width:900px) {
  .layout-battlepass__top-grid .bp-user-card {
    width:100%
  }
}
.layout-battlepass__top-grid .bp-user-card:first-child .bp-user-card__number {
  color:#140c0b;
  background-color:#ffb738
}
.layout-battlepass__top-grid .bp-user-card:nth-child(2) .bp-user-card__number {
  background-color:#766c69
}
.layout-battlepass__top-grid .bp-user-card:nth-child(3) .bp-user-card__number {
  background-color:#993b1d
}
.layout-battlepass__how-it-work {
  padding:94px 0 105px;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center
}
@media not screen and (min-width:630px) {
  .layout-battlepass__how-it-work {
    padding:47px 0 52px
  }
}
.layout-battlepass__how-it-work:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background-color:#140c0b;
  width:100vw;
  height:100%;
  z-index:-1
}
.layout-battlepass__how-it-work-info-grid {
  margin-top:72px;
  display:flex;
  justify-content:center;
  gap:64px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__how-it-work-info-grid {
    margin-top:50px;
    gap:30px;
    flex-wrap:wrap
  }
}
@media not screen and (min-width:630px) {
  .layout-battlepass__how-it-work-info-grid {
    margin-top:35px;
    gap:30px
  }
}
.layout-battlepass__faq {
  margin-top:72px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}
@media not screen and (min-width:1100px) {
  .layout-battlepass__faq {
    grid-template-columns:repeat(1,1fr)
  }
}
@media not screen and (min-width:630px) {
  .layout-battlepass__faq {
    margin-top:50px
  }
}
.layout-battlepass__gradient {
  height:100px;
  width:100%;
  position:relative;
  z-index:1
}
@media not screen and (min-width:630px) {
  .layout-battlepass__gradient {
    height:50px
  }
}
.layout-battlepass__gradient:before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  background:#140c0b;
  background:linear-gradient(180deg,#140c0b,hsla(0,0%,100%,0));
  width:100vw;
  height:100%
}
.bp-progress-bar {
  width:438px;
  display:flex;
  position:relative;
  z-index:1;
  height:8px;
  background-color:rgba(255,183,56,.15);
  clip-path:url(f114fa00d8f39ec4003ef73036dc3c30ed72b9b6.css)
}
@media not screen and (min-width:449px) {
  .bp-progress-bar {
    width:220px
  }
}
.bp-progress-bar:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:var(--progress-bar-percent);
  background-color:#ffb738;
  transition:.3s ease
}
.bp-progress-bar__path {
  opacity:0;
  pointer-events:none;
  position:absolute
}
.bp-award {
  border:2px solid #351d1a;
  border-radius:10px;
  padding:3px 3px 0;
  position:relative;
  width:100%;
  height:237px;
  background-color:#140c0b
}
.bp-award,
.bp-award:before {
  transition:.3s ease
}
.bp-award__body {
  background-color:#251411;
  border-radius:5px;
  height:190px;
  position:relative
}
.bp-award__body,
.bp-award__status {
  display:flex;
  align-items:center;
  justify-content:center
}
.bp-award__status {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:#351d1a;
  border-radius:5px 5px 0 0;
  gap:6px;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:18px;
  padding:6px 12px
}
.bp-award__status .svg {
  width:12px;
  height:12px
}
.bp-award__descr {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:18px;
  background-color:#4c2c28;
  border-radius:0 0 10px 10px;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  pointer-events:none;
  min-width:81px
}
.bp-award__tooltip {
  position:absolute;
  top:6px;
  left:6px;
  z-index:2
}
.bp-award__tooltip .tooltip__label {
  color:#4c2c28
}
.bp-award__img {
  width:160px
}
.bp-award__footer {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  color:#fff;
  text-align:center;
  padding:10px 3px 14px;
  transition:.3s ease
}
.bp-award_pass .bp-award__body {
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/rombus.svg);
  background-size:19px 19px
}
.bp-award__buy {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  transition:.3s ease;
  opacity:0;
  pointer-events:none
}
.bp-award__buy .svg {
  width:48px;
  height:48px;
  color:#fff
}
.bp-award__buy .action {
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:16px;
  letter-spacing:.39px;
  padding:10px 14px
}
.bp-award__buy .action span {
  margin-left:-7px
}
.bp-award_pass-fade {
  border-color:#351d1a!important
}
.bp-award_pass-fade:before {
  display:none
}
.bp-award_pass-fade .bp-award__img {
  opacity:.5
}
.bp-award_pass-fade .bp-award__footer {
  color:#dab6ab!important
}
.bp-award_pass-fade .bp-award__buy {
  opacity:1;
  pointer-events:auto
}
.battlepass {
  width:100%
}
.battlepass__content {
  height:630px;
  position:relative;
  z-index:1;
  width:100%
}
.battlepass__content:before {
  content:"";
  position:absolute;
  left:46px;
  top:0;
  z-index:3;
  height:100%;
  width:20px;
  background:linear-gradient(90deg,#140c0b,transparent 80%);
  pointer-events:none
}
.battlepass__types {
  position:absolute;
  z-index:4;
  bottom:9px;
  left:0;
  display:flex;
  width:46px;
  height:494px;
  flex-direction:column;
  justify-content:space-between;
  gap:20px;
  transform:rotate(1turn)
}
.battlepass__type {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:237px;
  white-space:nowrap;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  flex:none;
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:16px;
  letter-spacing:.39px;
  text-align:center;
  border-radius:10px;
  position:relative;
  pointer-events:none
}
.battlepass__type:after {
  content:"";
  position:absolute;
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:3px solid #140c0b;
  border-radius:8px;
  box-sizing:content-box
}
.battlepass__type_free {
  background-color:#251411;
  color:#dab6ab
}
.battlepass__type_pass {
  background:linear-gradient(180deg,#ef274b,#ef4b27);
  box-shadow:0 0 24px 0 rgba(239,58,58,.5)
}
.battlepass__lvls-wrapper {
  position:absolute;
  bottom:0;
  height:100%;
  padding-left:20px;
  overflow-x:auto;
  scrollbar-width:none;
  user-select:none;
  cursor:grab;
  left:46px
}
@media not screen and (min-width:1100px) {
  .battlepass__lvls-wrapper {
    left:46px;
    width:calc(100% - 16px)
  }
}
@media only screen and (min-width:1100px) and (max-width:1469px) {
  .battlepass__lvls-wrapper {
    width:calc(100% - 16px)
  }
}
@media only screen and (min-width:1470px) and (max-width:2299px) {
  .battlepass__lvls-wrapper {
    width:calc(100% + 50vw - 771px)
  }
}
@media only screen and (min-width:1100px) {
  .battlepass__lvls-wrapper {
    left:46px
  }
}
@media only screen and (min-width:2300px) {
  .battlepass__lvls-wrapper {
    width:calc(100% + 50vw - 876px);
    width:calc(100% + 50vw - 771px)
  }
}
.battlepass__lvls-wrapper::-webkit-scrollbar {
  display:none
}
.battlepass__lvls-wrapper.draggable {
  cursor:grabbing;
  cursor:-webkit-grabbing
}
.battlepass__lvls {
  position:absolute;
  top:90px;
  display:flex;
  align-items:center;
  grid-gap:0 10px;
  height:4px;
  width:fit-content;
  padding-right:120px;
  border-radius:2px;
  counter-reset:bp-lvl
}
.battlepass__lvl-section {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:200px;
  height:100%;
  counter-increment:bp-lvl
}
.battlepass__bar {
  width:8px;
  height:8px;
  border-radius:50%;
  top:-2px
}
.battlepass__bar,
.battlepass__bar:after {
  background-color:#351d1a;
  position:absolute
}
.battlepass__bar:after {
  content:"";
  top:50%;
  transform:translateY(-50%);
  right:11px;
  width:196px;
  height:4px;
  border-radius:2px
}
.battlepass__action,
.battlepass__exp {
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute
}
.battlepass__action {
  z-index:1;
  width:100%;
  min-height:46px;
  padding:4px 0;
  top:-67px;
  text-transform:uppercase;
  color:#dab6ab;
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:20px;
  font-style:normal;
  font-weight:700;
  line-height:28px;
  background-color:transparent;
  position:relative;
  border-radius:10px;
  transition:.3s ease;
  pointer-events:none;
  user-select:none
}
.battlepass__action:after {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:2px solid #351d1a;
  border-radius:10px
}
.battlepass__action:before {
  content:counter(bp-lvl);
  transition:.3s ease
}
.battlepass__action span {
  color:#140c0b;
  font-weight:700;
  line-height:28px;
  letter-spacing:.7px;
  white-space:nowrap;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  opacity:0
}
.battlepass__action span,
.battlepass__exp {
  font-size:14px;
  font-style:normal;
  text-align:center;
  transition:.3s ease
}
.battlepass__exp {
  font-weight:500;
  line-height:18px;
  color:#dab6ab;
  top:-32px
}
.battlepass__awards {
  display:flex;
  flex-direction:column;
  position:absolute;
  top:36px;
  gap:20px;
  width:100%
}
.battlepass__lvl-section:first-child .battlepass__bar:after {
  right:11px
}
.battlepass__lvl-section:first-child .battlepass__bar:after,
.battlepass__lvl-section:last-child .battlepass__bar:before {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:93px;
  height:4px;
  border-radius:2px;
  background-color:#351d1a
}
.battlepass__lvl-section:last-child .battlepass__bar:before {
  left:11px
}
.battlepass__lvl-section.available .battlepass__bar,
.battlepass__lvl-section.available .battlepass__bar:after,
.battlepass__lvl-section.available .battlepass__bar:before {
  background-color:#ffb738
}
.battlepass__lvl-section.available .battlepass__action {
  background-color:#ffb738!important;
  cursor:pointer;
  pointer-events:auto;
  font-family:TT Norms,sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:28px;
  letter-spacing:.7px
}
.battlepass__lvl-section.available .battlepass__action:after {
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  border:3px solid #140c0b;
  border-radius:8px;
  box-sizing:content-box
}
.battlepass__lvl-section.available .battlepass__action:before {
  opacity:0
}
.battlepass__lvl-section.available .battlepass__action span {
  opacity:1
}
@media not all and (hover:none) and (pointer:coarse) {
  .battlepass__lvl-section.available .battlepass__action:hover {
    box-shadow:0 0 4px #ffb738
  }
}
@media (hover:none) and (pointer:coarse) {
  .battlepass__lvl-section.available .battlepass__action:active {
    -webkit-tap-highlight-color:transparent;
    box-shadow:0 0 4px #ffb738
  }
}
.battlepass__lvl-section.available .battlepass__exp {
  color:#ffb738;
  font-weight:700
}
.battlepass__lvl-section.available .bp-award {
  border-color:#ffb738
}
.battlepass__lvl-section.available .bp-award:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% + 8px);
  height:calc(100% + 8px);
  border-radius:14px;
  border:1px solid rgba(255,183,56,.5);
  box-sizing:content-box;
  pointer-events:none;
  animation:bpAwardBorder 3s ease infinite
}
.battlepass__lvl-section.available .bp-award__descr,
.battlepass__lvl-section.available .bp-award__img {
  opacity:1!important
}
.battlepass__lvl-section.available .bp-award__footer {
  color:#ffb738
}
.battlepass__lvl-section.completed .battlepass__bar,
.battlepass__lvl-section.completed .battlepass__bar:after,
.battlepass__lvl-section.completed .battlepass__bar:before {
  background-color:#ffb738
}
.battlepass__lvl-section.completed .battlepass__action {
  background-color:#251411
}
.battlepass__lvl-section.completed .battlepass__action:after {
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  border:3px solid #140c0b;
  border-radius:8px;
  box-sizing:content-box
}
.battlepass__lvl-section.completed .battlepass__action:before {
  color:#fff
}
.battlepass__lvl-section.completed .bp-award__img {
  opacity:.5
}
.battlepass__lvl-section.completed .bp-award__status {
  opacity:1
}
.battlepass__lvl-section.completed .bp-award__descr {
  opacity:0
}
@keyframes bpAwardBorder {
  0% {
    opacity:0
  }
  25% {
    opacity:1;
    width:calc(100 + 8px);
    height:calc(100 + 8px)
  }
  to {
    width:calc(100% + 16px);
    height:calc(100% + 16px);
    opacity:0
  }
}
.bp-switcher__content {
  display:flex;
  align-items:center;
  gap:12px;
  border:2px solid #351d1a;
  border-radius:10px;
  padding:9px 12px 9px 18px;
  transition:.3s ease;
  cursor:pointer
}
.bp-switcher__text {
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:28px;
  letter-spacing:.7px;
  color:#dab6ab;
  transition:.3s ease;
  user-select:none
}
.bp-switcher__round {
  cursor:pointer;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#351d1a;
  border-radius:34px
}
.bp-switcher__round,
.bp-switcher__round:before {
  position:absolute;
  -webkit-transition:.3s;
  transition:.3s
}
.bp-switcher__round:before {
  content:"";
  height:16px;
  width:16px;
  left:3px;
  bottom:3px;
  background-color:#fff;
  border-radius:50%
}
.bp-switcher__switch {
  position:relative;
  display:inline-block;
  width:34px;
  height:22px
}
.bp-switcher__label input {
  opacity:0;
  width:0;
  height:0
}
.bp-switcher__label input:checked+.bp-switcher__content {
  background-color:#ffb738;
  border-color:#ffb738
}
.bp-switcher__label input:checked+.bp-switcher__content>.bp-switcher__text {
  color:#140c0b
}
.bp-switcher__label input:checked+.bp-switcher__content>.bp-switcher__switch>.bp-switcher__round {
  background-color:#140c0b
}
.bp-switcher__label input:hover+.bp-switcher__content {
  box-shadow:0 0 10px #ffb738
}
.bp-switcher__label input:checked+.bp-switcher__content>.bp-switcher__switch>.bp-switcher__round:before {
  -webkit-transform:translateX(12px);
  -ms-transform:translateX(12px);
  transform:translateX(12px);
  background-color:#ffb738
}
.bp-benefits-block {
  border-radius:10px;
  border:2px solid #351d1a;
  padding:3px;
  position:relative;
  z-index:1
}
.bp-benefits-block__content {
  background-color:#251411;
  border-radius:5px;
  padding:14px 20px;
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
  gap:20px
}
@media not screen and (min-width:630px) {
  .bp-benefits-block__content {
    background-image:none!important
  }
}
.bp-benefits-block__content .svg {
  width:24px;
  height:24px;
  color:#ffb738
}
.bp-benefits-block__title {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  color:#fff;
  text-transform:uppercase;
  position:relative;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .bp-benefits-block__title {
    text-shadow:0 0 1px #251411
  }
}
.bp-benefits-block__text {
  margin-top:2px;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#dab6ab;
  max-width:364px;
  position:relative;
  z-index:2
}
@media not screen and (min-width:1100px) {
  .bp-benefits-block__text {
    text-shadow:0 0 1px #251411
  }
}
.bp-user-card {
  border-radius:10px;
  border:2px solid #351d1a;
  display:flex;
  align-items:center;
  padding:3px 0 3px 3px;
  counter-increment:top-users
}
.bp-user-card__content {
  width:100%;
  display:flex;
  align-items:center;
  gap:16px;
  background-color:#251411;
  border-radius:5px
}
.bp-user-card__number {
  width:32px;
  height:32px;
  flex:none;
  background-color:#4c2c28;
  border-radius:0 10px 10px 0;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:18px;
  color:#fff
}
.bp-user-card__number:before {
  content:counter(top-users)
}
.bp-user-card__img {
  width:48px;
  height:48px;
  overflow:hidden;
  border-radius:10px;
  transition:.3s ease
}
.bp-user-card__img img {
  width:100%;
  height:100%;
  transition:.3s ease
}
.bp-user-card__user {
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 0;
  cursor:pointer
}
.bp-user-card__user-name {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  color:#fff;
  max-width:165px;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
@media not screen and (min-width:400px) {
  .bp-user-card__user-name {
    max-width:102px
  }
}
.bp-user-card__user-date {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  margin-top:-2px;
  color:#dab6ab
}
@media not screen and (min-width:450px) {
  .bp-user-card__user-date {
    font-size:13px
  }
}
@media not all and (hover:none) and (pointer:coarse) {
  .bp-user-card__user:hover .bp-user-card__img {
    box-shadow:0 0 5px #dab6ab
  }
  .bp-user-card__user:hover .bp-user-card__img img {
    transform:scale(1.05)
  }
}
@media (hover:none) and (pointer:coarse) {
  .bp-user-card__user:active {
    -webkit-tap-highlight-color:transparent
  }
  .bp-user-card__user:active .bp-user-card__img {
    box-shadow:0 0 5px #dab6ab
  }
  .bp-user-card__user:active .bp-user-card__img img {
    transform:scale(1.05)
  }
}
.bp-user-card__exp {
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:1em;
  font-style:normal;
  font-weight:600;
  line-height:18px;
  color:#fff;
  flex:none;
  white-space:nowrap;
  width:100px
}
@media not screen and (min-width:450px) {
  .bp-user-card__exp {
    width:80px;
    font-size:12px
  }
}
.bp-user-card_pass .bp-user-card__exp {
  background:linear-gradient(90deg,#ef274b,#ef4b27);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 24px rgba(239,58,58,.5)
}
.bp-how-elem {
  max-width:344px;
  display:flex;
  flex-direction:column;
  align-items:center
}
.bp-how-elem__icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  height:58px;
  background-color:#251411;
  border-radius:10px;
  position:relative
}
.bp-how-elem__icon .svg {
  color:#ffb738;
  width:24px;
  height:24px
}
.bp-how-elem__icon:before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  border:3px solid #140c0b;
  border-radius:8px
}
.bp-how-elem__title {
  margin-top:24px;
  font-weight:700;
  line-height:24px;
  text-transform:uppercase;
  color:#fff
}
.bp-how-elem__info,
.bp-how-elem__title {
  text-align:center;
  font-size:18px;
  font-style:normal
}
.bp-how-elem__info {
  margin-top:4px;
  font-weight:500;
  line-height:22px;
  color:#dab6ab
}
.bp-faq-elem {
  border-radius:10px;
  border:2px solid #351d1a;
  padding:3px
}
.bp-faq-elem__content {
  border-radius:5px;
  background:#251411;
  padding:14px 24px 18px;
  height:100%
}
.bp-faq-elem__title {
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:24px;
  color:#fff
}
.bp-faq-elem__text {
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:20px;
  color:#dab6ab;
  margin-top:2px
}
.bp-intro-main {
  position:relative;
  z-index:1
}
.bp-intro-main:before {
  content:"";
  position:absolute;
  width:100vw;
  height:100%;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  background-image:url(https://robuxman.ru/assets/css/public/img/bp/main-intro-bg.jpg?v=2);
  background-size:cover;
  background-position:center bottom 85px;
  background-repeat:no-repeat;
  z-index:-1
}
.bp-intro-main__content {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:64px
}
@media not screen and (min-width:630px) {
  .bp-intro-main__content {
    padding-top:32px
  }
}
.bp-intro-main__logo {
  width:200px
}
@media not screen and (min-width:1100px) {
  .bp-intro-main__logo {
    max-width:150px
  }
}
.bp-intro-main__title {
  margin-top:32px;
  max-width:675px;
  background:linear-gradient(90deg,#f8d494,#c19a52 10.01%,#dec291 20.02%,#d0a869 30.04%,#cfa967 40.05%,#fce8c5 50.06%,#ffdaa3 60.07%,#cfa967 70.08%,#fce8c5 80.09%,#f0c984 90.11%,#d09b5c 100.12%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:44px;
  font-style:normal;
  font-weight:700;
  line-height:50px;
  text-transform:uppercase
}
@media not screen and (min-width:1100px) {
  .bp-intro-main__title {
    margin-top:20px;
    font-size:32px;
    line-height:38px
  }
}
.bp-intro-main__btns {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:32px;
  flex-wrap:wrap
}
@media not screen and (min-width:630px) {
  .bp-intro-main__btns {
    flex-direction:column-reverse;
    margin-top:20px
  }
}
.bp-intro-main__grid-cases {
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(312px,1fr));
  grid-row-gap:42px;
  justify-content:center
}
@media not screen and (min-width:1100px) {
  .bp-intro-main__grid-cases {
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    grid-row-gap:20px
  }
}
@media not screen and (min-width:630px) {
  .bp-intro-main__grid-cases {
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    grid-row-gap:20px
  }
}
.bp-popup-body {
  display:flex;
  flex-direction:column;
  align-items:center
}
.bp-popup-body__main-img {
  max-width:200px
}
@media not screen and (min-width:630px) {
  .bp-popup-body__main-img {
    max-width:100px
  }
}
.bp-popup-body__small-title {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:22px;
  letter-spacing:.8px;
  text-transform:uppercase;
  margin-top:32px
}
@media not screen and (min-width:630px) {
  .bp-popup-body__small-title {
    margin-top:16px;
    font-size:14px;
    line-height:20px
  }
}
.bp-popup-body__title {
  text-align:center;
  font-family:Reaver,sans-serif;
  font-size:32px;
  font-style:normal;
  font-weight:700;
  line-height:50px;
  text-transform:uppercase;
  background:linear-gradient(90deg,#f8d494,#c19a52 10.01%,#dec291 20.02%,#d0a869 30.04%,#cfa967 40.05%,#fce8c5 50.06%,#ffdaa3 60.07%,#cfa967 70.08%,#fce8c5 80.09%,#f0c984 90.11%,#d09b5c 100.12%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  margin-top:4px
}
@media not screen and (min-width:630px) {
  .bp-popup-body__title {
    font-size:18px;
    line-height:26px
  }
}
.bp-popup-body__descr {
  text-align:center;
  font-size:18px;
  font-style:normal;
  font-weight:500;
  line-height:24px;
  max-width:410px;
  margin-top:6px
}
@media not screen and (min-width:630px) {
  .bp-popup-body__descr {
    font-size:16px;
    line-height:22px;
    margin-top:3px
  }
}
.bp-popup-body__tooltip {
  display:flex;
  align-items:center;
  margin-top:16px
}
.bp-popup-body__tooltip .tooltip {
  display:flex;
  align-items:center;
  gap:8px
}
.bp-popup-body__tooltip .tooltip span {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  color:#dab6ab
}
.bp-popup-body__tooltip .tooltip__label {
  color:#4c2c28
}
.bp-popup-body__items {
  max-height:150px;
  overflow-y:auto;
  width:100%;
  margin-top:34px
}
@media only screen and (min-width:1100px) {
  .bp-popup-body__items::-webkit-scrollbar-track {
    background-color:#351d1a
  }
  .bp-popup-body__items::-webkit-scrollbar {
    width:2px;
    height:2px
  }
  .bp-popup-body__items::-webkit-scrollbar-thumb {
    background-color:#ff6e40;
    border-radius:10px
  }
}
@media not screen and (min-width:630px) {
  .bp-popup-body__items {
    margin-top:16px
  }
}
.bp-popup-body__items-inner {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px
}
.bp-popup-body__items-inner .skin {
  max-width:177px;
  height:150px
}
.bp-popup-body__items-inner .skin__titles {
  margin-top:-22px
}
.bp-popup-body__case {
  max-width:177px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center
}
.bp-popup-body__case-img {
  width:130px;
  transition:.3s ease
}
.bp-popup-body__case-name {
  max-width:80%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  margin-top:2px;
  font-style:normal;
  font-weight:500;
  font-size:12px;
  line-height:16px;
  font-feature-settings:"liga" off;
  text-align:center;
  color:#fff;
  position:relative
}
@media not all and (hover:none) and (pointer:coarse) {
  .bp-popup-body__case:hover .bp-popup-body__case-img {
    transform:scale(1.05)
  }
}
@media (hover:none) and (pointer:coarse) {
  .bp-popup-body__case:active {
    -webkit-tap-highlight-color:transparent
  }
  .bp-popup-body__case:active .bp-popup-body__case-img {
    transform:scale(1.05)
  }
}
.layout-event {
  padding-top:48px;
  padding-bottom:128px;
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
@media not screen and (min-width:630px) {
  .layout-event {
    padding-top:24px;
    padding-bottom:64px
  }
}
.layout-event__logo {
  width:150px
}
.layout-event__logo img {
  width:100%;
  height:100%
}
.layout-event__info {
  margin-top:10px;
  text-align:center
}