/*

This file was generated using krunker-css v1.0 (https://css.szv.moe/), a project by szv (szv#0001), cxii (cxii#0001), maple (maple#9999) and other contributors.
Join the Discord server (https://discord.gg/xnFxRgJ).

The following sequence of characters is used when importing this file using krunker-css. Do not remove it, otherwise this file will be unreadable.

 

*/

:root {
	--menu-background-color: rgba(255, 0, 0, 0);
	--menu-hover-background-color: rgba(5, 253, 217, 0.96);
	--home-menu-text-color: rgb(236, 236, 236);
	--topbar-background-color: rgba(0, 0, 0, 0);
	--topbar-text-color: rgb(2, 245, 255);
	--topbar-light-text-color: rgb(8, 224, 255);
	--topbar-level-background-color: rgba(252, 55, 55, 0);
	--top-bar-roundness: 32px;
	--menu-fps-color: rgb(5, 255, 224);
	--menu-ping-color: rgb(0, 255, 244);
	--topbar-counters-text-color: rgba(255, 255, 255, 0.75);
	--home-progress-bar: rgb(33, 220, 243);
	--home-progress-bar-background: rgba(0, 0, 0, 0);
	--mapinfo-color: rgb(0, 255, 244);
	--mapinfo-display: block;
	--terms-color: rgba(255, 255, 255, 0.6);
	--advertise-color: rgb(255, 255, 255);
	--legal-links-display: block;
	--menu-player-name-color: rgb(255, 255, 255);
	--home-premium-color: rgb(251, 192, 45);
	--home-verified-color: rgb(64, 196, 255);
	--instructions-color: rgba(2, 255, 224, 0.8);
	--show-logo: none;
	--logo-size: 225.00000000000003px;
	--show-menu-profile-pic: none;
	--level-icon-display: none;
	--buy-kr-button-display: block;
	--social-buttons-display: block;
	--active-streams-display: block;
	--free-kr-display: none;
	--merch-button-display: none;
	--menu-background: rgba(0, 255, 244, 0.89);
	--menu-shadow: rgb(255, 242, 242);
	--menu-roundness: 32px;
	--menu-text-color: rgb(228, 5, 241);
	--menu-light-text-color: rgb(255, 255, 255);
	--slider-background: rgb(168, 168, 168);
	--slider-thumb-color: rgb(33, 150, 243);
	--switch-thumb: rgb(255, 255, 255);
	--input-text: rgb(255, 255, 255);
	--input-field: rgb(238, 238, 238);
	--input-field-placeholder: rgb(238, 238, 238);
	--input-field-text: rgb(53, 53, 53);
	--scrollbar: rgb(134, 134, 134);
	--scrollbar-track: rgb(240, 240, 240);
	--link: rgb(0, 0, 0);
	--ranked-ready: rgb(33, 150, 243);
	--ranked-ready-shadow: rgb(27, 118, 191);
	--ranked-unready: rgb(255, 71, 71);
	--ranked-unready-shadow: rgb(153, 43, 43);
	--ranked-ready-border-color: rgb(50, 205, 50);
	--ranked-unready-border-color: rgba(0, 0, 0, 0.2);
	--ranked-text: rgb(255, 255, 255);
	--presets-display: inline-block;
	--input: rgb(33, 150, 243);
	--profile-tabs-background-color: rgba(0, 0, 0, 0.12);
	--profile-tabs-selected-highlight-color: rgba(0, 0, 0, 0.7);
	--profile-tabs-selected-hover-color: rgba(0, 0, 0, 0.2);
	--progress-bar-filled: rgb(33, 150, 243);
	--progress-bar-unfilled: rgb(36, 36, 36);
	--progress-bar-text: rgb(255, 255, 255);
	--timer-icon-display: inline-block;
	--health-icon-display: inline-block;
	--ammo-icon-display: inline-block;
	--hud-background-color: rgba(0, 0, 0, 0.2);
	--hud-text-color: rgba(255, 255, 255, 0.7);
	--hud-bold-text-color: rgb(255, 255, 255);
	--hud-roundness: 10px;
	--leaderboard-me-color: rgb(255, 255, 255);
	--leaderboard-team-color: rgba(255, 255, 255, 0.6);
	--leaderboard-enemy-color: rgb(235, 86, 86);
	--leaderboard-clan-color: rgb(255, 255, 255);
	--leaderboard-verified-clan-color: rgb(251, 192, 45);
	--premium-color: rgb(251, 192, 45);
	--verified-color: rgb(64, 196, 255);
	--enemy-score-color: rgb(235, 86, 86);
	--team-score-color: rgb(255, 255, 255);
	--fps-color: rgb(158, 235, 86);
	--ping-color: rgb(158, 235, 86);
	--votekick-keys-color: rgb(251, 192, 45);
	--health-bar-roundness: 5px;
	--main-button-color: rgb(0, 0, 0);
	--main-button-shadow-color: rgb(36, 148, 173);
	--main-button-hover-color: rgb(255, 255, 255);
	--main-button-hover-shadow-color: rgb(0, 214, 245);
	--main-button-text-color: rgb(12, 252, 222);
	--main-button-corner-roundness: 32px;
	--secondary-button: rgb(0, 0, 0);
	--secondary-button-hover: rgb(255, 255, 255);
	--secondary-button-text: rgb(0, 244, 255);
	--secondary-button-roundness: 32px;
	--chat-background-color: rgba(12, 205, 255, 0.3);
	--chat-input-background-color: rgba(0, 244, 255, 0.4);
	--chat-text-color: rgba(243, 247, 246, 0.7);
	--chat-bold-text-color: rgb(255, 255, 255);
	--chat-you-color: rgb(0, 244, 255);
	--chat-team-color: rgb(158, 235, 86);
	--chat-enemy-color: rgb(235, 86, 86);
	--chat-leave-text-color: rgb(252, 3, 236);
	--chat-mic-display: none;
	--chat-roundness: 32px;
	--chat-input-roundness: 32px;
	--chat-animate: 0.2s ease-in-out;
	--class-name-color: rgb(255, 255, 255);
	--class-weapon-color: rgba(255, 255, 255, 0.7);
	--class-hp-value-color: rgb(255, 255, 255);
	--class-hp-unit-color: rgb(134, 132, 132);
	--class-level-color: rgb(255, 255, 255);
	--class-progress-bar-color: rgb(33, 150, 243);
	--class-progress-bar-background-color: rgb(36, 36, 36);
}

