ScooterAround Variation of Irrvlo's CSS by scooteraround

/* ==UserStyle==
@name           kirka.io
@namespace      userstyles.world
@version        1.0.0
==/UserStyle== */
@-moz-document url-prefix("https://kirka.io/") {
/* Custom CSS made by irrvlo#6969 */
/* This CSS was made with help from Dwizzen,
/* the community snippets channel in the CSS Hub,
/* and NizzQ's Public CSS - ty dwizzy ily
/* This CSS is free to edit with credit to me */
/* Updates */
/* Last Updated: 4/25/2022 6:42AM CST
/* Fixed: join using url button is styled
/* What's next?: If this css dies again, probably just fixes. For now, working on a new css */
/* Custom Font */
@font-face {
    font-family: customFont;
    src: url(https://rawcdn.githack.com/SVN-ELVN/Kirka/d00a13be70e3b8b79f5da1db1200a4eb34181819/CSS/First/Fonts/Atami-Regular.otf)
}

* {
    font-family: customFont !important;
}

/* AD Block */
#ad-bottom,
#ad-left {
    width: 0px !important;
}

/* Background */
.bg-radial {
    display: none;
}

.pattern-bg {
    background: url(https://cdn.discordapp.com/attachments/869397237938130964/972002339626029067/background.png) repeat!important;
}

.interface .background {
    background: linear-gradient(103.28deg, #000000 7.06%, #000000 90.75%) !important;
}

/* End Screen BG */
.end-modal {
    background: url(https://cdn.discordapp.com/attachments/869397237938130964/972002339626029067/background.png) !important;
}

/* Custom Logo */
.interface .logo {
    content: url(https://media.discordapp.net/attachments/962475357750042655/969957287605207060/My_project_10.png?width=676&height=676)
}

.interface .logo {
    top: 48.5rem;
    left: -90px;
}

/* Profile, Exp, And Moneys */
.card-cont[data-v-1cbd79ff] {
    background: #00000000;
    border-bottom: 6px solid #00000000;
    border-top: 4px solid #00000000;
}

.auth-form .btns button {
    margin-top: 20px;
    transform: none !important;
    padding: 0px;
}

.button[data-v-02c36fca] {
    -webkit-text-stroke: 0px !important;
}

.auth-form .btns button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

.auth-form button,
.auth-form button .border-top,
.auth-form button .border-bottom {
    background: transparent !important;
    box-shadow: none !important;
}

.auth-form button .triangle {
    display: none;
}

.auth-form .text {
    font-size: 30px !important;
}

.auth-form button:hover {
    color: #eee;
}

.button[data-v-02c36fca]:after {
    border: none;
}

.moneys[data-v-6bc918e5] {
    margin-left: 56px;
    margin-top: 734px;
}

/* Checkbox and Private */
.private-btn > span[data-v-47e1b746] {
    content: url(https://media.discordapp.net/attachments/523517791886770188/953239076457316382/openlock.png);
    position: fixed;
    left: 25px;
    width: 40px;
}

.private-btn > input:checked + span[data-v-47e1b746] {
    content: url(https://media.discordapp.net/attachments/523517791886770188/953239093955948544/lock.png);
}

.custom-checkbox > span[data-v-47e1b746]:before {
    border-radius: 50px;
    background-color: white;
    border: none;
}

.custom-checkbox > input:checked + span[data-v-47e1b746]:before {
    background-color: #373737;
}

.select-mods-cont[data-v-e0ea0f78] {
    background-color: #262626cf;
    backdrop-filter: blur(6px);
    border: 4px solid #303030;
}

.select-mods-cont[data-v-e0ea0f78] {
    right: 326%;
    height: 780px;
    bottom: -70px;
}

.select-mods-maps[data-v-6bc918e5] {
    height: 630px!important;
}

hr[data-v-e0ea0f78] {
    background-color: #1e347200;
    border: 3px solid #2f395700;
}

::-webkit-scrollbar {
    width: 0px;
}



/* Player Position */
#team-section > div.player {
    margin-right: 85rem;
    margin-top: 33rem;
}

/* Market */
.input[data-v-71ff48da] {
    border: 0.125rem solid #20263900;
    background: #2f395700;
}

.input[data-v-4f6bb432] {
    border: 0.125rem solid #20263900;
    background: #2f395700;
}

.input .items[data-v-4f6bb432] {
    background: #2f395700;
}

.loader[data-v-4f2bd40f],
.subjects[data-v-4f2bd40f] {
    background-color: transparent;
    border: transparent;
}

/* Clan War */
.card[data-v-5b2dc87c] {
    background: linear-gradient(125deg, #ff3c3c, rgba(255, 229, 58, .772));
}

/* Leaderboard */
.background-leaders[data-v-270b3af4] {
    background: radial-gradient(39.55% 50% at 50% 50%, rgb(255, 229, 58), rgb(192 0 255 / 0%) 100%);
}

.lvl-leader[data-v-270b3af4] {
    background-color: #3e3e3e;
    color: #ffffff;
}

.clan-tag[data-v-270b3af4] {
    color: #ffffff;
}

.clan-tag[data-v-270b3af4] {
    -webkit-animation: glow 2s ease-in-out infinite alternate;
    -moz-animation: glow 2s ease-in-out infinite alternate;
    animation: glow 2s ease-in-out infinite alternate;
}

.label-primary[data-v-270b3af4] {
    color: #ffffff;
}

.awards-span[data-v-270b3af4] {
    color: #ffffff;
}

.active[data-v-6641f93a],
.nav[data-v-6641f93a]:hover {
    color: rgb(255, 193, 58);
}

/* Inventory */
.level[data-v-6171d983] {
    background: rgb(52 52 52 / 79%);
    color: #ffffff;
}

.gun[data-v-6171d983] {
    background: linear-gradient(251.44deg, #262d4800 1.13%, #21273a00);
}

.subjects[data-v-6171d983] {
    background-color: #2f395700;
    border: 0.25rem solid #3c4b6800;
}

.tab[data-v-3d11cf09]:hover {
    background-color: var(--secondary-2);
    color: rgb(255, 193, 58);
}

.active[data-v-3d11cf09] {
    color: rgb(255, 229, 58);
    border-bottom: rgb(255, 229, 58) solid 0.125rem;
}

/* Friends */
.friend[data-v-197190ba]:hover {
    background-color: #3c4b6800;
}

.friend[data-v-197190ba] {
    background: linear-gradient(314deg, #ff3c3c, #ff8b19, #ffe53a, #49ff36, #36baff, rgba(129, 0, 177, .772));
}

.level-cont[data-v-197190ba] {
    background-color: #4c4c4c;
    border-right: solid 2px #2f395700;
}

.add[data-v-197190ba],
.delete[data-v-197190ba] {
    background-color: #3c4b6800;
    border-left: solid 2px #2f395700;
}

#view > div > div > div.content > div > div.add-friends.text-2 > div.input > button {
    background-color: #ffb91400 !important;
    --hover-color: #fcd37300 !important;
    --top: #fcd37300 !important;
    --bottom: #b6830e00 !important;
}

.no-requests[data-v-541058a1] {
    color: gray;
}

.tab[data-v-7fc86901]:hover {
    color: rgb(255, 193, 58);
}

.active-tab[data-v-7fc86901] {
    color: rgb(255, 229, 58);
}

/* Servers */
#view > div > div > div.content > div > div > div.chat-cont > div.chat.chat > div.messages.messages-cont.small {
    background: rgb(47 57 87 / 0%) !important;
}

.lvl[data-v-2baa780c] {
    color: #424242;
}

.name[data-v-2baa780c] {
    color: #bbbbbb;
}

.available-rooms[data-v-679cb6a8] {
    color: hsl(0deg 0% 100%);
}

.online[data-v-679cb6a8] {
    color: hsl(0deg 0% 100%);
}

.server[data-v-679cb6a8] {
    background-color: #4e4e4e;
}

.server[data-v-679cb6a8]:hover {
    background: #d7d7d7;
}

.preview[data-v-679cb6a8] {
    background-color: #2f395700;
}

.join-my-game-btn.rectangle,
.join {
    background-color: #00000000 !important;
}

.rules-icon[data-v-679cb6a8] {
    background-color: #ffffff00;
    color: #ffffff;
}

.active[data-v-c835fc7a],
.tab[data-v-c835fc7a]:hover {
    color: rgb(255, 229, 58);
}

.map-name[data-v-679cb6a8] {
    color: rgb(255, 193, 58);
}

#view > div > div > div.content > div > div > div.preview.text-2 > div > div.bottom > button {
    background-color: #ffb91400 !important;
    --hover-color: #fcd37300 !important;
    --top: #fcd37300 !important;
    --bottom: #b6830e00 !important;
}

/* News */
.card[data-v-02f6ceaf] {

    background-color: #3b497500;
}

/* Left Interface*/
.left-interface .profile {
    background: transparent;
}

.left-interface .progress-label {
    display: none;
}

.left-interface .progress-lvl {
    margin-bottom: 20px;
}

.left-interface .progress-line {
    background: #4f4e4ead !important;
    height: 17px;
}

.left-interface .progress {
    background: -webkit-gradient(linear, left top, right top, from(#a8a8a8), to(#d5d5d5)) !important;
    background: linear-gradient(to right, #8e8e8e, #e1e1e1) !important;
}

.left-interface .level {
    color: white;
}

.left-interface .avatar-info,
.left-interface .user-info,
.left-interface .money {
    background: transparent !important;
    border-top: none !important;
    border-bottom: none !important;
}

.left-interface .avatar-info:hover,
.left-interface .user-info:hover {
    background: transparent;
}

/* Left Icons */
.svg-icon--news,
.svg-icon--cube-edit,
.svg-icon--gamepad,
.svg-icon--store,
.svg-icon--castle2 {
    display: none;
}
.left-icons,
.left-icons > div {
    display: flex !important;
    flex-direction: row !important;
}

.left-icons[data-v-e0ea0f78] {
    left: unset;
    top: 86%;
}

.left-icons .icon-btn {
    background: transparent;
    border-top: transparent;
    border-bottom: transparent;
}

.left-icons .icon-btn:hover {
    border-top: transparent !important;
}

/* Right Icons */
.right-icons .icon-btn,
.inventory-card {
    width: 140px !important;
}

.right-icons svg,
.gun-img {
    display: flex;
}

.right-icons .wrapper {
    transform: none !important;
    height: 13px;
}

.right-icons .icon-btn {
    background: transparent;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
}


.right-icons .icon-btn:hover {
    border-top: none;
    border-bottom: 3px solid #fff0 !important;
}

.right-icons .icon-btn:hover > .wrapper[data-v-ae524044] {
    transform: none;
}

.right-icons .inventory-card {
    background: transparent;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
}

.right-icons .inventory-card:hover {
    background: tr...