.tabs_tabs__c-KSh {
  display: flex;
  gap: 6px;
  margin-left: 20px
}

@media(max-width:900px) {
  .tabs_tabs__c-KSh {
    margin: 24px 0 0
  }
}

@media(max-width:599px) {
  .tabs_tabs__c-KSh {
    flex-direction: column;
    gap: 4px;
    margin-top: 18px;
    width: 100%
  }

  .tabs_item__Ye6xg {
    width: 100%
  }
}

.tabs_tab__nY9MF {
  border: 1px solid transparent;
  border-radius: 8px;
  color: #65697b;
  font-size: 13px;
  line-height: 20px;
  min-height: 100%;
  padding: 11px 15px 11px 38px;
  position: relative;
  transition: color .3s, background .3s, border-color .3s
}

@media(max-width:1200px) {
  .tabs_tab__nY9MF {
    font-size: 12px;
    padding: 8px 15px 8px 33px
  }
}

@media(max-width:599px) {
  .tabs_tab__nY9MF {
    border-color: #2a2c3a;
    border-radius: 6px;
    color: #c9cad3;
    font-size: 11px;
    padding: 7px 15px 7px 33px;
    text-align: left;
    width: 100%
  }
}

.tabs_tab__nY9MF.tabs_active__mX\+kd,
.tabs_tab__nY9MF.tabs_active__mX\+kd:hover {
  background: none;
  border-color: #2a2c3a;
  color: #c9cad3;
  cursor: default
}

@media(max-width:599px) {

  .tabs_tab__nY9MF.tabs_active__mX\+kd,
  .tabs_tab__nY9MF.tabs_active__mX\+kd:hover {
    background: #20202b;
    border-color: #20202b;
    color: #e6e6ec
  }
}

.tabs_tab__nY9MF.tabs_loading__NeRrE,
.tabs_tab__nY9MF.tabs_loading__NeRrE:hover,
.tabs_tab__nY9MF:hover {
  background: #20202b;
  border-color: transparent;
  color: #e6e6ec
}

.tabs_tab__nY9MF.tabs_loading__NeRrE {
  cursor: wait
}

.tabs_icon__YPKvx {
  height: 18px;
  left: 12px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

@media(max-width:1200px) {
  .tabs_icon__YPKvx {
    height: 16px;
    left: 10px;
    margin-top: -8px;
    width: 16px
  }
}

@media(max-width:599px) {
  .tabs_icon__YPKvx {
    height: 14px;
    left: 10px;
    margin-top: -7px;
    width: 14px
  }
}

.tabs_icon__YPKvx path {
  fill: #65697b;
  transition: fill .3s
}

.tabs_selected__rYXlk .tabs_icon__YPKvx path {
  fill: #c9cad3
}

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

.stat_label__6y31Z {
  color: #828794;
  font-size: 11px;
  line-height: 12px;
  text-transform: uppercase
}

.stat_item__JaH69 {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  padding-left: 34px
}

.stat_item__JaH69.stat_active__O17qR {
  background-image: url(/tpl/hotcase/assets/battles/icons/one-sword.e6e4d269dd7f0426157d.svg)
}

.stat_item__JaH69.stat_finished__Ksz\+8 {
  background-image: url(/tpl/hotcase/assets/battles/icons/flag.fd3fa2310dd7e378356d.svg)
}

.stat_count__N-OMp {
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 700
}

.authBtn_component__449Iv {
  background: #64ce82;
  border-radius: 8px;
  color: #272735;
  display: block;
  font-size: 11px;
  font-weight: 900;
  line-height: 20px;
  padding: 16px 44px 16px 18px;
  position: relative;
  text-transform: uppercase;
  transition: opacity .3s ease, background-color .3s ease, color .3s
}

@media(max-width:1200px) {
  .authBtn_component__449Iv {
    padding: 14px 44px 14px 18px
  }
}

@media(max-width:900px) {
  .authBtn_component__449Iv {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
    width: 100%
  }
}

@media(max-width:599px) {
  .authBtn_component__449Iv {
    border-radius: 6px;
    padding: 13px 15px
  }
}

.authBtn_component__449Iv:hover {
  background-color: #81dd9b;
  color: #272735
}

.authBtn_component__449Iv.authBtn_loading__kV6S4 {
  cursor: wait;
  opacity: .7
}

.authBtn_icon__\+S-xF {
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 20px
}

@media(max-width:900px) {
  .authBtn_icon__\+S-xF {
    margin: 0;
    position: static
  }
}

.authBtn_icon__\+S-xF path {
  fill: #272735;
  transition: fill .3s
}

.createButton_component__gastW {
  background: #64ce82;
  border-radius: 8px;
  color: #272735;
  display: block;
  font-size: 11px;
  font-weight: 900;
  line-height: 20px;
  padding: 16px 44px 16px 18px;
  position: relative;
  text-transform: uppercase;
  transition: opacity .3s ease, background-color .3s ease, color .3s
}

@media(max-width:1200px) {
  .createButton_component__gastW {
    padding: 14px 44px 14px 18px
  }
}

@media(max-width:900px) {
  .createButton_component__gastW {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
    width: 100%
  }
}

@media(max-width:599px) {
  .createButton_component__gastW {
    border-radius: 6px;
    padding: 13px 15px
  }
}

.createButton_component__gastW:hover {
  background-color: #81dd9b;
  color: #272735
}

.createButton_component__gastW.createButton_loading__I5ce4 {
  cursor: wait;
  opacity: .7
}

.createButton_icon__mH5pg {
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 20px
}

@media(max-width:900px) {
  .createButton_icon__mH5pg {
    margin: 0;
    position: static
  }
}

.createButton_icon__mH5pg path {
  fill: #272735
}

.selectUsers_component__tcab3 {
  background: url(/tpl/hotcase/assets/battles/icons/users.e6c6c670718f1d6bb313.svg) 0 50% no-repeat;
  background-size: 28px;
  display: flex;
  gap: 4px;
  padding-left: 40px
}

@media(max-width:1200px) {
  .selectUsers_component__tcab3 {
    background-size: 24px;
    padding-left: 34px
  }
}

@media(max-width:900px) {
  .selectUsers_component__tcab3 {
    order: 2
  }
}

@media(max-width:599px) {
  .selectUsers_component__tcab3 {
    width: 100%
  }

  .selectUsers_item__X4BzE {
    flex-grow: 1
  }
}

.selectUsers_btn__qdSW- {
  background: rgba(111, 116, 143, .18);
  border-radius: 8px;
  color: #b3b3c0;
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 42px;
  min-width: 38px;
  padding: 0 10px;
  transition: color .3s, background-color .3s
}

@media(max-width:1200px) {
  .selectUsers_btn__qdSW- {
    border-radius: 6px;
    font-size: 12px;
    min-width: 36px
  }
}

@media(max-width:599px) {
  .selectUsers_btn__qdSW- {
    font-size: 12px;
    line-height: 32px;
    width: 100%
  }
}

.selectUsers_btn__qdSW-:hover {
  background-color: #595b6b
}

.selectUsers_active__\+jwTb .selectUsers_btn__qdSW- {
  background-color: #aaacbd;
  color: #1a1a24
}

.selectUsers_active__\+jwTb.selectUsers_cannotEmpty__tE4-O .selectUsers_btn__qdSW- {
  cursor: default
}

.checkbox_component__9w3oq {
  align-items: center;
  color: #cecfd6;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  gap: 10px;
  line-height: normal;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none
}

@media(max-width:900px) {
  .checkbox_component__9w3oq {
    order: 3
  }
}

@media(max-width:599px) {
  .checkbox_component__9w3oq {
    font-size: 10px
  }
}

.checkbox_indicator__H-lDh {
  background: rgba(177, 179, 202, .1);
  border-radius: 8px;
  height: 22px;
  position: relative;
  transition: background-color .3s;
  width: 29px
}

.checkbox_checked__qP5-W .checkbox_indicator__H-lDh {
  background: hsla(29, 67%, 64%, .2)
}

.checkbox_indicator__H-lDh:before {
  background: #6f6f76;
  border-radius: 5px;
  content: "";
  height: 14px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: background-color .3s, -webkit-transform .3s;
  transition: transform .3s, background-color .3s;
  transition: transform .3s, background-color .3s, -webkit-transform .3s;
  width: 14px
}

.checkbox_component__9w3oq:hover .checkbox_indicator__H-lDh:before {
  background: #90909c
}

.checkbox_component__9w3oq.checkbox_checked__qP5-W .checkbox_indicator__H-lDh:before {
  background: #ffb97a;
  -webkit-transform: translateX(7px);
  transform: translateX(7px)
}

.sort_component__z943s {
  max-width: 220px;
  min-width: 168px;
  position: relative
}

@media(max-width:1200px) {
  .sort_component__z943s {
    max-width: 175px
  }
}

@media(max-width:900px) {
  .sort_component__z943s {
    max-width: 100%;
    order: 1;
    width: 100%
  }
}

.sort_header__\+3YOF {
  align-items: center;
  background: rgba(111, 116, 143, .16);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 13px 12px;
  transition: background-color .3s;
  width: 100%
}

@media(max-width:599px) {
  .sort_header__\+3YOF {
    border-radius: 6px;
    padding: 12px
  }
}

.sort_header__\+3YOF:hover {
  background: rgba(114, 118, 143, .28)
}

.sort_title__tnxmY {
  color: #828794;
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .3s;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap
}

@media(max-width:599px) {
  .sort_title__tnxmY {
    font-size: 12px
  }
}

.sort_icon__KdqJG {
  height: 18px;
  margin-left: auto;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 18px
}

@media(max-width:599px) {
  .sort_icon__KdqJG {
    height: 14px;
    width: 14px
  }
}

.sort_opened__O2F7s .sort_icon__KdqJG {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.sort_icon__KdqJG path {
  transition: fill .3s
}

.sort_opened__O2F7s .sort_icon__KdqJG path {
  fill: #c6c7d7
}

.sort_list__4psZv {
  border-radius: 8px;
  box-shadow: 0 12px 24px 0 rgba(13, 13, 16, .35);
  min-width: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: calc(100% + 18px);
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content;
  z-index: 2
}

.sort_opened__O2F7s .sort_list__4psZv {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: visible
}

.sort_item__w2rvI {
  background: #313340;
  color: #828794;
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
  padding: 12px 16px;
  transition: color .3s, background-color .3s;
  -webkit-user-select: none;
  user-select: none
}

@media(max-width:900px) {
  .sort_item__w2rvI {
    font-size: 12px
  }
}

@media(max-width:599px) {
  .sort_item__w2rvI {
    padding: 12px
  }
}

.sort_item__w2rvI:hover {
  background: #434555;
  color: #b3b3c0
}

.sort_item__w2rvI+.sort_item__w2rvI {
  border-top: 1px solid rgba(16, 17, 21, .46)
}

.filter_component__bf9n4 {
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, rgba(31, 30, 41, .86), rgba(43, 42, 55, .86));
  border-radius: 12px;
  display: flex;
  margin-bottom: 24px;
  padding: 30px;
  position: relative;
  z-index: 10
}

@media(max-width:1800px) {
  .filter_component__bf9n4 {
    padding: 22px 25px
  }
}

@media(max-width:900px) {
  .filter_component__bf9n4 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border-radius: 0;
    flex-direction: column;
    gap: 24px;
    padding: 0
  }
}

@media(max-width:599px) {
  .filter_component__bf9n4 {
    gap: 18px;
    margin-bottom: 18px
  }
}

.filter_filter__0e7sB {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 18px
}

@media(max-width:900px) {
  .filter_filter__0e7sB {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(180deg, rgba(31, 30, 41, .86), rgba(43, 42, 55, .86));
    border-radius: 12px;
    flex-wrap: wrap;
    justify-content: center;
    order: 2;
    padding: 20px;
    width: 100%
  }
}

@media(max-width:599px) {
  .filter_filter__0e7sB {
    border-radius: 8px;
    gap: 10px;
    padding: 12px
  }
}

.filter_create__WVRBe {
  flex-shrink: 0;
  margin-left: 25px
}

@media(max-width:900px) {
  .filter_create__WVRBe {
    display: none
  }
}

.loadMore_component__VJ-F3 {
  align-items: center;
  background: #22222d;
  border-radius: 8px;
  color: #c9cad3;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  margin-top: 16px;
  padding: 18px 26px;
  text-align: center;
  text-transform: uppercase;
  transition: background .3s;
  width: 100%
}

@media(max-width:599px) {
  .loadMore_component__VJ-F3 {
    font-size: 10px;
    margin-top: 8px;
    padding: 14px 20px
  }
}

.loadMore_component__VJ-F3.loadMore_loading__1LzTq,
.loadMore_component__VJ-F3:hover {
  background: #373748;
  color: #fff
}

.loadMore_component__VJ-F3.loadMore_loading__1LzTq path,
.loadMore_component__VJ-F3:hover path {
  fill: #fff
}

.loadMore_component__VJ-F3.loadMore_loading__1LzTq {
  cursor: wait
}

.loadMore_icon__fJbZZ {
  height: 18px;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  width: 18px
}