* {
    color: var(--menu-text-color);
}

.progressBarInner {
	background: var(--home-progress-bar) !important;
}

.imageButton {
	display: var(--social-buttons-display) !important;
}

.headerBarRight .verticalSeparator {
	display: var(--social-buttons-display) !important;
}

#streamContainer {
	display: var(--active-streams-display) !important;
}

#claimHolder {
	display: var(--free-kr-display) !important;
}

#merchHolder {
	display: var(--merch-button-display) !important;
}

#mapInfo + div {
	display: var(--legal-links-display) !important;
}

.button {
	background-color: var(--main-button-color) !important;
	box-shadow: inset 0 -7px 0 0 var(--main-button-shadow-color) !important;
	color: var(--main-button-text-color) !important;
	border-radius: var(--main-button-corner-roundness) !important;
}

.button:hover {
	background-color: var(--main-button-hover-color) !important;
	box-shadow: inset 0 -7px 0 0 var(--main-button-hover-shadow-color) !important;
}

.accountButton {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.accountButton:hover {
	background-color: var(--secondary-button-hover) !important;
}

.mapLoadButton {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.mapLoadButton:hover {
	background-color: var(--secondary-button-hover) !important;
}

.updDisN {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.updDisN:hover {
	background-color: var(--secondary-button-hover) !important;
	transform: none;
}

.subPassChg {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.subPassChg:hover {
	background-color: var(--secondary-button-hover) !important;
	transform: none;
}

.creatorCodeBtn {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text);
	border-radius: var(--secondary-button-roundness) !important;
}

.creatorCodeBtn:hover {
	background-color: var(--secondary-button-hover) !important;
	filter: none !important;
}

.redVouchBtn {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.creatorCodeBtn:hover {
	background-color: var(--secondary-button-hover) !important;
}

.hostToggle {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.hostToggle:hover {
	background-color: var(--secondary-button-hover) !important;
}

.hostPresetBtn {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.hostPresetBtn:hover {
	color: var(--secondary-button-text) !important;
	background-color: var(--secondary-button-hover) !important;
}

.quickJoin {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.quickJoin:hover {
	background-color: var(--secondary-button-hover) !important;
}

.searchBtn {
	background-color: var(--secondary-button) !important;
	color: var(--secondary-button-text) !important;
	border-radius: var(--secondary-button-roundness) !important;
}

.searchBtn:hover {
	background-color: var(--secondary-button-hover) !important;
	transform: none !important;
	filter: none !important;
}

.joinQueue {
	color: var(--ranked-text) !important;
	background-color: var(--ranked-ready) !important;
	box-shadow: inset 0 -10px 0 0 var(--ranked-ready-shadow) !important;
}

.joinQueue:hover {
	box-shadow: inset 0 -7px 0 0 var(--ranked-ready-shadow) !important;
}

.jQR {
	background-color: var(--ranked-unready) !important;
	box-shadow: inset 0 -10px 0 0 var(--ranked-unready-shadow) !important;
}

.jQR:hover {
	box-shadow: inset 0 -7px 0 0 var(--ranked-unready-shadow) !important;
}

.krSocial {
	display: var(--buy-kr-button-display) !important;
}

#menuLevelIcon {
	display: var(--level-icon-display) !important;
}

.sliderVal {
	color: var(--input-text) !important;
	background: var(--input) !important;
}

.sliderM {
	background-color: var(--slider-background) !important;
}

.sliderM::-webkit-slider-thumb {
	background-color: var(--input) !important;
}

input:checked+.slider {
	background-color: var(--input) !important;
}

.slider:before {
	background-color: var(--switch-thumb) !important;
}

input:checked+.optCheck {
	background-color: var(--input) !important;
}

.xpBar {
	background-color: var(--progress-bar-unfilled) !important;
}

.xpBarB {
	background-color: var(--progress-bar-filled) !important;
}

.xpBarV {
	color: var(--progress-bar-text) !important;
}

.inputGrey2 {
	background: var(--input-field) !important;
	color: var(--input-field-text) !important;
}

.inputGrey2::placeholder {
	color: var(--input-field-placeholder) !important;
}

.formInput {
	background: var(--input-field) !important;
}

.formInput::placeholder {
	color: var(--input-field-placeholder) !important;
}

#passCode {
	background: var(--input-field) !important;
}

#passCode::placeholder {
	color: var(--input-field-placeholder) !important;
}

#presetSelect {
	background: var(--input-field) !important;
}

#presetSelect::placeholder {
	color: var(--input-field-placeholder) !important;
}

#customSnameTeam1 {
	background: var(--input-field) !important;
}

#customSnameTeam1::placeholder {
	color: var(--input-field-placeholder) !important;
}

