.top_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

ul.top_profile_items {
    padding: 0;
    margin: 0;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}

li.top_profile_item {
    list-style: none;
    width: 3rem;
    height: 3rem;
}

.icon {
    font-size: 1.75rem;
    padding: .5rem 0;
}

span.item {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    color: var(--skin__primary);
}

.left_profile_header {
    display: grid;
    grid-template-columns: 20% 80%;
}

.profiel_header_wrapper {
    display: grid;
    grid-template-columns: 60% 40%;
}

.right_profile_header>div {
    display: grid;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    align-items: center;
    gap: .5rem;
    justify-content: flex-end;
    grid-template-columns: 1fr 1fr;
}

img.header_profile_icon.wallet {
    width: auto;
    filter: brightness(0);
    max-height: 1.5rem;
    height: 100%;
}
span.text_profile_header {
    font-size: .685rem;
    color: var(--skin__ddt_bg);
    margin-top: .125rem;
}

.profile_menu_item {
    cursor: pointer;
}

.header_link {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    justify-content: center; 
    padding: .25rem;
}
.header_username {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .8px;
}

.header_balance {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: max-content;
    color: var(--skin__accent_3);
    font-weight: normal;
    text-align: center;
    display: flex;
    width: fit-content;
}

.profile_header {
    background: linear-gradient(45deg, var(--skin__bs_topnav_bg), transparent);
    border-radius: 10px;
}

.deposit_header, .withdraw_header, .promotion_header {
    background: var(--skin__primary);
    border-radius: 4px;
}
.badge_top_right {
    margin-left: 2.17rem;
    max-width: .85rem;
    position: absolute!important;
    transform-origin: 100%;
    top: 3%;
}
img.icon_badge {
    position: relative;
    animation: badgeShake 2s linear infinite;
    filter: drop-shadow(1px 2px 4px orange);
}
@keyframes badgeShake {
  0%   { transform: rotate(0deg); }
  10%  { transform: rotate(-8deg); }
  20%  { transform: rotate(8deg); }
  30%  { transform: rotate(-8deg); }
  40%  { transform: rotate(8deg); }
  50%  { transform: rotate(-10deg); }
  60%  { transform: rotate(10deg); }
  70%  { transform: rotate(-5deg); }
  80%  { transform: rotate(5deg); }
  90%  { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}
.left_profile_header>div {
    padding: .12rem;
}
img.profile_img {
    filter: brightness(5);
    opacity: .3;
    width: 100%;
    height: auto;
}
.profile_menu_icon {
    color: var(--skin__primary);
}
li.profile_menu_item {
    scrollbar-width: none !important;
    -webkit-scrollbar-width: none!important;
    color: var(--skin__alt_neutral_1);
    background: linear-gradient(45deg, var(--skin__bs_topnav_bg), #252525, var(--skin__bs_topnav_bg));
    border-radius: .4rem;
    width: 100%;
    height: 3rem;
    border: .01rem solid #50505073;
}
span.profile_menu_text {
    color: var(--skin__lead);
}
.badge {
    display: inline-block;
    box-sizing: border-box;
    min-width: 2.65rem;
    width: 100%;
    padding: 0 .25rem;
    color: #fff;
    height: 1.25rem;
    text-align: center;
    font-size: .65rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25rem;
    letter-spacing: normal;
    overflow: visible;
    vertical-align: middle;
    position: relative;
}
.badge_bg {
    background: var(--skin__accent_2);
}

.badge_text {
    letter-spacing: .5px;
    position: relative;
    padding-inline: 5px;
    border-radius: .425rem .425rem .425rem 0;
}
.profile_menu_icon {
    width: 2rem;
    height: 100%;
}

.edit_name {
    display: grid;
    grid-template-columns: 75% 20%;
    gap: 5%;
    align-items: center;
}

.deposit_logs_selector.active, .withdraw_logs_selector.active {
    background: linear-gradient(360deg, var(--skin__btmnav_active), var(--skin__primary));
    padding: 10px 5px;
    text-align: center;
    align-items: center;
    display: flex;
    border-radius: 10px;
    border-top: .025rem solid #ffd439;
    border-bottom: .015rem solid #453705;
}

.deposit_logs_selector.active>span, .withdraw_logs_selector.active>span {
    color: #000!important;
}

.deposit_logs_selector, .withdraw_logs_selector {
    background: linear-gradient(360deg, #252525, #1e1e1e);
    padding: 10px 5px;
    text-align: center;
    align-items: center;
    display: flex;
    border-radius: 10px;
    border-top: .025rem solid #777;
    border-bottom: .015rem solid #2d2d2d;
}

.deposit_logs_selector>span, .withdraw_logs_selector>span {
    font-weight: 600;
    margin: 0 auto;
    display: flex;
    color: #fff;
}
.withdraw_form input {
    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
    color: #FBF5B7;
}