suzuki999 by suzuki

/* ==UserStyle==
@name           ?
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("example.com") {
    /* Insert code here... */
}

   /* Css made by Resolve */

.youNewDiv, #newsHolder, #editorBtnM, #termsInfo,#rankedSoonTm, #streamContainer, #seasonLabel, #gameNameHolder,.youNewDiv, #aHolder, .krSocial, .menuSocialB,.voteHint, #androidDB, #iosDB, #steamDB, #hubBox, #braveWarning, .menuItemTitle, #menuClassNameTag, #menuClassName, #recTimer, #faceItIconM, #endAContainer, #challIcon, #homeStoreAd, #menuClassIcn, #menuClassSubtext, #bubbleContainer, #bhHolder, #topRightAdHolder {
    display: none!important;
}

#aContainer, .youNewDiv, #aHolder {
    visibility: hidden;
}

.headerBar {
    background-color: rgba(0,0,0,0);
}

.headerBarLeft {
    background-color: rgba(0,0,0,.5);
}

#menuServerInfoContainer + .verticalSeparator {
    display: none!important
}

.terms {
    color: #2196f300;
}

div [style="color:#fff !important;"] {uwu
    display: none!important;
}

div [onclick="openLink('/');"] {
        display: none!important;;
}

div [class="material-icons terms"] {
    margin-right: 270px;
}

#marketList, #mapsHolder, #modsHolder {
    height: calc(100% - -20px);
}

#leaderList {
        height: 110%;
}

#subLogoButtons {
    bottom: 9px;
}

#instructions {
    visibility: hidden;
}
    
#instructions:after {
    visibility: visible;
    content: '';
    color: #ffffff;
    transform : translateX(-50%);
    position:fixed;
    left:50%;
}
    
#mapInfoHld {
    visibility: hidden;
    text-align: right;
    position : absolute;
    right : -94%;
    bottom : -42px;
    opacity: 70%;
}
    
#mapInfo {
    visibility: visible;
    bottom:0
}
    
/* spec button */
    
 #spectButton > span {
    display: none;
}

#spectButton > .switchsml {
    width: 75px;
    height: 75px;
    border: 5px solid var(--accent-color-2);
    border-radius: 99999px;
}

#uiBase.onMenu #spectButton {
    top: 1000px;
    left: unset;
    right: 149px;
}

#spectButton > .switchsml > .sliderSml {
    background: var(--accent-color-2);
    transform: scale(1.02);
}


#spectButton > .switchsml > .sliderSml::before {
    position: absolute;
    content: "visibility";
    font-family: "Material Icons Outlined";
    color: white;
    left: -15%;
    top: 185%;
    transform: translate(-50%, -50%);
    transition: .4s;
    font-size: 50px;
    height: unset;
    width: unset;
    bottom: unset;
    background: transparent;
filter: brightness(0) invert(1);
}

input:checked + .sliderSml {
    background: transparent !important;
}

input:checked + .sliderSml:before {
    transform: translate(-50%, -50%) rotate(180deg) !important;
    color: var(--accent-color-2) !important;
    font-family: "Material Icons" !important;
    filter: brightness(0) invert(1);
}

.sliderCent {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #a8a8a800;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 34px;
    pointer-events: all;
    filter: brightness(0) invert(1);
}

.sliderCent:before {
    position: absolute;
    content: '\2192';
    display: inline-block;
    height: 13px;
    width: 13px;
    left: 5px;
    bottom: 2px;
    background-color: transparent !important;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 50%;
    transform: rotateZ(180deg) translateY(-4px) scale(1.5);
    filter: brightness(0) invert(1);
}

input:checked + .optCheck {
    background-color: transparent !important;
}

.optCheck:hover {
    background-color: #fff !important;
}

input:checked + .slider2:after {
    content: '\f00c';
    position: absolute;
    top: 5px!important;
    left: 6px!important;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    filter: brightness(0) invert(1);
    height: 10px;
    width: 14px;
    transform: rotate(310deg);
}

.sliderSml {
    top: -3.2px!important;
}


    
  
.buttonB {
    border: 4px solid #414a6d00!important;
}

.button {
    background-color: rgb(0 0 0 / 0%);
}

#claimPop {
    background-image: url(https://media.discordapp.net/attachments/897571092959461396/992221021685956648/hibiki_headset_on.png);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: auto;
    border-radius: 10px;
    background-color: #d5d5d5;
    padding: 15px;
    text-align: left;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-51%);
    color: #fff;
    height: 300px;
    width: 636px;
}

#loadingBg {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://media.discordapp.net/attachments/897571092959461396/992234722367393872/hayasaka_dance.gif) !important;
    z-index: 2;
    opacity:50%;
}