#customSnameTeam2 {
	background: var(--input-field) !important;
}

#customSnameTeam2::placeholder {
	color: var(--input-field-placeholder) !important;
}

.sliderM::-webkit-slider-thumb {
	background-color: var(--slider-thumb-color) !important;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	background-color: var(--scrollbar-track) !important;
}

::-webkit-scrollbar-thumb {
	background: var(--scrollbar) !important;
}

#menuWindow {
	background-color: var(--menu-background) !important;
	box-shadow: 0 9px 0 0 var(--menu-shadow) !important;
	border-radius: var(--menu-roundness) !important;
}

.serverHeader {
	background-color: var(--menu-background) !important;
	border-radius: var(--menu-roundness) !important;
}

.settingsHeader {
	background-color: var(--menu-background) !important;
	border-radius: var(--menu-roundness) !important;
}

.settingPreset {
	display: var(--presets-display) !important;
}

#timerIcon {
	display: var(--timer-icon-display) !important;
}

#challIcon {
	display: var(--health-icon-display) !important;
}

#ammoIcon {
	display: var(--ammo-icon-display) !important;
}

a {
	color: var(--link);
}

a:visited {
	color: var(--link);
}

a:active {
	color: var(--link);
}

.chatItem {
	color: var(--chat-bold-text-color) !important;
	background-color: var(--chat-background-color) !important;
	border-radius: var(--chat-roundness);
}

