.profile_bests {
  display:flex;
  align-self:start;
  gap:9px
}
.profile_best_item {
  width:49%;
  height:150px;
  padding:12px 22px;
  border-radius:10px;
  background:#0b0c10;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.profile_best_img {
  width:145px
}
.profile_best_img img {
  width:100%
}
.profile_best_item_description h4 {
  color:#fff;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:18px;
  text-transform:uppercase;
  margin-bottom:3px
}
.profile_best_item_description p {
  color:#7f8bad;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:13px;
  margin-bottom:22px
}
.open_case_profile {
  cursor:pointer;
  display:flex;
  padding:10px 18px;
  justify-content:center;
  align-items:center;
  gap:10px;
  border-radius:8px;
  background:#fbae21;
  border:none;
  color:#191d3e;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:20px
}
.case_price_profile {
  display:flex;
  width:62px;
  height:26px;
  align-items:center;
  border-radius:8px;
  justify-content:center;
  background:#233553;
  cursor:pointer
}
.case_price_profile p {
  color:var(--Positive, #69dd89);
  font-size:17px;
  font-style:normal;
  font-weight:500;
  line-height:20px
}
.profile_items_list_item tgs-player,
.profile_items_list_item img {
  width:84px;
  height:84px
}
.profile_items_list_item {
  padding:12px 16px;
  border-radius:12px;
  background:#1a1b1f;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:column;
  margin-top:12px
}
.profile_items_name,
.profile_items_price {
  color:#fff;
  font-size:16px;
  font-weight:500;
  line-height:20px;
  margin:12px 0;
  text-align:center
}
.profile_items_price {
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0;
  gap:4px
}
.profile_items_price svg,
.profile_items_price img {
  width:18px;
  height:18px
}
.profile_items_list_item_desc {
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.profile_item_action {
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  height:42px;
  min-width:142px;
  gap:4px;
  padding:8px 24px;
  background:#161920;
  border-radius:10px;
  font-weight:500;
  font-size:18px;
  line-height:24px;
  color:#fff
}
.profile_item_actions_list {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px
}
.withdraw-btn {
  background:#007aff
}
.sell-btn {
  background:#161920;
  border:1px solid #28292b
}
.sell-btn svg,
.sell-btn img {
  width:16px;
  height:16px;
  margin-left:4px
}
.least_item {
  background:#0b0c10
}
.btn_sale_all {
  border-radius:10px;
  gap:8px;
  padding:8px 18px;
  background:#007aff
}
.modal-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#00000080;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:1000
}
.modal-content-box {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  max-width:90%;
  color:#fff;
  border:1px solid #393c41;
  border-radius:16px
}
.modal-box {
  width:100%;
  background:#111318;
  padding:19px;
  max-width:360px;
  text-align:center;
  border-radius:16px 16px 0 0
}
.modal-title {
  font-weight:500;
  font-size:17px;
  line-height:22px;
  text-align:center;
  margin-bottom:10px
}
.modal-subtitle {
  font-weight:400;
  font-size:14px;
  line-height:16px;
  text-align:center;
  margin-bottom:10px
}
.modal-price {
  font-size:15px;
  font-weight:500
}
.modal-actions {
  display:flex;
  justify-content:space-between;
  gap:5px;
  width:100%;
  background:#111318;
  border-top:1px solid #393c41;
  border-radius:0 0 16px 16px
}
.modal-btn {
  width:100%;
  padding:10px 16px;
  font-size:17px;
  font-weight:400;
  cursor:pointer;
  background:transparent
}
.modal-btn.cancel {
  color:#2688eb;
  border-right:1px solid #393c41
}
.modal-btn.confirm {
  color:#e64646
}
@media only screen and (max-width: 920px) {
  .profile_best_item {
    flex-direction:column;
    height:auto;
    justify-content:start
  }
  .profile_best_img {
    width:100%
  }
  .profile_best_item_description p {
    margin-bottom:8px
  }
  .profile_best_item_description {
    text-align:center
  }
  .profile_item_actions_list {
    flex-wrap:wrap;
    gap:10px
  }
  .profile_best_item_content {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
  }
  .profile_content,
  .profile_menu {
    padding:16px
  }
  .empty_message {
    height:200px
  }
}
@media only screen and (max-width: 680px) {
  .profile_page {
    flex-direction:column
  }
  .profile_menu,
  .profile_content {
    width:100%!important;
    margin-bottom:20px
  }
  .profile_content {
    margin-bottom:32px
  }
  .profile_best_item_description p {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    text-align:center
  }
  .profile_best_item:nth-child(2) .profile_best_item_description h4 {
    color:#af9140
  }
}
@media only screen and (max-width: 480px) {
  .profile_items_list_item {
    padding:15px 8px
  }
  .profile_best_item {
    padding:16px
  }
  .profile_best_item_description p {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    text-align:center;
    max-width:131px
  }
  .upgrade_list_item_des div {
    flex-direction:column;
    text-align:left;
    align-items:flex-start!important;
    justify-content:flex-start!important
  }
  .history_price {
    text-align:left!important
  }
  .open_case_profile,
  .case_price_profile p {
    font-size:14px
  }
}
.history_item {
  width:100%;
  padding:12px 16px;
  border-radius:10px;
  background:#1a1b1f;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px
}
.history_item_img tgs-player,
.history_item_img img {
  width:50px;
  height:50px;
  margin-right:12px
}
.ticket_number {
  color:#fff;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:18px;
  margin-bottom:3px
}
.history_item_descr {
  color:#7f8bad;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:14px
}
.df_aic_jcsb {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%
}
.history_item_price {
  display:flex;
  flex-direction:column
}
.history_price {
  display:flex;
  align-items:center;
  gap:4px;
  color:#fff;
  font-size:15px;
  font-weight:400;
  line-height:18px
}
.history_price svg,
.history_price img {
  width:18px;
  height:18px;
  margin-right:4px
}
.history_price {
  text-align:right
}
.history_status {
  display:flex;
  align-items:center
}
.history_status p {
  margin-right:4px;
  font-family:Golos Text;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:14px
}
.status1 {
  color:var(--Positive, #69dd89)
}
.status2 {
  color:#aaa6ab
}
.status2 svg * {
  fill:#e1a3ff
}
.status3 {
  color:var(--Red, #ff6767)
}
.status3 svg * {
  fill:#ff6767
}
.status4 {
  color:#5d6685
}
.status4 svg * {
  fill:#5d6685
}
@media only screen and (max-width: 500px) {
  .ticket_number,
  .history_item_descr,
  .history_price {
    padding-bottom:6px
  }
}
.preloader {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:100%;
  flex:1 1;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:9999;
  margin-top:15px;
  font-size:18px;
  color:#fff
}
.sp {
  width:60px;
  height:60px;
  border:8px solid #ffffff;
  border-top:8px solid #3498db;
  border-radius:50%;
  animation:spin 1s linear infinite
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
.select_pagination {
  width:120px!important;
  background:#353f7180
}
.menu {
  animation:fade--in .3s ease-in-out
}
.conditions_select {
  display:contents
}
@keyframes fade--in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.upgrade_list_item {
  border-radius:10px;
  background:#1a1b1f;
  width:100%;
  padding:12px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:8px
}
.upgrade_list_item_img_wrapper {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px
}
.upgrade_list_item_wrapper {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px
}
.upgrade_list_item_price {
  display:flex;
  align-items:center;
  gap:4px
}
.upgrade_list_item_price svg,
.upgrade_list_item_price img {
  width:18px;
  height:18px
}
.upgrade_list_item_name {
  color:#7f8bad;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-align:center
}
.upgrade_list_item_img {
  width:48px;
  height:50px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center
}
.upgrade_list_item_img tgs-player {
  width:48px;
  height:50px
}
.upgrade_list_item_img img {
  width:100%
}
.upgrade_list_item_svg {
  width:48px;
  height:25px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1
}
.defeat_icon {
  position:absolute;
  top:6px;
  left:3px
}
.upgrade_list_item_des {
  display:flex;
  margin-top:20px
}
.upgrade_list_item_des div {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.history_status svg {
  margin-left:4px
}
.upgrade_balance_p {
  width:-webkit-max-content;
  width:max-content;
  margin-right:10px
}
.profile_page {
  display:flex;
  align-items:start;
  justify-content:space-between
}
.profile_menu {
  padding:22px;
  border-radius:15px;
  background:#161920;
  border:1px solid #3c434930;
  width:40%;
  margin-bottom:20px
}
.profile_content {
  margin-bottom:100px;
  width:58.5%;
  border-radius:15px;
  padding:20px;
  background:#161920;
  border:1px solid #3c434930
}
.user_profile {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.user_descriptions {
  display:flex;
  align-items:start
}
.user_avatar {
  width:46px;
  height:46px;
  overflow:hidden;
  border-radius:10px
}
.user_avatar img {
  width:100%;
  height:100%;
  object-fit:cover
}
.user_moneys {
  display:flex;
  align-items:center
}
.user_descr {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin-left:15px
}
.user_name {
  color:#b5c2e5;
  font-size:18px;
  font-style:normal;
  font-weight:400;
  line-height:22px;
  margin-bottom:6px
}
.user_moneys p {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:18px;
  margin-left:6px
}
.user_moneys-icon {
  width:18px;
  height:18px
}
.replenish_wallet {
  display:flex;
  width:46px;
  height:46px;
  justify-content:center;
  align-items:center;
  border-radius:10px;
  background:#007aff;
  cursor:pointer
}
.user_id {
  margin:18px 0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
  background:#202446;
  padding:12px 16px
}
.user_id_input p {
  color:#fff;
  font-size:15px;
  font-style:normal;
  font-weight:500;
  line-height:18px
}
.user_id_input span {
  color:#7f8bad;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:14px
}
.user_id_actions {
  display:flex
}
.user_id_actions div {
  cursor:pointer;
  margin-left:7px
}
.bonus_activation p {
  text-align:center;
  margin:18px 0;
  color:#7f8bad;
  cursor:pointer;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:22px
}
.profile_menu_list_item {
  display:flex;
  align-items:center;
  width:100%;
  padding:16px;
  border-radius:8px;
  cursor:pointer;
  transition:all .4s ease
}
.profile_menu_list_item p {
  color:#fff9;
  margin-left:8px;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:20px;
  transition:all .4s ease
}
.profile_menu_list_item:hover p {
  color:#fff;
  transition:all .4s ease
}
.profile_menu_list_item:hover {
  background:#202446;
  transition:all .4s ease
}
.profile_menu_list_item:hover svg * {
  fill-opacity:1
}
.profile_menu_list .active .profile_menu_list_item {
  background:#202446;
  transition:all .4s ease
}
.profile_menu_list .active .profile_menu_list_item p {
  color:#fff;
  transition:all .4s ease
}
.profile_menu_list .active .profile_menu_list_item svg * {
  fill-opacity:1;
  transition:all .4s ease
}
.profile_menu_line {
  width:100%;
  height:1px;
  background:#313665;
  margin:18px 0
}
.uid_input {
  font-family:Golos Text,sans-serif;
  display:flex;
  width:100%;
  height:42px;
  text-indent:14px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border:none;
  outline:none;
  border-radius:6px;
  background:#202446!important;
  color:var(--white-03, rgba(255, 255, 255, .3));
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:150%
}
.uid_input[type=text][readonly] {
  cursor:default
}
.uid_input.editing {
  border-bottom:1px solid #007bff
}
.profile-wrapper {
  padding:20px;
  max-width:500px;
  margin:0 auto;
  border-top:.5px solid #ffffff26
}
.profile-header {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.profile-avatar {
  width:80px;
  height:80px;
  border-radius:10px;
  object-fit:cover
}
.profile-info {
  display:flex;
  flex-direction:column
}
.profile-username {
  font-weight:500;
  font-size:18px;
  line-height:24px;
  color:#fff
}
.profile-userid {
  font-weight:400;
  font-size:15px;
  line-height:22px;
  letter-spacing:.15px;
  color:#89899a
}
.profile-menu-card {
  background:#161920;
  border-radius:12px;
  margin-top:24px;
  display:flex;
  flex-direction:column
}
.profile-menu-item {
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  padding:8px 16px
}
.divider {
  height:1px;
  background-color:#393c41
}
.profile-menu-item svg {
  width:30px;
  height:30px
}
.profile-menu-item.bonus {
  color:#007aff;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:10px
}
.plus-icon {
  font-size:20px;
  line-height:20px
}
.promo-text {
  font-size:16px
}
.profile-content-wrapper {
  margin-top:30px
}
.profile_content-head {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.profile_content-head-label {
  font-weight:500;
  font-size:16px;
  line-height:24px
}
.language-toggle-group {
  margin-top:20px;
  padding:16px;
  background:#1e1e1e;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px
}
.language-label {
  font-size:16px;
  font-weight:600;
  color:#fff
}
.language-options {
  display:flex;
  gap:12px
}
.language-options .label {
  color:#fff
}
.language-button {
  position:relative;
  display:flex;
  align-items:center;
  padding:10px 16px;
  background-color:#2a2a2a;
  color:#fff;
  font-size:14px;
  font-weight:500;
  border:none;
  border-radius:8px;
  cursor:pointer;
  transition:background .2s ease
}
.language-button .flag {
  font-size:18px;
  margin-right:8px
}
.language-button .label {
  font-size:14px
}
.language-button.active {
  background-color:#3f51b5
}
.language-button .circle {
  position:absolute;
  top:-6px;
  right:-6px;
  width:12px;
  height:12px;
  background-color:#00e676;
  border-radius:50%;
  border:2px solid #1e1e1e
}