#initLoader {
    display:none;
}
#lC-cont {
    visibility:hidden;
}
#lC-cont:before {
    visibility:hidden;
    content:'';
    color:#fff;
    font-size:15px;
    position:fixed;
    transform:translateX(-50%) translateY(100%);
}

#mLevelCont {
    display: inline-block;
    background-color: rgba(0,0,0,.01);
    border-bottom-right-radius: 10px;
    padding-left: 15px;
    padding-right: 4px;
    height: 70px;
    margin-left: 20px;
}

div [class="instructionsHeader"]:before {
    content:"Kicked for inactivity";
    visibility: visible;
    white-space: pre;
    position:absolute;
    color:white;
    left:18.5%;
}

div [class="instructionsHeader"] {
    color:black;
}

div [style="margin-top:10px;font-size:15px;color:rgba(255,255,255,0.4)"] {
    display: none!important;
}

div [style="color: rgba(255, 255, 255, 0.6);margin-top: 5px;font-size: 28px;"] {
        visibility: hidden;
}

div [style="color: rgba(255, 255, 255, 0.6);margin-top: 5px;font-size: 28px;"]::after {
    content:" Skill issue ?";
    visibility: visible;
    white-space: pre;
    position:absolute;
    right:31%;
    color: rgba(255,255,255,.8)
}

#menuRnkDisp {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://cdn.discordapp.com/attachments/969305991755743332/992403210033709108/master_55px.png) no-repeat;
    width: 55px; /* Width of new image */
    height: 55px; /* Height of new image */
    padding-left: 55px; /* Equal to width of new image */
    left:10px;
}

.progressBarInner {
    background-image: linear-gradient(to right,#ffffff,#ffffff,94%,#ffffff);
}

#customizeButton .material-icons {
    display: none;
}

#customizeButton {
    height:500px;
    right:50px;
    bottom:-19%;
    opacity:0;
    background-color:#1900ff85;
    position: absolute 
}
  
#menuClassContainer {
    bottom : 17%
}
    
#menuClassSubtext {
    height:50px;
    font-size: 20px;
}

#menuItemContainer {
    left: -5px;
    background: rgb(0 0 0 / 0%);
}

#voiceDisplay {
    background-color: rgb(0 0 0 / 0%);
    border: 2px solid rgba(0, 0, 0, 0);
}

#uiBase.onMenu #voiceDisplay {
    left: 395px;
    bottom: 17.5px;
}

#voiceIcon {
    left: 0px;
    bottom: 0px;
    position: relative;
    text-align: left;
    direction: rtl;
    pointer-events: all;
    overflow-y: auto;
    display: none!important;
}

#curGameInfo {
    display: none;
}

#chatSwitch {
        display: none !important;
}

#chatInput {
    margin-left: -71px;
    border: 2px solid rgb(0 0 0 / 0%);
    background-color: #00000025 !important;
    font-size: 16px;
    width: 395px;
}

#chatInput::placeholder {
    color: rgba(255, 255, 255, .75) !important;
    text-transform: var(--text-transform);
}

#chatInput::placeholder:after {
    content:"try";
    color: rgba(255, 255, 255, .75) !important;
    text-transform: var(--text-transform);
}

#chatInputHolder {
        background-color: rgba(0, 0, 0, .3);
}

#timerDisplay  {
    background-color: var(--ingame-bg-color);
}

#timerVal, #timerVal.topLeftOld {
    font-size: 40px !important;
    padding-left: 0 !important;
    will-change: unset !important;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5) !important;
}

#timerVal.topLeftOld {
    margin-top:20px;
}
    
#timerIcon {
    display: none !important;
}
    
#timerHolder.topLeftOld,#timerInner.topLeftOld {
    background-color: rgb(108 108 108 / 0%);
}
    
#timerHolder.topLeftOld {
    margin-top:-15px;
}

#ingameFPS {
    color: #fff !important;
    visibility: visible;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    font-size: 14px;
}  

#fpsDisplay { 
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    font-size: 14px;
    top:14px;
} 
    
#pingText {
    color: #fff !important;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    font-size: 14px;
    top:14px;
}

.debugInfo {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}      
    
#pingIcon {
    color: var(--accent-color) !important;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    position: relative;
}

#headerRight, #mapInfo {
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
}

#menuPingIcon {
    color:#0095ff!important;
}

#menuFPS {
    color:#0095ff!important;
}

#matchInfo.topLeftOld::before {
    z-index: 3;
    content: '';
    color: white;
    font-size: 14px;
    text-align: center;
    display: block;
    text-shadow: 2px 2px 3px rgba(30, 30, 30, .5);
    margin-left: 27px !important;
    margin-top: -40px !important;
    position: fixed ;
}

#matchInfo.topLeftOld {
    font-size: 0px !important;
}

#matchInfo {
    font-size: 0px !important;
}

.button.buttonCL.butt...