.chatMsg {
	color: var(--chat-text-color) !important;
}

#voiceDisplay {
	display: var(--chat-mic-display) !important;
}

#chatInput {
	color: var(--chat-text-color) !important;
	border-radius: var(--chat-input-roundness);
}

.chatMsg[style*='color: #fc03ec'] {
	color: var(--chat-leave-text-color) !important;
}

.leaderName, .newLeaderName, .newLeaderNameF, .endTableN[style*='color: #eb5656;'] {
	color: var(--leaderboard-enemy-color) !important;
}

.leaderName span, .newLeaderName span, .leaderNameM span, .newLeaderNameM span, .leaderNameF span, .newLeaderNameF span {
	color: var(--leaderboard-clan-color) !important;
}

.leaderName span[style*='color:#FBC02D'], .newLeaderName span[style*='color:#FBC02D'], .leaderNameM span[style*='color:#FBC02D'], .newLeaderNameM span[style*='color:#FBC02D'], .newLeaderNameF span[style*='color:#FBC02D'] {
	color: var(--leaderboard-verified-clan-color) !important;
}

.leaderNameM, .newLeaderNameM, .endTableN[style*='color: #fff;'] {
	color: var(--leaderboard-me-color) !important;
}

.leaderNameF, .newLeaderNameF, .endTableN[style*='color: rgba(255,255,255,0.6);'] {
	color: var(--leaderboard-team-color) !important;
}

.countIcon, #leaderDisplay, #ammoDisplay, #timerDisplay, #teamScores, #voteToKick, #hudClassIcon, #healthValueHolder {
	background-color: var(--hud-background-color) !important;
	border-radius: var(--hud-roundness);
}

#ammoVal, #curGameInfo, #timerVal, #healthValue, #reloadMsg {
	color: var(--hud-bold-text-color) !important;
}

#killsVal, #deathsVal, #streakVal, #myScoreVal, #ammoMax, .weapKey, #pingDisplay, #fpsDisplay, #ingressDisplay, #egressDisplay, #pingText, #ingressPacketCount, #ingressDataSize, #egressPacketCount, #egressDataSize, #curGameInfo div, .tScoreT, #voteKickNum, #voteKickName, #voteKickKeys, #maxHP {
	color: var(--hud-text-color) !important;
}

#ingameFPS {
	color: var(--fps-color) !important;
}

#voteKickKeys span {
	color: var(--votekick-keys-color) !important;
}

.partyAvatar {
	border-color: var(--ranked-unready-border-color);
}

.partyAvatar.ready {
	border-color: var(--ranked-ready-border-color);
}

#chatInput {
	background-color: var(--chat-input-background-color) !important;
}

.chatMsg span[style*='color:#eb5656'] {
	color: var(--chat-enemy-color) !important;
}
.chatMsg span[style*='color: #9eeb56'] {
	color: var(--chat-team-color) !important;
}

.chatMsg span[style*='color:#fff'] {
	color: var(--chat-you-color) !important;
}

.menuItem {
	background: var(--menu-background-color) !important;
}

.headerBar {
	background-color: var(--topbar-background-color) !important;
}