.loadMore_component__VJ-F3:hover .loadMore_icon__fJbZZ {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.loadMore_icon__fJbZZ path {
  fill: #c9cad3
}

@-webkit-keyframes battlesItem_round-blinking__0vyiB {
  0% {
    opacity: 1
  }

  50% {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

@keyframes battlesItem_round-blinking__0vyiB {
  0% {
    opacity: 1
  }

  50% {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

.battlesItem_component__S5lRo {
  grid-gap: 36px;
  align-items: center;
  background: #262631;
  border-radius: 12px;
  display: grid;
  gap: 36px;
  grid-auto-flow: column;
  grid-template-columns: auto minmax(0, 468px) 1fr auto;
  padding: 12px
}

@media(max-width:1800px) {
  .battlesItem_component__S5lRo {
    gap: 20px
  }
}

@media(max-width:1200px) {
  .battlesItem_component__S5lRo {
    grid-template-columns: auto minmax(0, 360px) 1fr auto
  }
}

@media(max-width:900px) {
  .battlesItem_component__S5lRo {
    gap: 0;
    grid-auto-flow: row;
    grid-template-columns: auto;
    position: relative
  }
}

@media(max-width:599px) {
  .battlesItem_component__S5lRo {
    border-radius: 8px
  }
}

.battlesItem_casesWrapper__k90gW {
  height: 108px;
  overflow: hidden;
  position: relative;
  width: 100%
}

@media(max-width:1800px) {
  .battlesItem_casesWrapper__k90gW {
    height: 90px
  }
}

@media(max-width:900px) {
  .battlesItem_casesWrapper__k90gW {
    height: 80px;
    margin: 12px 0
  }
}

@media(max-width:599px) {
  .battlesItem_casesWrapper__k90gW {
    height: 74px
  }
}

.battlesItem_casesWrapper__k90gW:after,
.battlesItem_casesWrapper__k90gW:before {
  background: linear-gradient(270deg, transparent, #262631);
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: visibility .3s, opacity .3s;
  visibility: hidden;
  width: 50px;
  z-index: 2
}

.battlesItem_casesWrapper__k90gW.battlesItem_scrollable__SmnPO:after,
.battlesItem_casesWrapper__k90gW.battlesItem_scrollable__SmnPO:before {
  opacity: 1;
  visibility: visible
}

.battlesItem_casesWrapper__k90gW:before {
  left: 0
}

.battlesItem_casesWrapper__k90gW:after {
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.battlesItem_caseControl__2ngJC {
  background: #20202b url(/tpl/hotcase/assets/battles/icons/control-arrow.d0e1fb2b3f0b061c89b5.svg) 50% no-repeat;
  background-size: 12px;
  border-radius: 6px;
  bottom: 0;
  height: 28px;
  margin: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: background-color .3s, opacity .3s, visibility .3s;
  visibility: hidden;
  width: 28px;
  z-index: 3
}

.battlesItem_scrollable__SmnPO .battlesItem_caseControl__2ngJC {
  opacity: 1;
  visibility: visible
}

.battlesItem_caseControl__2ngJC:hover {
  background-color: #404051
}

.battlesItem_caseControl__2ngJC.battlesItem_previous__wZaNm {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.battlesItem_caseControl__2ngJC.battlesItem_disabled__9ka0v {
  opacity: .5
}

.battlesItem_previous__wZaNm {
  left: 0
}

.battlesItem_next__jJM6J {
  right: 0
}

.battlesItem_casesRow__piwem {
  width: 100%
}

.battlesItem_scrollable__SmnPO .battlesItem_casesRow__piwem {
  cursor: grab;
  overflow-x: scroll;
  -webkit-user-select: none;
  user-select: none
}

.battlesItem_cases__bVqmm {
  display: flex;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media(max-width:1800px) {
  .battlesItem_cases__bVqmm {
    gap: 8px
  }
}

@media(max-width:599px) {
  .battlesItem_cases__bVqmm {
    gap: 4px
  }
}

.battlesItem_finished__gHT1W .battlesItem_cases__bVqmm {
  opacity: .45
}

.battlesItem_case__F0wPl {
  cursor: help;
  flex-shrink: 0;
  height: 108px;
  line-height: 1;
  position: relative;
  width: 108px
}

@media(max-width:1800px) {
  .battlesItem_case__F0wPl {
    height: 90px;
    width: 90px
  }
}

@media(max-width:900px) {
  .battlesItem_case__F0wPl {
    height: 80px;
    width: 80px
  }
}

@media(max-width:599px) {
  .battlesItem_case__F0wPl {
    height: 74px;
    width: 74px
  }
}

.battlesItem_tooltip__LRtDx {
  background: #4b4b63;
  border-radius: 6px;
  bottom: 0;
  color: #fff;
  font-size: 10px;
  left: 50%;
  line-height: 12px;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  padding: 6px 8px;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  visibility: hidden;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content
}

.battlesItem_case__F0wPl:hover .battlesItem_tooltip__LRtDx {
  opacity: 1;
  -webkit-transform: translateY(-5px) translateX(-50%);
  transform: translateY(-5px) translateX(-50%);
  visibility: visible
}

.battlesItem_caseAmount__XyuMb {
  background: #b3b3c0;
  border-radius: 4px;
  color: #1a1a24;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  padding: 4px 6px;
  position: absolute;
  right: 0;
  top: 0
}

@media(max-width:1800px) {
  .battlesItem_caseAmount__XyuMb {
    font-size: 10px;
    line-height: 12px
  }
}

.battlesItem_caseImage__iL88z {
  width: 100%
}

.battlesItem_roundsWrapper__SHIwk {
  align-items: center;
  background: #2b2b36;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-items: center;
  max-width: 124px;
  min-width: 108px;
  padding: 17px 0
}

@media(max-width:1800px) {
  .battlesItem_roundsWrapper__SHIwk {
    border-radius: 8px
  }
}

@media(max-width:1200px) {
  .battlesItem_roundsWrapper__SHIwk {
    max-width: 108px
  }
}

@media(max-width:900px) {
  .battlesItem_roundsWrapper__SHIwk {
    background: none;
    flex-direction: row;
    gap: 10px;
    justify-content: start;
    max-width: 175px;
    padding: 0;
    width: auto
  }
}

.battlesItem_finished__gHT1W .battlesItem_roundsWrapper__SHIwk {
  background: rgba(41, 41, 51, .45)
}

@media(max-width:900px) {
  .battlesItem_finished__gHT1W .battlesItem_roundsWrapper__SHIwk {
    background: none
  }
}

.battlesItem_rounds__hBSzx {
  align-items: center;
  background: url(/tpl/hotcase/assets/battles/icons/round.1608ae23bbac48e890ae.svg) 50% no-repeat;
  background-size: 100%;
  color: #e8e4f7;
  display: flex;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 900;
  height: 56px;
  justify-content: center;
  position: relative;
  width: 56px
}

@media(max-width:1800px) {
  .battlesItem_rounds__hBSzx {
    font-size: 16px;
    height: 48px;
    width: 48px
  }
}

@media(max-width:900px) {
  .battlesItem_rounds__hBSzx {
    font-size: 14px;
    height: 40px;
    width: 40px
  }
}

@media(max-width:599px) {
  .battlesItem_rounds__hBSzx {
    font-size: 11px;
    height: 32px;
    width: 32px
  }
}

.battlesItem_rounds__hBSzx:before {
  background: url(/tpl/hotcase/assets/battles/icons/round-started.8e1f236ddb467fa088da.svg) 50% no-repeat;
  background-size: 100%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .5s;
  width: 100%
}

.battlesItem_live__btq3J .battlesItem_rounds__hBSzx:before {
  -webkit-animation: battlesItem_round-blinking__0vyiB 1.5s linear .5s infinite;
  animation: battlesItem_round-blinking__0vyiB 1.5s linear .5s infinite;
  opacity: 1
}

.battlesItem_rounds__hBSzx span {
  position: relative;
  z-index: 2
}

.battlesItem_finished__gHT1W .battlesItem_rounds__hBSzx {
  opacity: .6
}

.battlesItem_roundsLabel__qKCBD {
  color: #d0cdd4;
  font-size: 11px;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%
}

@media(max-width:1800px) {
  .battlesItem_roundsLabel__qKCBD {
    font-size: 10px
  }
}

@media(max-width:900px) {
  .battlesItem_roundsLabel__qKCBD {
    text-align: left
  }
}

@media(max-width:599px) {
  .battlesItem_roundsLabel__qKCBD {
    display: none
  }
}

.battlesItem_finished__gHT1W .battlesItem_roundsLabel__qKCBD {
  color: #444751
}

.battlesItem_roundsTitle__MqIb- {
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 0 15px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
  width: 100%
}

@media(max-width:900px) {
  .battlesItem_roundsTitle__MqIb- {
    padding: 0;
    text-align: left
  }
}

.battlesItem_roundsTitle__MqIb-.battlesItem_liveTitle__C5tGC {
  color: #ffac61;
  text-transform: uppercase
}

.battlesItem_roundsTitle__MqIb-.battlesItem_fadeEnter__c0Og\+ {
  opacity: 0
}

.battlesItem_roundsTitle__MqIb-.battlesItem_fadeEnterActive__ytLSY {
  opacity: 1;
  transition: opacity .5s
}

.battlesItem_roundsTitle__MqIb-.battlesItem_fadeExit__mE74S {
  opacity: 1
}

.battlesItem_roundsTitle__MqIb-.battlesItem_fadeExitActive__QB65w {
  opacity: 0;
  transition: opacity .5s
}

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

@media(max-width:900px) {
  .battlesItem_info__XPt2T {
    gap: 10px;
    justify-content: flex-end;
    position: absolute;
    right: 12px;
    top: 14px;
    width: calc(100% - 64px)
  }
}

@media(max-width:599px) {
  .battlesItem_info__XPt2T {
    gap: 0;
    justify-content: flex-start
  }
}

.battlesItem_priceWrapper__-Lluk {
  background: #20202b;
  border-radius: 12px;
  font-weight: 700;
  max-width: 200px;
  min-width: 140px;
  padding: 16px 0;
  text-align: center
}

@media(max-width:1800px) {
  .battlesItem_priceWrapper__-Lluk {
    border-radius: 10px;
    min-width: 120px;
    padding: 14px 0
  }
}

@media(max-width:1200px) {
  .battlesItem_priceWrapper__-Lluk {
    flex-grow: 1;
    max-width: 140px
  }
}

@media(max-width:900px) {
  .battlesItem_priceWrapper__-Lluk {
    background: none;
    border-radius: 6px;
    padding: 10px;
    text-align: right
  }
}

@media(max-width:599px) {
  .battlesItem_priceWrapper__-Lluk {
    background: none;
    margin-right: 10px;
    min-width: 0;
    padding: 0;
    width: auto
  }
}

.battlesItem_price__SKdJ5 {
  color: #ffb97a;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width:1800px) {
  .battlesItem_price__SKdJ5 {
    font-size: 14px;
    line-height: 20px
  }
}

@media(max-width:900px) {
  .battlesItem_price__SKdJ5 {
    font-size: 13px;
    padding: 0
  }
}

@media(max-width:599px) {
  .battlesItem_price__SKdJ5 {
    font-size: 11px;
    text-align: left
  }
}

.battlesItem_priceLabel__HZNQk {
  color: #d0cdd4;
  font-size: 10px;
  line-height: 12px;
  margin-top: 2px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap
}

@media(max-width:900px) {
  .battlesItem_priceLabel__HZNQk {
    display: none
  }
}

.battlesItem_users__H0WQR {
  grid-gap: 12px;
  display: grid;
  flex-shrink: 0;
  gap: 12px;
  grid-auto-flow: column;
  margin-left: auto
}

@media(max-width:1800px) {
  .battlesItem_users__H0WQR {
    gap: 8px
  }
}

@media(max-width:900px) {
  .battlesItem_users__H0WQR {
    gap: 6px;
    margin: 0
  }
}

@media(max-width:599px) {
  .battlesItem_users__H0WQR {
    gap: 3px;
    margin-left: auto
  }
}

.battlesItem_user__HKO2d {
  border-radius: 12px;
  height: 48px;
  width: 48px
}

@media(max-width:1800px) {
  .battlesItem_user__HKO2d {
    border-radius: 10px;
    height: 40px;
    width: 40px
  }
}

@media(max-width:900px) {
  .battlesItem_user__HKO2d {
    border-radius: 8px;
    height: 32px;
    width: 32px
  }
}

@media(max-width:599px) {
  .battlesItem_user__HKO2d {
    height: 26px;
    width: 26px
  }
}

.battlesItem_finished__gHT1W .battlesItem_user__HKO2d {
  opacity: .45
}

.battlesItem_user__HKO2d.battlesItem_winner__uKv\+e {
  outline: 2px solid #9aff89;
  padding: 3px;
  position: relative
}

@media(max-width:599px) {
  .battlesItem_user__HKO2d.battlesItem_winner__uKv\+e {
    border: 1px solid #9aff89;
    outline: none;
    padding: 1px
  }
}

.battlesItem_finished__gHT1W .battlesItem_user__HKO2d.battlesItem_winner__uKv\+e {
  opacity: 1
}

.battlesItem_user__HKO2d.battlesItem_winner__uKv\+e:before {
  background: #1b1b25 url(/tpl/hotcase/assets/battles/icons/crown.45a4f98b1b292e328650.svg) 50% no-repeat;
  background-size: 18px;
  border-radius: 28px;
  bottom: -14px;
  content: "";
  height: 28px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 28px;
  z-index: 1
}

@media(max-width:1800px) {
  .battlesItem_user__HKO2d.battlesItem_winner__uKv\+e:before {
    background-size: 12px;
    bottom: -11px;
    height: 22px;
    width: 22px
  }
}

@media(max-width:900px) {
  .battlesItem_user__HKO2d.battlesItem_winner__uKv\+e:before {
    bottom: -9px;
    height: 18px;
    width: 18px
  }
}

@media(max-width:599px) {
  .battlesItem_user__HKO2d.battlesItem_winner__uKv\+e:before {
    background-size: 10px
  }
}

.battlesItem_userLink__6jGhz {
  display: block;
  height: 100%;
  transition: opacity .3s ease;
  width: 100%
}

.battlesItem_userLink__6jGhz:hover {
  opacity: .7
}

.battlesItem_userPhoto__3bbut {
  border-radius: 12px;
  width: 100%
}

@media(max-width:1800px) {
  .battlesItem_userPhoto__3bbut {
    border-radius: 10px
  }
}

@media(max-width:900px) {
  .battlesItem_userPhoto__3bbut {
    border-radius: 8px
  }
}

.battlesItem_emptyUser__oBaHC {
  background: #2f2f3a;
  border: 1px dashed #585c69;
  border-radius: 12px;
  display: block;
  height: 100%;
  position: relative;
  transition: background-color .3s;
  width: 100%
}

@media(max-width:1800px) {
  .battlesItem_emptyUser__oBaHC {
    border-radius: 10px
  }
}

@media(max-width:900px) {
  .battlesItem_emptyUser__oBaHC {
    border-radius: 8px
  }
}

.battlesItem_emptyUser__oBaHC:hover {
  background: #444751
}

.battlesItem_emptyIcon__J8jXh {
  height: 20px;
  left: 50%;
  margin: -10px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

@media(max-width:599px) {
  .battlesItem_emptyIcon__J8jXh {
    height: 16px;
    margin: -8px 0 0 -8px;
    width: 16px
  }
}

.battlesItem_emptyIcon__J8jXh path {
  fill: #c9cad3;
  transition: fill .3s
}

.battlesItem_emptyUser__oBaHC:hover .battlesItem_emptyIcon__J8jXh path {
  fill: #fff
}

.battlesItem_buttons__yClKQ {
  grid-gap: 8px;
  display: grid;
  gap: 8px;
  max-width: 180px;
  min-width: 152px
}

@media(max-width:900px) {
  .battlesItem_buttons__yClKQ {
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    max-width: none;
    width: 100%
  }
}

@media(max-width:599px) {
  .battlesItem_buttons__yClKQ {
    grid-template-columns: 1fr auto
  }
}

.battlesItem_btnWrapper__0ixCW {
  overflow: hidden;
  width: 100%
}

.battlesItem_btn__y\+NI3 {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  height: 42px;
  justify-content: center;
  line-height: 20px;
  padding: 0 15px;
  transition: color .3s ease, background-color .3s ease;
  width: 100%
}

@media(max-width:900px) {
  .battlesItem_btn__y\+NI3 {
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    height: 40px;
    padding: 0 20px
  }
}

@media(max-width:599px) {
  .battlesItem_btn__y\+NI3 {
    gap: 4px;
    height: 38px;
    padding: 0 12px
  }
}

.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX {
  background: #ffac61;
  color: #392c22
}

.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX path {
  fill: #392c22
}

.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX .battlesItem_loading__eDdd-,
.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX:hover {
  background: #f8bc76;
  color: #684933
}

.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX .battlesItem_loading__eDdd- path,
.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX:hover path {
  fill: #684933
}

.battlesItem_btn__y\+NI3.battlesItem_join__3iqoX.battlesItem_loading__eDdd- {
  cursor: wait
}

.battlesItem_finished__gHT1W .battlesItem_btn__y\+NI3.battlesItem_join__3iqoX {
  background: #906642;
  cursor: not-allowed
}

.battlesItem_finished__gHT1W .battlesItem_btn__y\+NI3.battlesItem_join__3iqoX:hover {
  background: #906642;
  color: #392c22
}

.battlesItem_finished__gHT1W .battlesItem_btn__y\+NI3.battlesItem_join__3iqoX:hover path {
  fill: #392c22
}

.battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb {
  background: #2f2f3a;
  color: #c9cad3
}

@media(max-width:599px) {
  .battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb {
    width: 34px
  }

  .battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb span {
    display: none
  }
}

.battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb path {
  fill: #c9cad3
}

.battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb:hover {
  background: #3d3d4b;
  color: #e6e6ec
}

.battlesItem_btn__y\+NI3.battlesItem_watch__q4PJb:hover path {
  fill: #e6e6ec
}

.battlesItem_btn__y\+NI3 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.battlesItem_btnIcon__n3qhU {
  flex-shrink: 0;
  height: 18px;
  width: 18px
}

@media(max-width:900px) {
  .battlesItem_btnIcon__n3qhU {
    height: 16px;
    width: 16px
  }
}

.battlesItem_btnIcon__n3qhU path {
  transition: fill .3s
}

.battles_component__anPo8 {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(29, 29, 41, .7);
  border-radius: 16px;
  padding: 30px
}

@media(max-width:1800px) {
  .battles_component__anPo8 {
    padding: 25px
  }
}

@media(max-width:900px) {
  .battles_component__anPo8 {
    border-radius: 12px;
    padding: 18px
  }
}

@media(max-width:599px) {
  .battles_component__anPo8 {
    border-radius: 8px;
    padding: 12px
  }
}

.battles_enter__kZ61Z {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .6s, opacity .8s
}

.battles_enterActive__wje4H {
  max-height: 500px;
  opacity: 1
}

.battles_exit__o586K {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  max-height: 500px;
  overflow: hidden;
  transition: max-height .6s, opacity .8s
}

.battles_exitActive__XC5kF {
  max-height: 0;
  opacity: 0
}

.battles_list__INpFQ {
  grid-gap: 8px;
  display: grid;
  gap: 8px
}

@media(max-width:1800px) {
  .battles_list__INpFQ {
    gap: 6px
  }
}

.battles_empty__kls5X {
  align-items: center;
  border: 1px dashed #353543;
  border-radius: 10px;
  color: #676779;
  display: flex;
  font-size: 13px;
  font-weight: 900;
  justify-content: center;
  padding: 50px;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

@media(max-width:1200px) {
  .battles_empty__kls5X {
    font-size: 12px;
    padding: 40px
  }
}

@media(max-width:599px) {
  .battles_empty__kls5X {
    border-radius: 8px;
    font-size: 11px;
    padding: 30px 20px
  }
}

.title_component__-pxRF {
  align-items: center;
  display: flex;
  max-width: 100%;
  overflow: hidden
}

.title_title__BEgIV {
  background: url(/tpl/hotcase/assets/battles/icons/swords.35e1f5da4ae12165c4b7.svg) 0 50% no-repeat;
  background-size: 32px;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  overflow: hidden;
  padding-left: 42px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width:1800px) {
  .title_title__BEgIV {
    background-size: 28px;
    font-size: 28px;
    padding-left: 36px
  }
}

@media(max-width:1300px) {
  .title_title__BEgIV {
    background-size: 26px;
    font-size: 26px;
    padding-left: 32px
  }
}

@media(max-width:1200px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 24px;
    line-height: 36px
  }
}

@media(max-width:900px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 20px;
    padding-left: 30px
  }
}

@media(max-width:599px) {
  .title_title__BEgIV {
    background-size: 20px;
    font-size: 18px;
    line-height: 30px;
    padding-left: 26px
  }
}

.title_back__wPuoc {
  border: 1px solid #2a2c3a;
  border-radius: 8px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 15px;
  position: relative;
  transition: border-color .3s;
  width: 40px
}

@media(max-width:1200px) {
  .title_back__wPuoc {
    height: 36px;
    margin-right: 12px;
    width: 36px
  }
}

@media(max-width:599px) {
  .title_back__wPuoc {
    border-radius: 6px;
    height: 30px;
    margin-right: 8px;
    width: 30px
  }
}

.title_back__wPuoc:hover {
  border-color: #3c3e4f
}

.title_icon__xf5wd {
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 50%;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 18px
}

@media(max-width:599px) {
  .title_icon__xf5wd {
    height: 16px;
    margin: -8px 0 0 -8px;
    width: 16px
  }
}

.title_icon__xf5wd path {
  transition: fill .3s
}

.title_back__wPuoc:hover .title_icon__xf5wd {
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px)
}

.title_back__wPuoc:hover .title_icon__xf5wd path {
  fill: #e6e6ec
}

.title_skeleton__sixOd {
  width: 180px !important
}

@media(max-width:900px) {
  .title_skeleton__sixOd {
    width: 150px !important
  }
}

@media(max-width:599px) {
  .title_skeleton__sixOd {
    width: 100px !important
  }
}

.page_page__o6-jE {
  background-color: #17171f;
  overflow: hidden;
  padding-bottom: 50px;
  padding-top: 64px
}

@media(max-width:1200px) {
  .page_page__o6-jE {
    padding-bottom: 20px;
    padding-top: 44px
  }
}

@media(max-width:900px) {
  .page_page__o6-jE {
    padding-top: 25px
  }
}

@media(max-width:599px) {
  .page_page__o6-jE {
    padding-top: 20px
  }
}

.page_container__t01SE:after,
.page_container__t01SE:before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 658px;
  position: absolute;
  top: 80px
}

@media(max-width:1350px) {

  .page_container__t01SE:after,
  .page_container__t01SE:before {
    display: none
  }
}

.page_container__t01SE:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/ct.3576f10ad8299ec0cb2c.png);
  left: -160px;
  width: 368px
}

@media(max-width:1800px) {
  .page_container__t01SE:before {
    left: -70px;
    width: 280px
  }
}

.page_container__t01SE:after {
  background-image: url(/tpl/hotcase/assets/battles/icons/tr.eb8bfaffaaa969c2ade5.png);
  right: -160px;
  width: 376px
}

@media(max-width:1800px) {
  .page_container__t01SE:after {
    right: -40px;
    width: 270px
  }
}

.page_row__Q7lYf {
  position: relative;
  z-index: 2
}

.page_header__Z2QlX {
  align-items: center;
  display: flex;
  margin-bottom: 24px
}

@media(max-width:599px) {
  .page_header__Z2QlX {
    margin-bottom: 18px
  }
}

.page_mainHeader__LTvGp {
  align-items: center;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden
}

@media(max-width:900px) {
  .page_mainHeader__LTvGp {
    align-items: flex-start;
    flex-direction: column
  }
}

.page_create__3O27Y {
  margin-top: 15px;
  width: 100%
}

.page_stats__pH8pD {
  margin-left: auto
}

@media(max-width:1200px) {
  .page_stats__pH8pD {
    display: none
  }
}

.title_component__-pxRF {
  align-items: center;
  display: flex;
  max-width: 100%;
  overflow: hidden
}

.title_title__BEgIV {
  background: url(/tpl/hotcase/assets/battles/icons/swords.35e1f5da4ae12165c4b7.svg) 0 50% no-repeat;
  background-size: 32px;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  overflow: hidden;
  padding-left: 42px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1800px) {
  .title_title__BEgIV {
    background-size: 28px;
    font-size: 28px;
    padding-left: 36px
  }
}

@media(max-width: 1300px) {
  .title_title__BEgIV {
    background-size: 26px;
    font-size: 26px;
    padding-left: 32px
  }
}

@media(max-width: 1200px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 24px;
    line-height: 36px
  }
}

@media(max-width: 900px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 20px;
    padding-left: 30px
  }
}

@media(max-width: 599px) {
  .title_title__BEgIV {
    background-size: 20px;
    font-size: 18px;
    line-height: 30px;
    padding-left: 26px
  }
}

.title_back__wPuoc {
  border: 1px solid #2a2c3a;
  border-radius: 8px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 15px;
  position: relative;
  transition: border-color .3s;
  width: 40px
}

@media(max-width: 1200px) {
  .title_back__wPuoc {
    height: 36px;
    margin-right: 12px;
    width: 36px
  }
}

@media(max-width: 599px) {
  .title_back__wPuoc {
    border-radius: 6px;
    height: 30px;
    margin-right: 8px;
    width: 30px
  }
}

.title_back__wPuoc:hover {
  border-color: #3c3e4f
}

.title_icon__xf5wd {
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 50%;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 18px
}

@media(max-width: 599px) {
  .title_icon__xf5wd {
    height: 16px;
    margin: -8px 0 0 -8px;
    width: 16px
  }
}

.title_icon__xf5wd path {
  transition: fill .3s
}

.title_back__wPuoc:hover .title_icon__xf5wd {
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px)
}

.title_back__wPuoc:hover .title_icon__xf5wd path {
  fill: #e6e6ec
}

.title_skeleton__sixOd {
  width: 180px !important
}

@media(max-width: 900px) {
  .title_skeleton__sixOd {
    width: 150px !important
  }
}

@media(max-width: 599px) {
  .title_skeleton__sixOd {
    width: 100px !important
  }
}

.roundCase_component__eX1k2 {
  cursor: help;
  height: 84px;
  position: relative;
  width: 84px
}

.roundCase_component__eX1k2.roundCase_active__iQj\+o:hover {
  cursor: default
}

@media(max-width: 1200px) {
  .roundCase_component__eX1k2 {
    height: 80px;
    width: 80px
  }
}

@media(max-width: 900px) {
  .roundCase_component__eX1k2 {
    height: 72px;
    width: 72px
  }
}

.roundCase_tooltip__ClPlW {
  background: linear-gradient(180deg, #aeadb5, #d2d2d4);
  border-radius: 6px;
  color: #2a2c3a;
  font-size: 10px;
  left: 50%;
  line-height: 12px;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  padding: 6px 8px;
  position: absolute;
  text-overflow: ellipsis;
  top: 7px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  visibility: hidden;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content
}

@media(max-width: 599px) {
  .roundCase_tooltip__ClPlW {
    top: 5px
  }
}

.roundCase_component__eX1k2:hover .roundCase_tooltip__ClPlW {
  opacity: 1;
  -webkit-transform: translateY(-5px) translateX(-50%);
  transform: translateY(-5px) translateX(-50%);
  visibility: visible
}

.roundCase_active__iQj\+o .roundCase_tooltip__ClPlW {
  display: none
}

.roundCase_image__-lQB3 {
  height: 100%;
  width: 100%
}

.roundCase_image__-lQB3.roundCase_skeleton__TBq6- {
  padding: 10% 0
}

.roundCase_priceWrapper__Ss2Qt {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%
}

.roundCase_price__TR6TM {
  background: linear-gradient(180deg, #aeadb5, #d2d2d4);
  border-radius: 6px;
  bottom: -2px;
  color: #2a2c3a;
  font-size: 12px;
  font-weight: 700;
  left: 50%;
  line-height: 14px;
  opacity: 0;
  overflow: hidden;
  padding: 4px 8px;
  position: absolute;
  text-overflow: ellipsis;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s, visibility .3s;
  transition: opacity .3s, transform .3s, visibility .3s, -webkit-transform .3s;
  visibility: hidden;
  white-space: nowrap;
  width: -webkit-max-content;
  width: max-content
}

@media(max-width: 1800px) {
  .roundCase_price__TR6TM {
    font-size: 11px
  }
}

@media(max-width: 1200px) {
  .roundCase_price__TR6TM {
    border-radius: 4px;
    bottom: -5px;
    font-size: 10px;
    line-height: 12px
  }
}

@media(max-width: 599px) {
  .roundCase_price__TR6TM {
    max-width: 90px
  }
}

.roundCase_active__iQj\+o .roundCase_price__TR6TM {
  transition: opacity .5s, visibility .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s, visibility .5s;
  transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s;
  transition-delay: .3s
}

.roundCase_active__iQj\+o .roundCase_price__TR6TM,
.roundCase_component__eX1k2:hover .roundCase_price__TR6TM {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-3px);
  transform: translateX(-50%) translateY(-3px);
  visibility: visible
}

@-webkit-keyframes rounds_waiting-blinking__SXPaB {
  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

@keyframes rounds_waiting-blinking__SXPaB {
  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

.rounds_component__zCTS6 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  gap: 24px;
  height: 102px
}

@media(max-width: 900px) {
  .rounds_component__zCTS6 {
    gap: 18px;
    height: auto;
    padding: 0;
    width: 100%
  }
}

@media(max-width: 599px) {
  .rounds_component__zCTS6 {
    gap: 5px
  }

  .rounds_component__zCTS6.rounds_finished__5udk\+ {
    flex-wrap: wrap
  }
}

.rounds_roundsWrapper__J7S5E {
  align-items: center;
  display: flex;
  gap: 20px;
  overflow: hidden;
  padding: 5px 0
}

@media(max-width: 900px) {
  .rounds_roundsWrapper__J7S5E {
    padding: 0 0 5px;
    width: 100%
  }
}

@media(max-width: 599px) {
  .rounds_roundsWrapper__J7S5E {
    gap: 15px
  }
}

.rounds_round__Xgthd {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  opacity: .65;
  padding-right: 16px;
  transition: opacity .5s, visibility .5s, margin .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s, visibility .5s, margin .5s;
  transition: opacity .5s, transform .5s, visibility .5s, margin .5s, -webkit-transform .5s
}

@media(max-width: 1200px) {
  .rounds_round__Xgthd {
    padding-right: 12px
  }
}

@media(max-width: 599px) {
  .rounds_round__Xgthd {
    padding-right: 8px
  }
}

.rounds_round__Xgthd:last-child {
  padding-right: 0
}

.rounds_round__Xgthd:hover {
  opacity: 1
}

.rounds_round__Xgthd.rounds_moved__YOZSX {
  margin: 0 41px 0 -141px;
  opacity: 1
}

@media(max-width: 1200px) {
  .rounds_round__Xgthd.rounds_moved__YOZSX {
    margin: 0 48px 0 -140px
  }
}

@media(max-width: 900px) {
  .rounds_round__Xgthd.rounds_moved__YOZSX {
    margin: 0 43px 0 -127px
  }
}

@media(max-width: 599px) {
  .rounds_round__Xgthd.rounds_moved__YOZSX {
    margin: 0 26px 0 -106px
  }
}

.rounds_round__Xgthd.rounds_hidden__m4vc9 {
  opacity: 0;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  transition-delay: 0s;
  visibility: hidden
}

.rounds_round__Xgthd.rounds_delay__SZz1j {
  transition-delay: .2s
}

@media(max-width: 599px) {
  .rounds_round__Xgthd.rounds_delay__SZz1j {
    transition-delay: 0s
  }
}

.rounds_rounds__YGyZc {
  align-items: center;
  display: flex;
  padding-right: 24px;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  transition-delay: .3s;
  width: 580px
}

@media(max-width: 1200px) {
  .rounds_rounds__YGyZc {
    width: 390px
  }
}

@media(max-width: 599px) {
  .rounds_rounds__YGyZc {
    flex-grow: 1;
    width: auto
  }
}

.rounds_contentBlock__nBgbB {
  align-items: center;
  border: 1px solid #2f3141;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  min-height: 76px;
  min-width: 160px;
  padding: 17px 15px;
  position: relative
}

@media(max-width: 1200px) {
  .rounds_contentBlock__nBgbB {
    border-width: 2px
  }
}

@media(max-width: 900px) {
  .rounds_contentBlock__nBgbB {
    min-height: 70px;
    min-width: 140px;
    padding: 12px
  }
}

@media(max-width: 599px) {
  .rounds_contentBlock__nBgbB {
    border-radius: 8px;
    min-width: 110px;
    padding: 8px;
    transition: min-width .5s .2s
  }
}

.rounds_finished__5udk\+ .rounds_contentBlock__nBgbB:before {
  transition-delay: .2s
}

@media(max-width: 599px) {
  .rounds_finished__5udk\+ .rounds_contentBlock__nBgbB {
    min-width: calc(100% - 12px)
  }
}

.rounds_contentBlock__nBgbB:before {
  background: url(/tpl/hotcase/assets/battles/icons/round-pointer.a1db22213dbfb8dd592c.svg) no-repeat;
  background-size: 100%;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: -5px;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
  transition-delay: .3s;
  width: 16px;
  z-index: 3
}

@media(max-width: 1200px) {
  .rounds_contentBlock__nBgbB:before {
    top: -6px
  }
}

.rounds_contentBlock__nBgbB.rounds_active__z0twH:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px)
}

.rounds_title__Nl5NT {
  color: #f5f5f5;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  line-height: 20px;
  margin: auto;
  max-width: 100px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media(max-width: 1800px) {
  .rounds_title__Nl5NT {
    font-size: 13px;
    line-height: 18px
  }
}

@media(max-width: 900px) {
  .rounds_title__Nl5NT {
    font-size: 11px;
    line-height: 14px;
    max-width: 85px
  }
}

.rounds_title__Nl5NT.rounds_blinking__Z2gmq {
  -webkit-animation: rounds_waiting-blinking__SXPaB 2s linear infinite;
  animation: rounds_waiting-blinking__SXPaB 2s linear infinite
}

.rounds_fadeEnter__kLDVT {
  opacity: 0
}

.rounds_fadeEnterActive__h2Jvb {
  opacity: 1;
  transition: opacity .5s
}

.rounds_fadeEnterActiveDelay__bdqd2 {
  opacity: 1;
  transition: opacity .5s .2s
}

.rounds_fadeExit__HFdMH {
  opacity: 1
}

.rounds_fadeExitActive__txkF- {
  opacity: 0;
  transition: opacity .5s
}

.rounds_timer__wQC9i {
  align-items: center;
  display: flex;
  gap: 4px;
  justify-content: center
}

@media(max-width: 599px) {
  .rounds_timer__wQC9i {
    gap: 2px
  }
}

.rounds_cell__mxJSU {
  background: linear-gradient(180deg, rgba(198, 210, 224, .32), hsla(236, 7%, 57%, .2) .01%, hsla(236, 7%, 57%, .21) 49.48%, hsla(212, 7%, 57%, .32) 49.49%, hsla(212, 7%, 57%, .32));
  border-radius: 6px;
  color: #b3b3c0;
  font-size: 18px;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  width: 26px
}

@media(max-width: 900px) {
  .rounds_cell__mxJSU {
    border-radius: 4px;
    font-size: 13px;
    line-height: 30px;
    width: 22px
  }
}

@media(max-width: 599px) {
  .rounds_cell__mxJSU {
    font-size: 12px;
    line-height: 28px;
    width: 18px
  }
}

.rounds_cellSeparator__jLMqC {
  -webkit-animation: rounds_waiting-blinking__SXPaB 2s linear infinite;
  animation: rounds_waiting-blinking__SXPaB 2s linear infinite;
  background: none;
  color: #525468;
  font-size: 20px;
  width: auto
}

@media(max-width: 599px) {
  .rounds_cellSeparator__jLMqC {
    font-size: 12px
  }
}

.rounds_btnWrapper__rz6Ql {
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media(max-width: 900px) {
  .rounds_btnWrapper__rz6Ql {
    right: 18px;
    top: 30px;
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 599px) {
  .rounds_btnWrapper__rz6Ql {
    display: none
  }
}

.rounds_btn__kcgX4 {
  background: #ffac61;
  border-radius: 8px;
  color: #392c22;
  font-size: 11px;
  font-weight: 900;
  line-height: 20px;
  max-width: 300px;
  overflow: hidden;
  padding: 16px 48px 16px 22px;
  text-transform: uppercase;
  transition: background-color .3s, color .3s
}

@media(max-width: 1200px) {
  .rounds_btn__kcgX4 {
    padding: 14px 48px 14px 22px
  }
}

.rounds_btn__kcgX4.rounds_loading__zA10m,
.rounds_btn__kcgX4:hover {
  background: #f8bc76;
  color: #684933
}

.rounds_btn__kcgX4.rounds_loading__zA10m path,
.rounds_btn__kcgX4:hover path {
  fill: #684933
}

.rounds_btn__kcgX4.rounds_loading__zA10m {
  cursor: wait
}

.rounds_btn__kcgX4.rounds_disabled__7WFH3 {
  background-color: #916642;
  color: #553f2d;
  cursor: not-allowed
}

.rounds_btn__kcgX4.rounds_disabled__7WFH3 path {
  fill: #553f2d
}

.rounds_btn__kcgX4.rounds_disabled__7WFH3:hover {
  background-color: #916642;
  color: #553f2d
}

.rounds_btn__kcgX4.rounds_disabled__7WFH3:hover path {
  fill: #553f2d
}

.rounds_btn__kcgX4 span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.rounds_btnIcon__ugwNE {
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 22px;
  top: 50%;
  width: 20px
}

@media(max-width: 900px) {
  .rounds_btnIcon__ugwNE {
    right: 18px
  }
}

@media(max-width: 599px) {
  .rounds_btnIcon__ugwNE {
    margin: 0;
    position: static
  }
}

.rounds_btnIcon__ugwNE path {
  fill: #392c22;
  transition: fill .3s
}

.rounds_loader__WP8OW {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.rounds_loader__WP8OW div {
  background-color: #b3b3c0 !important
}

.info_component__Zr9IY {
  align-items: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, rgba(31, 30, 41, .86), rgba(43, 42, 55, .86));
  border-radius: 12px;
  display: flex;
  gap: 20px;
  margin-bottom: 24px;
  padding-left: 24px;
  position: relative;
  z-index: 2
}

@media(max-width: 1200px) {
  .info_component__Zr9IY {
    border-radius: 8px;
    padding: 18px 0 18px 24px
  }
}

@media(max-width: 900px) {
  .info_component__Zr9IY {
    background: #22232e;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 18px;
    padding-left: 18px
  }
}

@media(max-width: 599px) {
  .info_component__Zr9IY {
    gap: 7px;
    margin-bottom: 12px;
    padding: 12px 0 12px 12px
  }
}

.info_info__WZaR3 {
  grid-gap: 4px;
  display: grid;
  flex-grow: 1;
  gap: 4px
}

@media(max-width: 1200px) {
  .info_info__WZaR3 {
    gap: 8px
  }
}

@media(max-width: 900px) {
  .info_info__WZaR3 {
    gap: 1px;
    grid-template-columns: 1fr 1fr;
    order: 2;
    padding-right: 18px;
    width: 100%
  }
}

@media(max-width: 599px) {
  .info_info__WZaR3 {
    padding-right: 12px
  }
}

.info_row__H-j4u {
  align-items: center;
  color: #6b6f7b;
  display: flex;
  font-size: 16px;
  gap: 8px;
  line-height: 22px;
  overflow: hidden
}

@media(max-width: 1800px) {
  .info_row__H-j4u {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width: 1200px) {
  .info_row__H-j4u {
    align-items: flex-start;
    flex-direction: column;
    font-size: 13px;
    gap: 0;
    line-height: 16px
  }
}

@media(max-width: 900px) {
  .info_row__H-j4u {
    align-items: center;
    background: #2a2b37;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 10px;
    width: 100%
  }
}

@media(max-width: 599px) {
  .info_row__H-j4u {
    gap: 4px
  }
}

@media(max-width: 900px) {
  .info_row__H-j4u:first-child {
    border-radius: 8px 0 0 8px
  }
}

@media(max-width: 599px) {
  .info_row__H-j4u:first-child {
    border-radius: 6px 0 0 6px
  }
}

@media(max-width: 900px) {
  .info_row__H-j4u:last-child {
    border-radius: 0 8px 8px 0
  }
}

@media(max-width: 599px) {
  .info_row__H-j4u:last-child {
    border-radius: 0 6px 6px 0
  }
}

.info_counter__u6E92,
.info_price__Tsnwn {
  flex-shrink: 0;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 599px) {

  .info_counter__u6E92,
  .info_price__Tsnwn {
    font-size: 11px
  }
}

.info_price__Tsnwn {
  color: #ffb97a;
  max-width: 100%
}

.info_counter__u6E92 {
  color: #f6f6f6
}

.info_counterSkeleton__cqxUU {
  width: 45px !important
}

@media(max-width: 599px) {
  .info_counterSkeleton__cqxUU {
    width: 25px !important
  }
}

.info_title__RPoC9 {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 599px) {
  .info_title__RPoC9 {
    font-size: 11px
  }
}

@media(max-width: 900px) {
  .info_title__RPoC9:nth-child(2) {
    display: none
  }
}

.info_title__RPoC9:nth-child(3) {
  display: none
}

@media(max-width: 900px) {
  .info_title__RPoC9:nth-child(3) {
    display: block
  }
}

.item_component__8aWob {
  background: #201f2b url(/tpl/hotcase/assets/battles/icons/empty-logo.757693f9fe090b9103c2.svg) 50% no-repeat;
  background-size: 56px;
  border-radius: 8px;
  display: flex;
  height: 124px;
  position: relative;
  transition: opacity .5s;
  transition-delay: .3s
}

@media(max-width: 1200px) {
  .item_component__8aWob {
    background-size: 48px;
    height: 114px
  }
}

@media(max-width: 900px) {
  .item_component__8aWob {
    background-size: 44px
  }
}

@media(max-width: 599px) {
  .item_component__8aWob {
    background-size: 40px;
    height: 100px
  }
}

.item_component__8aWob:before {
  border: 1px solid #2a2c3a;
  border-radius: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.item_component__8aWob:after {
  background: linear-gradient(90deg, #2b2d3b, rgba(43, 45, 59, .24));
  border-radius: 8px;
  content: "";
  height: 14px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 32px
}

@media(max-width: 1200px) {
  .item_component__8aWob:after {
    height: 12px
  }
}

@media(max-width: 599px) {
  .item_component__8aWob:after {
    height: 10px;
    top: 10px
  }
}

.item_component__8aWob.item_isLose__EkXBh {
  opacity: .4
}

.item_emptyTitles__hcXDK {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.item_emptyTitles__hcXDK:after,
.item_emptyTitles__hcXDK:before {
  background: linear-gradient(90deg, #2b2d3b, rgba(43, 45, 59, .24));
  border-radius: 8px;
  content: "";
  position: absolute
}

.item_emptyTitles__hcXDK:before {
  bottom: 32px;
  height: 13px;
  left: 14px;
  width: 28px
}

@media(max-width: 1200px) {
  .item_emptyTitles__hcXDK:before {
    bottom: 30px;
    height: 12px;
    width: 20px
  }
}

@media(max-width: 599px) {
  .item_emptyTitles__hcXDK:before {
    display: none
  }
}

.item_emptyTitles__hcXDK:after {
  bottom: 14px;
  height: 14px;
  left: 14px;
  width: 42px
}

@media(max-width: 1200px) {
  .item_emptyTitles__hcXDK:after {
    height: 12px;
    width: 32px
  }
}

@media(max-width: 599px) {
  .item_emptyTitles__hcXDK:after {
    bottom: 10px;
    height: 10px;
    left: 10px
  }
}

.item_item__RW3ay {
  background: linear-gradient(180deg, rgba(73, 78, 84, 0) -7.98%, hsla(216, 9%, 55%, .237) 83.46%), #21212c;
  border-radius: 8px;
  height: 100%;
  opacity: 0;
  position: relative;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  transition: visibility .7s, opacity .7s, -webkit-transform .7s;
  transition: transform .7s, visibility .7s, opacity .7s;
  transition: transform .7s, visibility .7s, opacity .7s, -webkit-transform .7s;
  visibility: hidden;
  width: 100%;
  z-index: 3
}

.item_item__RW3ay.item_active__j0hZJ {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible
}

@media(max-width: 599px) {
  .item_item__RW3ay {
    border-radius: 6px;
    padding-bottom: 20px
  }
}

.item_item__RW3ay:before {
  background: url(/tpl/hotcase/assets/battles/icons/inner-logo.b3381f74a0b3112e4de5.svg) 100%/100% no-repeat;
  content: "";
  height: 56px;
  left: 50%;
  margin-left: -28px;
  margin-top: -28px;
  opacity: .7;
  position: absolute;
  top: 50%;
  width: 56px
}

@media(max-width: 1200px) {
  .item_item__RW3ay:before {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    width: 48px
  }
}

@media(max-width: 900px) {
  .item_item__RW3ay:before {
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    width: 44px
  }
}

@media(max-width: 599px) {
  .item_item__RW3ay:before {
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px
  }
}

.item_item__RW3ay.item_knife__X4IRf {
  background: linear-gradient(180deg, rgba(81, 55, 17, 0), rgba(197, 139, 28, .24) 90%), #201f2b
}

.item_item__RW3ay.item_consumer__lNfuK {
  background: linear-gradient(180deg, rgba(73, 78, 84, 0), hsla(216, 9%, 55%, .24) 90%), #201f2b
}

.item_item__RW3ay.item_milspec__p0Zmn {
  background: linear-gradient(180deg, rgba(36, 70, 78, 0), rgba(82, 172, 192, .22) 90%), #201f2b
}

.item_item__RW3ay.item_industrial__M-UfB {
  background: linear-gradient(180deg, rgba(26, 17, 81, 0), rgba(38, 64, 201, .24) 90%), #201f2b
}

.item_item__RW3ay.item_restricted__gEUot {
  background: linear-gradient(180deg, rgba(34, 17, 81, 0), rgba(125, 46, 204, .24) 90%), #201f2b
}

.item_item__RW3ay.item_classified__f2bcb {
  background: linear-gradient(180deg, rgba(81, 17, 29, 0), rgba(209, 56, 102, .24) 90%), #201f2b
}

.item_item__RW3ay.item_covert__7yAPL {
  background: linear-gradient(180deg, rgba(81, 25, 17, 0), rgba(197, 48, 28, .24) 90%), #201f2b
}

.item_price__POU0p {
  color: #64ce82;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2
}

@media(max-width: 1200px) {
  .item_price__POU0p {
    font-size: 11px
  }
}

@media(max-width: 599px) {
  .item_price__POU0p {
    font-size: 10px;
    overflow: hidden;
    right: 10px;
    text-align: right;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
    width: calc(100% - 20px)
  }
}

.item_imageWrapper__WzfQy {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1
}

.item_image__DeBWO {
  height: 82px;
  width: 110px
}

@media(max-width: 1200px) {
  .item_image__DeBWO {
    height: 70px;
    width: 94px
  }
}

@media(max-width: 599px) {
  .item_image__DeBWO {
    height: auto;
    max-width: 86px;
    width: 84%
  }
}

.item_footer__zP7OX {
  bottom: 0;
  font-size: 13px;
  left: 0;
  line-height: 1.3;
  padding: 12px 13px;
  position: absolute;
  right: 0;
  z-index: 2
}

@media(max-width: 1200px) {
  .item_footer__zP7OX {
    padding: 12px
  }
}

@media(max-width: 599px) {
  .item_footer__zP7OX {
    padding: 9px
  }
}

.item_skinName__Q4-Bz,
.item_weaponName__DAT3t {
  display: block;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2
}

@media(max-width: 599px) {

  .item_skinName__Q4-Bz,
  .item_weaponName__DAT3t {
    font-size: 10px
  }
}

.item_weaponName__DAT3t {
  color: #b1b1b1;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.4
}

@media(max-width: 1200px) {
  .item_weaponName__DAT3t {
    line-height: 1.3
  }
}

@media(max-width: 599px) {
  .item_weaponName__DAT3t {
    font-size: 10px;
    line-height: 1.2
  }
}

.item_skinName__Q4-Bz {
  color: #e5e7eb
}

.items_component__npy5k {
  grid-gap: 8px;
  background: linear-gradient(180deg, #1a1a22, #1c1c25);
  border: 1px dashed #2a2c3a;
  border-radius: 12px;
  display: grid;
  gap: 8px;
  margin-top: 24px;
  padding: 8px
}

@media(max-width: 1200px) {
  .items_component__npy5k {
    border-radius: 10px;
    gap: 6px
  }
}

@media(max-width: 900px) {
  .items_component__npy5k {
    background: none;
    border: none;
    border-radius: 0;
    gap: 4px;
    margin-top: 18px;
    padding: 0
  }
}

@media(max-width: 599px) {
  .items_component__npy5k {
    gap: 4px;
    margin-top: 12px
  }
}

.items_component__npy5k.items_two__Bl3YX {
  grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 1200px) {
  .items_component__npy5k.items_two__Bl3YX {
    grid-template-columns: repeat(3, 1fr)
  }
}

@media(max-width: 900px) {
  .items_component__npy5k.items_two__Bl3YX {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media(max-width: 599px) {
  .items_component__npy5k.items_two__Bl3YX {
    grid-template-columns: repeat(1, 1fr)
  }
}

.items_component__npy5k.items_three__i7W8Z {
  grid-template-columns: repeat(3, 1fr)
}

@media(max-width: 1200px) {
  .items_component__npy5k.items_three__i7W8Z {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr))
  }
}

@media(max-width: 599px) {
  .items_component__npy5k.items_three__i7W8Z {
    grid-template-columns: 1fr
  }
}

.items_component__npy5k.items_four__JPjbW {
  grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 1200px) {
  .items_component__npy5k.items_four__JPjbW {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr))
  }
}

@media(max-width: 900px) {
  .items_component__npy5k.items_four__JPjbW {
    grid-template-columns: 1fr
  }
}

.userAmount_component__RMRtF {
  color: #ffb97a;
  flex-shrink: 0;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .userAmount_component__RMRtF {
    font-size: 12px
  }
}

@media(max-width: 900px) {
  .userAmount_component__RMRtF {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: right
  }
}

.userInfo_component__foJXg {
  align-items: center;
  display: flex;
  font-weight: 700;
  overflow: hidden;
  padding: 0 6px;
  width: 100%
}

@media(max-width: 900px) {
  .userInfo_component__foJXg {
    padding-right: 7px
  }
}

@media(max-width: 599px) {
  .userInfo_component__foJXg {
    justify-content: center;
    padding: 0
  }
}

.userInfo_photoWrapper__wiqkU {
  flex-shrink: 0;
  margin-right: 10px
}

@media(max-width: 1200px) {
  .userInfo_photoWrapper__wiqkU {
    margin-right: 8px
  }
}

@media(max-width: 599px) {
  .userInfo_photoWrapper__wiqkU {
    margin-right: 0
  }
}

.userInfo_photo__QXSrU {
  border-radius: 10px;
  height: 36px;
  width: 36px
}

@media(max-width: 1200px) {
  .userInfo_photo__QXSrU {
    border-radius: 6px;
    height: 28px;
    width: 28px
  }
}

@media(max-width: 599px) {
  .userInfo_photo__QXSrU {
    height: 36px;
    width: 36px
  }
}

.userInfo_name__2JX33 {
  color: #edf0f7;
  font-size: 13px;
  max-width: 100%;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .userInfo_name__2JX33 {
    font-size: 12px
  }
}

@media(max-width: 900px) {
  .userInfo_name__2JX33 {
    display: none
  }
}

.userInfo_description__qmG0q {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  min-width: 0
}

@media(max-width: 599px) {
  .userInfo_description__qmG0q {
    display: none
  }
}

.userFooter_component__sJIpS {
  align-items: center;
  background: #1b1b25;
  border-radius: 10px;
  display: flex;
  height: 76px;
  justify-content: center;
  padding: 14px
}

@media(max-width: 1200px) {
  .userFooter_component__sJIpS {
    border-radius: 8px;
    height: 60px;
    padding: 8px
  }
}

@media(max-width: 900px) {
  .userFooter_component__sJIpS {
    height: 56px;
    padding: 6px
  }
}

@media(max-width: 599px) {
  .userFooter_component__sJIpS {
    background: none;
    border-radius: 0;
    height: 36px;
    padding: 0
  }
}

.userFooter_btn__J7hvF {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  height: 100%;
  justify-content: center;
  line-height: 20px;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  transition: color .3s, background-color .3s;
  white-space: nowrap;
  width: 100%
}

@media(max-width: 1200px) {
  .userFooter_btn__J7hvF {
    border-radius: 6px;
    font-size: 12px;
    gap: 4px;
    padding: 0 10px 0 12px
  }
}

@media(max-width: 599px) {
  .userFooter_btn__J7hvF {
    font-size: 10px;
    padding: 0 8px 0 9px;
    width: 36px
  }

  .userFooter_two__CCyr0 .userFooter_btn__J7hvF {
    width: 100%
  }
}

.userFooter_btn__J7hvF.userFooter_orange__r53Dl {
  background: #ffac61;
  color: #392c22
}

.userFooter_btn__J7hvF.userFooter_orange__r53Dl path {
  fill: #392c22
}

.userFooter_btn__J7hvF.userFooter_orange__r53Dl.userFooter_loading__NkvCZ,
.userFooter_btn__J7hvF.userFooter_orange__r53Dl:hover {
  background: #f8bc76;
  color: #684933
}

.userFooter_btn__J7hvF.userFooter_orange__r53Dl.userFooter_loading__NkvCZ path,
.userFooter_btn__J7hvF.userFooter_orange__r53Dl:hover path {
  fill: #684933
}

.userFooter_btn__J7hvF.userFooter_green__gMT69 {
  background: #64ce82;
  color: #272735
}

.userFooter_btn__J7hvF.userFooter_green__gMT69 path {
  fill: #272735
}

.userFooter_btn__J7hvF.userFooter_green__gMT69:hover {
  background: #81dd9b;
  color: #444751
}

.userFooter_btn__J7hvF.userFooter_green__gMT69:hover path {
  fill: #444751
}

.userFooter_btn__J7hvF.userFooter_dark__FZKF3 {
  background: none;
  color: #444447;
  cursor: not-allowed
}

.userFooter_btn__J7hvF.userFooter_dark__FZKF3 path {
  fill: #444447
}

.userFooter_btn__J7hvF.userFooter_loading__NkvCZ {
  cursor: wait
}

.userFooter_btnTitle__Ksupj {
  overflow: hidden;
  text-overflow: ellipsis
}

@media(max-width: 900px) {
  .userFooter_four__Mmx8d .userFooter_btnTitle__Ksupj {
    display: none
  }
}

@media(max-width: 599px) {
  .userFooter_three__X1kqI .userFooter_btnTitle__Ksupj {
    display: none
  }
}

.userFooter_skeleton__fN9GW {
  flex-grow: 1;
  max-width: 200px
}

.userFooter_icon__vejmN {
  flex-shrink: 0;
  height: 18px;
  width: 18px
}

.userFooter_icon__vejmN path {
  transition: fill .3s
}

.spin_component__7z-da {
  background: linear-gradient(180deg, #1c1c25, #22222d);
  height: 100%;
  position: relative;
  width: 100%
}

.spin_component__7z-da:after,
.spin_component__7z-da:before {
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 600px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity .5s;
  width: 100%
}

@media(max-width: 1200px) {

  .spin_component__7z-da:after,
  .spin_component__7z-da:before {
    background-position: 50% 80%;
    background-size: 430px
  }
}

@media(max-width: 900px) {

  .spin_component__7z-da:after,
  .spin_component__7z-da:before {
    background-position: 50% 85%;
    background-size: 380px
  }
}

@media(max-width: 599px) {

  .spin_component__7z-da:after,
  .spin_component__7z-da:before {
    background-position: 50% 80%;
    background-size: 320px
  }
}

.spin_component__7z-da:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-grey-light.0cd5676d1f5a7a783052.svg)
}

.spin_component__7z-da:after {
  opacity: 0;
  z-index: 1
}

.spin_component__7z-da.spin_lose__54TK6:after {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-red-light.2b0cb1dc5059dc93b397.svg)
}

.spin_component__7z-da.spin_win__lTOkW:after {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-green-light.fd05981c57b3f5551c52.svg)
}

.spin_component__7z-da.spin_active__bDz4A:before {
  opacity: 0
}

.spin_component__7z-da.spin_active__bDz4A:after {
  opacity: 1
}

.spin_listWrapper__\+PymX {
  align-items: center;
  display: flex;
  height: 282px;
  justify-content: center;
  margin: auto;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 80%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 15%, #000 80%, transparent);
  overflow: hidden;
  -webkit-perspective: 500px;
  perspective: 500px;
  position: relative;
  transition: opacity .5s ease;
  z-index: 2
}

@media(max-width: 1200px) {
  .spin_listWrapper__\+PymX {
    height: 234px
  }
}

@media(max-width: 900px) {
  .spin_listWrapper__\+PymX {
    height: 198px
  }
}

@media(max-width: 599px) {
  .spin_listWrapper__\+PymX {
    height: 176px
  }
}

.spin_listWrapper__\+PymX.spin_hidden__QeVdy {
  opacity: 0
}

.spin_list__le2WL {
  height: 60%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  will-change: transform
}

.spin_item__tG6yt {
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.spin_image__tg0yt {
  height: 150px;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
  width: 200px
}

.spin_item__tG6yt.spin_active__bDz4A .spin_image__tg0yt {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.spin_item__tG6yt.spin_hidden__QeVdy .spin_image__tg0yt {
  opacity: .6;
  -webkit-transform: scale(.95);
  transform: scale(.95)
}

@media(max-width: 1200px) {
  .spin_two__9gZQn .spin_image__tg0yt {
    height: 120px;
    width: 160px
  }
}

@media(max-width: 900px) {
  .spin_two__9gZQn .spin_image__tg0yt {
    height: 105px;
    width: 140px
  }
}

@media(max-width: 599px) {
  .spin_two__9gZQn .spin_image__tg0yt {
    height: 69px;
    width: 92px
  }
}

@media(max-width: 1200px) {
  .spin_three__SFri4 .spin_image__tg0yt {
    height: 108px;
    width: 144px
  }
}

@media(max-width: 900px) {
  .spin_three__SFri4 .spin_image__tg0yt {
    height: 90px;
    width: 120px
  }
}

@media(max-width: 599px) {
  .spin_three__SFri4 .spin_image__tg0yt {
    height: 51px;
    width: 68px
  }
}

.spin_four__HXExj .spin_image__tg0yt {
  height: 128px;
  width: 170px
}

@media(max-width: 1200px) {
  .spin_four__HXExj .spin_image__tg0yt {
    height: 98px;
    width: 130px
  }
}

@media(max-width: 900px) {
  .spin_four__HXExj .spin_image__tg0yt {
    height: 78px;
    width: 104px
  }
}

@media(max-width: 599px) {
  .spin_four__HXExj .spin_image__tg0yt {
    height: 41px;
    width: 54px
  }
}

.spin_progressBarWrapper__qg-Ws {
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 0;
  z-index: 10
}

.spin_progressBar__EqgVQ {
  background: #80e570;
  height: 100%;
  opacity: 0;
  transition: width .5s ease-out, opacity .5s;
  width: 0;
  width: var(--progress-width, 0)
}

.spin_progressBar__EqgVQ.spin_active__bDz4A {
  opacity: 1
}

.spin_progressBar__EqgVQ.spin_lose__54TK6 {
  background: #f96359
}

.spin_info__nMV1o {
  bottom: 120px;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding-left: 34px;
  position: absolute;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: opacity .5s, visibility .5s, -webkit-transform .5s;
  transition: transform .5s, opacity .5s, visibility .5s;
  transition: transform .5s, opacity .5s, visibility .5s, -webkit-transform .5s;
  visibility: hidden;
  width: 100%;
  z-index: 3
}

@media(max-width: 1200px) {
  .spin_info__nMV1o {
    bottom: 95px;
    padding-left: 22px
  }
}

@media(max-width: 900px) {
  .spin_info__nMV1o {
    bottom: 90px;
    padding-left: 20px
  }
}

@media(max-width: 599px) {
  .spin_info__nMV1o {
    bottom: 60px;
    padding-left: 15px
  }
}

.spin_info__nMV1o.spin_small__6LflI {
  padding-left: 28px
}

@media(max-width: 1200px) {
  .spin_info__nMV1o.spin_small__6LflI {
    padding-left: 22px
  }
}

@media(max-width: 900px) {
  .spin_info__nMV1o.spin_small__6LflI {
    padding-left: 20px
  }
}

@media(max-width: 599px) {
  .spin_info__nMV1o.spin_small__6LflI {
    padding-left: 10px
  }
}

.spin_winner__HonDr .spin_info__nMV1o {
  padding-right: 74px
}

@media(max-width: 1200px) {
  .spin_winner__HonDr .spin_info__nMV1o {
    padding-right: 65px
  }
}

@media(max-width: 900px) {
  .spin_winner__HonDr .spin_info__nMV1o {
    padding-right: 58px
  }
}

@media(max-width: 599px) {
  .spin_winner__HonDr .spin_info__nMV1o {
    padding-right: 10px
  }

  .spin_winner__HonDr.spin_small__6LflI .spin_info__nMV1o {
    padding-right: 15px
  }
}

.spin_info__nMV1o.spin_active__bDz4A {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  visibility: visible
}

.spin_title__tjOqe {
  color: hsla(0, 0%, 66%, .8);
  font-size: 13px
}

@media(max-width: 1200px) {
  .spin_title__tjOqe {
    font-size: 12px
  }
}

@media(max-width: 900px) {
  .spin_title__tjOqe {
    font-size: 11px
  }
}

@media(max-width: 599px) {
  .spin_title__tjOqe {
    font-size: 10px
  }
}

.spin_small__6LflI .spin_title__tjOqe {
  font-size: 12px
}

@media(max-width: 1200px) {
  .spin_small__6LflI .spin_title__tjOqe {
    font-size: 11px
  }
}

@media(max-width: 900px) {
  .spin_small__6LflI .spin_title__tjOqe {
    font-size: 10px
  }
}

@media(max-width: 599px) {
  .spin_small__6LflI .spin_title__tjOqe {
    font-size: 9px
  }
}

.spin_subtitle__Nixqb {
  color: #fff;
  font-size: 14px
}

@media(max-width: 1200px) {
  .spin_subtitle__Nixqb {
    font-size: 13px
  }
}

@media(max-width: 900px) {
  .spin_subtitle__Nixqb {
    font-size: 12px
  }
}

@media(max-width: 599px) {
  .spin_subtitle__Nixqb {
    font-size: 11px
  }
}

.spin_small__6LflI .spin_subtitle__Nixqb {
  font-size: 13px
}

@media(max-width: 1200px) {
  .spin_small__6LflI .spin_subtitle__Nixqb {
    font-size: 12px
  }
}

@media(max-width: 900px) {
  .spin_small__6LflI .spin_subtitle__Nixqb {
    font-size: 11px
  }
}

@media(max-width: 599px) {
  .spin_small__6LflI .spin_subtitle__Nixqb {
    font-size: 10px
  }
}

.spin_amount__t\+vR2 {
  color: #ffb97a;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 6px
}

@media(max-width: 1200px) {
  .spin_amount__t\+vR2 {
    font-size: 15px;
    line-height: 18px
  }
}

@media(max-width: 900px) {
  .spin_amount__t\+vR2 {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width: 599px) {
  .spin_amount__t\+vR2 {
    font-size: 12px;
    margin-top: 4px
  }
}

.spin_small__6LflI .spin_amount__t\+vR2 {
  font-size: 15px;
  line-height: 1.3;
  margin-top: 5px
}

@media(max-width: 1200px) {
  .spin_small__6LflI .spin_amount__t\+vR2 {
    font-size: 13px;
    margin-top: 3px
  }
}

@media(max-width: 900px) {
  .spin_small__6LflI .spin_amount__t\+vR2 {
    font-size: 12px;
    margin-top: 2px
  }
}

@media(max-width: 599px) {
  .spin_small__6LflI .spin_amount__t\+vR2 {
    font-size: 10px
  }
}

.spin_amount__t\+vR2,
.spin_subtitle__Nixqb,
.spin_title__tjOqe {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.spin_winBadge__u4IqW {
  background: #1b1b25 url(/tpl/hotcase/assets/battles/icons/double-arrows.6ab402f156bb4be5f546.svg) 50% no-repeat;
  background-size: 16px;
  border-radius: 10px;
  bottom: 120px;
  height: 40px;
  position: absolute;
  right: 16px;
  width: 40px;
  z-index: 2
}

@media(max-width: 1200px) {
  .spin_winBadge__u4IqW {
    background-size: 14px;
    border-radius: 8px;
    bottom: 95px;
    height: 36px;
    width: 36px
  }
}

@media(max-width: 900px) {
  .spin_winBadge__u4IqW {
    background-size: 12px;
    border-radius: 6px;
    bottom: 90px;
    height: 32px;
    width: 32px
  }
}

@media(max-width: 599px) {
  .spin_winBadge__u4IqW {
    display: none
  }
}

.spin_enter__vgsbM {
  opacity: 0;
  -webkit-transform: scale(.95);
  transform: scale(.95)
}

.spin_enterActive__flvHJ {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
  transition-delay: .4s
}

.spin_exit__sZzX7 {
  opacity: 1
}

.spin_exitActive__\+Yv7H {
  opacity: 0;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s;
  transition-delay: .2s
}

@-webkit-keyframes user_waiting-blinking__QUzaZ {
  0% {
    opacity: 1
  }

  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

@keyframes user_waiting-blinking__QUzaZ {
  0% {
    opacity: 1
  }

  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

.user_enter__hfirV {
  opacity: 0;
  -webkit-transform: scale(.95);
  transform: scale(.95)
}

.user_enterActive__6DiVf {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  transition: opacity .5s, -webkit-transform .5s;
  transition: opacity .5s, transform .5s;
  transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.user_exit__hnUgF {
  opacity: 1
}

.user_exitActive__A7zfw {
  opacity: 0;
  transition: opacity .5s;
  transition-delay: .4s
}

.user_user__r5BKY {
  background: linear-gradient(180deg, #1c1c25, #22222d);
  border-radius: 12px;
  height: 374px;
  overflow: hidden;
  position: relative
}

@media(max-width: 1200px) {
  .user_user__r5BKY {
    border-radius: 8px;
    height: 310px
  }
}

@media(max-width: 900px) {
  .user_user__r5BKY {
    height: 270px
  }
}

@media(max-width: 599px) {
  .user_user__r5BKY {
    height: 230px
  }
}

.user_user__r5BKY:before {
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 600px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media(max-width: 1200px) {
  .user_user__r5BKY:before {
    background-position: 50% 80%;
    background-size: 430px
  }
}

@media(max-width: 900px) {
  .user_user__r5BKY:before {
    background-position: 50% 85%;
    background-size: 380px
  }
}

@media(max-width: 599px) {
  .user_user__r5BKY:before {
    background-position: 50% 80%;
    background-size: 320px
  }
}

.user_user__r5BKY.user_lose__BM9Cw:before,
.user_user__r5BKY.user_lowBalance__lo88v:before,
.user_user__r5BKY.user_waiting__7wOE6:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-grey-light.0cd5676d1f5a7a783052.svg)
}

.user_user__r5BKY.user_ready__tDnGj:before,
.user_user__r5BKY.user_win__fqgVG:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-green-light.fd05981c57b3f5551c52.svg)
}

.user_title__KY\+fH {
  background: url(/tpl/hotcase/assets/battles/icons/battle-status-polygon.785c3b5dfcbfa1d658a1.png) 50% 0 no-repeat;
  background-size: 146px;
  color: #fff;
  content: "";
  font-size: 14px;
  font-weight: 700;
  left: 0;
  line-height: 20px;
  margin: auto;
  overflow: hidden;
  padding: 150px 20px 0;
  position: absolute;
  right: 0;
  text-align: center;
  text-overflow: ellipsis;
  top: 65px;
  white-space: nowrap;
  width: 100%
}

@media(max-width: 1200px) {
  .user_title__KY\+fH {
    background-size: 110px;
    font-size: 12px;
    line-height: 16px;
    padding: 115px 15px 0;
    top: 60px
  }
}

@media(max-width: 900px) {
  .user_title__KY\+fH {
    background-size: 90px;
    font-size: 11px;
    line-height: 14px;
    padding-top: 95px;
    top: 50px
  }
}

@media(max-width: 599px) {
  .user_title__KY\+fH {
    background-size: 70px;
    font-size: 10px;
    line-height: 12px;
    padding: 75px 7px 0
  }
}

.user_title__KY\+fH:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 36px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 55px;
  width: 36px
}

@media(max-width: 1200px) {
  .user_title__KY\+fH:before {
    height: 28px;
    top: 42px;
    width: 28px
  }
}

@media(max-width: 900px) {
  .user_title__KY\+fH:before {
    height: 22px;
    top: 34px;
    width: 22px
  }
}

@media(max-width: 599px) {
  .user_title__KY\+fH:before {
    height: 18px;
    top: 26px;
    width: 18px
  }
}

.user_waiting__7wOE6 .user_title__KY\+fH:before {
  -webkit-animation: user_waiting-blinking__QUzaZ 2s linear infinite;
  animation: user_waiting-blinking__QUzaZ 2s linear infinite;
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-status-waiting.becbb6ef1096903f39a8.svg)
}

.user_lowBalance__lo88v .user_title__KY\+fH:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-status-balance.1f99dc4e68b8a9f6d12f.svg)
}

.user_lose__BM9Cw .user_title__KY\+fH:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-status-lose.fc5fbc0204875ac5bfe5.svg)
}

.user_ready__tDnGj .user_title__KY\+fH:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-status-ready.3a731011695879906714.svg)
}

.user_win__fqgVG .user_title__KY\+fH:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/battle-status-win.492d38f7a9cce5ce94ce.svg)
}

.user_amount__cp4LW {
  font-size: 14px;
  font-weight: 900;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .user_amount__cp4LW {
    font-size: 13px;
    line-height: 20px
  }
}

@media(max-width: 900px) {
  .user_amount__cp4LW {
    font-size: 12px
  }
}

@media(max-width: 599px) {
  .user_amount__cp4LW {
    font-size: 11px;
    font-weight: 700
  }
}

.user_win__fqgVG .user_amount__cp4LW {
  color: #9aff89
}

.user_lowBalance__lo88v .user_amount__cp4LW {
  color: #ffb97a
}

.user_footer__0JQXT {
  bottom: 0;
  left: 0;
  padding: 0 16px 16px;
  position: absolute;
  width: 100%;
  z-index: 1
}

@media(max-width: 599px) {
  .user_footer__0JQXT {
    padding: 0 12px 12px
  }
}

.user_btn__a5C58 {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: hsla(0, 0%, 100%, .06);
  border-radius: 8px;
  color: #f8e8d1;
  font-size: 11px;
  font-weight: 700;
  left: 50%;
  line-height: 16px;
  max-width: calc(100% - 40px);
  overflow: hidden;
  padding: 8px 10px;
  position: absolute;
  text-overflow: ellipsis;
  top: 20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: background-color .3s, color .3s;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .user_btn__a5C58 {
    border-radius: 6px;
    font-size: 10px;
    line-height: 14px;
    padding: 8px 10px;
    top: 15px
  }
}

@media(max-width: 900px) {
  .user_btn__a5C58 {
    max-width: calc(100% - 20px);
    padding: 6px 8px
  }
}

@media(max-width: 599px) {
  .user_btn__a5C58 {
    height: 36px;
    top: 12px;
    width: 36px
  }
}

.user_btn__a5C58.user_loading__t24mT,
.user_btn__a5C58:hover {
  background: hsla(0, 0%, 100%, .1);
  color: #fff
}

.user_btn__a5C58.user_loading__t24mT path,
.user_btn__a5C58:hover path {
  fill: #fff
}

.user_btn__a5C58.user_loading__t24mT {
  cursor: wait
}

@media(max-width: 599px) {
  .user_btn__a5C58 span {
    display: none
  }
}

.user_exitIcon__tNyee {
  display: none;
  height: 20px;
  left: 50%;
  margin: -10px 0 0 -10px;
  position: absolute;
  top: 50%;
  width: 20px
}

@media(max-width: 599px) {
  .user_exitIcon__tNyee {
    display: block
  }
}

.user_exitIcon__tNyee path {
  fill: #f8e8d1;
  transition: fill .3s
}

.user_overlay__qxF7C {
  border-radius: 12px;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

@media(max-width: 1200px) {
  .user_overlay__qxF7C {
    border-radius: 8px
  }
}

.user_overlay__qxF7C.user_draw__wnj\+b {
  background: linear-gradient(180deg, #1c1c25, #22222d)
}

.usersSpin_component__RSmBc {
  height: 282px;
  left: 0;
  padding: 16px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

@media(max-width: 1200px) {
  .usersSpin_component__RSmBc {
    height: 234px
  }
}

@media(max-width: 900px) {
  .usersSpin_component__RSmBc {
    height: 198px
  }
}

@media(max-width: 599px) {
  .usersSpin_component__RSmBc {
    height: 182px;
    padding: 12px
  }
}

.usersSpin_spin__K4C1k {
  background: #101016;
  border-radius: 12px;
  box-shadow: 0 14px 24px 0 rgba(18, 18, 24, .6);
  height: 100%;
  position: relative
}

.usersSpin_spin__K4C1k:after,
.usersSpin_spin__K4C1k:before {
  content: "";
  height: 11px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 20px
}

@media(max-width: 900px) {

  .usersSpin_spin__K4C1k:after,
  .usersSpin_spin__K4C1k:before {
    height: 9px;
    margin-left: -8px;
    width: 16px
  }
}

.usersSpin_spin__K4C1k:before {
  background: url(/tpl/hotcase/assets/battles/icons/spin-arrow-down.75301a471d12de20721c.svg);
  top: 0
}

.usersSpin_spin__K4C1k:after {
  background: url(/tpl/hotcase/assets/battles/icons/spin-arrow-up.b1b278c2e367bf1cb87d.svg);
  bottom: 0
}

@media(max-width: 1200px) {
  .usersSpin_spin__K4C1k {
    border-radius: 8px
  }
}

.usersSpin_spinInner__Vgn5U {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #101016 20%, #101016 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #101016 20%, #101016 80%, transparent);
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.usersSpin_listWrapper__efLv8 {
  left: 50%;
  position: relative
}

.usersSpin_list__6hD0B {
  display: flex;
  gap: 3px
}

.usersSpin_item__URkqz {
  height: 96px;
  transition: opacity 1s ease;
  width: 96px
}

.usersSpin_item__URkqz.usersSpin_winner__FmnMJ {
  position: relative
}

.usersSpin_item__URkqz.usersSpin_winner__FmnMJ:before {
  background: url(/tpl/hotcase/assets/battles/icons/light.7cdd49fffa40b80e2c53.png) no-repeat;
  background-size: 100% auto;
  content: "";
  height: 250px;
  left: 50%;
  margin-left: -126px;
  margin-top: -125px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 1s ease;
  width: 252px
}

@media(max-width: 1200px) {
  .usersSpin_item__URkqz.usersSpin_winner__FmnMJ:before {
    height: 218px;
    margin-left: -110px;
    margin-top: -109px;
    width: 220px
  }
}

@media(max-width: 900px) {
  .usersSpin_item__URkqz.usersSpin_winner__FmnMJ:before {
    height: 188px;
    margin-left: -95px;
    margin-top: -94px;
    width: 190px
  }
}

@media(max-width: 599px) {
  .usersSpin_item__URkqz.usersSpin_winner__FmnMJ:before {
    height: 169px;
    margin-left: -85px;
    margin-top: -84px;
    width: 170px
  }
}

.usersSpin_item__URkqz.usersSpin_winner__FmnMJ.usersSpin_active__CUlj3:before {
  opacity: .65
}

.usersSpin_item__URkqz.usersSpin_hidden__bs885 {
  opacity: .16
}

@media(max-width: 1200px) {
  .usersSpin_item__URkqz {
    height: 80px;
    width: 80px
  }
}

@media(max-width: 900px) {
  .usersSpin_item__URkqz {
    height: 70px;
    width: 70px
  }
}

@media(max-width: 599px) {
  .usersSpin_item__URkqz {
    height: 62px;
    width: 62px
  }
}

.usersSpin_photo__6E2O1 {
  border-radius: 8px;
  height: 100%;
  width: 100%
}

.usersSpin_winner__FmnMJ .usersSpin_photo__6E2O1 {
  position: relative
}

@media(max-width: 900px) {
  .usersSpin_photo__6E2O1 {
    border-radius: 6px
  }
}

.users_component__2PB7x {
  grid-gap: 12px;
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 2
}

@media(max-width: 1200px) {
  .users_component__2PB7x {
    gap: 10px
  }
}

@media(max-width: 900px) {
  .users_component__2PB7x {
    gap: 6px
  }
}

.users_component__2PB7x.users_two__byMOS {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.users_component__2PB7x.users_three__zALbO {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.users_component__2PB7x.users_four__xi4zi {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media(max-width: 1200px) {
  .users_component__2PB7x.users_four__xi4zi {
    gap: 6px
  }
}

@media(max-width: 900px) {
  .users_component__2PB7x.users_four__xi4zi {
    gap: 3px
  }
}

.users_enter__3twu0 {
  opacity: 0
}

.users_enterActive__I3w7p {
  transition: opacity .5s
}

.users_enterActive__I3w7p,
.users_exit__BQSR2 {
  opacity: 1;
  transition-delay: .2s
}

.users_exitActive__ax\+4A {
  opacity: 0;
  transition: opacity .5s
}

@-webkit-keyframes page_smashing__y2vUJ {
  33% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
  }

  66% {
    -webkit-transform: scale(.98);
    transform: scale(.98)
  }

  to {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
  }
}

@keyframes page_smashing__y2vUJ {
  33% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
  }

  66% {
    -webkit-transform: scale(.98);
    transform: scale(.98)
  }

  to {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
  }
}

.page_page__OxcKE {
  background-color: #17171f;
  overflow: hidden;
  padding-bottom: 50px;
  padding-top: 64px
}

@media(max-width: 1200px) {
  .page_page__OxcKE {
    padding-bottom: 20px;
    padding-top: 44px
  }
}

@media(max-width: 900px) {
  .page_page__OxcKE {
    padding-top: 25px
  }
}

@media(max-width: 599px) {
  .page_page__OxcKE {
    padding-top: 20px
  }
}

.page_container__jX2vv:after,
.page_container__jX2vv:before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 658px;
  position: absolute;
  top: 80px
}

@media(max-width: 1350px) {

  .page_container__jX2vv:after,
  .page_container__jX2vv:before {
    display: none
  }
}

.page_container__jX2vv:before {
  background-image: url(/tpl/hotcase/assets/battles/icons/ct.3576f10ad8299ec0cb2c.png);
  left: -160px;
  width: 368px
}

@media(max-width: 1800px) {
  .page_container__jX2vv:before {
    left: -70px;
    width: 280px
  }
}

.page_container__jX2vv:after {
  background-image: url(/tpl/hotcase/assets/battles/icons/tr.eb8bfaffaaa969c2ade5.png);
  right: -160px;
  width: 376px
}

@media(max-width: 1800px) {
  .page_container__jX2vv:after {
    right: -40px;
    width: 270px
  }
}

.page_header__XOU3J {
  align-items: center;
  display: flex;
  margin-bottom: 24px
}

@media(max-width: 900px) {
  .page_header__XOU3J {
    margin-bottom: 20px
  }
}

@media(max-width: 599px) {
  .page_header__XOU3J {
    margin-bottom: 18px
  }
}

.page_mainHeader__r0oJk {
  align-items: center;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden
}

.page_urlWrapper__DHjfc {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  margin-left: 20px
}

@media(max-width: 599px) {
  .page_urlWrapper__DHjfc {
    margin-left: 10px
  }
}

.page_link__wJL6P {
  background: url(/tpl/hotcase/assets/battles/icons/link.9bb858e70ac0d1511a63.svg) 14px 50% no-repeat;
  border: 1px solid #2a2c3a;
  border-radius: 8px;
  color: #b5b7c2;
  font-size: 14px;
  line-height: 20px;
  padding: 13px 18px 13px 42px
}

@media(max-width: 1800px) {
  .page_link__wJL6P {
    font-size: 13px
  }
}

@media(max-width: 1200px) {
  .page_link__wJL6P {
    background-position: 10px 50%;
    background-size: 16px;
    border-radius: 6px;
    font-size: 12px;
    padding: 9px 12px 9px 33px
  }
}

@media(max-width: 900px) {
  .page_link__wJL6P {
    display: none
  }
}

.page_btn__ZU9ga {
  background: #2a2c3a;
  border-radius: 8px;
  color: #c9cad3;
  font-size: 11px;
  font-weight: 900;
  line-height: 20px;
  padding: 14px 18px 14px 41px;
  position: relative;
  text-transform: uppercase;
  transition: color .3s, background-color .3s
}

@media(max-width: 1200px) {
  .page_btn__ZU9ga {
    border-radius: 6px;
    font-size: 10px;
    padding: 10px 12px 10px 32px
  }
}

@media(max-width: 900px) {
  .page_btn__ZU9ga {
    padding-left: 34px
  }
}

@media(max-width: 599px) {
  .page_btn__ZU9ga {
    height: 32px;
    padding: 0;
    width: 32px
  }
}

.page_btn__ZU9ga.page_smashing__y2vUJ {
  -webkit-animation: page_smashing__y2vUJ .2s 1 backwards;
  animation: page_smashing__y2vUJ .2s 1 backwards
}

.page_btn__ZU9ga:hover {
  background-color: #3d3d4b;
  color: #e6e6ec
}

.page_btn__ZU9ga:hover path {
  fill: #e6e6ec
}

.page_btn__ZU9ga span:nth-child(4) {
  display: none
}

@media(max-width: 900px) {
  .page_btn__ZU9ga span:nth-child(4) {
    display: block
  }
}

@media(max-width: 599px) {
  .page_btn__ZU9ga span:nth-child(4) {
    display: none
  }
}

@media(max-width: 900px) {
  .page_btn__ZU9ga span:nth-child(3) {
    display: none
  }
}

.page_copyIcon__IVvOw {
  height: 18px;
  left: 14px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

@media(max-width: 1200px) {
  .page_copyIcon__IVvOw {
    height: 14px;
    left: 11px;
    margin-top: -7px;
    width: 14px
  }
}

@media(max-width: 599px) {
  .page_copyIcon__IVvOw {
    left: 50%;
    margin: -8px 0 0 -8px
  }
}

.page_copyIcon__IVvOw:nth-child(2) {
  display: none
}

@media(max-width: 900px) {
  .page_copyIcon__IVvOw:nth-child(2) {
    display: block;
    height: 16px;
    margin-top: -8px;
    width: 16px
  }

  .page_copyIcon__IVvOw:first-child {
    display: none
  }
}

.page_copyIcon__IVvOw path {
  transition: fill .3s
}

.page_mobIcon__ku85G {
  display: none
}

@media(max-width: 900px) {
  .page_mobIcon__ku85G {
    display: block
  }
}

.title_component__-pxRF {
  align-items: center;
  display: flex;
  max-width: 100%;
  overflow: hidden
}

.title_title__BEgIV {
  background: url(/tpl/hotcase/assets/battles/icons/swords.35e1f5da4ae12165c4b7.svg) 0 50% no-repeat;
  background-size: 32px;
  color: #fff;
  font-size: 32px;
  font-weight: 900;
  line-height: 44px;
  overflow: hidden;
  padding-left: 42px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1800px) {
  .title_title__BEgIV {
    background-size: 28px;
    font-size: 28px;
    padding-left: 36px
  }
}

@media(max-width: 1300px) {
  .title_title__BEgIV {
    background-size: 26px;
    font-size: 26px;
    padding-left: 32px
  }
}

@media(max-width: 1200px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 24px;
    line-height: 36px
  }
}

@media(max-width: 900px) {
  .title_title__BEgIV {
    background-size: 24px;
    font-size: 20px;
    padding-left: 30px
  }
}

@media(max-width: 599px) {
  .title_title__BEgIV {
    background-size: 20px;
    font-size: 18px;
    line-height: 30px;
    padding-left: 26px
  }
}

.title_back__wPuoc {
  border: 1px solid #2a2c3a;
  border-radius: 8px;
  flex-shrink: 0;
  height: 40px;
  margin-right: 15px;
  position: relative;
  transition: border-color .3s;
  width: 40px
}

@media(max-width: 1200px) {
  .title_back__wPuoc {
    height: 36px;
    margin-right: 12px;
    width: 36px
  }
}

@media(max-width: 599px) {
  .title_back__wPuoc {
    border-radius: 6px;
    height: 30px;
    margin-right: 8px;
    width: 30px
  }
}

.title_back__wPuoc:hover {
  border-color: #3c3e4f
}

.title_icon__xf5wd {
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 50%;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  width: 18px
}

@media(max-width: 599px) {
  .title_icon__xf5wd {
    height: 16px;
    margin: -8px 0 0 -8px;
    width: 16px
  }
}

.title_icon__xf5wd path {
  transition: fill .3s
}

.title_back__wPuoc:hover .title_icon__xf5wd {
  -webkit-transform: translateX(-2px);
  transform: translateX(-2px)
}

.title_back__wPuoc:hover .title_icon__xf5wd path {
  fill: #e6e6ec
}

.title_skeleton__sixOd {
  width: 180px !important
}

@media(max-width: 900px) {
  .title_skeleton__sixOd {
    width: 150px !important
  }
}

@media(max-width: 599px) {
  .title_skeleton__sixOd {
    width: 100px !important
  }
}

.authRequired_page__GjyZV {
  background: #17171f;
  display: flex;
  justify-content: center;
  padding-bottom: 60px;
  padding-top: 50px
}

@media(max-width: 1200px) {
  .authRequired_page__GjyZV {
    padding-bottom: 50px;
    padding-top: 40px
  }
}

@media(max-width: 900px) {
  .authRequired_page__GjyZV {
    padding-bottom: 30px;
    padding-top: 20px
  }
}

@media(max-width: 599px) {
  .authRequired_page__GjyZV {
    padding-bottom: 25px;
    padding-top: 10px
  }
}

.authRequired_content__mseYj {
  text-align: center
}

.authRequired_logo__uN7KV {
  background: url(/tpl/hotcase/assets/battles/icons/auth-required.53774534f17d3c06c05b.png) top no-repeat;
  background-size: 100% auto;
  height: 373px;
  margin: 0 auto;
  width: 345px
}

@media(max-width: 1200px) {
  .authRequired_logo__uN7KV {
    height: 346px;
    width: 320px
  }
}

@media(max-width: 900px) {
  .authRequired_logo__uN7KV {
    height: 281px;
    width: 260px
  }
}

@media(max-width: 599px) {
  .authRequired_logo__uN7KV {
    height: 195px;
    width: 180px
  }
}

.authRequired_title__ElJLL {
  color: #fff;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  margin: -130px auto 15px;
  max-width: 600px
}

@media(max-width: 1800px) {
  .authRequired_title__ElJLL {
    font-size: 46px;
    max-width: 550px
  }
}

@media(max-width: 1200px) {
  .authRequired_title__ElJLL {
    font-size: 40px;
    margin-top: -120px;
    max-width: 500px
  }
}

@media(max-width: 900px) {
  .authRequired_title__ElJLL {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: -100px;
    max-width: 360px
  }
}

@media(max-width: 599px) {
  .authRequired_title__ElJLL {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-top: -70px;
    max-width: 250px
  }
}

.authRequired_subtitle__QIYN6 {
  color: #cecfd6;
  font-size: 22px;
  font-weight: 300
}

@media(max-width: 1800px) {
  .authRequired_subtitle__QIYN6 {
    font-size: 20px
  }
}

@media(max-width: 1200px) {
  .authRequired_subtitle__QIYN6 {
    font-size: 18px
  }
}

@media(max-width: 900px) {
  .authRequired_subtitle__QIYN6 {
    font-size: 15px
  }
}

@media(max-width: 599px) {
  .authRequired_subtitle__QIYN6 {
    font-size: 13px
  }
}

.authRequired_btnWrapper__\+YG1P {
  margin-bottom: 20px;
  padding-top: 28px
}

@media(max-width: 1800px) {
  .authRequired_btnWrapper__\+YG1P {
    padding-top: 25px
  }
}

@media(max-width: 900px) {
  .authRequired_btnWrapper__\+YG1P {
    margin-bottom: 17px;
    padding-top: 22px
  }
}

@media(max-width: 599px) {
  .authRequired_btnWrapper__\+YG1P {
    padding-top: 15px
  }
}

.authRequired_btn__tr0xD {
  background: #f3a45d;
  border-radius: 10px;
  color: #392c22;
  font-size: 14px;
  font-weight: 700;
  padding: 18px 70px;
  text-transform: uppercase;
  transition: background-color .3s ease, color .3s ease
}

@media(max-width: 900px) {
  .authRequired_btn__tr0xD {
    border-radius: 8px;
    font-size: 13px;
    padding: 15px 50px
  }
}

@media(max-width: 599px) {
  .authRequired_btn__tr0xD {
    border-radius: 6px;
    font-size: 12px;
    padding: 12px 30px
  }
}

.authRequired_btn__tr0xD.authRequired_loading__aLiaV,
.authRequired_btn__tr0xD:hover {
  background-color: #fac26f;
  color: #684933
}

.authRequired_btn__tr0xD.authRequired_loading__aLiaV {
  cursor: wait
}

.authRequired_link__PdUqe {
  color: #bebfc5;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  padding-right: 29px;
  position: relative;
  transition: color .3s ease
}

@media(max-width: 1800px) {
  .authRequired_link__PdUqe {
    font-size: 16px;
    padding-right: 26px
  }
}

@media(max-width: 900px) {
  .authRequired_link__PdUqe {
    font-size: 15px;
    padding-right: 23px
  }
}

@media(max-width: 599px) {
  .authRequired_link__PdUqe {
    font-size: 13px;
    padding-right: 20px
  }
}

.authRequired_link__PdUqe:hover {
  color: #fff
}

.authRequired_linkIcon__rWh9U {
  height: 20px;
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 20px
}

@media(max-width: 1800px) {
  .authRequired_linkIcon__rWh9U {
    height: 18px;
    width: 18px
  }
}

@media(max-width: 900px) {
  .authRequired_linkIcon__rWh9U {
    height: 15px;
    margin-top: -6px;
    width: 15px
  }
}

@media(max-width: 599px) {
  .authRequired_linkIcon__rWh9U {
    height: 12px;
    margin-top: -5px;
    width: 12px
  }
}

.authRequired_linkIcon__rWh9U path {
  transition: fill .3s ease
}

.authRequired_link__PdUqe:hover .authRequired_linkIcon__rWh9U path {
  fill: #fff
}

.selectUsers_component__tcab3 {
  background: url(/tpl/hotcase/assets/battles/icons/users.e6c6c670718f1d6bb313.svg) 0 50% no-repeat;
  background-size: 28px;
  display: flex;
  gap: 4px;
  padding-left: 40px
}

@media(max-width: 1200px) {
  .selectUsers_component__tcab3 {
    background-size: 24px;
    padding-left: 34px
  }
}

@media(max-width: 900px) {
  .selectUsers_component__tcab3 {
    order: 2
  }
}

@media(max-width: 599px) {
  .selectUsers_component__tcab3 {
    width: 100%
  }

  .selectUsers_item__X4BzE {
    flex-grow: 1
  }
}

.selectUsers_btn__qdSW- {
  background: rgba(111, 116, 143, .18);
  border-radius: 8px;
  color: #b3b3c0;
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 42px;
  min-width: 38px;
  padding: 0 10px;
  transition: color .3s, background-color .3s
}

@media(max-width: 1200px) {
  .selectUsers_btn__qdSW- {
    border-radius: 6px;
    font-size: 12px;
    min-width: 36px
  }
}

@media(max-width: 599px) {
  .selectUsers_btn__qdSW- {
    font-size: 12px;
    line-height: 32px;
    width: 100%
  }
}

.selectUsers_btn__qdSW-:hover {
  background-color: #595b6b
}

.selectUsers_active__\+jwTb .selectUsers_btn__qdSW- {
  background-color: #aaacbd;
  color: #1a1a24
}

.selectUsers_active__\+jwTb.selectUsers_cannotEmpty__tE4-O .selectUsers_btn__qdSW- {
  cursor: default
}

.checkbox_component__9w3oq {
  align-items: center;
  color: #cecfd6;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  gap: 10px;
  line-height: normal;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none
}

@media(max-width: 900px) {
  .checkbox_component__9w3oq {
    order: 3
  }
}

@media(max-width: 599px) {
  .checkbox_component__9w3oq {
    font-size: 10px
  }
}

.checkbox_indicator__H-lDh {
  background: rgba(177, 179, 202, .1);
  border-radius: 8px;
  height: 22px;
  position: relative;
  transition: background-color .3s;
  width: 29px
}

.checkbox_checked__qP5-W .checkbox_indicator__H-lDh {
  background: hsla(29, 67%, 64%, .2)
}

.checkbox_indicator__H-lDh:before {
  background: #6f6f76;
  border-radius: 5px;
  content: "";
  height: 14px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: background-color .3s, -webkit-transform .3s;
  transition: transform .3s, background-color .3s;
  transition: transform .3s, background-color .3s, -webkit-transform .3s;
  width: 14px
}

.checkbox_component__9w3oq:hover .checkbox_indicator__H-lDh:before {
  background: #90909c
}

.checkbox_component__9w3oq.checkbox_checked__qP5-W .checkbox_indicator__H-lDh:before {
  background: #ffb97a;
  -webkit-transform: translateX(7px);
  transform: translateX(7px)
}

.config_component__Boqbq {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background: linear-gradient(180deg, rgba(31, 30, 41, .86), rgba(43, 42, 55, .86));
  border-radius: 12px;
  display: flex;
  margin-bottom: 20px;
  padding: 30px
}

@media(max-width: 1800px) {
  .config_component__Boqbq {
    padding: 22px 25px
  }
}

@media(max-width: 900px) {
  .config_component__Boqbq {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: none;
    border-radius: 0;
    flex-direction: column;
    gap: 20px;
    padding: 0
  }
}

@media(max-width: 599px) {
  .config_component__Boqbq {
    gap: 18px;
    margin-bottom: 18px
  }
}

.config_filter__dNBji {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 18px
}

@media(max-width: 900px) {
  .config_filter__dNBji {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: linear-gradient(180deg, rgba(31, 30, 41, .86), rgba(43, 42, 55, .86));
    border-radius: 12px;
    flex-wrap: wrap;
    justify-content: center;
    order: 2;
    padding: 20px;
    width: 100%
  }
}

@media(max-width: 599px) {
  .config_filter__dNBji {
    border-radius: 8px;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    width: 100%
  }
}

.config_btnWrapper__AIF1k {
  flex-shrink: 0;
  position: relative
}

@media(max-width: 900px) {
  .config_btnWrapper__AIF1k {
    order: 1;
    width: 100%
  }
}

.config_tooltip__hzidV {
  background: rgba(62, 62, 80, .76);
  border-radius: 8px;
  bottom: calc(100% + 9px);
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  max-width: 240px;
  opacity: 0;
  padding: 12px;
  position: absolute;
  right: 0;
  transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s;
  visibility: hidden;
  width: -webkit-max-content;
  width: max-content
}

.config_btnWrapper__AIF1k:hover .config_tooltip__hzidV {
  opacity: 1;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  visibility: visible
}

.config_tooltip__hzidV:before {
  border: 7px solid transparent;
  border-top: 6px solid rgba(62, 62, 80, .76);
  content: "";
  position: absolute;
  right: 16px;
  top: 100%
}

.config_btn__NGvK8 {
  border-radius: 8px;
  display: block;
  font-size: 11px;
  font-weight: 900;
  height: 100%;
  line-height: 20px;
  padding: 14px 44px 14px 18px;
  position: relative;
  text-transform: uppercase;
  transition: background-color .3s ease, border-color .3s, color .3s
}

.config_btn__NGvK8.config_clear__vT6E0 {
  border: 2px solid #2a2c3a;
  color: #c9cad3;
  margin-left: auto;
  padding-right: 48px
}

@media(max-width: 1200px) {
  .config_btn__NGvK8.config_clear__vT6E0 {
    font-size: 0;
    padding: 0;
    width: 52px
  }
}

@media(max-width: 900px) {
  .config_btn__NGvK8.config_clear__vT6E0 {
    font-size: 11px;
    gap: 8px;
    order: 3;
    padding: 12px 18px;
    width: 100%
  }
}

@media(max-width: 599px) {
  .config_btn__NGvK8.config_clear__vT6E0 {
    display: none
  }
}

.config_btn__NGvK8.config_clear__vT6E0 path {
  fill: #c9cad3
}

.config_btn__NGvK8.config_clear__vT6E0:hover {
  border-color: #3c3e4f;
  color: #e6e6ec
}

.config_btn__NGvK8.config_clear__vT6E0:hover path {
  fill: #e6e6ec
}

.config_btn__NGvK8.config_create__8e128 {
  background: #ffac61;
  color: #392c22;
  margin-left: 12px
}

@media(max-width: 900px) {
  .config_btn__NGvK8.config_create__8e128 {
    margin: 0
  }
}

.config_btn__NGvK8.config_create__8e128 path {
  fill: #392c22
}

.config_btn__NGvK8.config_create__8e128.config_loading__3-sOr,
.config_btn__NGvK8.config_create__8e128:hover {
  background-color: #f8bc76;
  color: #684933
}

.config_btn__NGvK8.config_create__8e128.config_loading__3-sOr path,
.config_btn__NGvK8.config_create__8e128:hover path {
  fill: #684933
}

.config_btn__NGvK8.config_disabled__iASyu {
  background-color: #916642;
  color: #553f2d;
  cursor: not-allowed
}

.config_btn__NGvK8.config_disabled__iASyu path {
  fill: #553f2d
}

.config_btn__NGvK8.config_disabled__iASyu:hover {
  background-color: #916642;
  color: #553f2d
}

.config_btn__NGvK8.config_disabled__iASyu:hover path {
  fill: #553f2d
}

@media(max-width: 900px) {
  .config_btn__NGvK8 {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center;
    width: 100%
  }
}

@media(max-width: 599px) {
  .config_btn__NGvK8 {
    border-radius: 6px;
    padding: 13px 15px
  }
}

.config_btn__NGvK8.config_loading__3-sOr {
  cursor: wait
}

.config_icon__I\+cdF {
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 18px;
  top: 50%;
  width: 20px
}

@media(max-width: 900px) {
  .config_icon__I\+cdF {
    margin: 0;
    position: static
  }
}

@media(max-width: 1200px) {
  .config_clear__vT6E0 .config_icon__I\+cdF {
    margin-right: -10px;
    right: 50%
  }
}

@media(max-width: 900px) {
  .config_clear__vT6E0 .config_icon__I\+cdF {
    margin-right: 0;
    right: 18px
  }
}

.config_icon__I\+cdF path {
  transition: fill .3s
}

.createBattleCase_component__dcSFH {
  background: linear-gradient(180deg, #1d1e27, #282934);
  border-radius: 12px;
  min-height: 284px;
  overflow: hidden;
  width: 100%
}

@media(max-width: 1800px) {
  .createBattleCase_component__dcSFH {
    min-height: 260px
  }
}

@media(max-width: 1200px) {
  .createBattleCase_component__dcSFH {
    min-height: 250px
  }
}

@media(max-width: 900px) {
  .createBattleCase_component__dcSFH {
    border-radius: 8px;
    min-height: 238px
  }
}

@media(max-width: 599px) {
  .createBattleCase_component__dcSFH {
    min-height: 220px
  }
}

.createBattleCase_imageWrapper__-s5FF {
  height: 146px;
  margin: 10px 0;
  text-align: center
}

@media(max-width: 1800px) {
  .createBattleCase_imageWrapper__-s5FF {
    height: 124px
  }
}

@media(max-width: 900px) {
  .createBattleCase_imageWrapper__-s5FF {
    height: 110px
  }
}

@media(max-width: 599px) {
  .createBattleCase_imageWrapper__-s5FF {
    height: 100px
  }
}

.createBattleCase_image__7Fq8K {
  height: 100%;
  width: 146px
}

@media(max-width: 1800px) {
  .createBattleCase_image__7Fq8K {
    width: 124px
  }
}

@media(max-width: 900px) {
  .createBattleCase_image__7Fq8K {
    width: 110px
  }
}

@media(max-width: 599px) {
  .createBattleCase_image__7Fq8K {
    width: 100px
  }
}

.createBattleCase_info__TYrLh {
  margin-bottom: 5px;
  text-align: center
}

.createBattleCase_title__xD7ks {
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .createBattleCase_title__xD7ks {
    font-size: 13px
  }
}

@media(max-width: 900px) {
  .createBattleCase_title__xD7ks {
    font-size: 12px;
    padding: 0 15px
  }
}

.createBattleCase_price__OvpZk {
  color: #ffb97a;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 4px;
  overflow: hidden;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1200px) {
  .createBattleCase_price__OvpZk {
    font-size: 14px;
    line-height: 18px
  }
}

@media(max-width: 599px) {
  .createBattleCase_price__OvpZk {
    font-size: 13px;
    line-height: 16px;
    padding: 0 15px
  }
}

.createBattleCase_quantityWrapper__MThBj {
  display: flex;
  justify-content: center;
  margin-top: 11px
}

@media(max-width: 1800px) {
  .createBattleCase_quantityWrapper__MThBj {
    margin-top: 14px
  }
}

.createBattleCase_quantityInner__xPzDZ {
  align-items: center;
  background: #1a1a24;
  border-radius: 10px;
  display: flex;
  padding: 5px
}

@media(max-width: 1200px) {
  .createBattleCase_quantityInner__xPzDZ {
    border-radius: 8px;
    padding: 3px
  }
}

.createBattleCase_quantityButton__Xe7kH {
  background: #2a2c3a;
  border-radius: 8px;
  flex-shrink: 0;
  height: 32px;
  position: relative;
  transition: background-color .3s;
  width: 32px
}

@media(max-width: 1800px) {
  .createBattleCase_quantityButton__Xe7kH {
    border-radius: 6px;
    height: 30px;
    width: 30px
  }
}

@media(max-width: 900px) {
  .createBattleCase_quantityButton__Xe7kH {
    height: 28px;
    width: 28px
  }
}

@media(max-width: 599px) {
  .createBattleCase_quantityButton__Xe7kH {
    height: 26px;
    width: 26px
  }
}

.createBattleCase_quantityButton__Xe7kH:hover {
  background: #3c3e4f
}

.createBattleCase_icon__cyR3q {
  height: 18px;
  left: 50%;
  margin: -9px 0 0 -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.createBattleCase_icon__cyR3q path {
  transition: fill .3s
}

.createBattleCase_quantity__lNYSE {
  color: #f6f6f6;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 700;
  min-width: 46px;
  padding: 0 8px;
  text-align: center
}

@media(max-width: 1200px) {
  .createBattleCase_quantity__lNYSE {
    font-size: 13px
  }
}

@media(max-width: 599px) {
  .createBattleCase_quantity__lNYSE {
    font-size: 12px;
    min-width: 40px
  }
}

.createBattleInfo_component__GBgQG {
  background: linear-gradient(203deg, #262634 9.01%, #3a3c48 102.81%);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  padding: 32px;
  position: relative;
  width: 374px
}

@media(max-width: 1800px) {
  .createBattleInfo_component__GBgQG {
    gap: 10px;
    padding: 25px;
    width: 300px
  }
}

@media(max-width: 1200px) {
  .createBattleInfo_component__GBgQG {
    width: 100%
  }
}

@media(max-width: 900px) {
  .createBattleInfo_component__GBgQG {
    border-radius: 8px
  }
}

@media(max-width: 599px) {
  .createBattleInfo_component__GBgQG {
    gap: 10px;
    padding: 15px
  }
}

.createBattleInfo_component__GBgQG:before {
  background: url(/tpl/hotcase/assets/battles/icons/create-battle-info.d76cf532abeda3fc14f4.png) no-repeat;
  background-size: 100%;
  bottom: 0;
  content: "";
  height: 170px;
  position: absolute;
  right: 0;
  width: 152px
}

@media(max-width: 1800px) {
  .createBattleInfo_component__GBgQG:before {
    height: 134px;
    width: 120px
  }
}

@media(max-width: 599px) {
  .createBattleInfo_component__GBgQG:before {
    height: 89px;
    width: 80px
  }
}

.createBattleInfo_item__qGoi1 {
  align-items: center;
  color: #9c9da9;
  display: flex;
  font-size: 16px;
  gap: 6px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media(max-width: 1800px) {
  .createBattleInfo_item__qGoi1 {
    font-size: 14px;
    line-height: 16px
  }
}

@media(max-width: 1200px) {
  .createBattleInfo_item__qGoi1 {
    width: calc(100% - 100px)
  }
}

@media(max-width: 900px) {
  .createBattleInfo_item__qGoi1 {
    font-size: 13px
  }
}

@media(max-width: 599px) {
  .createBattleInfo_item__qGoi1 {
    font-size: 12px;
    line-height: 14px;
    width: calc(100% - 70px)
  }
}

.createBattleInfo_title__xnWI7 {
  overflow: hidden;
  text-overflow: ellipsis
}

.createBattleInfo_price__8JZ0D {
  color: #ffb97a;
  font-size: 18px
}

.createBattleInfo_rounds__EYPPJ {
  color: #f6f6f6;
  font-size: 16px
}

.createBattleInfo_price__8JZ0D,
.createBattleInfo_rounds__EYPPJ {
  font-weight: 700
}

@media(max-width: 1800px) {

  .createBattleInfo_price__8JZ0D,
  .createBattleInfo_rounds__EYPPJ {
    font-size: 14px
  }
}

@media(max-width: 900px) {

  .createBattleInfo_price__8JZ0D,
  .createBattleInfo_rounds__EYPPJ {
    font-size: 13px
  }
}

@media(max-width: 599px) {

  .createBattleInfo_price__8JZ0D,
  .createBattleInfo_rounds__EYPPJ {
    font-size: 12px
  }
}

.createBattleInfo_type__JPYPf {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-position: calc(100% - 12px) 50%;
  background-size: 18px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 20px;
  margin-top: auto;
  max-width: 100%;
  overflow: hidden;
  padding: 8px 36px 8px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media(max-width: 1200px) {
  .createBattleInfo_type__JPYPf {
    margin-top: 5px
  }
}

@media(max-width: 599px) {
  .createBattleInfo_type__JPYPf {
    background-position: calc(100% - 8px) 50%;
    background-size: 14px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 16px;
    margin-top: 3px;
    padding: 8px 28px 8px 10px
  }
}

.createBattleInfo_type__JPYPf.createBattleInfo_public__palDY {
  background-color: rgba(79, 197, 112, .2);
  background-image: url(/tpl/hotcase/assets/battles/icons/public.3027fb5b653d5d717c96.svg);
  color: #64ce82
}

.createBattleInfo_type__JPYPf.createBattleInfo_private__lDCXX {
  background-color: rgba(205, 110, 86, .2);
  background-image: url(/tpl/hotcase/assets/battles/icons/private.ae820547bca03b680536.svg);
  color: #fd7f77
}

.createBattle_component__Y07Sq {
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}

@media(max-width: 1800px) {
  .createBattle_component__Y07Sq {
    gap: 20px
  }
}

@media(max-width: 599px) {
  .createBattle_component__Y07Sq {
    gap: 18px
  }
}

.createBattle_cases__Bya2Z {
  grid-gap: 8px;
  display: grid;
  flex-grow: 1;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr)
}

@media(max-width: 900px) {
  .createBattle_cases__Bya2Z {
    grid-template-columns: 1fr
  }

  .createBattle_cases__Bya2Z.createBattle_fourCases__AXy-y,
  .createBattle_cases__Bya2Z.createBattle_oneCase__IajlE,
  .createBattle_cases__Bya2Z.createBattle_threeCases__fhCnD,
  .createBattle_cases__Bya2Z.createBattle_twoCases__3Sgrh {
    grid-template-columns: 1fr 1fr
  }
}

.createBattle_btn__YA0-u {
  align-items: center;
  background: linear-gradient(180deg, rgba(26, 26, 34, .7), rgba(31, 31, 41, .7));
  border: 1px dashed rgba(88, 92, 105, .6);
  border-radius: 12px;
  display: flex;
  flex-grow: 1;
  grid-column: span 4;
  justify-content: center;
  min-height: 284px;
  overflow: hidden;
  position: relative;
  transition: border-color .3s
}

.createBattle_oneCase__IajlE .createBattle_btn__YA0-u {
  grid-column: span 3
}

@media(max-width: 900px) {
  .createBattle_oneCase__IajlE .createBattle_btn__YA0-u {
    grid-column: span 1
  }
}

.createBattle_twoCases__3Sgrh .createBattle_btn__YA0-u {
  grid-column: span 2
}

@media(max-width: 900px) {
  .createBattle_twoCases__3Sgrh .createBattle_btn__YA0-u {
    grid-column: span 2
  }
}

.createBattle_threeCases__fhCnD .createBattle_btn__YA0-u {
  grid-column: span 1
}

@media(max-width: 1800px) {
  .createBattle_btn__YA0-u {
    min-height: 260px
  }
}

@media(max-width: 1200px) {
  .createBattle_btn__YA0-u {
    min-height: 250px
  }
}

@media(max-width: 900px) {
  .createBattle_btn__YA0-u {
    border-radius: 8px;
    min-height: 238px
  }
}

@media(max-width: 599px) {
  .createBattle_btn__YA0-u {
    min-height: 220px
  }
}

.createBattle_btn__YA0-u:hover {
  border-color: hsla(225, 7%, 45%, .4)
}

.createBattle_btn__YA0-u:before {
  background: linear-gradient(180deg, rgba(30, 30, 40, .7), rgba(53, 46, 49, .7));
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s;
  width: 100%
}

.createBattle_btn__YA0-u:hover:before {
  opacity: 1
}

.createBattle_btnTitle__kRIi9 {
  color: #d0cdd4;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding: 84px 20px 0;
  position: relative;
  transition: color .3s;
  -webkit-user-select: none;
  user-select: none
}

@media(max-width: 1800px) {
  .createBattle_btnTitle__kRIi9 {
    font-size: 15px;
    line-height: 18px;
    padding-top: 65px
  }
}

@media(max-width: 900px) {
  .createBattle_btnTitle__kRIi9 {
    font-size: 13px;
    line-height: 16px;
    padding-top: 57px
  }
}

@media(max-width: 599px) {
  .createBattle_btnTitle__kRIi9 {
    font-size: 12px;
    line-height: 14px;
    padding-top: 50px
  }
}

.createBattle_btnTitle__kRIi9:after,
.createBattle_btnTitle__kRIi9:before {
  background: url(/tpl/hotcase/assets/battles/icons/add-case.9138354220ecb7c15eec.png) no-repeat;
  background-size: 100%;
  content: "";
  height: 72px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px
}

@media(max-width: 1800px) {

  .createBattle_btnTitle__kRIi9:after,
  .createBattle_btnTitle__kRIi9:before {
    height: 54px;
    width: 54px
  }
}

@media(max-width: 900px) {

  .createBattle_btnTitle__kRIi9:after,
  .createBattle_btnTitle__kRIi9:before {
    height: 44px;
    width: 44px
  }
}

@media(max-width: 599px) {

  .createBattle_btnTitle__kRIi9:after,
  .createBattle_btnTitle__kRIi9:before {
    height: 36px;
    width: 36px
  }
}

.createBattle_btnTitle__kRIi9:after {
  background-position: 0 -72px;
  opacity: 0;
  transition: opacity .3s
}

@media(max-width: 1800px) {
  .createBattle_btnTitle__kRIi9:after {
    background-position: 0 -54px
  }
}

@media(max-width: 900px) {
  .createBattle_btnTitle__kRIi9:after {
    background-position: 0 -44px
  }
}

@media(max-width: 599px) {
  .createBattle_btnTitle__kRIi9:after {
    background-position: 0 -36px
  }
}

.createBattle_btn__YA0-u:hover .createBattle_btnTitle__kRIi9 {
  color: #ffe5cd
}

.createBattle_btn__YA0-u:hover .createBattle_btnTitle__kRIi9:after {
  opacity: 1
}

.createBattle_cashback__fXFGn {
  background: rgba(28, 28, 37, .8);
  border: 1px dashed hsla(240, 7%, 48%, .26);
  border-radius: 12px;
  color: #b3b3c0;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 24px;
  text-align: center;
  width: 100%
}

@media(max-width: 1200px) {
  .createBattle_cashback__fXFGn {
    font-size: 13px;
    line-height: 18px
  }
}

@media(max-width: 900px) {
  .createBattle_cashback__fXFGn {
    border-radius: 8px
  }
}

@media(max-width: 599px) {
  .createBattle_cashback__fXFGn {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 20px 12px 12px
  }
}

.createBattle_cashback__fXFGn p {
  background: url(/tpl/hotcase/assets/battles/icons/cashback.040befe905a6f674803f.svg) 0 50% no-repeat;
  background-size: 20px;
  display: inline-block;
  padding-left: 30px;
  text-align: left;
  word-break: break-all
}

@media(max-width: 599px) {
  .createBattle_cashback__fXFGn p {
    background-size: 18px;
    padding-left: 26px
  }
}

.page_page__HuQB8 {
  background: #17171f url(/tpl/hotcase/assets/battles/icons/case.08f2ec127df02edcfada.png) calc(50% - 180px) 25px no-repeat;
  background-size: 442px;
  padding-bottom: 50px;
  padding-top: 64px
}

@media(max-width: 1800px) {
  .page_page__HuQB8 {
    background-position: calc(50% - 100px) 25px;
    background-size: 330px
  }
}

@media(max-width: 1200px) {
  .page_page__HuQB8 {
    background-position: 100% 25px;
    background-size: 250px;
    padding-bottom: 20px;
    padding-top: 44px
  }
}

@media(max-width: 900px) {
  .page_page__HuQB8 {
    padding-top: 25px
  }
}

@media(max-width: 599px) {
  .page_page__HuQB8 {
    background: #17171f;
    padding-top: 20px
  }
}

.page_header__i180t {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
  overflow: hidden
}

@media(max-width: 1200px) {
  .page_header__i180t {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px
  }
}

@media(max-width: 599px) {
  .page_header__i180t {
    margin-bottom: 18px
  }
}

.page_mainHeader__rtd2N {
  align-items: center;
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  overflow: hidden
}

.page_description__Uz7IC {
  color: #6b6f7b;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 20px;
  margin-left: 20px
}

@media(max-width: 1200px) {
  .page_description__Uz7IC {
    margin: 8px 0 0;
    max-width: calc(100% - 200px)
  }
}

@media(max-width: 599px) {
  .page_description__Uz7IC {
    font-size: 12px;
    line-height: 16px;
    max-width: 100%
  }
}