div.interface.text-2>img#logo.logo {
    display: none !important;
}

div#left-interface.left-interface>div#lobby-news.lobby-news>div.news-card {
    background: transparent !important;
}

/* SEARCHING GAME */
.searching-game>* {
    /* background: linear-gradient(90.02deg,transparent .02%,rgba(34,33,69,.85) 25.53%,#1f1d58 71.86%,transparent 99.98%) !important; */
    background: linear-gradient(90.02deg, transparent .02%, #000000b9 25.53%, #0000005d 71.86%, transparent 99.98%) !important;
}


/*  Ad Removal */
.ad-bottom,
.ad-left {
    display: none !important;
    visibility: hidden !important;
}

.className {
    display: none !important;
}

/* Left icons */
.left-icons {
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    top: 20rem !important;
    height: 500px !important;
    width: 130px !important;
    align-items: center !important;
    backdrop-filter: blur(10px); /* Apply blur effect */
    left: 1rem !important
}
.left-icons .icon-btn svg {
    display: none;
}
.heads {
    display: none !important
}

/* Profile */
.interface .left-interface {
    display: flex;
    background-image: url(https://i.imgur.com/wVEK9ik.png) !important;
    background-size: contain !important;
    image-rendering: auto !important;
    flex-direction: column !important;
    left: 3rem !important;
    top: 1rem !important;
    width: 195px !important;
    height: 110px !important;
    align-items: center !important;
}

.interface .left-interface:hover {
    opacity: 1 !important;
}

.level-cont[data-v-8f95a3ee] {
    color: #ffffff !important;
}

.levels[data-v-2d41c8ac] {
    display: none;
}

.progress-label {
    display: none !important;
}


/*Avatar picture*/
.avatar-info>.avatar {
display: none !important;
}
.user-info {
    display: none !important;
}
.username {
    display: none !important;
}
.moneys {
    position: flex !important;
    margin-top: 30px !important;
    width: 250px !important;
    margin-left: 1px !important;
    backdrop-filter: blur(10px) !important; /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
}

/* Progress Lines */
.progress[data-v-60bcfa0a] {
    background-image: linear-gradient(90deg, #f87910bd 60%, #ff7b00bb) !important;
}

.progress2 {
    background-color: transparent !important;
}

/* HUD */
.mini-map-cont,
.desktop-game-interface .info-key-cont,
.mWwn,
.instruction,
.quantity
/* .list-weapons */ {
    display: none !important;
}

/*Quests*/
.quests {
    background-color: transparent !important;
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    border: none !important;
    position: relative !important;
    right: 1rem !important;
}


.quest {
    background-color: transparent !important;
    backdrop-filter: blur(10px); /* Apply blur effect */
    border: none !important;
}
.quests[data-v-25f5ee0e] {
    position: sticky !important
}

/* dark text */
/* lightdark bg */
#gui .footer,
.christmas .box.active,
.button:hover,
.bg-progress,
.bg-level,
.select-mod,
.rewards,
.mini-card .price,
.store-skins .weapon,
.container-card .button,
.left-interface .progress-line,
.progress-line.is-secondary,
.button {
    background: transparent !important;
    --hover-color: rgba(0, 0, 0, 0.514) !important;
}

/* dark bg */
#gui,
.info-key-cont,
#continue,
.inventory .left,
.inventory .avatar,
.gun,
.select-regions-cont,
.container-card .wrapper,
.changelog-item,
.info-icon,
.container,
.rewards,
.reward,
.right-interface .settings,
.left-interface .avatar-info,
.left-interface .user-info,
.left-interface .money,
.card,
.count,
.time-left,
.clans,
.clans .items,
.items,
.item,
.item-content,
.my-clan .list-container .list .item .item-content,
.card,
.info-awards,
.top-items,
.bottom-items,
.list>.server,
.message.trade,
.champions-list,
.list-container,
.servers,
.joinUsingURL.text-2,
.openItems,
.container-card,
.btn-invite,
.btn-report,
.add,
div.chat-cont {
    background: rgba(255, 0, 0, 0) !important;
    border: none !important;
}

/* transparent dark */
.container,
.container-card,
.scrollCancel {
    background-image: linear-gradient(45deg, #020204c5 30%, #0202046e) !important;
    border-top: none !important;
}
.message.trade {
    background-color: #dbc8a5 !important;
}

.bg-gradient[data-v-617be78b],
.gun-img[data-v-617be78b],
.cup[data-v-617be78b],
.chests[data-v-617be78b] {
    display: none !important;
}

/* alt */
.message .friend {
    color: var(--alt) !important;
}

/* remove */
.spectator .list-controls,
#cmpPersistentLink,
.weapons-cont .mWwn,
.end-modal .bottom,
.input-wrapper .info-key-cont,
button>.triangle,
button>.borders,
button::before,
button::after,
.chat .info,
/* .weapons-cont .list-weapons, */
.rules {
    display: none !important;
}

/* transparent bg */
.container-card .name,
.mWwn,
.description,
.input,
.messages,
.vm--overlay,
.box,
.input,
.settings,
.tip,
.amount,
.reward,
.progress-line,
.card-cont,
.background,
.container button .border-top,
.container button .border-bottom,
.messages.messages-cont.small,
.title,
.card-list,
.head,
.death-cont .user-card,
.death-cont,
.esc-interface,
.container-pre-end div,
.bg.text-1.kd,
.alert-default,
.kill-bar-cont .kill-bar-item,
.WwwnM.bg.text-1,
.spectator>div,
.searching-game .top,
.searching-game .bottom,
.loading-scene .player .level,
.loading-scene .player,
.background,
.left-container .player,
.esc-interface .right-container,
.right-interface,
.tab,
.tabs,
.left-icons,
.tab-header,
.tab-info,
.tab-info .player,
.tab-header,
.left-icons .icon-btn,
.profile,
.list-cont,
.subjects,
.kill-bar-item,
.timer.bg.text-1,
.kill.bg.text-1,
.kill.bg.text-1 + div,
.WwNWnmw.bg.text-1,
.changelog-item,
.card,
.live-streams,
.cont,
.clans,
.hub-container,
.mobile-fullscreen,
.add-friends,
.tab-bar,
.top-items,
.subject,
.inventory .avatar,
.player-right,
.ach-cont,
.inventory .bottom,
.border-top.border,
.border-bottom.border,
.background,
.head-text,
.reset-time,
.info-awards,
.news,
.list-cont,
.card-profile,
.profile .k-d,
.profile .statistics,
.level-value,
.levels,
.level,
.player-cont,
.level-cont,
.allo .friend,
.allo .friend .delete,
.hp-title.text-1,
.cont-hp,
.cont-endurance {
    background: transparent !important;
    border: none !important;
}

.allo .friend .level-label {
    display: none;
}

.content>.inventory>.left>.bottom>.gun {
    width: 100%;
    background: var(--dark);
    margin: 0;
    max-height: 105px;
}

/* margin reset */
.chat .input,
.top-bar,
.allo .friend:first-child {
    margin: 0 !important;
}

/* Chat */
.author-name {
    color: rgb(165, 165, 165) !important;
}

span.author-name.is-friend {
    color: #c22a25 !important;
}

.select-region,
.select-mod,
.card-cont,
.avatar-info,
.user-info,
.money,
.icon-btn,
button {
    border: none !important;
}

button {
    transform: none !important;
}

.input {
    border: 0.15rem solid var(--secondary-5) !important
}

.select-regions-cont {
    bottom: 95% !important;
}

.select-region,
.card-cont:nth-child(2) {
    background: var(--secondary-5) !important;
}

.card-cont:nth-child(2):hover {
    background: var(--secondary-2) !important;
}

.christmas .box.active {
    outline: 0.2rem solid var(--main) !important;
}

.christmas .box:hover {
    outline: 0.2rem solid white !important;
}

.custom-checkbox>span:before {
    border-color: var(--main) !important;
    background: var(--dark) !important;
}

.custom-checkbox.checkbox-size>[data-v-730c0c40]:before {
    background-color: #292828 !important;
    border: none;
}

.custom-checkbox>input:checked+span[data-v-730c0c40]:before {
    background-color: var(--main) !important;
    border: none;
}

.spectator .infos {
    bottom: 4rem !important;
    font-size: 1.25rem !important;
}

.container-card .border {
    display: none;
}

.soc-group:nth-child(1),
.soc-group:nth-child(2) {
    visibility: hidden;
}

#play-btn {
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    width: 340px !important;
    height: 90px !important;
}
.top-bar {
    background: transparent !important;
    border: none !important
}
#create-btn{
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    width: 160px !important
}
#join-btn{
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    width: 160px !important
}
#ready-btn{
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    width: 160px !important
}
#leave-btn{
    backdrop-filter: blur(10px); /* Apply blur effect */
    box-shadow: inset 2px 2px 5px #000000, inset -2px -2px 5px #2a2a2a !important;
    width: 160px !important
}