#instructions {
	color: var(--instructions-color) !important;
}

.progressBar {
	background-color: var(--home-progress-bar-background) !important;
}

.menuItem:hover {
	background: var(--menu-hover-background-color) !important;
}

.menuItem .menuItemTitle {
	color: var(--home-menu-text-color) !important;
}

#menuFPS {
	color: var(--menu-fps-color) !important;
}

#mapInfo {
	color: var(--mapinfo-color) !important;
	display: var(--mapinfo-display) !important;
}

.terms {
	color: var(--terms-color) !important;
}

.standout {
	color: var(--advertise-color) !important;
}

#menuPingIcon {
	color: var(--menu-ping-color) !important;
}

#pingIcon {
	color: var(--ping-color) !important;
}

.tScoreC {
    background-color: var(--enemy-score-color) !important;
}

.tScoreC.you {
    background-color: var(--team-score-color) !important;
}

#menuMiniProfilePic {
	display: var(--show-menu-profile-pic) !important;
}

#gameNameHolder {
	display: var(--show-logo) !important;
}

.classCard {
	color: var(--class-name-color) !important;
}

.classWeap {
	color: var(--class-weapon-color) !important;
}

.classHP {
	color: var(--class-hp-value-color) !important;
}

.classHP span {
	color: var(--class-hp-unit-color) !important;
}

.classLvl {
	color: var(--class-level-color) !important;
}

.clsXPBarC {
	background-color: var(--class-progress-bar-color) !important;
}

.classXPBar {
	background-color: var(--class-progress-bar-background-color) !important;
}

.rankedType, .rankedELOTxt {
	color: var(--ranked-text) !important;
}

.menuTabsNew {
    background-color: var(--profile-tabs-background-color);
}

.tabANew {
    box-shadow: inset 0 -5px var(--profile-tabs-selected-highlight-color);
}

.menuTabNew:hover {
    box-shadow: inset 0 -5px var(--profile-tabs-hover-highlight-color);
}

span[style*='color: rgba(0, 0, 0, 0.8)'], .menuTabNew {
	color: var(--menu-text-color) !important;
}

.settName, .settNameSmall, span[style*='color: rgba(0, 0, 0, 0.5)'], #accResp, #requiresRestart {
    color: var(--menu-light-text-color) !important;
}

.hpBSeg, .healthBarSeg {
	border-radius: var(--health-bar-roundness);
}

.headerBarRight {
    border-radius: 0 0 0 var(--top-bar-roundness);
}

.headerBarLeft {
	border-radius: 0 0 var(--top-bar-roundness) 0;
}

#uiBase.onMenu #chatHolder {
    transition: var(--chat-animate);
}

#mainLogo {
    height: var(--logo-size);
}

.menuClassPlayerName {
    color: var(--menu-player-name-color);
}

#leaderContainer i[style*="color:#FBC02D"] {
	color: var(--premium-color) !important;
}

#leaderContainer i[style*="color:#40C4FF"] {
	color: var(--verified-color) !important;
}

.menuClassPlayerPremium {
	color: var(--home-premium-color) !important;
}

.menuClassPlayerVerified {
	color: var(--home-verified-color) !important;
}

#menuPingText, #menuFPSDisplay {
	color: var(--topbar-counters-text-color);
}

.headerBar div {
    color: var(--topbar-text-color);
}

#menuKRCount {
    color: var(--topbar-light-text-color);
}

#mLevelCont {
    color: var(--topbar-text-color);;
    background-color: var(--topbar-level-background-color);
}

.settingsBtn {
	color: var(--input-text);
	background-color: var(--input);
}
@font-face {font-family: gamefont; src: url(https://fonts.gstatic.com/s/aldrich/v11/MCoTzAn-1s3IGyJMVacY37H6D_A.woff2);}
#ot-sdk-btn-floating.ot-floating-button button {
display: none!important;
}

#ot-sdk-btn-floating .ot-floating-button__front {
display: none!important;
}
.countIcon {
    color: rgb(255 255 255);
    display: inline-block;
    margin-bottom: 0px;
    background-color: rgb(228 19 19 / 0%);
    padding: 0px;
    font-size: 36px;
    padding-right: 16px;
    padding-left: 10px;
    border-radius: 0px;
    text-align: center;
    flex-direction: row
}

#killsVal:after {
    content: 'Kills';
    display: flex;
    flex-direction: column-reverse;
    font-size: 18px;
    text-align: center
}

#deathsVal:after {
    content: 'Deaths';
    display: flex;
    flex-direction: column-reverse;
    font-size: 18px;
    text-align: center
}

#streakVal:after {
    content: 'Streak';
    display: flex;
    flex-direction: column-reverse;
    font-size: 18px;
    text-align: center
}

#killsVal,#deathsVal,#streakVal,#myScoreVal {
    color: white;
}

#killsIcon,#deathsIcon,#streakIcon {
    display: none
}
#healthValueHolder {
    display: inline-block;
    background-color: rgb(0 0 0 / 0%);
    position: fixed;
    bottom: 1%;
}

#healthValue {
    color: #fff;
    font-size: 45px;
    will-change: transform;
    display: inline-block
}
#healthBar {
    display: none;
}
#hudClassIcon {
    width: 103px;
    height: 103px;
    border-radius: 10px;
    margin-right: 5px;
    display: none;
    background-color: rgba(0,0,0,.4)
}
#ammoIcon {
    width: 48px;
    height:48px;
    filter: brightness(10) sepia(1) saturate(0%) opacity(100%) hue-rotate(90deg);
}
#ammoVal {
    font-size: 45px;
    margin-left: 12px;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}
#ammoDisplay {
    background-color: transparent;
}
#ammoMax {
    display: none;
}
#maxHP {
    display: none;
}
#challIcon {
    width: 48px;
    height:48px;
    filter: brightness(10) sepia(1) saturate(0%) opacity(100%) hue-rotate(90deg);
}
#ot-sdk-btn-floating.ot-floating-button {
    display: none;
}
}
#menuItemContainer {
    display: flex !important;
    flex-direction: row !important;
    height: 114.895px !important;
    left: 0 !important;
    position: absolute !important;
    top: auto;
    width: 100% !important
}
#pingText {
    font-size: 18px;
    letter-spacing: 1px;
    text-shadow: 2px 2px black;
    color: #b8b8b8;
}

#ingameFPS {
    letter-spacing: 1px;
    text-shadow: 2px 2px black;
    color: #ffffff !important;
    visibility: visible!important;
}

#pingDisplay .material-icons {
    display: none!important;
}

#fpsDisplay {
    visibility: hidden!important;
}
.skinList {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative;
}

.skinList .classCard {
  width: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-family: var(--mainFont);
  text-shadow: unset;
  height: 100px;
  -webkit-transition: color 280ms 200ms;
  transition: color 280ms 200ms;
}