.close,
.home,
.name-page {
    background: transparent !important;
    border: none !important
}

.select-mods-cont hr,
.info-icon,
.container button .border-top,
.container button .border-bottom {
    display: unset !important;
}

/* Fonts */
@font-face {
    font-family: gamefont;
    src: url("https://raw.githubusercontent.com/South-Paw/typeface-vag-rounded/master/files/vag-rounded-400.woff2");

}

body {
    --WwmwNWM-1: unset !important;
    --black: unset !important;
}

* {
    font-family: gamefont !important;
    text-shadow: 1px 1px 2px #000000 !important;
    /* Add shadow dimensions */
}
.hp-title {
    content: url(https://i.imgur.com/wVEK9ik.png) !important;
    background-size: cover !important;
    width: 100px !important ; /* Smaller size */
    height: auto !important;
    image-rendering: optimizeQuality !important;
}
.hp-progress {
    background-image: linear-gradient(35deg,#000000 30%, #000000c7 70%) !important;
    box-shadow: inset 2px 2px 5px #ff5900, inset -2px -2px 5px #ff5900 !important;

}
.cont-endurance {
    background: #0000003d !important;
}
.endurance-progress {
    background-image: linear-gradient(35deg,#ff5900 30%, #000000 70%) !important;
    filter: drop-shadow(0 0 8px rgba(255, 89, 0, 0.932)) !important;
}
.cont-hp {
    background: #0000003d !important;
}

.map-button.active,
.mod-button.active {
    border: .25rem solid var(--main) !important;
}

.mini-map-cont {
    top: 0.5rem !important;
    left: unset !important;
    right: 0.5rem !important;
    display: flex !important;
    gap: 0.25rem;
}

.mini-map-cont div {
    position: unset !important;
    display: flex !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.mini-map-cont .mod:before {
    content: "("
}

.mini-map-cont .mod:after {
    content: ")"
}

/* background */
.pattern-bg,
.bg-radial {
    display: none;
}

@-webkit-keyframes animate {
    to {
        transform: translateY(30%);
    }
}

.interface .background {
    background: url(https://i.imgur.com/JfYtywl.jpeg) no-repeat !important;
    background-size: cover !important;
}

.end-modal {
    background: url(https://i.imgur.com/JfYtywl.jpeg) no-repeat !important;
    background-size: cover !important;
}


.mini-map-cont,
.desktop-game-interface .info-key-cont,
/* .list-weapons, */
.mWwn,
.instruction {
    display: none !important;
}
/* checkbox */
.custom-checkbox > input:checked + span:before {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='hsl(42, 85%, 100%)' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important;
    border-color: white !important;
}
.selected[data-v-02a6df71] {
    content: url(https://i.imgur.com/FHabz3Q.png) !important;
    transform:scale(1.9) !important
}

.red,
.red-team {
    background: #d44848be !important;
    box-shadow: none !important;
    backdrop-filter: none;
}

.blue,
.blue-team {
    background: #38b6b6c0 !important;
    box-shadow: none !important;
    backdrop-filter: none;
}

.weapons .mWwn,
.interface .logo {
    content: var(--logo) !important;
    width: 5rem;
    height: auto !important;
}

.button.rectangle.item-btn.LEGENDARY {
    background: #eca500 !important;
}

.button.rectangle.item-btn.COMMON {
    background: #65d58b !important;
}

.button.rectangle.item-btn.RARE {
    background: #44b6e3 !important;

}

.button.rectangle.item-btn.EPIC {
    background: #a22dff !important;
}

.button.rectangle.item-btn.MYTHICAL {
    background: #d70000 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #ff6600 !important;
}

/* In Game Leaderboard */
.tab-info,
.tab-team-info {
    transform-origin: top right !important;
    transform: scale(0.9) !important;
    background: transparent !important;
    display: flex !important;
    box-shadow: unset !important;
    border-radius: 0.5rem !important;
    max-width: 30rem !important;
    top: 0 !important;
    right: 0 !important;
    position: fixed;
    margin: 0.5rem !important;
    padding: 0.15rem !important;
}

.tab-team-info .players-cont {
    flex-direction: column !important;
}

.tab-info .player-list,
.tab-team-info .player-list {
    margin: unset !important;
    gap: 0.25rem;
}

.tab-info>.head,
.tab-team-info>.head {
    display: none;
}

.tab-team-info .player-list:nth-child(1)::before {
    content: "RED";
    width: 100%;
    text-align: left;
    padding: 0.25rem 0.5rem;
    font-size: 1.25rem;
    background-color: #d44848be;
    border-radius: 0.25rem;
    box-sizing: border-box;
}

.tab-team-info .player-list:nth-child(2)::before {
    content: "BLUE";
    width: 100%;
    text-align: left;
    padding: 0.25rem 0.5rem;
    font-size: 1.25rem;
    background-color: #38b6b6c0;
    border-radius: 0.25rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
}

.tab-info .list,
.tab-team-info .player-list>.list {
    order: 999;
}

.tab-info .players-wrap,
.tab-team-info .players-wrap {
    padding: 0.25rem;
}

.tab-info .player-cont,
.tab-team-info .player-cont {
    margin: unset;
}

.kill-bar-cont {
    right: 31.5rem !important;
    top: 0.5rem !important;
    transform-origin: top right !important;
    transform: scale(0.9) !important;
}

.desktop-game-interface .players-wrap .player-cont {
    transition: width 0.5s, margin 0.5s, opacity 0.5s;
    margin-left: 0 !important;
    opacity: 1;
}

.desktop-game-interface .players-wrap .player-cont.dead {
    width: 80% !important;
    margin-left: 20% !important;
    opacity: 0.3 !important;
}

#state-cont {
    position: fixed;
    left: 50vw;
    bottom: 1em;
    transform: translateX(-50%);
}

.animate-cont > svg {
    display: none;
}
.tooltip {
    background: #2a2a2a !important;
    border-color: white !important;
}
.alert-default {
    background: #2a2a2a !important;
    border-color: white !important;
}
.animate-cont > .text {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin: unset !important;
    margin-left: 15rem !important;
}

.animate-cont > .text > span > span {
    color: white !important;
}

.ach-cont {
    top: 0 !important;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ach-cont > .animate-cont {
    transform: none !important;
    width: auto;
    height: auto;
}
.chat-position {
    bottom: 1rem !important;
    left: 1rem !important;
    transform-origin: bottom left !important;
    transform: scale(0.9) !important;
}
.esc-interface {
    background-color: #00000086 !important;
}
.left-icons {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
}

.left-icons:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.left-icons:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}
.state-weapon-active.text-1 {
    position: fixed;
    left: -35.31vw;
    bottom: 5rem;
    transform: none;
    font-size: 8px;
}

.list-weapons > .weapon-cont > .weapon-name {
    display: none;
}

.list-weapons > .weapon-cont > .bottom:not(.is-selected) {
    display: none;
}

.list-weapons > .weapon-cont > .bottom > img {
    position: fixed;
    right: 38.31vw;
    top: 24rem;
    transform: none;
    font-size: 8px;
}

/*Right interface invisible*/

.right-interface {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
    
    
}


.right-interface:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.right-interface:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}
/*play content invisible*/
.play-content {
    opacity: 0 !important;
    transition: all 0.5s ease-in-out;
    
}


.play-content:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}

.play-content:hover {
    opacity: 1 !important;
    transition: all 0.5s ease-in-out;
}