.skinList .classCard .classWeap {
  font-family: var(--mainFont);
  text-shadow: unset;
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classImgC {
  position: absolute;
  margin-top: unset;
  width: 100px;
  margin: unset;
  right: 0;
  border-radius: 0;
  z-index: 12222 !important;
  -webkit-transition: -webkit-transform 500ms 200ms ease-in-out;
  transition: -webkit-transform 500ms 200ms ease-in-out;
  transition: transform 500ms 200ms ease-in-out;
  transition: transform 500ms 200ms ease-in-out, -webkit-transform 500ms 200ms ease-in-out;
}

.skinList .classCard .classXPBar {
  BOX-SHADOW: unset;
  position: absolute;
  top: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background-color: var(--primaryBg);
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classXPBar .clsXPBarC {
  background-color: var(--accentColor);
  margin: unset;
  height: 100%;
}

.skinList .classCard .classLvl {
  font-family: var(--mainFont);
  text-shadow: unset;
  position: absolute;
  top: unset;
  bottom: 10%;
  font-size: 20px;
  -webkit-transition: opacity 280ms 200ms ease;
  transition: opacity 280ms 200ms ease;
  width: 100%;
  text-align: left;
  left: 10px;
}

.skinList .classCard .classHP {
  font-family: var(--mainFont);
  text-shadow: unset;
  color: var(--c_white);
  position: absolute;
  top: unset;
  left: 13px;
  font-size: 20px;
  bottom: 30%;
  right: -25%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: opacity 280ms 200ms;
  transition: opacity 280ms 200ms;
}

.skinList .classCard .classHP span {
  font-family: var(--mainFont);
  text-shadow: unset;
  color: var(--accentColor);
}

.skinList .classCard:hover {
  color: transparent;
}

.skinList .classCard:hover .classWeap {
  opacity: 0%;
}

.skinList .classCard:hover .classImgC {
  -webkit-transform: translateX(-115px) scale(2) translateY(10px);
          transform: translateX(-115px) scale(2) translateY(10px);
}

.skinList .classCard:hover .classXPBar {
  opacity: 0%;
}

.skinList .classCard:hover .classLvl {
  opacity: 0%;
}

.skinList .classCard:hover .classHP {
  opacity: 0%;
}

#skinList {
  margin-top: 8px;
  margin-bottom: -4px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

#skinList .skinCard {
  text-align: unset;
  margin-bottom: unset;
  margin-left: unset;
  margin-right: unset;
  padding: unset;
  padding-top: unset;
  width: auto;
  vertical-align: unset;
  background-color: transparent;
  border-radius: 0px;
  display: block;
  font-size: 20px;
  position: relative;
  z-index: 1;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding-bottom: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: var(--mainFont);
  text-shadow: unset !important;
  height: 120px !important;
}

#skinList .skinCard .itemOwn {
  display: none;
}

#skinList .skinCard .itemSea {
  display: none;
}

#skinList .skinCard .skinImg {
  margin-top: unset;
  margin-bottom: unset;
  position: absolute;
  height: 100%;
  width: auto;
  right: 40px;
}

#skinList .skinCard .skinImgC {
  position: absolute;
  z-index: -122;
  left: 25%;
}

#skinList .skinCard .skinImgD {
  position: absolute;
  left: 65px;
  bottom: -20px;
}

#skinList .skinCard .skinRandom {
  display: none;
}

#skinList .skinCard .secImg {
  position: absolute;
  left: 60px;
  top: 10px;
  z-index: -1 !important;
  width: 80px;
  height: 80px;
}

#skinList .skinCard .selctInfoBtn {
  padding: unset;
  padding-bottom: unset;
  padding-top: unser;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--accentColor);
  font-family: var(--mainFont);
  font-size: 20px;
  background: var(--subBgST);
  padding-left: 12px;
  padding-right: 12px;
  -webkit-transition: color 280ms, background 280ms;
  transition: color 280ms, background 280ms;
}

#skinList .skinCard .selctInfoBtn:hover {
  color: var(--subBg);
  background: var(--accentColor);
}

#skinList .skinCard[style="color:#292929;border:5px solid#292929"] {
  -webkit-animation: contraCard 500ms infinite;
          animation: contraCard 500ms infinite;
}

#skinList .noBtnCard {
  height: 120px;
  width: auto;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  border-top: 0 !important;
  margin-left: unset;
  margin-right: unset;
  margin-bottom: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: var(--mainFont);
  text-shadow: unset !important;
  height: 120px !important;
}

#skinList .noBtnCard .sprayImg, #skinList .noBtnCard .noBtnImgC {
  position: absolute;
  left: 60px;
  top: 10px;
  z-index: -1 !important;
  width: 80px;
  height: 80px;
}


#skinList .noBtnCard .noBtnImgR {
  position: absolute;
  left: 95px;
  top: 40px;
  z-index: -1 !important;
  width: 30px;
  height: 30px;
}

#skinList .noBtnCard .customReticle {
  position: absolute;
  top: 40px;
  width: 182px;
}

#skinList .noBtnCard .itemOwn {
  display: none;
}

#skinList .noBtnCard .skinRandom {
  display: none;
}

#skinList .blackShad {
  text-shadow: unset;
}
#uiBase.onMenu #spectButton {
    position: fixed;
    left: 20px;
    top: 85px;
    transform: none;
    text-transform: var(--text-transform);
}

#spectButton :not(.switchsml) {
    color: #fff !important;
}
.menuClassPlayerClan::after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 29px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    content: "check_circle";
    color: #40C4FF;
    margin-top: -3px;
    vertical-align: middle;
    margin-right: 3px;
    margin-left: 3px;
}
/* Button */
.buttonB {
    background-image: url(https://cdn.discordapp.com/attachments/756335760335962194/776962580530331658/dims.png);
    box-shadow: inset 0px -7px 0px 0px #d769ff !important;
}
.buttonB:hover {
    background-color: #fff !important;
    box-shadow: inset 0px -7px 0px 0px #b3b3b3 !important;
}
.buttonPI {
    background-image: url(https://cdn.discordapp.com/attachments/756335760335962194/776962580530331658/dims.png);
    box-shadow: inset 0px -7px 0px 0px #d769ff !important;
}
.buttonPI:hover {
    background-color: #fff !important;
    box-shadow: inset 0px -7px 0px 0px #b3b3b3 !important;
}
.buttonR {
    background-image: url(https://cdn.discordapp.com/attachments/756335760335962194/776962580530331658/dims.png);
    box-shadow: inset 0px -7px 0px 0px #d769ff !important;
}
.buttonR:hover {
    background-image: #fff !important;
    box-shadow: inset 0px -7px 0px 0px #b3b3b3 !important;
}
.buttonP {
    background-image: url(https://cdn.discordapp.com/attachments/756335760335962194/776962580530331658/dims.png);
    box-shadow: inset 0px -7px 0px 0px #d769ff !important;
}
.buttonP:hover {
    background-color: #fff !important;
    box-shadow: inset 0px -7px 0px 0px #b3b3b3 !important;
}
.buttonG {
    background-image: url(https://cdn.discordapp.com/attachments/756335760335962194/776962580530331658/dims.png);
    box-shadow: inset 0px -7px 0px 0px #d769ff !important;
}
.buttonG:hover {
    background-color: #fff !important;
    box-shadow: inset 0px -7px 0px 0px #b3b3b3 !important;
}
puts stars in the background of these buttons
.iconProfile {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789809584963624/profile.png)
}

.menuItem:hover .iconProfile {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789810910232656/profile-white.png)
}

.iconRanked {
  background-image: url(../img/menu-icons/ranked.png)
}

.menuItem:hover .iconRanked {
  background-image: url(../img/menu-icons/ranked-white.png)
}

.iconShop {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719807688422326342/shop.png)
}

.menuItem:hover .iconShop {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719807679182143518/shop-white.png)
}

.iconSocial {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719790093144948806/social.png)
}

.menuItem:hover .iconSocial {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789846926983178/social-white.png)
}

.iconMaps {
  background-image: url(../img/menu-icons/maps.png)
}

.menuItem:hover .iconMaps {
  background-image: url(../img/menu-icons/maps-white.png)
}

.iconGames {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789804979748904/games.png)
}

.menuItem:hover .iconGames {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789806502150184/games-white.png)
}

.iconMods {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789807470903346/mods.png)
}

.menuItem:hover .iconMods {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789808473604096/mods-white.png)
}

.iconSettings {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789812231700500/settings.png)
}

.menuItem:hover .iconSettings {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789813154447420/settings-white.png)
}

.iconChall {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789802777739324/chall.png)
}

.menuItem:hover .iconChall {
  background-image: url(https://media.discordapp.net/attachments/719789737833005108/719789803843092541/chall-white.png)
}


