API tools faq
paste
Advertisement
PhantomGame

MOF1 CSS

PhantomGame
Apr 23rd, 2025
303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 133.52 KB | Gaming | 0 0
raw download clone embed print report
  1. :root {
  2.     --splash-logo : url("https://raw.githubusercontent.com/MOF1/cdn/main/MOF1_CSS_default/img/logo_1.png");
  3.     --sidebar-logo: url("https://raw.githubusercontent.com/MOF1/cdn/main/MOF1_CSS_default/img/krunker.png");
  4.     --spinner-url : url("https://raw.githubusercontent.com/MOF1/cdn/main/MOF1_CSS_thief/img/spinner.svg");
  5.     --blur-radius1: 20px;
  6.     --blur-radius2: 5px;
  7.  
  8.     --primaryBg    : #050505;
  9.     --subBg        : #292e39;
  10.     --subBgM       : #2a2f3a;
  11.     --subBgST      : #292e394d;
  12.     --c_white      : #dfdfdf;
  13.     --c_whiteST    : #ffffffb3;
  14.     --accentColor  : #ff99d8;
  15.     --accentColorST: #ff99d869;
  16.     --l-accentColor: #84a1ff;
  17.  
  18.     --dirty      : #757575;
  19.     --dirty-light: #a3a3a3;
  20.  
  21.     --div-grey  : transparent;
  22.     --div-shadow: transparent;
  23.     --div-black : transparent;
  24.  
  25.     --gradientColor1: #ff39de;
  26.     --gradientColor2: #b639ff;
  27.     --gradientColor3: #ff99d8;
  28.     --gradientColor4: #999dff;
  29.     --gradientColor5: #ffffff;
  30.  
  31.     --purple     : #ff99d8;
  32.     --purple-dark: #592bff;
  33.  
  34.     --orange     : #ff9ea2;
  35.     --orange-dark: #ff3943;
  36.  
  37.     --orange2     : #6797ff;
  38.     --orange2-dark: #2351b4;
  39.  
  40.     --green     : #8bc34a;
  41.     --green-dark: #458100;
  42.  
  43.     --yellow     : #ffeb3b;
  44.     --yellow-dark: #9b8b00;
  45.  
  46.     --mainFont: steradian;
  47.     --subFont : cirular;
  48.  
  49.     --sidebarIconColorOnHover: #ed78ad;
  50.     --sidebarIconBgOnHover   : #f7d6e6;
  51.  
  52. }
  53.  
  54.  
  55. @font-face {
  56.     src        : url("https://raw.githubusercontent.com/MOF1/krunker_css/main/css/fonts/Steradian-Bold.otf");
  57.     font-family: steradian;
  58.     font-weight: 900;
  59. }
  60.  
  61. @font-face {
  62.     src        : url("https://raw.githubusercontent.com/MOF1/krunker_css/main/css/fonts/EuclidCircularA-Medium.ttf");
  63.     font-family: cirular;
  64. }
  65.  
  66. @font-face {
  67.     font-family: customF;
  68.     src        : url("https://raw.githubusercontent.com/MOF1/krunker_css/main/css/fonts/Steradian-Bold.otf");
  69. }
  70.  
  71. @-webkit-keyframes anima {
  72.     0% {
  73.         background-position: 0% 100%;
  74.     }
  75.  
  76.     50% {
  77.         background-position: 100% 0%;
  78.     }
  79.  
  80.     100% {
  81.         background-position: 0% 100%;
  82.     }
  83. }
  84.  
  85. @keyframes anima {
  86.     0% {
  87.         background-position: 0% 100%;
  88.     }
  89.  
  90.     50% {
  91.         background-position: 100% 0%;
  92.     }
  93.  
  94.     100% {
  95.         background-position: 0% 100%;
  96.     }
  97. }
  98.  
  99. @-webkit-keyframes contraCard {
  100.     0% {
  101.         color       : var(--c_white);
  102.         border-color: var(--c_white);
  103.     }
  104.  
  105.     50% {
  106.         color       : var(--accentColor);
  107.         border-color: var(--accentColor);
  108.     }
  109.  
  110.     100% {
  111.         color       : var(--c_white);
  112.         border-color: var(--c_white);
  113.     }
  114. }
  115.  
  116. @keyframes contraCard {
  117.     0% {
  118.         color       : var(--c_white);
  119.         border-color: var(--c_white);
  120.     }
  121.  
  122.     50% {
  123.         color       : var(--accentColor);
  124.         border-color: var(--accentColor);
  125.     }
  126.  
  127.     100% {
  128.         color       : var(--c_white);
  129.         border-color: var(--c_white);
  130.     }
  131. }
  132.  
  133. @-webkit-keyframes contraText {
  134.     0% {
  135.         color       : var(--c_white);
  136.         border-color: var(--c_white);
  137.     }
  138.  
  139.     50% {
  140.         color       : var(--accentColor);
  141.         border-color: var(--accentColor);
  142.     }
  143.  
  144.     100% {
  145.         color       : var(--c_white);
  146.         border-color: var(--c_white);
  147.     }
  148. }
  149.  
  150. @keyframes contraText {
  151.     0% {
  152.         color       : var(--c_white);
  153.         border-color: var(--c_white);
  154.     }
  155.  
  156.     50% {
  157.         color       : var(--accentColor);
  158.         border-color: var(--accentColor);
  159.     }
  160.  
  161.     100% {
  162.         color       : var(--c_white);
  163.         border-color: var(--c_white);
  164.     }
  165. }
  166.  
  167. * {
  168.     color: var(--c_white);
  169. }
  170.  
  171. a {
  172.     color: var(--accentColor);
  173. }
  174.  
  175. a:active {
  176.     color: var(--accentColor);
  177. }
  178.  
  179. a:visited {
  180.     color: var(--accentColor);
  181. }
  182.  
  183. input::-webkit-input-placeholder {
  184.     color      : var(--dirty-light) !important;
  185.     font-family: var(--mainFont);
  186.     font-size  : 20px;
  187. }
  188.  
  189. input:-ms-input-placeholder {
  190.     color      : var(--dirty-light) !important;
  191.     font-family: var(--mainFont);
  192.     font-size  : 20px;
  193. }
  194.  
  195. input::-ms-input-placeholder {
  196.     color      : var(--dirty-light) !important;
  197.     font-family: var(--mainFont);
  198.     font-size  : 20px;
  199. }
  200.  
  201. input::placeholder {
  202.     color      : var(--dirty-light) !important;
  203.     font-family: var(--mainFont);
  204.     font-size  : 20px;
  205. }
  206.  
  207. input {
  208.     color     : var(--accentColor) !important;
  209.     background: var(--subBg) !important;
  210. }
  211.  
  212. input[type="range"] {
  213.     cursor: pointer !important;
  214. }
  215.  
  216. input[type="text"],
  217. input[type="password"] {
  218.     margin        : 0 !important;
  219.     padding       : 1rem 1.5rem !important;
  220.     border-radius : 100px !important;
  221.     background    : var(--primaryBg) !important;
  222.     -webkit-filter: brightness(1.4) !important;
  223.     filter        : brightness(1.4) !important;
  224.     font-family   : var(--subFont) !important;
  225.     font-size     : 1.4rem !important;
  226. }
  227.  
  228. #plySearchH {
  229.     margin-top: -20px;
  230. }
  231.  
  232. input[type="number"],
  233. .sliderVal {
  234.     border-radius : 100px;
  235.     border-color  : transparent !important;
  236.     padding       : 0.3rem 0.2rem;
  237.     letter-spacing: 1px;
  238.     font-family   : var(--subFont);
  239.     font-size     : 1.3rem;
  240.     color         : var(--c_white) !important;
  241.     background    : var(--primaryBg) !important;
  242.     -webkit-filter: brightness(1.4);
  243.     filter        : brightness(1.4);
  244. }
  245.  
  246. input[type="color"] {
  247.     height           : 30px;
  248.     border-radius    : 0px;
  249.     border-color     : transparent;
  250.     background       : transparent !important;
  251.     -webkit-transform: translateY(-3px);
  252.     transform        : translateY(-3px);
  253. }
  254.  
  255. .settingsBtn,
  256. .hostPresetBtn {
  257.     font-family   : var(--subFont);
  258.     background    : var(--primaryBg) !important;
  259.     -webkit-filter: brightness(1.4);
  260.     filter        : brightness(1.4);
  261.     padding       : 1rem 1rem;
  262.     margin        : 0rem 0.5rem;
  263.     font-size     : 1.2rem;
  264.     letter-spacing: 2px;
  265.     cursor        : pointer;
  266. }
  267.  
  268. .settingsBtn:hover,
  269. .hostPresetBtn:hover {
  270.     -webkit-filter: brightness(1);
  271.     filter        : brightness(1);
  272. }
  273.  
  274. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] {
  275.     margin-top: 7px;
  276. }
  277.  
  278. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(1) {
  279.     color: var(--accentColor) !important;
  280. }
  281.  
  282. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(1):hover {
  283.     color     : var(--primaryBg) !important;
  284.     background: var(--accentColor) !important;
  285. }
  286.  
  287. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(2) {
  288.     color: var(--orange) !important;
  289. }
  290.  
  291. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(2):hover {
  292.     color     : var(--primaryBg) !important;
  293.     background: var(--orange) !important;
  294. }
  295.  
  296. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(3) {
  297.     color: var(--green) !important;
  298. }
  299.  
  300. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(3):hover {
  301.     color     : var(--primaryBg) !important;
  302.     background: var(--green) !important;
  303. }
  304.  
  305. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(4) {
  306.     color: var(--purple) !important;
  307. }
  308.  
  309. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:nth-child(4):hover {
  310.     color     : var(--primaryBg) !important;
  311.     background: var(--purple) !important;
  312. }
  313.  
  314. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:last-child {
  315.     margin-right: 1rem;
  316. }
  317.  
  318. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] .settingsBtn:last-child:hover {
  319.     color     : var(--primaryBg) !important;
  320.     background: var(--orange) !important;
  321. }
  322.  
  323. .settingsHeader div[style="display:inline-block;text-align:right;float:right;"] #settingsPreset {
  324.     height           : 3.46rem;
  325.     -webkit-transform: translateY(-5px);
  326.     transform        : translateY(-5px);
  327.     margin-left      : 1rem !important;
  328. }
  329.  
  330. #settSearch {
  331.     width: 400px !important;
  332. }
  333.  
  334. .setSugBox2 {
  335.     height       : 8rem;
  336.     border-color : transparent;
  337.     display      : -ms-inline-grid;
  338.     display      : inline-grid;
  339.     place-content: center;
  340.     font-family  : var(--subFont);
  341.     font-size    : 1.7rem;
  342. }
  343.  
  344. .setSugBox2:nth-child(1) {
  345.     background: var(--accentColorST);
  346.     color     : var(--accentColor) !important;
  347. }
  348.  
  349. .setSugBox2:nth-child(2) {
  350.     background: var(--orange-dark);
  351.     color     : var(--orange) !important;
  352. }
  353.  
  354. .setSugBox2:nth-child(3) {
  355.     background: var(--purple-dark);
  356.     color     : var(--purple) !important;
  357. }
  358.  
  359. .setSugBox2:nth-child(4) {
  360.     background: var(--yellow-dark);
  361.     color     : var(--yellow) !important;
  362. }
  363.  
  364. .setSugBox2:hover {
  365.     border-color: transparent;
  366. }
  367.  
  368. .setSugBox2 .segSugIH {
  369.     height: 8rem;
  370. }
  371.  
  372. .setSugBox2 .segSugIH .setSugInf {
  373.     font-family: var(--subFont) !important;
  374.     font-size  : 1.7rem !important;
  375. }
  376.  
  377. #clientExitPop {
  378.     border-color: var(--subBgST);
  379.     border-width: 4px;
  380. }
  381.  
  382. #clientExitPop>div:first-child {
  383.     font-family: var(--subFont);
  384.     font-size  : 1.6rem !important;
  385.     line-height: 3rem;
  386. }
  387.  
  388. #clientExitPop #confirmBtn,
  389. #clientExitPop #declineBtn {
  390.     text-shadow  : unset;
  391.     font-family  : var(--mainFont);
  392.     font-size    : 1.5rem;
  393.     border-radius: 100px;
  394.     color        : var(--primaryBg);
  395. }
  396.  
  397. #clientExitPop #confirmBtn:hover,
  398. #clientExitPop #declineBtn:hover {
  399.     -webkit-filter: brightness(0.9);
  400.     filter        : brightness(0.9);
  401. }
  402.  
  403. #clientExitPop #confirmBtn {
  404.     background: var(--orange2);
  405. }
  406.  
  407. #clientExitPop #declineBtn {
  408.     background: var(--orange);
  409. }
  410.  
  411. .voiceOff:after {
  412.     display: none !important;
  413. }
  414.  
  415. #recTimer {
  416.     display: none !important;
  417. }
  418.  
  419. .sliderM {
  420.     -webkit-appearance: none;
  421.     -moz-appearance   : none;
  422.     appearance        : none;
  423.     background-color  : var(--primaryBg) !important;
  424.     -webkit-filter    : brightness(2);
  425.     filter            : brightness(2);
  426.     outline           : none;
  427.     border-radius     : 50px;
  428. }
  429.  
  430. .sliderM::-webkit-slider-thumb {
  431.     -webkit-appearance: none;
  432.     appearance        : none;
  433.     width             : 15px;
  434.     height            : 15px;
  435.     border            : 2px solid transparent;
  436.     border-radius     : 50px;
  437.     background        : var(--accentColor);
  438.     cursor            : pointer;
  439.     -webkit-transition: border-color 280ms ease,
  440.         background 280ms ease, -webkit-filter 280ms ease, -webkit-transform 280ms ease;
  441.     transition: border-color 280ms ease,
  442.         background 280ms ease, -webkit-filter 280ms ease, -webkit-transform 280ms ease;
  443.     transition: filter 280ms ease, transform 280ms ease, border-color 280ms ease,
  444.         background 280ms ease;
  445.     transition: filter 280ms ease, transform 280ms ease, border-color 280ms ease,
  446.         background 280ms ease, -webkit-filter 280ms ease, -webkit-transform 280ms ease;
  447. }
  448.  
  449. .sliderM::-webkit-slider-thumb:hover {
  450.     -webkit-filter   : brightness(0.9);
  451.     filter           : brightness(0.9);
  452.     -webkit-transform: scale(2.5);
  453.     transform        : scale(2.5);
  454.     border-color     : var(--accentColor);
  455.     background       : var(--primaryBg);
  456. }
  457.  
  458. .sliderM::-moz-range-thumb {
  459.     width        : 15px;
  460.     height       : 15px;
  461.     clip-path    : circle();
  462.     border       : none;
  463.     border-radius: 50px;
  464.     background   : var(--accentColor);
  465.     cursor       : pointer;
  466. }
  467.  
  468. .inputGrey2,
  469. #presetSelect {
  470.     background : var(--subBg) !important;
  471.     font-family: var(--subFont);
  472.     font-size  : 1.2rem !important;
  473.     color      : var(--c_white);
  474.     cursor     : pointer;
  475. }
  476.  
  477. .inputGrey2 option,
  478. #presetSelect option {
  479.     background : var(--subBgM);
  480.     color      : var(--c_whiteST);
  481.     font-family: var(--subFont);
  482.     font-size  : 1.2rem !important;
  483. }
  484.  
  485. .switch {
  486.     width: 80px !important;
  487. }
  488.  
  489. .slider,
  490. .slider2 {
  491.     position         : absolute;
  492.     cursor           : pointer;
  493.     -webkit-transform: unset !important;
  494.     transform        : unset !important;
  495.     height           : 30px !important;
  496.     width            : 80px !important;
  497.     background       : var(--subBgM) !important;
  498.     border-radius    : 50px;
  499. }
  500.  
  501. input[type="checkbox"]:checked+.slider,
  502. input[type="checkbox"]:checked+.slider2 {
  503.     background: var(--accentColor) !important;
  504. }
  505.  
  506. input[type="checkbox"]:focus+.slider,
  507. input[type="checkbox"]:focus+.slider2 {
  508.     -webkit-filter: brightness(1.4) !important;
  509.     filter        : brightness(1.4) !important;
  510. }
  511.  
  512. .slider:before,
  513. .slider2:before {
  514.     position         : absolute;
  515.     content          : "";
  516.     height           : 20px;
  517.     width            : 35px;
  518.     top              : 50%;
  519.     left             : 8%;
  520.     -webkit-transform: translateY(-50%);
  521.     transform        : translateY(-50%);
  522.     border-radius    : 100px;
  523.     background       : var(--c_white);
  524. }
  525.  
  526. input[type="checkbox"]:checked+.slider:before,
  527. input[type="checkbox"]:checked+.slider2:before {
  528.     background       : var(--primaryBg);
  529.     -webkit-transform: translate(33px, -50%);
  530.     transform        : translate(33px, -50%);
  531. }
  532.  
  533. .premiumSkinCol {
  534.     color: var(--l-accentColor) !important;
  535. }
  536.  
  537. .skinColorItem {
  538.     border: 3px solid transparent;
  539. }
  540.  
  541. .kick {
  542.     font-size       : 18px;
  543.     text-shadow     : none;
  544.     font-family     : var(--mainFont);
  545.     background-color: var(--subBg) !important;
  546.     color           : var(--orange2) !important;
  547. }
  548.  
  549. .ban {
  550.     font-size       : 18px;
  551.     text-shadow     : none;
  552.     font-family     : var(--mainFont);
  553.     background-color: var(--subBg) !important;
  554.     color           : var(--orange) !important;
  555. }
  556.  
  557. .vote {
  558.     font-size       : 18px;
  559.     text-shadow     : none;
  560.     font-family     : var(--mainFont);
  561.     background-color: var(--subBg) !important;
  562.     color           : var(--purple) !important;
  563. }
  564.  
  565. #policePopC {
  566.     background-color: var(--primaryBg);
  567. }
  568.  
  569. #policePopC * {
  570.     color     : var(--c_white) !important;
  571.     font-size : 23px !important;
  572.     text-align: left !important;
  573. }
  574.  
  575. #policePopC div[style="font-size:30px;margin-bottom:20px"] {
  576.     color         : var(--accentColor) !important;
  577.     font-family   : var(--mainFont) !important;
  578.     font-size     : 40px !important;
  579.     text-transform: uppercase;
  580. }
  581.  
  582. #policePopC * {
  583.     font-family: var(--subFont) !important;
  584.     color      : var(--c_white) !important;
  585.     font-size  : 23px !important;
  586.     text-align : left !important;
  587. }
  588.  
  589. #policePopC div[style="color:rgba(0,0,0,0.6);font-size:19px"] * {
  590.     font-family: var(--subFont) !important;
  591.     font-size  : 23px !important;
  592.     text-align : left !important;
  593. }
  594.  
  595. .polApplc {
  596.     border          : 0 !important;
  597.     background-color: var(--subBg) !important;
  598.     color           : var(--c_whiteST) !important;
  599. }
  600.  
  601. .leaderItem * {
  602.     font-family: var(--mainFont) !important;
  603.     font-size  : 25px;
  604. }
  605.  
  606. .skinList {
  607.     display              : -ms-grid;
  608.     display              : grid;
  609.     -ms-grid-columns     : 1fr 1fr;
  610.     grid-template-columns: 1fr 1fr;
  611.     gap                  : 10px;
  612.     position             : relative;
  613. }
  614.  
  615. .skinList .classCard {
  616.     width                : auto;
  617.     position             : relative;
  618.     display              : -webkit-box;
  619.     display              : -ms-flexbox;
  620.     display              : flex;
  621.     -webkit-box-orient   : vertical;
  622.     -webkit-box-direction: normal;
  623.     -ms-flex-direction   : column;
  624.     flex-direction       : column;
  625.     -webkit-box-align    : start;
  626.     -ms-flex-align       : start;
  627.     align-items          : flex-start;
  628.     font-family          : var(--mainFont);
  629.     text-shadow          : unset;
  630.     height               : 100px;
  631.     background-color     : transparent !important;
  632.     -webkit-transition   : color 280ms 200ms;
  633.     transition           : color 280ms 200ms;
  634. }
  635.  
  636.  
  637.  
  638. .skinList .classCard .className {
  639.     left: 10px !important;
  640. }
  641.  
  642. .skinList .classCard .classWeap {
  643.     font-family       : var(--mainFont);
  644.     text-shadow       : unset;
  645.     -webkit-transition: opacity 280ms 200ms;
  646.     transition        : opacity 280ms 200ms;
  647.     left              : 10px !important;
  648. }
  649.  
  650. .skinList .classCard .classImgH {
  651.     position          : absolute;
  652.     margin-top        : unset;
  653.     width             : 100px;
  654.     margin            : unset;
  655.     right             : 0;
  656.     border-radius     : 0;
  657.     z-index           : 12222 !important;
  658.     -webkit-transition: -webkit-transform 500ms 200ms ease-in-out;
  659.     transition        : -webkit-transform 500ms 200ms ease-in-out;
  660.     transition        : transform 500ms 200ms ease-in-out;
  661.     transition        : transform 500ms 200ms ease-in-out, -webkit-transform 500ms 200ms ease-in-out;
  662. }
  663.  
  664. .skinList .classCard .classImgC {
  665.     width   : 90px;
  666.     top     : 10px;
  667.     position: absolute;
  668.     left    : 0px;
  669.     right   : unset;
  670. }
  671.  
  672. .skinList .classCard .classXPBar {
  673.     -webkit-box-shadow: unset;
  674.     box-shadow        : unset;
  675.     position          : absolute;
  676.     top               : unset;
  677.     bottom            : 0;
  678.     left              : 0;
  679.     width             : 100%;
  680.     height            : 5px;
  681.     border-radius     : 0;
  682.     background-color  : transparent !important;
  683.     -webkit-transition: opacity 280ms 200ms;
  684.     transition        : opacity 280ms 200ms;
  685. }
  686.  
  687. .skinList .classCard .classXPBar .clsXPBarC {
  688.     background-color: var(--accentColor);
  689.     margin          : unset;
  690.     height          : 100%;
  691. }
  692.  
  693. .skinList .classCard .classLvl {
  694.     font-family       : var(--mainFont);
  695.     text-shadow       : unset;
  696.     position          : absolute;
  697.     top               : unset;
  698.     bottom            : 10%;
  699.     font-size         : 20px;
  700.     -webkit-transition: opacity 280ms 200ms ease;
  701.     transition        : opacity 280ms 200ms ease;
  702.     width             : 100%;
  703.     text-align        : left;
  704.     left              : 10px;
  705. }
  706.  
  707. .skinList .classCard .classHP {
  708.     font-family       : var(--mainFont);
  709.     text-shadow       : unset;
  710.     color             : var(--c_white);
  711.     position          : absolute;
  712.     left              : -123px;
  713.     font-size         : 20px;
  714.     bottom            : -85px;
  715.     -webkit-transform : rotate(-90deg);
  716.     transform         : rotate(-90deg);
  717.     -webkit-transition: opacity 280ms 200ms;
  718.     transition        : opacity 280ms 200ms;
  719. }
  720.  
  721. .skinList .classCard .classHP span {
  722.     font-family: var(--mainFont);
  723.     text-shadow: unset;
  724.     color      : var(--accentColor);
  725. }
  726.  
  727. .skinList .classCard .lockedClass {
  728.     position        : absolute;
  729.     top             : 0;
  730.     left            : 0;
  731.     border-radius   : 4px;
  732.     background-color: rgba(0, 0, 0, 0.5);
  733.     padding         : 0;
  734.     padding-top     : 0;
  735.     top             : 0 !important;
  736.     bottom          : 0 !important;
  737.     right           : 0 !important;
  738.     left            : 0 !important;
  739.     width           : 100%;
  740.     height          : 100%;
  741.     display         : -ms-grid;
  742.     display         : grid;
  743.     place-items     : center;
  744.     z-index         : 111111;
  745. }
  746.  
  747. .skinList .classCard:hover {
  748.     color: transparent !important;
  749. }
  750.  
  751. .skinList .classCard:hover .classWeap {
  752.     opacity: 0%;
  753. }
  754.  
  755. .skinList .classCard:hover .classImgH {
  756.     -webkit-transform: translateX(-115px) scale(1.5) translateY(-10px);
  757.     transform        : translateX(-115px) scale(1.5) translateY(-10px);
  758. }
  759.  
  760. .skinList .classCard:hover .classXPBar {
  761.     opacity: 0%;
  762. }
  763.  
  764. .skinList .classCard:hover .classLvl {
  765.     opacity: 0%;
  766. }
  767.  
  768. .skinList .classCard:hover .classHP {
  769.     opacity: 0%;
  770. }
  771.  
  772. #skinList {
  773.     margin-top           : 8px;
  774.     margin-bottom        : -4px;
  775.     display              : -ms-grid;
  776.     display              : grid;
  777.     -ms-grid-columns     : 1fr 1fr 1fr;
  778.     grid-template-columns: 1fr 1fr 1fr;
  779.     -ms-grid-rows        : min-content;
  780.     grid-template-rows   : -webkit-min-content;
  781.     grid-template-rows   : min-content;
  782.     gap                  : 20px;
  783.     padding              : 1rem;
  784.     height               : calc(100% - 142px) !important;
  785. }
  786.  
  787. #skinList::-webkit-scrollbar-track {
  788.     background: var(--subBg) !important;
  789. }
  790.  
  791. #skinList .skinCard {
  792.     text-align           : unset;
  793.     margin-bottom        : unset;
  794.     margin-left          : unset;
  795.     margin-right         : unset;
  796.     padding              : unset;
  797.     padding-top          : unset;
  798.     width                : auto;
  799.     vertical-align       : unset;
  800.     background-color     : transparent;
  801.     border-radius        : 0px;
  802.     display              : block;
  803.     font-size            : 20px;
  804.     position             : relative;
  805.     z-index              : 1;
  806.     border-top           : 0 !important;
  807.     border-right         : 0 !important;
  808.     border-left          : 0 !important;
  809.     padding-bottom       : 0.5rem;
  810.     display              : -webkit-box;
  811.     display              : -ms-flexbox;
  812.     display              : flex;
  813.     -webkit-box-orient   : vertical;
  814.     -webkit-box-direction: normal;
  815.     -ms-flex-direction   : column;
  816.     flex-direction       : column;
  817.     -webkit-box-align    : start;
  818.     -ms-flex-align       : start;
  819.     align-items          : flex-start;
  820.     -webkit-box-pack     : end;
  821.     -ms-flex-pack        : end;
  822.     justify-content      : flex-end;
  823.     font-family          : var(--mainFont);
  824.     text-shadow          : unset !important;
  825.     height               : 120px !important;
  826. }
  827.  
  828. #skinList .skinCard .lockedCard {
  829.     padding-top: 75px;
  830.     padding    : 0 !important;
  831.     margin     : 0;
  832.     top        : 0 !important;
  833.     bottom     : 0 !important;
  834.     right      : 0 !important;
  835.     left       : 0 !important;
  836.     display    : -ms-grid;
  837.     display    : grid;
  838.     place-items: center;
  839. }
  840.  
  841. #skinList .skinCard .itemOwn {
  842.     display: none;
  843. }
  844.  
  845. #skinList .skinCard .itemSea {
  846.     display: none;
  847. }
  848.  
  849. #skinList .skinCard .skinImg {
  850.     margin-top   : unset;
  851.     margin-bottom: unset;
  852.     position     : absolute;
  853.     top          : 0;
  854.     bottom       : 0;
  855.     left         : 0;
  856.     right        : 0;
  857.     width        : 100%;
  858.     height       : 100%;
  859.     -o-object-fit: contain;
  860.     object-fit   : contain;
  861. }
  862.  
  863. #skinList .skinCard .skinImgC {
  864.     position: absolute;
  865.     z-index : -122;
  866.     left    : 25%;
  867. }
  868.  
  869. #skinList .skinCard .skinImgD {
  870.     position: absolute;
  871.     left    : 65px;
  872.     bottom  : -20px;
  873. }
  874.  
  875. #skinList .skinCard .skinRandom {
  876.     display: none;
  877. }
  878.  
  879. #skinList .skinCard .secImg {
  880.     position: absolute;
  881.     left    : 60px;
  882.     top     : 10px;
  883.     z-index : -1 !important;
  884.     width   : 80px;
  885.     height  : 80px;
  886. }
  887.  
  888. #skinList .skinCard .selctInfoBtn {
  889.     padding           : unset;
  890.     padding-bottom    : unset;
  891.     padding-top       : unser;
  892.     position          : absolute;
  893.     top               : 0;
  894.     right             : 0;
  895.     color             : var(--accentColor);
  896.     font-family       : var(--mainFont);
  897.     font-size         : 20px;
  898.     background        : var(--subBgST);
  899.     padding-left      : 12px;
  900.     padding-right     : 12px;
  901.     -webkit-transition: color 280ms, background 280ms;
  902.     transition        : color 280ms, background 280ms;
  903. }
  904.  
  905. #skinList .skinCard .selctInfoBtn:hover {
  906.     color     : var(--subBg);
  907.     background: var(--accentColor);
  908. }
  909.  
  910. #skinList .skinCard[style="color:#292929;border:5px solid#292929"] {
  911.     color       : var(--accentColor) !important;
  912.     border-color: var(--accentColor) !important;
  913. }
  914.  
  915. #skinList .noBtnCard {
  916.     height               : 120px;
  917.     width                : auto;
  918.     border-left          : 0 !important;
  919.     border-right         : 0 !important;
  920.     border-radius        : 0 !important;
  921.     border-top           : 0 !important;
  922.     margin-left          : unset;
  923.     margin-right         : unset;
  924.     margin-bottom        : unset;
  925.     display              : -webkit-box;
  926.     display              : -ms-flexbox;
  927.     display              : flex;
  928.     -webkit-box-orient   : vertical;
  929.     -webkit-box-direction: normal;
  930.     -ms-flex-direction   : column;
  931.     flex-direction       : column;
  932.     -webkit-box-align    : start;
  933.     -ms-flex-align       : start;
  934.     align-items          : flex-start;
  935.     -webkit-box-pack     : end;
  936.     -ms-flex-pack        : end;
  937.     justify-content      : flex-end;
  938.     font-family          : var(--mainFont);
  939.     text-shadow          : unset !important;
  940.     height               : 120px !important;
  941.     background           : var(--primaryBg);
  942.     -webkit-filter       : brightness(1.4);
  943.     filter               : brightness(1.4);
  944. }
  945.  
  946. #skinList .noBtnCard div[style="color: #fff;margin-top: 33px;"] {
  947.     position   : absolute;
  948.     margin     : 0 !important;
  949.     top        : 0 !important;
  950.     bottom     : 0 !important;
  951.     right      : 0 !important;
  952.     left       : 0 !important;
  953.     display    : -ms-grid;
  954.     display    : grid;
  955.     place-items: center;
  956.     font-family: var(--mainFont);
  957.     font-size  : 1.4rem;
  958. }
  959.  
  960. #skinList .noBtnCard .sprayImg,
  961. #skinList .noBtnCard .noBtnImgC,
  962. #skinList .noBtnCard .noBtnImgR {
  963.     position           : absolute;
  964.     z-index            : -1 !important;
  965.     width              : 80px;
  966.     height             : 80px;
  967.     background-position: center !important;
  968.     top                : 50% !important;
  969.     left               : 50% !important;
  970.     -webkit-transform  : translate(-50%, -50%);
  971.     transform          : translate(-50%, -50%);
  972.     padding            : 0 !important;
  973.     margin             : 0 !important;
  974. }
  975.  
  976. #skinList .noBtnCard .noBtnImgR {
  977.     width : 30px;
  978.     height: 30px;
  979. }
  980.  
  981. #skinList .noBtnCard .customReticle {
  982.     position: absolute;
  983.     top     : 40px;
  984.     width   : 182px;
  985. }
  986.  
  987. #skinList .noBtnCard .itemOwn {
  988.     display: none;
  989. }
  990.  
  991. #skinList .noBtnCard .skinRandom {
  992.     display: none;
  993. }
  994.  
  995. #skinList .blackShad {
  996.     text-shadow: unset;
  997. }
  998.  
  999. #itemViewPop {
  1000.     height: 90vh;
  1001.     width : 90vw;
  1002. }
  1003.  
  1004. #itemViewPop iframe {
  1005.     width : 100% !important;
  1006.     height: 100% !important;
  1007. }
  1008.  
  1009. #itemSearchH {
  1010.     background: transparent;
  1011.     display   : -webkit-box;
  1012.     display   : -ms-flexbox;
  1013.     display   : flex;
  1014.     gap       : 1rem;
  1015. }
  1016.  
  1017. #itemSearchH .custBack {
  1018.     background   : var(--subBgST);
  1019.     border-radius: 100px;
  1020.     display      : -ms-grid;
  1021.     display      : grid;
  1022.     place-content: center;
  1023.     width        : 5rem;
  1024.     height       : 4.5rem;
  1025.     padding      : 0;
  1026.     margin       : 0;
  1027. }
  1028.  
  1029. #itemSearchH #itemSearch {
  1030.     all           : unset;
  1031.     background    : var(--primaryBg) !important;
  1032.     width         : calc(100% - 3rem) !important;
  1033.     padding       : 0.5rem 1.5rem;
  1034.     -webkit-filter: brightness(1.4);
  1035.     filter        : brightness(1.4);
  1036.     border-radius : 100px;
  1037.     font-family   : var(--subFont) !important;
  1038.     height        : 2.5rem;
  1039. }
  1040.  
  1041. #menuWindow[style="overflow-y: auto; width: 810px; max-height: calc(100% - 480px); top: 50%; transform: translate(-50%, -50%);"],
  1042. #menuWindow[style="overflow-y: auto; max-height: calc(100% - 480px); top: 50%; transform: translate(-50%, -50%); width: 810px;"] {
  1043.     min-height: 60vh;
  1044. }
  1045.  
  1046. #selectorContainer {
  1047.     position             : absolute;
  1048.     display              : inline-block;
  1049.     width                : 160px;
  1050.     height               : 100%;
  1051.     background-color     : transparent;
  1052.     -webkit-filter       : unset;
  1053.     filter               : unset;
  1054.     margin               : 0px;
  1055.     top                  : 0;
  1056.     bottom               : 0;
  1057.     left                 : 0;
  1058.     display              : -webkit-box;
  1059.     display              : -ms-flexbox;
  1060.     display              : flex;
  1061.     -webkit-box-orient   : vertical;
  1062.     -webkit-box-direction: normal;
  1063.     -ms-flex-direction   : column;
  1064.     flex-direction       : column;
  1065.     -webkit-box-align    : center;
  1066.     -ms-flex-align       : center;
  1067.     align-items          : center;
  1068.     -webkit-box-pack     : center;
  1069.     -ms-flex-pack        : center;
  1070.     justify-content      : center;
  1071. }
  1072.  
  1073. #selectorContainer .selectorItem {
  1074.     all          : unset;
  1075.     cursor       : pointer;
  1076.     display      : -ms-grid;
  1077.     display      : grid;
  1078.     place-content: center;
  1079.     width        : 160px;
  1080.     height       : 160px;
  1081. }
  1082.  
  1083. #selectorContainer .selectorItem .selectorLabel {
  1084.     all    : unset;
  1085.     display: none;
  1086. }
  1087.  
  1088. #selectorContainer .selectorItem .selectorIcon {
  1089.     all           : unset;
  1090.     pointer-events: none;
  1091.     width         : 100px;
  1092.     height        : 100px;
  1093. }
  1094.  
  1095. #selectorContainer .selectorItem .crisp-edges {
  1096.     image-rendering: -webkit-optimize-contrast;
  1097.     image-rendering: crisp-edges;
  1098. }
  1099.  
  1100. #selectorContainer .selectedItem {
  1101.     background-color: var(--primaryBg) !important;
  1102.     border-radius   : 0px 10px 10px 0px;
  1103.     -webkit-filter  : brightness(1.4) !important;
  1104.     filter          : brightness(1.4) !important;
  1105.     border          : none !important;
  1106. }
  1107.  
  1108. #selectorContainer .selectedItem:hover {
  1109.     -webkit-filter: brightness(1.1);
  1110.     filter        : brightness(1.1);
  1111. }
  1112.  
  1113. #menuWindow[style="overflow-y: auto;width: 940px;max-height: calc(100% - 480px);top: 50%;transform: translate(-50%, -50%);"] {
  1114.     width: 900px !important;
  1115. }
  1116.  
  1117. #customizeContainer {
  1118.     min-height  : 600px;
  1119.     padding-left: 150px !important;
  1120.     width       : 84% !important;
  1121. }
  1122.  
  1123. #customizeContainer .settName {
  1124.     border       : none;
  1125.     font-family  : var(--subFont);
  1126.     font-size    : 1.6rem;
  1127.     margin-bottom: 2rem;
  1128. }
  1129.  
  1130. #customizeContainer #loadoutHolder span {
  1131.     display              : -webkit-box;
  1132.     display              : -ms-flexbox;
  1133.     display              : flex;
  1134.     -webkit-box-orient   : horizontal;
  1135.     -webkit-box-direction: normal;
  1136.     -ms-flex-direction   : row;
  1137.     flex-direction       : row;
  1138.     -webkit-box-align    : center;
  1139.     -ms-flex-align       : center;
  1140.     align-items          : center;
  1141.     -webkit-box-pack     : start;
  1142.     -ms-flex-pack        : start;
  1143.     justify-content      : flex-start;
  1144.     border-bottom        : none !important;
  1145. }
  1146.  
  1147. #customizeContainer #loadoutHolder span #loadoutName {
  1148.     width         : 153px !important;
  1149.     margin        : 0 !important;
  1150.     padding       : 1rem 1.5rem !important;
  1151.     border-radius : 100px !important;
  1152.     background    : var(--primaryBg) !important;
  1153.     -webkit-filter: brightness(1.4) !important;
  1154.     filter        : brightness(1.4) !important;
  1155.     font-family   : var(--subFont);
  1156.     font-size     : 1.4rem;
  1157. }
  1158.  
  1159. #customizeContainer #loadoutHolder span #loadoutSelect {
  1160.     all           : unset !important;
  1161.     background    : var(--orange2-dark) !important;
  1162.     -webkit-filter: brightness(1.4) !important;
  1163.     filter        : brightness(1.4) !important;
  1164.     padding       : 0.85rem 1rem !important;
  1165.     font-family   : var(--mainFont) !important;
  1166.     border-radius : 10px !important;
  1167.     max-width     : 9rem !important;
  1168.     width         : -webkit-fit-content !important;
  1169.     width         : -moz-fit-content !important;
  1170.     width         : fit-content !important;
  1171.     min-width     : 10px !important;
  1172.     margin        : 0rem 1rem !important;
  1173.     cursor        : pointer !important;
  1174.     font-size     : 1.4rem !important;
  1175.     letter-spacing: 2px !important;
  1176. }
  1177.  
  1178. #customizeContainer #loadoutHolder span .loadoutBtn {
  1179.     all           : unset;
  1180.     font-family   : var(--mainFont);
  1181.     background    : var(--primaryBg);
  1182.     -webkit-filter: brightness(1.4);
  1183.     filter        : brightness(1.4);
  1184.     padding       : 1rem 1rem;
  1185.     margin        : 0rem 0.5rem;
  1186.     font-size     : 1.2rem;
  1187.     letter-spacing: 1px;
  1188.     cursor        : pointer !important;
  1189. }
  1190.  
  1191. #customizeContainer #loadoutHolder span .loadoutBtn:nth-child(3) {
  1192.     color: var(--orange) !important;
  1193. }
  1194.  
  1195. #customizeContainer #loadoutHolder span .loadoutBtn:nth-child(4) {
  1196.     color: var(--yellow) !important;
  1197. }
  1198.  
  1199. #customizeContainer #loadoutHolder span .loadoutBtn:nth-child(5) {
  1200.     color: var(--green) !important;
  1201. }
  1202.  
  1203. #customizeContainer div[style="border-bottom: 2px solid rgb(255,255,255,0.2);padding-bottom: 13px;margin-bottom: 13px;"] {
  1204.     border: 0 !important;
  1205. }
  1206.  
  1207. #customizeContainer .custContainer {
  1208.     background-color  : transparent !important;
  1209.     border            : none !important;
  1210.     -webkit-box-shadow: none !important;
  1211.     box-shadow        : none !important;
  1212.     -webkit-transition: background-color 280ms ease;
  1213.     transition        : background-color 280ms ease;
  1214. }
  1215.  
  1216. #customizeContainer .custContainer:hover {
  1217.     background-color: var(--subBg) !important;
  1218. }
  1219.  
  1220. #customizeContainer .custContainer .custItNm {
  1221.     display: none;
  1222. }
  1223.  
  1224. #customizeContainer .custContainer .settLabel {
  1225.     left          : 0;
  1226.     position      : absolute;
  1227.     font-size     : 22px;
  1228.     font-family   : var(--mainFont);
  1229.     letter-spacing: 2;
  1230.     text-shadow   : none !important;
  1231. }
  1232.  
  1233. #customizeContainer .custContainer .settLabel[style*="color:#292929"] {
  1234.     color: var(--accentColor) !important;
  1235. }
  1236.  
  1237. #customizeContainer .custContainer .selRandom {
  1238.     font-family: var(--mainFont);
  1239. }
  1240.  
  1241. #customizeContainer .custContainer .settName {
  1242.     top        : 0;
  1243.     left       : 0;
  1244.     padding    : 10px;
  1245.     padding-top: 20px;
  1246. }
  1247.  
  1248. #customizeContainer .custContainer[onclick*="(16)"] .settLabel,
  1249. #customizeContainer .custContainer[onclick*="(39)"] .settLabel,
  1250. #customizeContainer .custContainer[onclick*="(17)"] .settLabel,
  1251. #customizeContainer .custContainer[onclick*="(34)"] .settLabel,
  1252. #customizeContainer .custContainer[onclick*="(38)"] .settLabel,
  1253. #customizeContainer .custContainer[onclick*="(40)"] .settLabel,
  1254. #customizeContainer .custContainer[onclick*="(43)"] .settLabel,
  1255. #customizeContainer .custContainer[onclick*="(9)"] .settLabel {
  1256.     display: none !important;
  1257. }
  1258.  
  1259. #customizeContainer .custContainer[onclick*="(16)"] .custItNm,
  1260. #customizeContainer .custContainer[onclick*="(39)"] .custItNm,
  1261. #customizeContainer .custContainer[onclick*="(17)"] .custItNm,
  1262. #customizeContainer .custContainer[onclick*="(34)"] .custItNm,
  1263. #customizeContainer .custContainer[onclick*="(38)"] .custItNm,
  1264. #customizeContainer .custContainer[onclick*="(40)"] .custItNm,
  1265. #customizeContainer .custContainer[onclick*="(43)"] .custItNm,
  1266. #customizeContainer .custContainer[onclick*="(9)"] .custItNm {
  1267.     display       : block;
  1268.     top           : 0;
  1269.     left          : 0;
  1270.     padding       : 10px;
  1271.     position      : absolute;
  1272.     font-size     : 22px;
  1273.     font-family   : var(--mainFont);
  1274.     letter-spacing: 2;
  1275.     text-shadow   : none !important;
  1276. }
  1277.  
  1278. #customizeContainer .custIcon {
  1279.     margin       : 0;
  1280.     padding      : 0;
  1281.     position     : absolute;
  1282.     width        : 100%;
  1283.     height       : 100%;
  1284.     -o-object-fit: contain;
  1285.     object-fit   : contain;
  1286.     top          : 0;
  1287.     bottom       : 0;
  1288.     left         : 0;
  1289.     right        : 0;
  1290. }
  1291.  
  1292. .hostMap {
  1293.     border: 0;
  1294.     width : 283px;
  1295. }
  1296.  
  1297. .hostMap .blackShad {
  1298.     text-shadow: none;
  1299. }
  1300.  
  1301. .hostMap .hostMapYear,
  1302. .hostMap .hostMapVersion,
  1303. .hostMap .mapInfoT,
  1304. .hostMap .hostMapBy {
  1305.     display: none;
  1306. }
  1307.  
  1308. .hostMap .hostMapName {
  1309.     position          : absolute;
  1310.     top               : 50%;
  1311.     left              : 50%;
  1312.     -webkit-transform : translate(-50%, -50%);
  1313.     transform         : translate(-50%, -50%);
  1314.     font-size         : 20px;
  1315.     letter-spacing    : 2px;
  1316.     text-transform    : uppercase;
  1317.     color             : var(--c_white) !important;
  1318.     height            : 120px;
  1319.     width             : 269px;
  1320.     line-height       : 28px;
  1321.     padding-right     : 0px;
  1322.     z-index           : 69;
  1323.     pointer-events    : none;
  1324.     font-family       : var(--mainFont);
  1325.     display           : -webkit-box;
  1326.     display           : -ms-flexbox;
  1327.     display           : flex;
  1328.     -webkit-box-align : center;
  1329.     -ms-flex-align    : center;
  1330.     align-items       : center;
  1331.     padding-left      : 15px;
  1332.     background        : #00000057;
  1333.     -webkit-transition: color 280ms;
  1334.     transition        : color 280ms;
  1335. }
  1336.  
  1337. .hostMap .hostMapImg {
  1338.     -webkit-transform: none;
  1339.     transform        : none;
  1340.     -webkit-filter   : grayscale(50%);
  1341.     filter           : grayscale(50%);
  1342. }
  1343.  
  1344. .hostMap input:hover+.hostMapImg {
  1345.     -webkit-transform: none;
  1346.     transform        : none;
  1347.     opacity          : 1;
  1348.     -webkit-filter   : blur(2px);
  1349.     filter           : blur(2px);
  1350. }
  1351.  
  1352. .hostMap input:checked+.hostMapImg {
  1353.     -webkit-transform: none;
  1354.     transform        : none;
  1355.     opacity          : 1;
  1356.     -webkit-filter   : blur(20px);
  1357.     filter           : blur(20px);
  1358. }
  1359.  
  1360. .mapActionHol .material-icons,
  1361. .material-icons {
  1362.     font-family: "Material Icons" !important;
  1363. }
  1364.  
  1365. #tlInfHold {
  1366.     top                    : 0;
  1367.     bottom                 : 0;
  1368.     left                   : unset;
  1369.     right                  : 0;
  1370.     width                  : 360px;
  1371.     -webkit-backdrop-filter: blur(var(--blur-radius1, 20px));
  1372.     backdrop-filter        : blur(var(--blur-radius1, 20px));
  1373.     border-left            : 4px solid #ffffff1c;
  1374.     background             : #ffffff1f;
  1375.     z-index                : 111111;
  1376.     pointer-events         : all;
  1377.     right                  : -365px;
  1378.     -webkit-transition     : right 800ms cubic-bezier(0.77, 0.01, 0.32, 0.99);
  1379.     transition             : right 800ms cubic-bezier(0.77, 0.01, 0.32, 0.99);
  1380. }
  1381.  
  1382. #tlInfHold::after {
  1383.     content : "";
  1384.     position: absolute;
  1385.     top     : 0;
  1386.     bottom  : 0;
  1387.     left    : -20px;
  1388.     width   : 20px;
  1389. }
  1390.  
  1391. #tlInfHold::before {
  1392.     content           : "keyboard_double_arrow_left";
  1393.     font-family       : "Material Icons";
  1394.     position          : absolute;
  1395.     top               : 12%;
  1396.     left              : -74px;
  1397.     width             : auto;
  1398.     height            : auto;
  1399.     color             : white;
  1400.     display           : -ms-grid;
  1401.     display           : grid;
  1402.     place-content     : center;
  1403.     font-size         : 3rem;
  1404.     -webkit-transition: opacity 200ms;
  1405.     transition        : opacity 200ms;
  1406.     padding-right     : 25px;
  1407. }
  1408.  
  1409. #tlInfHold:hover {
  1410.     right: 0;
  1411. }
  1412.  
  1413. #tlInfHold:hover::before {
  1414.     opacity: 0;
  1415. }
  1416.  
  1417. #tlInfHold #streamContainer {
  1418.     background: transparent;
  1419.     color     : var(--c_white);
  1420.     margin    : 0;
  1421.     padding   : 0;
  1422. }
  1423.  
  1424. #tlInfHold #streamContainer #streamCon,
  1425. #tlInfHold #streamContainer #friendCon {
  1426.     display: block !important;
  1427. }
  1428.  
  1429. #tlInfHold #streamContainer .streamItem:first-child {
  1430.     margin       : 0.5rem !important;
  1431.     padding      : 1rem;
  1432.     border-radius: 5px;
  1433.     font-family  : var(--mainFont);
  1434. }
  1435.  
  1436. #tlInfHold #streamContainer .streamItem:first-child .strmCat {
  1437.     font-family: var(--mainFont);
  1438.     font-size  : 2rem;
  1439.     text-shadow: unset !important;
  1440.     margin     : 0 !important;
  1441. }
  1442.  
  1443. #tlInfHold #streamContainer .streamItem:last-child {
  1444.     margin-bottom: 2rem !important;
  1445. }
  1446.  
  1447. #tlInfHold #streamContainer .streamItem:not(:first-child) {
  1448.     margin           : 0.5rem;
  1449.     margin-bottom    : 0.9rem;
  1450.     padding          : 0.5rem 1rem;
  1451.     border-radius    : 5px;
  1452.     display          : -webkit-box;
  1453.     display          : -ms-flexbox;
  1454.     display          : flex;
  1455.     -webkit-box-align: center;
  1456.     -ms-flex-align   : center;
  1457.     align-items      : center;
  1458.     -webkit-box-pack : start;
  1459.     -ms-flex-pack    : start;
  1460.     justify-content  : flex-start;
  1461. }
  1462.  
  1463. #tlInfHold #streamContainer .streamItem:not(:first-child)>*:not(:last-child) {
  1464.     margin-right: 1rem !important;
  1465. }
  1466.  
  1467. #tlInfHold #streamContainer .streamItem:not(:first-child) .strmIcn {
  1468.     background     : transparent;
  1469.     margin         : 0;
  1470.     width          : 50px;
  1471.     height         : 50px;
  1472.     image-rendering: -webkit-optimize-contrast;
  1473. }
  1474.  
  1475. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName {
  1476.     width            : 100%;
  1477.     -webkit-transform: translateY(-3px);
  1478.     transform        : translateY(-3px);
  1479. }
  1480.  
  1481. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName:hover {
  1482.     opacity: 1;
  1483. }
  1484.  
  1485. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName .strmLink {
  1486.     font-family   : var(--mainFont);
  1487.     font-size     : 1.4rem;
  1488.     text-shadow   : unset !important;
  1489.     letter-spacing: 1px;
  1490. }
  1491.  
  1492. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName .strmPartner {
  1493.     margin: 0;
  1494. }
  1495.  
  1496. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName .strmPartner .streamPartner {
  1497.     color      : var(--c_whiteST);
  1498.     margin-left: 2px;
  1499.     top        : 5px;
  1500. }
  1501.  
  1502. #tlInfHold #streamContainer .streamItem:not(:first-child) .streamName .strmViews {
  1503.     font-family: var(--subFont);
  1504.     font-size  : 1rem;
  1505.     color      : var(--c_whiteST);
  1506. }
  1507.  
  1508. #tlInfHold #streamContainer .streamItem:not(:first-child):hover {
  1509.     background: #ffffff1f;
  1510. }
  1511.  
  1512. #tlInfHold #friendCon .strmIcn {
  1513.     border-radius: 5px;
  1514. }
  1515.  
  1516. #tlInfHold #friendCon .strmIcn[src*="./img/favicon.png"] {
  1517.     -ms-interpolation-mode: nearest-neighbor !important;
  1518.     image-rendering       : -webkit-optimize-contrast !important;
  1519.     image-rendering       : -moz-crisp-edges !important;
  1520.     image-rendering       : -o-pixelated !important;
  1521.     image-rendering       : pixelated !important;
  1522. }
  1523.  
  1524. #tlInfHold #friendCon .strmLink {
  1525.     line-break: anywhere;
  1526. }
  1527.  
  1528. #tlInfHold .frndQickJoin {
  1529.     position: unset;
  1530. }
  1531.  
  1532. #tlInfHold .frndQickJoin span {
  1533.     margin-top: 0px !important;
  1534. }
  1535.  
  1536. #tlInfHold .youNewDiv {
  1537.     display          : -webkit-box;
  1538.     display          : -ms-flexbox;
  1539.     display          : flex;
  1540.     -webkit-box-align: center;
  1541.     -ms-flex-align   : center;
  1542.     align-items      : center;
  1543.     -webkit-box-pack : start;
  1544.     -ms-flex-pack    : start;
  1545.     justify-content  : flex-start;
  1546.     padding          : 1rem 1.8rem;
  1547.     margin           : 0;
  1548.     margin-bottom    : 0rem;
  1549.     border-radius    : 0px;
  1550.     background       : #ffffff0d;
  1551. }
  1552.  
  1553. #tlInfHold .youNewDiv>*:not(:last-child) {
  1554.     margin-right: 1rem !important;
  1555. }
  1556.  
  1557. #tlInfHold .youNewDiv img,
  1558. #tlInfHold .youNewDiv #updateAdIcon {
  1559.     width          : 50px;
  1560.     height         : 50px;
  1561.     margin         : 0;
  1562.     padding        : 0;
  1563.     image-rendering: -webkit-optimize-contrast;
  1564. }
  1565.  
  1566. #tlInfHold .youNewDiv #helpTxtHol {
  1567.     font-family   : var(--mainFont);
  1568.     font-size     : 1.4rem;
  1569.     text-shadow   : unset !important;
  1570.     letter-spacing: 1px;
  1571.     width         : calc(100% - 4.8rem);
  1572. }
  1573.  
  1574. #tlInfHold .youNewDiv #helpTxtHol #helpGuidOpn,
  1575. #tlInfHold .youNewDiv #helpTxtHol #updateAdVersion {
  1576.     font-family   : var(--subFont);
  1577.     font-size     : 1rem;
  1578.     letter-spacing: unset;
  1579.     color         : var(--c_whiteST);
  1580. }
  1581.  
  1582. #tlInfHold #twitchDropsAd {
  1583.     border-color: #9661f780;
  1584.     background  : #9661f780 !important;
  1585. }
  1586.  
  1587. #adCon,
  1588. #topRightAdHolder,
  1589. #streamContainer,
  1590. #clientWatermark::before,
  1591. #clientWatermark::after {
  1592.     display: none !important;
  1593. }
  1594.  
  1595. #menuWindow {
  1596.     background: var(--primaryBg) !important;
  1597. }
  1598.  
  1599. .settingsHeader {
  1600.     background: var(--primaryBg) !important;
  1601. }
  1602.  
  1603. #settingsTabLayout {
  1604.     background: transparent;
  1605. }
  1606.  
  1607. #settingsTabLayout .settingTab {
  1608.     padding       : 15px 0 15px;
  1609.     background    : unset;
  1610.     font-family   : var(--mainFont);
  1611.     font-size     : 1.4rem;
  1612.     letter-spacing: 2px;
  1613.     text-transform: uppercase;
  1614.     color         : var(--c_whiteST) !important;
  1615. }
  1616.  
  1617. #settingsTabLayout .tabANew {
  1618.     color        : var(--c_white) !important;
  1619.     border-bottom: 5px solid var(--accentColor) !important;
  1620. }
  1621.  
  1622. .setHed,
  1623. .setHedS {
  1624.     border            : unset;
  1625.     background        : transparent;
  1626.     font-family       : var(--mainFont) !important;
  1627.     color             : var(--accentColor) !important;
  1628.     -webkit-transition: background 280ms ease;
  1629.     transition        : background 280ms ease;
  1630.     border-radius     : 6px;
  1631.     padding           : 10px 10px;
  1632.     margin-top        : 25px;
  1633.     font-size         : 2rem;
  1634.     letter-spacing    : 1px;
  1635.     cursor            : pointer;
  1636. }
  1637.  
  1638. .setHed:hover,
  1639. .setHedS:hover {
  1640.     background: var(--subBg) !important;
  1641. }
  1642.  
  1643. .setHed span,
  1644. .setHedS span {
  1645.     color: var(--c_white);
  1646. }
  1647.  
  1648. .setHed #requiresRestart,
  1649. .setHedS #requiresRestart {
  1650.     font-family: var(--subFont) !important;
  1651.     color      : var(--c_whiteST) !important;
  1652.     font-size  : 1.5rem;
  1653. }
  1654.  
  1655. .setHed #requiresRestart span,
  1656. .setHedS #requiresRestart span {
  1657.     font-size: 15px;
  1658. }
  1659.  
  1660. .setBodH {
  1661.     margin-bottom : 15px;
  1662.     margin-top    : 0px;
  1663.     padding-bottom: unset;
  1664.     background    : transparent;
  1665. }
  1666.  
  1667. .settName {
  1668.     font-family  : var(--subFont) !important;
  1669.     color        : var(--c_white) !important;
  1670.     font-size    : 1.6rem;
  1671.     border-bottom: none;
  1672.     background   : transparent;
  1673.     margin-bottom: 2rem;
  1674.     padding      : 4px 0px;
  1675.     background   : transparent !important;
  1676. }
  1677.  
  1678. .settName span {
  1679.     height   : -webkit-fit-content;
  1680.     height   : -moz-fit-content;
  1681.     height   : fit-content;
  1682.     font-size: medium;
  1683. }
  1684.  
  1685. #gameNameHolder,
  1686. #seasonLabel,
  1687. #newsHolder {
  1688.     display: none;
  1689. }
  1690.  
  1691. #menuItemContainer {
  1692.     all                    : unset;
  1693.     position               : fixed;
  1694.     bottom                 : 0;
  1695.     left                   : 0;
  1696.     width                  : 130px;
  1697.     height                 : 100%;
  1698.     padding-top            : 5rem;
  1699.     -webkit-backdrop-filter: blur(var(--blur-radius1, 20px));
  1700.     backdrop-filter        : blur(var(--blur-radius1, 20px));
  1701.     border-right           : 4px solid #ffffff1c;
  1702.     background             : #ffffff1f;
  1703.     display                : -webkit-box;
  1704.     display                : -ms-flexbox;
  1705.     display                : flex;
  1706.     -webkit-box-orient     : vertical;
  1707.     -webkit-box-direction  : normal;
  1708.     -ms-flex-direction     : column;
  1709.     flex-direction         : column;
  1710.     -webkit-box-align      : center;
  1711.     -ms-flex-align         : center;
  1712.     align-items            : center;
  1713.     -webkit-box-pack       : start;
  1714.     -ms-flex-pack          : start;
  1715.     justify-content        : flex-start;
  1716.     pointer-events         : all;
  1717. }
  1718.  
  1719. #menuItemContainer::after {
  1720.     content            : "";
  1721.     position           : absolute;
  1722.     top                : 0;
  1723.     left               : 0;
  1724.     width              : 100%;
  1725.     aspect-ratio       : 1 / 1;
  1726.     height             : 120px;
  1727.     background-image   : var(--sidebar-logo, url("https://www.krunker.io/img/krunker.png"));
  1728.     background-size    : 50%;
  1729.     background-position: center;
  1730.     background-repeat  : no-repeat;
  1731.     -webkit-transform  : translateY(80px);
  1732.     transform          : translateY(80px);
  1733.     -webkit-filter     : brightness(0) invert(1);
  1734.     filter             : brightness(0) invert(1);
  1735. }
  1736.  
  1737. #menuItemContainer .menuItem {
  1738.     all               : unset;
  1739.     display           : -ms-grid;
  1740.     display           : grid;
  1741.     place-items       : center;
  1742.     pointer-events    : all;
  1743.     cursor            : pointer;
  1744.     width             : 100%;
  1745.     height            : 105px;
  1746.     aspect-ratio      : 1 / 1;
  1747.     -webkit-transition: -webkit-transform 500ms ease;
  1748.     transition        : -webkit-transform 500ms ease;
  1749.     transition        : transform 500ms ease;
  1750.     transition        : transform 500ms ease, -webkit-transform 500ms ease;
  1751.     margin-bottom     : 0;
  1752. }
  1753.  
  1754. #menuItemContainer .menuItem:hover {
  1755.     background: var(--sidebarIconBgOnHover, #ffffff12) !important;
  1756. }
  1757.  
  1758. #menuItemContainer .menuItem:hover .menBtnIcn,
  1759. #menuItemContainer .menuItem:hover .menuItemIcon {
  1760.     color            : var(--sidebarIconColorOnHover, white) !important;
  1761.     -webkit-filter   : unset;
  1762.     filter           : unset;
  1763.     -webkit-transform: scale(1.2);
  1764.     transform        : scale(1.2);
  1765. }
  1766.  
  1767. #menuItemContainer .menuItem:first-child {
  1768.     margin-top: 7rem;
  1769. }
  1770.  
  1771. #menuItemContainer .menuItem .menuItemTitle {
  1772.     display: none;
  1773. }
  1774.  
  1775. #menuItemContainer .menuItem .menBtnIcn,
  1776. #menuItemContainer .menuItem .menuItemIcon {
  1777.     background-repeat  : no-repeat;
  1778.     background-size    : contain;
  1779.     background-position: center;
  1780.     -webkit-filter     : brightness(0) invert(1);
  1781.     filter             : brightness(0) invert(1);
  1782.     -webkit-transition : -webkit-transform 400ms ease;
  1783.     transition         : -webkit-transform 400ms ease;
  1784.     transition         : transform 400ms ease;
  1785.     transition         : transform 400ms ease, -webkit-transform 400ms ease;
  1786. }
  1787.  
  1788. #menuItemContainer #clientExit {
  1789.     margin-top: auto !important;
  1790. }
  1791.  
  1792. #menuItemContainer #clientExit span {
  1793.     background-image   : url("https://raw.githubusercontent.com/MOF1/krunker_css/refs/heads/main/img/menu-icons/exit.png");
  1794.     background-size    : 50%;
  1795.     background-position: center;
  1796.     width              : 100%;
  1797.     height             : 100%;
  1798.     color              : transparent !important;
  1799. }
  1800.  
  1801. #menuItemContainer #clientExit:hover {
  1802.     background: #ffffff12 !important;
  1803. }
  1804.  
  1805. #signedOutHeaderBar {
  1806.     all                    : unset;
  1807.     position               : fixed;
  1808.     top                    : 0;
  1809.     background             : #ffffff1f;
  1810.     -webkit-backdrop-filter: blur(var(--blur-radius1, 20px));
  1811.     backdrop-filter        : blur(var(--blur-radius1, 20px));
  1812.     height                 : 100px;
  1813.     width                  : calc(100% - 120px - 4.84rem);
  1814.     right                  : 0;
  1815.     padding                : 0.5rem 2rem;
  1816.     display                : -webkit-box;
  1817.     display                : -ms-flexbox;
  1818.     display                : flex;
  1819.     -webkit-box-orient     : horizontal;
  1820.     -webkit-box-direction  : normal;
  1821.     -ms-flex-direction     : row;
  1822.     flex-direction         : row;
  1823.     -webkit-box-align      : center;
  1824.     -ms-flex-align         : center;
  1825.     align-items            : center;
  1826.     -webkit-box-pack       : start;
  1827.     -ms-flex-pack          : start;
  1828.     justify-content        : flex-start;
  1829.     border-bottom          : 4px solid #ffffff1c;
  1830.     border-radius          : 0px !important;
  1831.     pointer-events         : all;
  1832. }
  1833.  
  1834. #signedOutHeaderBar .lgn {
  1835.     width: unset !important;
  1836. }
  1837.  
  1838. #signedInHeaderBar {
  1839.     all                    : unset;
  1840.     position               : fixed;
  1841.     top                    : 0;
  1842.     background             : #ffffff1f;
  1843.     -webkit-backdrop-filter: blur(var(--blur-radius1, 20px));
  1844.     backdrop-filter        : blur(var(--blur-radius1, 20px));
  1845.     height                 : 100px;
  1846.     width                  : calc(100% - 120px - 2.8rem);
  1847.     right                  : 0;
  1848.     padding                : 0.5rem 2rem;
  1849.     display                : -webkit-box;
  1850.     display                : -ms-flexbox;
  1851.     display                : flex;
  1852.     -webkit-box-orient     : horizontal;
  1853.     -webkit-box-direction  : normal;
  1854.     -ms-flex-direction     : row;
  1855.     flex-direction         : row;
  1856.     -webkit-box-align      : center;
  1857.     -ms-flex-align         : center;
  1858.     align-items            : center;
  1859.     -webkit-box-pack       : start;
  1860.     -ms-flex-pack          : start;
  1861.     justify-content        : flex-start;
  1862.     border-bottom          : 4px solid #ffffff1c;
  1863.     pointer-events         : all;
  1864.     border-radius          : 0px !important;
  1865. }
  1866.  
  1867. #signedInHeaderBar .verticalSeparator {
  1868.     margin-left      : 1rem;
  1869.     margin-right     : 2rem;
  1870.     margin-top       : 0.9rem;
  1871.     -webkit-transform: rotate(20deg);
  1872.     transform        : rotate(20deg);
  1873. }
  1874.  
  1875. #signedInHeaderBar #menuUsernameContainer {
  1876.     margin-right: 1rem;
  1877. }
  1878.  
  1879. #signedInHeaderBar #menuUsernameContainer #menuMiniProfilePic {
  1880.     width                 : 60px;
  1881.     height                : 100%;
  1882.     -ms-interpolation-mode: nearest-neighbor;
  1883.     image-rendering       : -webkit-optimize-contrast;
  1884.     image-rendering       : -moz-crisp-edges;
  1885.     image-rendering       : -o-pixelated;
  1886.     image-rendering       : pixelated;
  1887.     margin-right          : unset;
  1888.     border-radius         : unset;
  1889.     -webkit-filter        : brightness(1.2);
  1890.     filter                : brightness(1.2);
  1891.     margin-right          : 2rem;
  1892. }
  1893.  
  1894. #signedInHeaderBar #menuUsernameContainer #menuAccountUsername {
  1895.     font-family   : var(--mainFont);
  1896.     font-size     : 1.8rem;
  1897.     letter-spacing: 2px;
  1898.     line-height   : 60px;
  1899. }
  1900.  
  1901. #signedInHeaderBar #menuUsernameContainer #menuAccountUsername:hover {
  1902.     color: var(--accentColor);
  1903. }
  1904.  
  1905. #signedInHeaderBar .krInfo {
  1906.     margin-right: 1rem;
  1907. }
  1908.  
  1909. #signedInHeaderBar .krInfo #menuKRCount {
  1910.     font-size   : 1.7rem;
  1911.     font-family : var(--mainFont);
  1912.     margin-right: 0.5rem;
  1913.     line-height : 60px;
  1914. }
  1915.  
  1916. #signedInHeaderBar .krInfo #menuKRCount span {
  1917.     color      : white !important;
  1918.     font-size  : 1.7rem;
  1919.     font-family: var(--mainFont);
  1920. }
  1921.  
  1922. #signedInHeaderBar .krInfo .krSocial,
  1923. #mapInfoHld,
  1924. #menuClassIcn,
  1925. #menuClassSubtext,
  1926. #matchInfo.topLeftOld,
  1927. #headerRightSocial {
  1928.     display: none !important;
  1929. }
  1930.  
  1931. #chatCategories {
  1932.     visibility: hidden;
  1933. }
  1934.  
  1935. #signedInHeaderBar .junkInfo #menuJNKCount {
  1936.     font-family: var(--mainFont);
  1937.     font-size  : 1.7rem;
  1938. }
  1939.  
  1940. #signedInHeaderBar .junkInfo #menuJNKCount span {
  1941.     margin-left   : 12px !important;
  1942.     margin-right  : 0px !important;
  1943.     font-size     : 2rem !important;
  1944.     -webkit-filter: brightness(2);
  1945.     filter        : brightness(2);
  1946. }
  1947.  
  1948. #signedInHeaderBar #mailContainer #mailIcon:hover {
  1949.     color: var(--accentColor) !important;
  1950. }
  1951.  
  1952. #signedInHeaderBar #mLevelCont {
  1953.     all              : unset;
  1954.     position         : unset;
  1955.     left             : unset;
  1956.     font-size        : 1.8rem;
  1957.     letter-spacing   : 1px;
  1958.     margin-left      : 20px;
  1959.     background       : #ffffff29;
  1960.     padding          : 0rem 2rem;
  1961.     border-radius    : 100px;
  1962.     color            : var(--c_white);
  1963.     display          : -webkit-box;
  1964.     display          : -ms-flexbox;
  1965.     display          : flex;
  1966.     -webkit-box-align: center;
  1967.     -ms-flex-align   : center;
  1968.     align-items      : center;
  1969.     margin-left      : 3rem;
  1970.     padding-left     : 2.4rem;
  1971. }
  1972.  
  1973. #signedInHeaderBar #mLevelCont::before {
  1974.     content     : "LVL ";
  1975.     opacity     : 0.5;
  1976.     margin-right: 0.5rem;
  1977. }
  1978.  
  1979. #signedInHeaderBar #mLevelCont::before,
  1980. #signedInHeaderBar #mLevelCont #mLevelContV {
  1981.     font-family: var(--mainFont);
  1982.     line-height: 54px;
  1983. }
  1984.  
  1985. #signedInHeaderBar #mLevelCont .rankClck {
  1986.     all         : unset;
  1987.     height      : -webkit-fit-content;
  1988.     height      : -moz-fit-content;
  1989.     height      : fit-content;
  1990.     aspect-ratio: 1 / 1;
  1991.     height      : 36px;
  1992.     margin-left : 1rem;
  1993. }
  1994.  
  1995. #signedInHeaderBar #menuLvlHold {
  1996.     display   : block;
  1997.     position  : absolute;
  1998.     width     : 100%;
  1999.     left      : 0;
  2000.     height    : 4px;
  2001.     bottom    : -6px;
  2002.     background: transparent;
  2003. }
  2004.  
  2005. #signedInHeaderBar #menuLvlHold #menuLevelBar {
  2006.     background-image: -webkit-gradient(linear, left top, right top, from(var(--gradientColor4)), to(var(--gradientColor3)));
  2007.     background-image: linear-gradient(to right, var(--gradientColor4), var(--gradientColor3));
  2008. }
  2009.  
  2010. #headerRight {
  2011.     all                  : unset;
  2012.     position             : fixed;
  2013.     top                  : 0;
  2014.     background           : transparent;
  2015.     height               : 100px;
  2016.     right                : 0;
  2017.     padding              : 0.5rem 2rem;
  2018.     display              : -webkit-box;
  2019.     display              : -ms-flexbox;
  2020.     display              : flex;
  2021.     -webkit-box-orient   : horizontal;
  2022.     -webkit-box-direction: normal;
  2023.     -ms-flex-direction   : row;
  2024.     flex-direction       : row;
  2025.     -webkit-box-align    : center;
  2026.     -ms-flex-align       : center;
  2027.     align-items          : center;
  2028.     -webkit-box-pack     : end;
  2029.     -ms-flex-pack        : end;
  2030.     justify-content      : flex-end;
  2031.     pointer-events       : auto;
  2032. }
  2033.  
  2034. #headerRight #menuServerInfoContainer {
  2035.     -webkit-box-align    : center;
  2036.     -ms-flex-align       : center;
  2037.     align-items          : center;
  2038.     -webkit-box-orient   : horizontal;
  2039.     -webkit-box-direction: reverse;
  2040.     -ms-flex-direction   : row-reverse;
  2041.     flex-direction       : row-reverse;
  2042. }
  2043.  
  2044. #headerRight #menuServerInfoContainer>*:not(:first-child) {
  2045.     margin-right: 1.5rem !important;
  2046. }
  2047.  
  2048. #headerRight #menuServerInfoContainer #menuRegionLabel {
  2049.     font-family: var(--mainFont);
  2050.     font-size  : 1.8rem;
  2051. }
  2052.  
  2053. #headerRight #menuServerInfoContainer .menuDebugInfo>*:not(:last-child) {
  2054.     margin-right: 1rem !important;
  2055. }
  2056.  
  2057. #headerRight #menuServerInfoContainer #menuFPSDisplay {
  2058.     font-family: var(--mainFont);
  2059.     font-size  : 1.8rem;
  2060. }
  2061.  
  2062. #headerRight #menuServerInfoContainer #menuFPSDisplay #menuFPS {
  2063.     font-family: var(--mainFont);
  2064.     font-size  : 1.8rem;
  2065. }
  2066.  
  2067. #headerRight #menuServerInfoContainer #menuPingDisplay {
  2068.     display          : -webkit-box;
  2069.     display          : -ms-flexbox;
  2070.     display          : flex;
  2071.     -webkit-box-align: center;
  2072.     -ms-flex-align   : center;
  2073.     align-items      : center;
  2074. }
  2075.  
  2076. #headerRight #menuServerInfoContainer #menuPingDisplay>*:not(:last-child) {
  2077.     margin-right: 0.4rem;
  2078. }
  2079.  
  2080. #headerRight #menuServerInfoContainer #menuPingDisplay #menuPingIcon {
  2081.     font-family: "Material Icons";
  2082.     font-weight: normal;
  2083.     font-style : normal;
  2084.     font-size  : 2rem;
  2085. }
  2086.  
  2087. #headerRight #menuServerInfoContainer #menuPingDisplay #menuPingIcon[style*="color: gray"] {
  2088.     color: var(--dirty-light) !important;
  2089. }
  2090.  
  2091. #headerRight #menuServerInfoContainer #menuPingDisplay #menuPingText {
  2092.     font-family: var(--mainFont);
  2093.     font-size  : 1.8rem;
  2094. }
  2095.  
  2096. #headerRight #editorBtnM,
  2097. #headerRight .downloadClient,
  2098. #headerRight .redditSocial,
  2099. #headerRight .discordSocial,
  2100. #headerRight .verticalSeparator {
  2101.     display: none !important;
  2102. }
  2103.  
  2104. #headerRight .menuSocialB[onclick*="openDiscord()"] {
  2105.     margin-right: 40px !important;
  2106.     margin-left : 40px !important;
  2107. }
  2108.  
  2109. #headerRight .menuSocialB {
  2110.     cursor: pointer;
  2111. }
  2112.  
  2113. #aHider {
  2114.     display: none !important;
  2115. }
  2116.  
  2117. #subLogoButtons {
  2118.     position         : absolute;
  2119.     bottom           : unset;
  2120.     left             : unset;
  2121.     -webkit-transform: unset;
  2122.     transform        : unset;
  2123.     margin-top       : 9rem;
  2124.     margin-left      : 9rem;
  2125. }
  2126.  
  2127. #menuBtnRanked {
  2128.     pointer-events: initial;
  2129. }
  2130.  
  2131. #menuBtnRanked #rankedSoonTm {
  2132.     top               : unset;
  2133.     bottom            : -62px;
  2134.     border            : none;
  2135.     background        : #ffffff1f;
  2136.     font-family       : var(--subFont);
  2137.     font-size         : 1.3rem;
  2138.     font-weight       : 100;
  2139.     opacity           : 0;
  2140.     -webkit-transform : translateY(-10px);
  2141.     transform         : translateY(-10px);
  2142.     -webkit-transition: opacity 300ms, -webkit-transform 300ms;
  2143.     transition        : opacity 300ms, -webkit-transform 300ms;
  2144.     transition        : opacity 300ms, transform 300ms;
  2145.     transition        : opacity 300ms, transform 300ms, -webkit-transform 300ms;
  2146. }
  2147.  
  2148. #menuBtnRanked #rankedSoonTm::before {
  2149.     bottom           : unset;
  2150.     top              : -9px;
  2151.     -webkit-transform: translateX(-50%) rotate(180deg);
  2152.     transform        : translateX(-50%) rotate(180deg);
  2153.     border-top       : 9px solid white;
  2154. }
  2155.  
  2156. #menuBtnRanked:hover #rankedSoonTm {
  2157.     -webkit-transform: translateY(0);
  2158.     transform        : translateY(0);
  2159.     opacity          : 1;
  2160. }
  2161.  
  2162. .button {
  2163.     background-color: transparent;
  2164.     font-family     : var(--mainFont);
  2165.     font-weight     : bold;
  2166.     font-size       : 2rem !important;
  2167.     border          : none !important;
  2168. }
  2169.  
  2170. .button:hover {
  2171.     -webkit-filter: brightness(1.2);
  2172.     filter        : brightness(1.2);
  2173.     border        : none !important;
  2174.     color         : var(--accentColor) !important;
  2175. }
  2176.  
  2177. .button.small {
  2178.     font-size: 2rem !important;
  2179. }
  2180.  
  2181. .buttonD,
  2182. .buttonD:hover {
  2183.     background-color  : transparent !important;
  2184.     -webkit-box-shadow: unset !important;
  2185.     box-shadow        : unset !important;
  2186. }
  2187.  
  2188. #menuClassContainer {
  2189.     height               : 200px;
  2190.     width                : 500px;
  2191.     position             : absolute;
  2192.     top                  : unset;
  2193.     right                : -45px;
  2194.     bottom               : 240px;
  2195.     background-color     : transparent;
  2196.     pointer-events       : all;
  2197.     display              : -webkit-box;
  2198.     display              : -ms-flexbox;
  2199.     display              : flex;
  2200.     -webkit-box-orient   : vertical;
  2201.     -webkit-box-direction: normal;
  2202.     -ms-flex-direction   : column;
  2203.     flex-direction       : column;
  2204.     -webkit-box-align    : start;
  2205.     -ms-flex-align       : start;
  2206.     align-items          : start;
  2207.     padding-left         : 2rem;
  2208.     padding-right        : 2rem;
  2209.     padding-top          : 1rem;
  2210.     padding-bottom       : 1rem;
  2211.     -webkit-box-pack     : space-evenly;
  2212.     -ms-flex-pack        : space-evenly;
  2213.     justify-content      : space-evenly;
  2214. }
  2215.  
  2216. #menuClassContainer #bubbleContainer {
  2217.     display: none;
  2218. }
  2219.  
  2220. #menuClassContainer #classPreviewCanvas {
  2221.     position: absolute;
  2222.     top     : -150.3%;
  2223.     left    : -6%;
  2224.     z-index : -1;
  2225. }
  2226.  
  2227. #menuClassContainer #menuClassNameTag {
  2228.     margin-top   : unset;
  2229.     position     : unset;
  2230.     text-shadow  : unset;
  2231.     font-family  : var(--mainFont);
  2232.     font-size    : 1.7rem;
  2233.     margin-bottom: 1rem;
  2234. }
  2235.  
  2236. #menuClassContainer #menuClassNameTag img[src*="img/ranked"] {
  2237.     display: none;
  2238. }
  2239.  
  2240. #menuClassContainer #menuClassNameTag .menuClassLevelBox {
  2241.     padding       : unset;
  2242.     margin-right  : 20px;
  2243.     font-size     : unset;
  2244.     vertical-align: middle;
  2245.     text-shadow   : unset;
  2246.     background    : transparent;
  2247.     font-family   : var(--mainFont);
  2248. }
  2249.  
  2250. #menuClassContainer #menuClassNameTag .menuClassPlayerName {
  2251.     text-shadow: unset;
  2252.     font-family: var(--mainFont);
  2253. }
  2254.  
  2255. #menuClassContainer #menuClassNameTag .menuClassPlayerClan {
  2256.     text-shadow: unset;
  2257.     font-family: var(--mainFont);
  2258. }
  2259.  
  2260. #menuClassContainer #menuClassSubtext {
  2261.     margin-bottom: unset;
  2262.     position     : unset;
  2263.     text-shadow  : unset;
  2264.     font-family  : var(--mainFont);
  2265. }
  2266.  
  2267. #menuClassContainer #menuClassSubtext span {
  2268.     margin-bottom: unset;
  2269.     position     : unset;
  2270.     text-shadow  : unset;
  2271.     font-family  : var(--mainFont);
  2272.     font-size    : 2rem;
  2273. }
  2274.  
  2275. #menuClassContainer #menuClassSubtext span[style="color:#292929"] {
  2276.     color       : var(--accentColor) !important;
  2277.     border-color: var(--accentColor) !important;
  2278. }
  2279.  
  2280. #menuClassContainer #menuClassName {
  2281.     margin-bottom: unset;
  2282.     position     : unset;
  2283.     text-shadow  : unset;
  2284.     font-family  : var(--mainFont);
  2285.     display      : none;
  2286. }
  2287.  
  2288.  
  2289.  
  2290. #policeButton {
  2291.     color        : #fff;
  2292.     border-radius: unset;
  2293.     border       : none !important;
  2294.     border       : none;
  2295. }
  2296.  
  2297. #menuClassContainer div #customizeButton {
  2298.     -webkit-box-shadow: unset !important;
  2299.     box-shadow        : unset !important;
  2300.     display           : block;
  2301.     position          : absolute;
  2302.     right             : 0;
  2303.     bottom            : 7%;
  2304.     -webkit-transition: color 280ms;
  2305.     transition        : color 280ms;
  2306.     color             : var(--c_white);
  2307.     background        : transparent !important;
  2308.     text-shadow       : none !important;
  2309.     font-size         : 30px !important;
  2310.     font-family       : var(--mainFont);
  2311. }
  2312.  
  2313. #menuClassContainer div #customizeButton span {
  2314.     color             : var(--c_white);
  2315.     font-family       : "Material Icons";
  2316.     -webkit-transition: color 280ms;
  2317.     transition        : color 280ms;
  2318. }
  2319.  
  2320. #menuClassContainer div #customizeButton:hover {
  2321.     color            : var(--accentColor) !important;
  2322.     -webkit-transform: unset;
  2323.     transform        : unset;
  2324. }
  2325.  
  2326. #menuClassContainer div #customizeButton:hover span {
  2327.     color: var(--accentColor) !important;
  2328. }
  2329.  
  2330. #hiddenClasses {
  2331.     position             : absolute;
  2332.     bottom               : 55px;
  2333.     right                : 10px;
  2334.     left                 : unset;
  2335.     display              : -ms-grid !important;
  2336.     display              : grid !important;
  2337.     grid-template-columns: repeat(6, 1fr);
  2338.     -webkit-box-align    : start;
  2339.     -ms-flex-align       : start;
  2340.     align-items          : flex-start;
  2341.     -webkit-box-pack     : start;
  2342.     -ms-flex-pack        : start;
  2343.     justify-content      : flex-start;
  2344.     gap                  : 10px;
  2345.     width                : calc(450px - 2rem);
  2346.     padding              : 1rem;
  2347.     background           : var(--primaryBg);
  2348.     -webkit-clip-path    : polygon(0 0, 100% 0, 100% 95px, 0 95px);
  2349.     clip-path            : polygon(0 0, 100% 0, 100% 95px, 0 95px);
  2350.     -webkit-transition   : -webkit-clip-path 300ms ease;
  2351.     transition           : -webkit-clip-path 300ms ease;
  2352.     transition           : clip-path 300ms ease;
  2353.     transition           : clip-path 300ms ease, -webkit-clip-path 300ms ease;
  2354.     pointer-events       : initial;
  2355. }
  2356.  
  2357. #hiddenClasses:hover {
  2358.     -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  2359.     clip-path        : polygon(0 0, 100% 0, 100% 100%, 0 100%);
  2360. }
  2361.  
  2362. #hiddenClasses>* {
  2363.     width                 : 61px;
  2364.     height                : 61px;
  2365.     border-radius         : 5px;
  2366.     cursor                : pointer;
  2367.     pointer-events        : fill;
  2368.     background-repeat     : no-repeat;
  2369.     background-position   : center;
  2370.     background-size       : 60%;
  2371.     -ms-interpolation-mode: nearest-neighbor;
  2372.     image-rendering       : -webkit-optimize-contrast;
  2373.     image-rendering       : -moz-crisp-edges;
  2374.     image-rendering       : -o-pixelated;
  2375.     image-rendering       : pixelated;
  2376.     -webkit-transition    : background-color 300ms, -webkit-transform 300ms;
  2377.     transition            : background-color 300ms, -webkit-transform 300ms;
  2378.     transition            : background-color 300ms, transform 300ms;
  2379.     transition            : background-color 300ms, transform 300ms, -webkit-transform 300ms;
  2380. }
  2381.  
  2382. #hiddenClasses>*:hover {
  2383.     background-color: var(--subBgST);
  2384. }
  2385.  
  2386. #hiddenClasses>*:active {
  2387.     -webkit-transform: scale(0.9);
  2388.     transform        : scale(0.9);
  2389. }
  2390.  
  2391. #hiddenClasses #menuClassPicker0 {
  2392.     background-image: url("https://assets.krunker.io/textures/classes/icon_0.png");
  2393. }
  2394.  
  2395. #hiddenClasses #menuClassPicker1 {
  2396.     background-image: url("https://assets.krunker.io/textures/classes/icon_1.png");
  2397. }
  2398.  
  2399. #hiddenClasses #menuClassPicker2 {
  2400.     -ms-grid-row    : 1;
  2401.     -ms-grid-column : 2;
  2402.     grid-area       : 1 / 2;
  2403.     background-image: url("https://assets.krunker.io/textures/classes/icon_2.png");
  2404. }
  2405.  
  2406. #hiddenClasses #menuClassPicker3 {
  2407.     -ms-grid-row    : 1;
  2408.     -ms-grid-column : 3;
  2409.     grid-area       : 1 / 3;
  2410.     background-image: url("https://assets.krunker.io/textures/classes/icon_3.png");
  2411. }
  2412.  
  2413. #hiddenClasses #menuClassPicker4 {
  2414.     -ms-grid-row    : 1;
  2415.     -ms-grid-column : 6;
  2416.     grid-area       : 1 / 6;
  2417.     background-image: url("https://assets.krunker.io/textures/classes/icon_4.png");
  2418. }
  2419.  
  2420. #hiddenClasses #menuClassPicker5 {
  2421.     background-image: url("https://assets.krunker.io/textures/classes/icon_5.png");
  2422. }
  2423.  
  2424. #hiddenClasses #menuClassPicker6 {
  2425.     background-image: url("https://assets.krunker.io/textures/classes/icon_6.png");
  2426. }
  2427.  
  2428. #hiddenClasses #menuClassPicker6 {
  2429.     background-image: url("https://assets.krunker.io/textures/classes/icon_6.png");
  2430. }
  2431.  
  2432. #hiddenClasses #menuClassPicker7 {
  2433.     background-image: url("https://assets.krunker.io/textures/classes/icon_7.png");
  2434. }
  2435.  
  2436. #hiddenClasses #menuClassPicker8 {
  2437.     background-image: url("https://assets.krunker.io/textures/classes/icon_8.png");
  2438. }
  2439.  
  2440. #hiddenClasses #menuClassPicker9 {
  2441.     background-image: url("https://assets.krunker.io/textures/classes/icon_9.png");
  2442. }
  2443.  
  2444. #hiddenClasses #menuClassPicker11 {
  2445.     background-image: url("https://assets.krunker.io/textures/classes/icon_11.png");
  2446. }
  2447.  
  2448. #hiddenClasses #menuClassPicker12 {
  2449.     background-image: url("https://assets.krunker.io/textures/classes/icon_12.png");
  2450. }
  2451.  
  2452. #hiddenClasses #menuClassPicker10,
  2453. #hiddenClasses #menuClassPicker13,
  2454. #hiddenClasses #menuClassPicker14,
  2455. #hiddenClasses #menuClassPicker15 {
  2456.     display: none !important;
  2457. }
  2458.  
  2459. #instructions {
  2460.     position         : absolute;
  2461.     top              : 50%;
  2462.     left             : 50%;
  2463.     margin-right     : -50%;
  2464.     -webkit-transform: translate(-50%, -50%);
  2465.     transform        : translate(-50%, -50%);
  2466.     z-index          : 9;
  2467.     font-size        : 50px;
  2468.     font-family      : var(--mainFont);
  2469.     word-spacing     : 1rem;
  2470.     color            : transparent;
  2471.     background-size  : 450%;
  2472.     -webkit-animation: none;
  2473.     animation        : none;
  2474.     color            : var(--c_whiteST);
  2475. }
  2476.  
  2477. #instructionHolder * {
  2478.     font-family: var(--mainFont) !important;
  2479. }
  2480.  
  2481. #instructionHolder div {
  2482.     word-spacing: unset;
  2483. }
  2484.  
  2485. #mapInfoHolder {
  2486.     z-index: 1;
  2487. }
  2488.  
  2489. #mapInfoHolder div div {
  2490.     display: none !important;
  2491. }
  2492.  
  2493. #mapInfoHolder div div:last-child {
  2494.     display: inline-block !important;
  2495. }
  2496.  
  2497. #mapInfo {
  2498.     font-size    : 24px;
  2499.     margin-bottom: 10px;
  2500.     font-family  : var(--mainFont);
  2501. }
  2502.  
  2503. #termsInfo {
  2504.     background           : var(--primaryBg);
  2505.     height               : 30px;
  2506.     display              : -webkit-box;
  2507.     display              : -ms-flexbox;
  2508.     display              : flex;
  2509.     -webkit-box-orient   : vertical;
  2510.     -webkit-box-direction: normal;
  2511.     -ms-flex-direction   : column;
  2512.     flex-direction       : column;
  2513.     -webkit-box-align    : center;
  2514.     -ms-flex-align       : center;
  2515.     align-items          : center;
  2516.     -webkit-box-pack     : center;
  2517.     -ms-flex-pack        : center;
  2518.     justify-content      : center;
  2519.     padding-top          : 12px;
  2520. }
  2521.  
  2522. /*Bottom right*/
  2523.  
  2524. .terms,
  2525. .verticalSeparatorInline {
  2526.     display: none;
  2527. }
  2528.  
  2529. #termsInfo {
  2530.     background: transparent;
  2531.     padding   : unset !important;
  2532.     bottom    : 0;
  2533. }
  2534.  
  2535. /* #spectButton {
  2536.     top              : calc(50% - -50px) !important;
  2537.     padding          : 0.5rem;
  2538.     background       : var(--purple);
  2539.     border-radius    : 60px;
  2540.     padding-left     : 2rem;
  2541.     padding-right    : 2rem;
  2542.     background-size  : 450%;
  2543.     -webkit-animation: none !important;
  2544.     animation        : none !important;
  2545. }
  2546.  
  2547. #spectButton span {
  2548.     color      : var(--primaryBg) !important;
  2549.     font-family: var(--mainFont);
  2550.     font-size  : 25px !important;
  2551. }
  2552.  
  2553. #spectButton .switchsml {
  2554.     margin-left      : 1rem;
  2555.     -webkit-transform: translateY(-3px);
  2556.     transform        : translateY(-3px);
  2557. }
  2558.  
  2559. #spectButton .sliderSml {
  2560.     background: var(--c_whiteST);
  2561. }
  2562.  
  2563. #spectButton input:checked+.sliderSml:before {
  2564.     background: var(--primaryBg);
  2565. }
  2566.  
  2567. #spectButton .sliderSml::before {
  2568.     background: var(--subBgST);
  2569. } */
  2570.  
  2571.  
  2572. #uiBase.onMenu #spectButton {
  2573.     display    : flex;
  2574.     align-items: center;
  2575.     position   : absolute;
  2576.     top        : 270px;
  2577.     left       : 110px;
  2578.     transform  : translateX(50%);
  2579.     z-index    : 2;
  2580.     color      : rgba(255, 255, 255, 0.5);
  2581.     font-size  : 18px;
  2582. }
  2583.  
  2584. .sliderSml:before {
  2585.     display: none !important;
  2586. }
  2587.  
  2588. #spectButton span {
  2589.     position   : fixed;
  2590.     left       : 50%;
  2591.     transform  : translate(-50%);
  2592.     font-size  : 0px !important;
  2593.     color      : transparent;
  2594.     align-items: center !important;
  2595.     width      : 100px;
  2596.     height     : 25px;
  2597. }
  2598.  
  2599. #spectButton::before {
  2600.     position        : fixed;
  2601.     align-items     : center !important;
  2602.     left            : 50%;
  2603.     transform       : translate(-50%);
  2604.     top             : -200%;
  2605.     font-size       : 35px !important;
  2606.     background-color: transparent;
  2607.     font-weight     : bold;
  2608.     content         : "Spec";
  2609.     font-family     : var(--mainFont);
  2610.     color           : var(--accentColor);
  2611. }
  2612.  
  2613. #spectButton:after {
  2614.     position   : fixed;
  2615.     align-items: center !important;
  2616.     left       : 50%;
  2617.     transform  : translate(-50%);
  2618.     top        : -85%;
  2619.     font-size  : 25px !important;
  2620.     font-weight: bold;
  2621.     content    : "";
  2622.     color      : var(--primaryBg);
  2623. }
  2624.  
  2625. input:checked+.sliderSml {
  2626.     background-color: #FE8A89;
  2627. }
  2628.  
  2629. .switchsml {
  2630.     width : 100px;
  2631.     height: 25px;
  2632. }
  2633.  
  2634. .chatItem {
  2635.     font-family  : var(--mainFont);
  2636.     font-size    : 20px;
  2637.     padding-right: 5px;
  2638.     background   : transparent !important;
  2639.     max-width    : 565px;
  2640. }
  2641.  
  2642. .chatItem span {
  2643.     font-family: var(--subFont);
  2644.     font-size  : 22px;
  2645.     background : transparent !important;
  2646. }
  2647.  
  2648. .chatItem span[style="color:#fc03ec"] {
  2649.     color: var(--gradientColor1) !important;
  2650. }
  2651.  
  2652. #chatHolder {
  2653.     position             : absolute;
  2654.     z-index              : 1000;
  2655.     width                : 500px;
  2656.     bottom               : 20px;
  2657.     left                 : 20px;
  2658.     background           : rgba(0, 0, 0, 0.4);
  2659.     padding              : 0;
  2660.     border-radius        : 5px;
  2661.     display              : -webkit-box;
  2662.     display              : -ms-flexbox;
  2663.     display              : flex;
  2664.     -webkit-box-orient   : vertical;
  2665.     -webkit-box-direction: normal;
  2666.     -ms-flex-direction   : column;
  2667.     flex-direction       : column;
  2668.     -webkit-box-pack     : end;
  2669.     -ms-flex-pack        : end;
  2670.     justify-content      : flex-end;
  2671.     min-height           : 300px;
  2672.     -webkit-mask-image   : -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(black), to(black));
  2673.     -webkit-mask-image   : linear-gradient(to bottom, transparent, black, black);
  2674.     mask-image           : -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(black), to(black));
  2675.     mask-image           : linear-gradient(to bottom, transparent, black, black);
  2676. }
  2677.  
  2678. #chatHolder #chatList {
  2679.     background: transparent;
  2680. }
  2681.  
  2682. #chatHolder #chatList::-webkit-scrollbar-thumb {
  2683.     background: var(--c_whiteST);
  2684. }
  2685.  
  2686. #chatHolder #chatList::-webkit-scrollbar-track {
  2687.     background-color: transparent;
  2688. }
  2689.  
  2690. #chatInputHolder {
  2691.     width             : 100%;
  2692.     padding           : 6px;
  2693.     padding-left      : unset;
  2694.     margin-top        : 6px;
  2695.     font-size         : 15px;
  2696.     -webkit-box-sizing: border-box;
  2697.     box-sizing        : border-box;
  2698.     background-color  : rgba(0, 0, 0, 0.1);
  2699. }
  2700.  
  2701. #chatInputHolder:not(:last-child) {
  2702.     margin-right: 0.5rem;
  2703. }
  2704.  
  2705. #chatSwitchHolder {
  2706.     display      : block;
  2707.     padding-left : 10px;
  2708.     padding-right: 10px;
  2709. }
  2710.  
  2711. #chatInput {
  2712.     margin-left   : 0px;
  2713.     width         : 100%;
  2714.     margin        : 0;
  2715.     background    : transparent !important;
  2716.     border        : 0;
  2717.     padding       : 0px;
  2718.     padding-bottom: 5px;
  2719.     font-family   : var(--subFont);
  2720.     font-size     : 22px !important;
  2721.     color         : var(--c_white) !important;
  2722. }
  2723.  
  2724. .mapActionB .material-icons {
  2725.     font-family: "Material Icons" !important;
  2726. }
  2727.  
  2728. #modVote {
  2729.     font-size    : 24px;
  2730.     font-family  : var(--mainFont);
  2731.     margin-bottom: 10px;
  2732. }
  2733.  
  2734. #modVoteHold {
  2735.     display     : inline-block;
  2736.     margin-right: 1rem;
  2737. }
  2738.  
  2739. #modVoteHold #modVoteD {
  2740.     color           : var(--accentColor) !important;
  2741.     background-color: transparent !important;
  2742. }
  2743.  
  2744. #modVoteHold #modVoteU {
  2745.     color           : var(--l-accentColor) !important;
  2746.     background-color: transparent !important;
  2747. }
  2748.  
  2749. #bottomLeftHolder {
  2750.     background   : -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--subBgST))) !important;
  2751.     background   : linear-gradient(to top, transparent, var(--subBgST)) !important;
  2752.     width        : 304px;
  2753.     border-radius: 7px;
  2754.     position     : fixed;
  2755.     bottom       : -5px;
  2756. }
  2757.  
  2758. #bottomLeftHolder div[style="display:inline-block;vertical-align:bottom"] {
  2759.     display              : -webkit-box !important;
  2760.     display              : -ms-flexbox !important;
  2761.     display              : flex !important;
  2762.     vertical-align       : unset !important;
  2763.     -webkit-box-orient   : vertical;
  2764.     -webkit-box-direction: normal;
  2765.     -ms-flex-direction   : column;
  2766.     flex-direction       : column;
  2767.     -webkit-box-align    : end;
  2768.     -ms-flex-align       : end;
  2769.     align-items          : flex-end;
  2770.     -webkit-box-pack     : end;
  2771.     -ms-flex-pack        : end;
  2772.     justify-content      : flex-end;
  2773.     height               : auto;
  2774.     width                : 100%;
  2775.     position             : absolute !important;
  2776.     bottom               : 0;
  2777.     margin               : 0;
  2778.     padding              : 0;
  2779. }
  2780.  
  2781. #bottomLeftHolder #bottomLeftClassImg {
  2782.     width           : 80px;
  2783.     height          : auto;
  2784.     border-radius   : 0;
  2785.     margin-right    : 5px;
  2786.     margin-bottom   : 10px;
  2787.     display         : inline-block;
  2788.     background-color: transparent;
  2789.     position        : relative;
  2790.     border-radius   : 5px;
  2791. }
  2792.  
  2793. #bottomLeftHolder #bottomLeftClassImg #hudClassImg {
  2794.     opacity: var(--profile-pic-op, 1);
  2795. }
  2796.  
  2797. #bottomLeftHolder #bottomLeftClassImg::after {
  2798.     content            : "";
  2799.     position           : absolute;
  2800.     top                : 0;
  2801.     bottom             : 0;
  2802.     left               : 0;
  2803.     right              : 0;
  2804.     width              : 80px;
  2805.     height             : 80px;
  2806.     border-radius      : 7px;
  2807.     background-image   : var(--profile-pic);
  2808.     background-repeat  : no-repeat;
  2809.     background-size    : cover;
  2810.     background-position: center;
  2811.     z-index            : -1;
  2812. }
  2813.  
  2814. #bottomLeftHolder #bottomLeftPlayerRight {
  2815.     right           : 0;
  2816.     display         : block;
  2817.     background-color: transparent;
  2818.     border-radius   : 0;
  2819.     padding         : 0;
  2820.     margin-bottom   : 38px;
  2821.     padding-right   : 30px;
  2822.     position        : absolute;
  2823.     bottom          : 0;
  2824.     letter-spacing  : 0.1rem;
  2825. }
  2826.  
  2827. #bottomLeftHealth {
  2828.     font-family: var(--mainFont);
  2829.     font-size  : 45px;
  2830.     color      : var(--c_white);
  2831. }
  2832.  
  2833. #bottomLeftHealth span {
  2834.     font-family: var(--subFont);
  2835.     font-size  : 20px;
  2836.     color      : var(--c_whiteST);
  2837.     opacity    : 0.7;
  2838. }
  2839.  
  2840. #bottomLeftHolder #healthValueHolder,
  2841. #bottomLeftChallIcon {
  2842.     display: none !important;
  2843. }
  2844.  
  2845. #bottomLeftHealthBar {
  2846.     display       : flex;
  2847.     position      : relative;
  2848.     z-index       : 69;
  2849.     height        : 8px !important;
  2850.     width         : 296px;
  2851.     bottom        : -40px;
  2852.     left          : -98px;
  2853.     flex-direction: row;
  2854.     column-gap    : 0;
  2855. }
  2856.  
  2857. .nHealthBarSeg {
  2858.     height       : -webkit-fill-available;
  2859.     width        : -webkit-fill-available;
  2860.     border-radius: unset;
  2861.     background   : transparent;
  2862.     margin-right : -0.5px;
  2863.     margin-left  : -0.5px;
  2864. }
  2865.  
  2866. .nHealthBarSeg:last-child .nHpBSeg {
  2867.     border-bottom-right-radius: 5px;
  2868.     border-top-right-radius   : 5px;
  2869.  
  2870. }
  2871.  
  2872. .nHealthBarSeg:first-child .nHpBSeg {
  2873.     border-top-left-radius   : 5px;
  2874.     border-bottom-left-radius: 5px;
  2875. }
  2876.  
  2877. .nHpBSeg {
  2878.     background-color: var(--accentColor) !important;
  2879.     border-radius   : unset;
  2880.     box-shadow      : none !important;
  2881. }
  2882.  
  2883. #teamName,
  2884. #bottomLeftTeamType,
  2885. #bottomLeftTeamName {
  2886.     display: none;
  2887. }
  2888.  
  2889. .leaderItem .material-icons {
  2890.     font-family: "Material Icons" !important;
  2891. }
  2892.  
  2893. #botRightHider #weapHolder {
  2894.     display              : -webkit-box !important;
  2895.     display              : -ms-flexbox !important;
  2896.     display              : flex !important;
  2897.     -webkit-box-orient   : horizontal;
  2898.     -webkit-box-direction: normal;
  2899.     -ms-flex-direction   : row;
  2900.     flex-direction       : row;
  2901.     -webkit-box-align    : end;
  2902.     -ms-flex-align       : end;
  2903.     align-items          : flex-end;
  2904.     -webkit-box-pack     : start;
  2905.     -ms-flex-pack        : start;
  2906.     justify-content      : flex-start;
  2907.     width                : 300px;
  2908.     height               : auto;
  2909.     -webkit-transform    : translate(5px, 70px);
  2910.     transform            : translate(5px, 70px);
  2911.     z-index              : 699;
  2912. }
  2913.  
  2914. #botRightHider #weapHolder .weapItem {
  2915.     width             : auto;
  2916.     height            : 100%;
  2917.     -webkit-transition: opacity 280ms;
  2918.     transition        : opacity 280ms;
  2919. }
  2920.  
  2921. #botRightHider #weapHolder .weapItem image {
  2922.     -webkit-transition: all 280ms;
  2923.     transition        : all 280ms;
  2924. }
  2925.  
  2926. #botRightHider #weapHolder .weapItem .weapIcon {
  2927.     width             : 60px;
  2928.     height            : auto;
  2929.     -webkit-transition: all 280ms;
  2930.     transition        : all 280ms;
  2931. }
  2932.  
  2933. .weapKey {
  2934.     display: none;
  2935. }
  2936.  
  2937. .weapSkin {
  2938.     display: none !important;
  2939. }
  2940.  
  2941. #weapItem_0[style*="opacity: 1"] img,
  2942. #weapItem_0[style="opacity: 1"] img,
  2943. #weapItem_0[style="opacity:1"] img {
  2944.     opacity          : 0.8 !important;
  2945.     -webkit-filter   : contrast(3.5);
  2946.     filter           : contrast(3.5);
  2947.     -webkit-transform: translate(20px, -50px) scale(2);
  2948.     transform        : translate(20px, -50px) scale(2);
  2949. }
  2950.  
  2951. #weapItem_1[style*="opacity: 1"] img,
  2952. #weapItem_1[style="opacity: 1"] img,
  2953. #weapItem_1[style="opacity:1"] img {
  2954.     opacity          : 0.8 !important;
  2955.     -webkit-filter   : contrast(3.5);
  2956.     filter           : contrast(3.5);
  2957.     -webkit-transform: translate(-50px, -40px) scale(2.5);
  2958.     transform        : translate(-50px, -40px) scale(2.5);
  2959. }
  2960.  
  2961. #weapItem_2[style*="opacity: 1"] img,
  2962. #weapItem_2[style="opacity: 1"] img,
  2963. #weapItem_2[style="opacity:1"] img {
  2964.     opacity          : 0.8 !important;
  2965.     -webkit-filter   : contrast(3.5);
  2966.     filter           : contrast(3.5);
  2967.     -webkit-transform: translate(-120px, -40px) scale(2.6);
  2968.     transform        : translate(-120px, -40px) scale(2.6);
  2969. }
  2970.  
  2971. @-webkit-keyframes breathe {
  2972.     0% {
  2973.         opacity: 0;
  2974.     }
  2975.  
  2976.     100% {
  2977.         opacity: 1;
  2978.     }
  2979. }
  2980.  
  2981. @keyframes breathe {
  2982.     0% {
  2983.         opacity: 0;
  2984.     }
  2985.  
  2986.     100% {
  2987.         opacity: 1;
  2988.     }
  2989. }
  2990.  
  2991. #reloadMsg {
  2992.     position   : absolute;
  2993.     left       : unset;
  2994.     top        : unset;
  2995.     bottom     : 130px;
  2996.     right      : 20px;
  2997.     background : transparent;
  2998.     border     : none;
  2999.     font-family: var(--mainFont);
  3000. }
  3001.  
  3002. #reloadMsg::after {
  3003.     -webkit-animation: breathe 1s infinite alternate;
  3004.     animation        : breathe 1s infinite alternate;
  3005.     content          : "report_problem";
  3006.     font-size        : 40px;
  3007.     font-family      : "Material Icons";
  3008.     position         : absolute;
  3009.     left             : unset;
  3010.     top              : unset;
  3011.     bottom           : 5.5px;
  3012.     right            : 10px;
  3013. }
  3014.  
  3015. #bottomRight {
  3016.     width        : 304px;
  3017.     border-radius: 7px;
  3018. }
  3019.  
  3020. #bottomRight #ammoHolder {
  3021.     display              : -webkit-box !important;
  3022.     display              : -ms-flexbox !important;
  3023.     display              : flex !important;
  3024.     -webkit-box-orient   : horizontal;
  3025.     -webkit-box-direction: normal;
  3026.     -ms-flex-direction   : row;
  3027.     flex-direction       : row;
  3028.     -webkit-box-align    : end;
  3029.     -ms-flex-align       : end;
  3030.     align-items          : flex-end;
  3031.     -webkit-box-pack     : end;
  3032.     -ms-flex-pack        : end;
  3033.     justify-content      : flex-end;
  3034.     background-color     : transparent;
  3035.     background-image     : -webkit-gradient(linear, left bottom, left top, from(var(--accentColorST)), to(var(--accentColorST))) !important;
  3036.     background-image     : linear-gradient(to top, var(--accentColorST), var(--accentColorST)) !important;
  3037.     border-radius        : 10px;
  3038.     width                : 290px;
  3039.     height               : 100px;
  3040.     -webkit-transform    : translateY(-15px);
  3041.     transform            : translateY(-15px);
  3042. }
  3043.  
  3044. #bottomRight #ammoHolder::after {
  3045.     content      : "";
  3046.     position     : absolute;
  3047.     top          : 0 !important;
  3048.     bottom       : 0 !important;
  3049.     right        : 0 !important;
  3050.     left         : 0 !important;
  3051.     background   : -webkit-gradient(linear, left bottom, left top, from(transparent), to(var(--subBgST))) !important;
  3052.     background   : linear-gradient(to top, transparent, var(--subBgST)) !important;
  3053.     border-radius: 10px;
  3054.     z-index      : -1;
  3055. }
  3056.  
  3057. #bottomRight #ammoHolder #ammoVal {
  3058.     font-family   : var(--mainFont) !important;
  3059.     font-size     : 45px !important;
  3060.     color         : var(--c_white) !important;
  3061.     margin-bottom : 1rem;
  3062.     letter-spacing: 1px !important;
  3063.     padding-left  : 100px;
  3064. }
  3065.  
  3066. #bottomRight #ammoHolder #ammoMax {
  3067.     font-family   : var(--subFont) !important;
  3068.     font-size     : 20px !important;
  3069.     color         : var(--c_whiteST) !important;
  3070.     margin-bottom : 2.6rem;
  3071.     margin-right  : 2.2rem;
  3072.     letter-spacing: 1px !important;
  3073. }
  3074.  
  3075. #bottomRight #ammoHolder #ammoIcon {
  3076.     display: none !important;
  3077. }
  3078.  
  3079. #igXPBar {
  3080.     display: none !important;
  3081. }
  3082.  
  3083. #topLeftHolder {
  3084.     top: 40px;
  3085. }
  3086.  
  3087. #topLeftHolder * {
  3088.     font-family: var(--mainFont) !important;
  3089.     font-size  : 1.5rem;
  3090. }
  3091.  
  3092. #topLeftHolder .tScoreF {
  3093.     font-family: Material Icons !important;
  3094. }
  3095.  
  3096. #topLeftHolder #roundsDisplay {
  3097.     background: transparent;
  3098. }
  3099.  
  3100. #topLeftHolder #roundsDisplay #roundsVal {
  3101.     letter-spacing: 10px;
  3102.     margin-right  : 1rem;
  3103. }
  3104.  
  3105. #topLeftHolder #roundsDisplay #roundsVal::first-letter {
  3106.     font-size: 3.5rem;
  3107. }
  3108.  
  3109. #topLeftHolder #roundsDisplay #roundsVal:not(::first-letter) {
  3110.     opacity: 0.5;
  3111. }
  3112.  
  3113. #topLeftHolder #roundsDisplay #roundSub {
  3114.     font-family: var(--subFont) !important;
  3115. }
  3116.  
  3117. #topLeftHolder #curGameInfo>div {
  3118.     display: none;
  3119. }
  3120.  
  3121. #topLeftHolder #timerHolder {
  3122.     background: transparent !important;
  3123.     padding   : 0 !important;
  3124.     margin    : 0 !important;
  3125. }
  3126.  
  3127. #topLeftHolder #timerHolder #timerIcon {
  3128.     display: none;
  3129.     width  : 0;
  3130.     height : 0;
  3131. }
  3132.  
  3133. #topLeftHolder #timerHolder #timerVal {
  3134.     font-size: 60px !important;
  3135.     padding  : 0 !important;
  3136.     margin   : 0 !important;
  3137. }
  3138.  
  3139. #topLeftHolder .debugInfo {
  3140.     display              : inline-block;
  3141.     vertical-align       : unset;
  3142.     position             : absolute;
  3143.     top                  : 0;
  3144.     left                 : 0;
  3145.     display              : -webkit-box;
  3146.     display              : -ms-flexbox;
  3147.     display              : flex;
  3148.     -webkit-box-orient   : horizontal;
  3149.     -webkit-box-direction: normal;
  3150.     -ms-flex-direction   : row;
  3151.     flex-direction       : row;
  3152.     -webkit-transform    : translate(5px, -35px);
  3153.     transform            : translate(5px, -35px);
  3154. }
  3155.  
  3156. #topLeftHolder .debugInfo #fpsDisplay[style="display: block;"] {
  3157.     display              : -webkit-box !important;
  3158.     display              : -ms-flexbox !important;
  3159.     display              : flex !important;
  3160.     -webkit-box-orient   : horizontal;
  3161.     -webkit-box-direction: normal;
  3162.     -ms-flex-direction   : row;
  3163.     flex-direction       : row;
  3164.     font-family          : var(--mainFont) !important;
  3165.     width                : 100px;
  3166.     margin-right         : 1.5rem;
  3167. }
  3168.  
  3169. #topLeftHolder .debugInfo #fpsDisplay[style="display: block;"] #ingameFPS {
  3170.     margin-right: 6px;
  3171. }
  3172.  
  3173. #topLeftHolder .debugInfo #pingDisplay[style="display: block;"] {
  3174.     display              : -webkit-box !important;
  3175.     display              : -ms-flexbox !important;
  3176.     display              : flex !important;
  3177.     -webkit-box-orient   : horizontal;
  3178.     -webkit-box-direction: normal;
  3179.     -ms-flex-direction   : row;
  3180.     flex-direction       : row;
  3181.     width                : 100px;
  3182.     margin-right         : 1.5rem;
  3183. }
  3184.  
  3185. #topLeftHolder .debugInfo #pingDisplay[style="display: block;"] #pingIcon {
  3186.     margin-left: 6px;
  3187.     font-size  : 28px;
  3188.     font-family: Material Icons !important;
  3189. }
  3190.  
  3191. #topLeftHolder .debugInfo #ingressDisplay[style="display: block;"] {
  3192.     display              : -webkit-box !important;
  3193.     display              : -ms-flexbox !important;
  3194.     display              : flex !important;
  3195.     -webkit-box-orient   : horizontal;
  3196.     -webkit-box-direction: normal;
  3197.     -ms-flex-direction   : row;
  3198.     flex-direction       : row;
  3199.     width                : 280px;
  3200.     margin-right         : 1.5rem;
  3201.     -webkit-box-align    : center;
  3202.     -ms-flex-align       : center;
  3203.     align-items          : center;
  3204. }
  3205.  
  3206. #topLeftHolder .debugInfo #ingressDisplay[style="display: block;"] #ingressIcon {
  3207.     margin-left : 6px;
  3208.     margin-right: 2px;
  3209.     font-size   : 28px;
  3210.     color       : var(--gradientColor1) !important;
  3211.     font-family : Material Icons !important;
  3212. }
  3213.  
  3214. #topLeftHolder .debugInfo #ingressDisplay[style="display: block;"] #ingressDataSize {
  3215.     margin-left: 1rem;
  3216.     text-align : left;
  3217.     width      : 200px;
  3218. }
  3219.  
  3220. #topLeftHolder .debugInfo #egressDisplay[style="display: block;"] {
  3221.     display              : -webkit-box !important;
  3222.     display              : -ms-flexbox !important;
  3223.     display              : flex !important;
  3224.     -webkit-box-orient   : horizontal;
  3225.     -webkit-box-direction: normal;
  3226.     -ms-flex-direction   : row;
  3227.     flex-direction       : row;
  3228.     width                : 280px;
  3229.     margin-right         : 1.5rem;
  3230.     -webkit-box-align    : center;
  3231.     -ms-flex-align       : center;
  3232.     align-items          : center;
  3233. }
  3234.  
  3235. #topLeftHolder .debugInfo #egressDisplay[style="display: block;"] #egressIcon {
  3236.     margin-left : 6px;
  3237.     margin-right: 2px;
  3238.     font-size   : 28px;
  3239.     color       : var(--gradientColor2) !important;
  3240.     font-family : Material Icons !important;
  3241. }
  3242.  
  3243. #topLeftHolder .debugInfo #egressDisplay[style="display: block;"] #egressDataSize {
  3244.     margin-left: 1rem;
  3245.     text-align : left;
  3246.     width      : 200px;
  3247. }
  3248.  
  3249. #killFeed>div .kfItem {
  3250.     background-color: unset;
  3251. }
  3252.  
  3253. #killFeed>div .kfItem .kfMsg span {
  3254.     font-family: var(--mainFont) !important;
  3255.     font-size  : 1.4rem;
  3256. }
  3257.  
  3258. .topRightCounters {
  3259.     position             : fixed;
  3260.     display              : -webkit-box;
  3261.     display              : -ms-flexbox;
  3262.     display              : flex;
  3263.     -webkit-box-orient   : horizontal;
  3264.     -webkit-box-direction: normal;
  3265.     -ms-flex-direction   : row;
  3266.     flex-direction       : row;
  3267.     -webkit-box-align    : center;
  3268.     -ms-flex-align       : center;
  3269.     align-items          : center;
  3270.     left                 : 50%;
  3271.     bottom               : -50px;
  3272.     -webkit-transform    : translateX(-50%);
  3273.     transform            : translateX(-50%);
  3274.     margin-bottom        : 50px;
  3275.     -webkit-box-pack     : center;
  3276.     -ms-flex-pack        : center;
  3277.     justify-content      : center;
  3278. }
  3279.  
  3280. .topRightCounters .countIcon {
  3281.     background           : transparent;
  3282.     font-size            : 2.8rem !important;
  3283.     padding              : 0 !important;
  3284.     margin               : 0;
  3285.     text-align           : center;
  3286.     display              : -webkit-box !important;
  3287.     display              : -ms-flexbox !important;
  3288.     display              : flex !important;
  3289.     -webkit-box-orient   : horizontal;
  3290.     -webkit-box-direction: normal;
  3291.     -ms-flex-direction   : row;
  3292.     flex-direction       : row;
  3293.     -webkit-box-align    : end;
  3294.     -ms-flex-align       : end;
  3295.     align-items          : flex-end;
  3296.     margin-right         : 5rem;
  3297. }
  3298.  
  3299. .topRightCounters .statIcon,
  3300. .topRightCounters .countIcon i {
  3301.     display: none;
  3302. }
  3303.  
  3304. .topRightCounters .countIcon span {
  3305.     font-family   : var(--mainFont);
  3306.     letter-spacing: 1px;
  3307. }
  3308.  
  3309. .topRightCounters .countIcon::after {
  3310.     font-family  : var(--subFont);
  3311.     font-size    : 20px;
  3312.     color        : var(--c_whiteST);
  3313.     text-align   : left;
  3314.     margin-bottom: 10px;
  3315.     margin-left  : 0.8rem;
  3316. }
  3317.  
  3318. .topRightCounters .countIcon:last-child {
  3319.     margin-right: 0px;
  3320. }
  3321.  
  3322. .topRightCounters .countIcon[style*="display: none;"] {
  3323.     display: none !important;
  3324. }
  3325.  
  3326. .topRightCounters #scoreZoneVal::after {
  3327.     content      : "Score Zone";
  3328.     font-family  : var(--subFont);
  3329.     font-size    : 20px;
  3330.     color        : var(--c_whiteST);
  3331.     text-align   : left;
  3332.     margin-bottom: 10px;
  3333.     margin-left  : 0.8rem;
  3334. }
  3335.  
  3336. .topRightCounters #livesVal::after {
  3337.     content      : "Lives";
  3338.     font-family  : var(--subFont);
  3339.     font-size    : 20px;
  3340.     color        : var(--c_whiteST);
  3341.     text-align   : left;
  3342.     margin-bottom: 10px;
  3343.     margin-left  : 0.8rem;
  3344. }
  3345.  
  3346. .topRightCounters #killsVal::after {
  3347.     content      : "Kills";
  3348.     font-family  : var(--subFont);
  3349.     font-size    : 20px;
  3350.     color        : var(--c_whiteST);
  3351.     text-align   : left;
  3352.     margin-bottom: 10px;
  3353.     margin-left  : 0.8rem;
  3354. }
  3355.  
  3356. .topRightCounters #deathsVal::after {
  3357.     content      : "Deaths";
  3358.     font-family  : var(--subFont);
  3359.     font-size    : 20px;
  3360.     color        : var(--c_whiteST);
  3361.     text-align   : left;
  3362.     margin-bottom: 10px;
  3363.     margin-left  : 0.8rem;
  3364. }
  3365.  
  3366. .topRightCounters #streakVal::after {
  3367.     content      : "Streak";
  3368.     font-family  : var(--subFont);
  3369.     font-size    : 20px;
  3370.     color        : var(--c_whiteST);
  3371.     text-align   : left;
  3372.     margin-bottom: 10px;
  3373.     margin-left  : 0.8rem;
  3374. }
  3375.  
  3376. .topRightCounters #kdVal::after {
  3377.     content      : "K/D";
  3378.     font-family  : var(--subFont);
  3379.     font-size    : 20px;
  3380.     color        : var(--c_whiteST);
  3381.     text-align   : left;
  3382.     margin-bottom: 10px;
  3383.     margin-left  : 0.8rem;
  3384. }
  3385.  
  3386. .topRightCounters #myScoreVal::after {
  3387.     content      : "Score";
  3388.     font-family  : var(--subFont);
  3389.     font-size    : 20px;
  3390.     color        : var(--c_whiteST);
  3391.     text-align   : left;
  3392.     margin-bottom: 10px;
  3393.     margin-left  : 0.8rem;
  3394. }
  3395.  
  3396. #killsIcon,
  3397. #deathsIcon,
  3398. #streakIcon,
  3399. #kdIcon,
  3400. #scoreCount .material-icons {
  3401.     visibility  : hidden !important;
  3402.     padding-left: 50px;
  3403. }
  3404.  
  3405. #killsVal,
  3406. #deathsVal,
  3407. #streakVal,
  3408. #myScoreVal,
  3409. #kdVal {
  3410.     font-family: var(--mainFont);
  3411.     font-size  : 45px;
  3412.     color      : var(--c_white);
  3413. }
  3414.  
  3415. #endAHolderL,
  3416. #endAHolderR {
  3417.     display: none !important;
  3418. }
  3419.  
  3420. #endTabbedView * {
  3421.     font-family: var(--mainFont) !important;
  3422.     font-size  : 1.5rem;
  3423. }
  3424.  
  3425. #endTabbedView #endTable td .endTableN[style="color:#fff"] {
  3426.     position: relative;
  3427. }
  3428.  
  3429. #endTabbedView #endTable td .endTableN[style="color:#fff"]::before {
  3430.     content            : var(--profile-pic-sp, unset);
  3431.     position           : absolute;
  3432.     left               : -54px;
  3433.     top                : -5px;
  3434.     width              : 40px;
  3435.     height             : 40px;
  3436.     border-radius      : 100px;
  3437.     background         : var(--primaryBg);
  3438.     background-image   : var(--profile-pic);
  3439.     background-repeat  : no-repeat;
  3440.     background-size    : cover;
  3441.     background-position: center;
  3442.     color              : transparent;
  3443.     image-rendering    : optimizeQuality;
  3444. }
  3445.  
  3446. #endTabbedView #endTable td .endTableFlag {
  3447.     z-index: 1;
  3448. }
  3449.  
  3450. #endTabbedView #endTable td a .endTableN span {
  3451.     font-family: "Material Icons" !important;
  3452. }
  3453.  
  3454. #endTabbedView #endTable td .material-icons {
  3455.     font-family: "Material Icons" !important;
  3456. }
  3457.  
  3458. .endTablePfp {
  3459.     background  : var(--subBgST);
  3460.     border-color: var(--subBgST);
  3461. }
  3462.  
  3463. .matchVote {
  3464.     position     : relative;
  3465.     margin-bottom: 10px;
  3466.     height       : 80px;
  3467.     width        : 200px;
  3468.     overflow     : hidden;
  3469.     margin-right : 8px;
  3470.     display      : inline-block;
  3471.     margin-top   : 10px;
  3472.     border-radius: 4px;
  3473.     text-shadow  : none;
  3474.     border-color : var(--primaryBg);
  3475. }
  3476.  
  3477. .matchVote .matchVoteModifier {
  3478.     top                      : 0;
  3479.     bottom                   : unset;
  3480.     right                    : 0;
  3481.     left                     : unset;
  3482.     border-radius            : 0px;
  3483.     border-bottom-left-radius: 10px;
  3484.     margin                   : 0;
  3485.     font-size                : 16px !important;
  3486.     padding                  : 0.2rem 0.5rem;
  3487.     font-family              : var(--subFont);
  3488. }
  3489.  
  3490. .matchVote .matchVoteMap {
  3491.     position      : absolute;
  3492.     color         : var(--c_white);
  3493.     line-height   : 28px;
  3494.     padding-right : 0px;
  3495.     z-index       : 2;
  3496.     pointer-events: none;
  3497.     font-family   : var(--mainFont);
  3498.     font-size     : 18px;
  3499.     letter-spacing: 1px;
  3500.     top           : 0;
  3501.     left          : 0;
  3502.     height        : 100%;
  3503.     width         : 100%;
  3504.     padding-top   : 13px;
  3505.     padding-left  : 10px;
  3506.     text-align    : start;
  3507. }
  3508.  
  3509. .matchVote .matchVoteMode {
  3510.     position      : absolute;
  3511.     top           : 45%;
  3512.     left          : 0;
  3513.     padding-left  : 10px;
  3514.     font-size     : 23px;
  3515.     height        : auto;
  3516.     padding-right : 0px;
  3517.     z-index       : 2;
  3518.     font-family   : var(--mainFont);
  3519.     color         : var(--c_white);
  3520.     pointer-events: none;
  3521. }
  3522.  
  3523. .matchVote .matchVoteTotal {
  3524.     position         : absolute;
  3525.     font-size        : 30px;
  3526.     height           : auto;
  3527.     z-index          : 1;
  3528.     padding-left     : 0px;
  3529.     color            : var(--c_white);
  3530.     pointer-events   : none;
  3531.     padding          : 10px;
  3532.     font-family      : var(--mainFont);
  3533.     padding-left     : 15px;
  3534.     color            : var(--c_white);
  3535.     pointer-events   : none;
  3536.     top              : 0;
  3537.     bottom           : 0;
  3538.     left             : 0;
  3539.     right            : 0;
  3540.     display          : -webkit-box;
  3541.     display          : -ms-flexbox;
  3542.     display          : flex;
  3543.     -webkit-box-align: end;
  3544.     -ms-flex-align   : end;
  3545.     align-items      : flex-end;
  3546.     -webkit-box-pack : end;
  3547.     -ms-flex-pack    : end;
  3548.     justify-content  : flex-end;
  3549.     padding-right    : 1rem;
  3550. }
  3551.  
  3552. .matchVote .matchVoteTotal::after {
  3553.     content                : "";
  3554.     position               : absolute;
  3555.     background             : transparent;
  3556.     -webkit-backdrop-filter: blur(0px);
  3557.     backdrop-filter        : blur(0px);
  3558.     z-index                : -2;
  3559.     top                    : 0;
  3560.     bottom                 : 0;
  3561.     left                   : 0;
  3562.     right                  : 0;
  3563.     -webkit-transition     : -webkit-backdrop-filter 300ms;
  3564.     transition             : -webkit-backdrop-filter 300ms;
  3565.     transition             : backdrop-filter 300ms;
  3566.     transition             : backdrop-filter 300ms, -webkit-backdrop-filter 300ms;
  3567. }
  3568.  
  3569. .matchVote .matchVoteTotal::before {
  3570.     content   : "";
  3571.     position  : absolute;
  3572.     top       : 0 !important;
  3573.     bottom    : 0 !important;
  3574.     right     : 0 !important;
  3575.     left      : 0 !important;
  3576.     background: #00000057;
  3577.     z-index   : -1;
  3578.     top       : 0;
  3579.     bottom    : 0;
  3580.     left      : 0;
  3581.     right     : 0;
  3582. }
  3583.  
  3584. .matchVote .matchVoteTotal[style*="color: rgb(251, 192, 45)"] {
  3585.     color: var(--accentColor) !important;
  3586. }
  3587.  
  3588. .matchVote .matchVoteTotal[style*="color: rgb(251, 192, 45)"]::after {
  3589.     -webkit-backdrop-filter: blur(var(--blur-radius2, 5px));
  3590.     backdrop-filter        : blur(var(--blur-radius2, 5px));
  3591. }
  3592.  
  3593. .matchVote .matchVoteThumb {
  3594.     -webkit-transform: none;
  3595.     transform        : none;
  3596.     top              : 1px;
  3597.     left             : 1px;
  3598.     height           : 77px;
  3599.     width            : 198px;
  3600. }
  3601.  
  3602. .tabHeader.selected {
  3603.     color        : var(--accentColor);
  3604.     border-bottom: 4px solid var(--accentColor);
  3605. }
  3606.  
  3607. span[style*="color:#F8C55C"] {
  3608.     color: var(--accentColor) !important;
  3609. }
  3610.  
  3611. #lvlLayout .xpLvl {
  3612.     margin-top   : 0;
  3613.     display      : -ms-grid;
  3614.     display      : grid;
  3615.     place-content: center;
  3616. }
  3617.  
  3618. .xpEndBar {
  3619.     width            : calc(100% - 2rem);
  3620.     height           : 21px;
  3621.     padding          : 6px;
  3622.     background-color : rgba(0, 0, 0, 0.4);
  3623.     border-radius    : 100px;
  3624.     position         : relative;
  3625.     margin           : 5px 1rem;
  3626.     display          : -webkit-box;
  3627.     display          : -ms-flexbox;
  3628.     display          : flex;
  3629.     -webkit-box-align: center;
  3630.     -ms-flex-align   : center;
  3631.     align-items      : center;
  3632. }
  3633.  
  3634. .xpEndBar .xpEndBarB:first-child {
  3635.     background-image          : -webkit-gradient(linear, left top, right top, from(var(--gradientColor4)), to(var(--gradientColor3)));
  3636.     background-image          : linear-gradient(to right, var(--gradientColor4), var(--gradientColor3));
  3637.     border-radius             : 100px;
  3638.     z-index                   : 0;
  3639.     border-bottom-right-radius: 0px;
  3640.     border-top-right-radius   : 0px;
  3641. }
  3642.  
  3643. .xpEndBar .xpEndBarB:nth-child(2) {
  3644.     background               : var(--accentColor) !important;
  3645.     -webkit-box-shadow       : 0px 0px 8px var(--accentColor);
  3646.     box-shadow               : 0px 0px 8px var(--accentColor);
  3647.     margin-left              : 0px !important;
  3648.     border-radius            : 100px;
  3649.     z-index                  : 0;
  3650.     border-top-left-radius   : 0px;
  3651.     border-bottom-left-radius: 0px;
  3652. }
  3653.  
  3654. .xpEndBar .xpEndBarV {
  3655.     display       : -ms-grid;
  3656.     display       : grid;
  3657.     place-content : center;
  3658.     padding       : 0;
  3659.     top           : 0;
  3660.     font-size     : 14px !important;
  3661.     font-family   : var(--subFont) !important;
  3662.     letter-spacing: 2px;
  3663.     word-spacing  : 7px;
  3664. }
  3665.  
  3666. .ot-floating-button {
  3667.     display: none;
  3668. }
  3669.  
  3670. #seasonLabel {
  3671.     display: none !important;
  3672. }
  3673.  
  3674. .serverHeader {
  3675.     background-color: var(--primaryBg);
  3676. }
  3677.  
  3678. .setBodH[style="padding:10px;margin-top:0px;margin-bottom:8px;width:calc(100% - 20px) !important;margin-left:0px;"] div[style="display:inline-block"] a {
  3679.     font-family : var(--mainFont) !important;
  3680.     margin-right: 2rem;
  3681.     font-size   : 1.8rem;
  3682. }
  3683.  
  3684. #hideFull span {
  3685.     font-family: var(--mainFont) !important;
  3686.     font-size  : 1.7rem !important;
  3687. }
  3688.  
  3689. #hostMenuBtn {
  3690.     margin-left     : 2rem;
  3691.     background-color: var(--subBgST);
  3692.     width           : 5rem;
  3693.     border-radius   : 100px;
  3694.     display         : -ms-grid;
  3695.     display         : grid;
  3696.     place-content   : center;
  3697. }
  3698.  
  3699. #hostMenuBtn span {
  3700.     color        : var(--accentColor) !important;
  3701.     font-size    : 28px !important;
  3702.     margin-bottom: 0px !important;
  3703. }
  3704.  
  3705. .slide {
  3706.     position: relative;
  3707.     border  : 15px solid transparent;
  3708. }
  3709.  
  3710. .slide:after {
  3711.     content   : "";
  3712.     position  : absolute;
  3713.     top       : 0 !important;
  3714.     bottom    : 0 !important;
  3715.     right     : 0 !important;
  3716.     left      : 0 !important;
  3717.     background: #00000082;
  3718.     z-index   : 1;
  3719. }
  3720.  
  3721. .slide .slideName {
  3722.     z-index    : 111;
  3723.     text-shadow: unset;
  3724.     font-family: var(--mainFont);
  3725.     font-size  : 1.5rem;
  3726.     color      : white !important;
  3727. }
  3728.  
  3729. .slide .slidePlayers {
  3730.     z-index    : 111;
  3731.     text-shadow: unset;
  3732.     font-family: var(--subFont);
  3733.     font-size  : 1.1rem;
  3734.     color      : var(--c_white) !important;
  3735. }
  3736.  
  3737. #serverHolder .setHed span[style="float:right;color:rgba(255,255,255,0.9)"] {
  3738.     display: none;
  3739. }
  3740.  
  3741. #serverHolder .setHed .quickJoin {
  3742.     margin      : 0;
  3743.     border-color: transparent;
  3744.     background  : var(--subBgST);
  3745.     font-family : var(--subFont);
  3746.     font-size   : 1.2rem;
  3747. }
  3748.  
  3749. #serverHolder .setHed .quickJoin:hover {
  3750.     background: var(--accentColor);
  3751.     color     : var(--primaryBg);
  3752. }
  3753.  
  3754. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] {
  3755.     padding-left : 0px;
  3756.     padding-right: 0px;
  3757.     width        : 100% !important;
  3758. }
  3759.  
  3760. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] .settName {
  3761.     margin-bottom: 1rem;
  3762.     padding      : 1rem;
  3763.     border-radius: 5px;
  3764. }
  3765.  
  3766. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] .settName:hover {
  3767.     background: var(--subBg) !important;
  3768. }
  3769.  
  3770. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] .settName .serverPCount,
  3771. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] .settName .serverRegion {
  3772.     font-family: var(--mainFont) !important;
  3773.     font-size  : 1.8rem;
  3774.     color      : var(--c_white) !important;
  3775. }
  3776.  
  3777. #serverHolder .setBodH[style="padding-top:10px;padding-bottom:10px;"] .settName .serverRegion {
  3778.     color: var(--c_whiteST) !important;
  3779. }
  3780.  
  3781. .serverHostOpH,
  3782. .hostHeader {
  3783.     font-family: var(--mainFont);
  3784.     font-size  : 2.5rem;
  3785.     background : var(--primaryBg) !important;
  3786. }
  3787.  
  3788. .mapListCat {
  3789.     font-family      : var(--mainFont);
  3790.     color            : var(--accentColor) !important;
  3791.     -webkit-transform: translateX(-10px);
  3792.     transform        : translateX(-10px);
  3793.     background       : transparent;
  3794.     letter-spacing   : 1px;
  3795. }
  3796.  
  3797. #hostCMapPickT {
  3798.     font-family   : var(--mainFont);
  3799.     letter-spacing: 2px;
  3800.     font-size     : 3rem !important;
  3801. }
  3802.  
  3803. #startServBtn {
  3804.     border            : 10px solid var(--primaryBg);
  3805.     color             : var(--primaryBg) !important;
  3806.     border-radius     : 6px;
  3807.     padding           : 13px 0px !important;
  3808.     -webkit-transition: -webkit-transform 400ms;
  3809.     transition        : -webkit-transform 400ms;
  3810.     transition        : transform 400ms;
  3811.     transition        : transform 400ms, -webkit-transform 400ms;
  3812. }
  3813.  
  3814. #startServBtn:hover {
  3815.     -webkit-transform: scale(0.9);
  3816.     transform        : scale(0.9);
  3817. }
  3818.  
  3819. #hostGameMsg span {
  3820.     font-family: var(--mainFont);
  3821.     font-size  : 1.5rem;
  3822. }
  3823.  
  3824. #stickyHostH {
  3825.     border     : transparent;
  3826.     background : var(--primaryBg);
  3827.     font-family: var(--subFont);
  3828.     font-size  : 1.5rem;
  3829. }
  3830.  
  3831. #stickyHostH span {
  3832.     font-family: var(--mainFont);
  3833. }
  3834.  
  3835. .serverHostOp {
  3836.     border            : 6px solid rgba(0, 0, 0, 0.2);
  3837.     border-color      : var(--primaryBg);
  3838.     font-family       : var(--subFont);
  3839.     font-size         : 3rem;
  3840.     text-shadow       : unset;
  3841.     position          : relative;
  3842.     -webkit-transition: color 280ms;
  3843.     transition        : color 280ms;
  3844.     z-index           : 101;
  3845. }
  3846.  
  3847. .serverHostOp::before {
  3848.     content           : "";
  3849.     position          : absolute;
  3850.     top               : 0 !important;
  3851.     bottom            : 0 !important;
  3852.     right             : 0 !important;
  3853.     left              : 0 !important;
  3854.     background        : #000000b3;
  3855.     z-index           : -1;
  3856.     -webkit-transition: background 280ms;
  3857.     transition        : background 280ms;
  3858. }
  3859.  
  3860. .serverHostOp:hover {
  3861.     color: var(--primaryBg) !important;
  3862. }
  3863.  
  3864. .serverHostOp:hover::before {
  3865.     background: var(--accentColorST);
  3866. }
  3867.  
  3868. .hostHeader {
  3869.     background: transparent;
  3870.     border    : none !important;
  3871. }
  3872.  
  3873. #krRewardsInfo div {
  3874.     background  : var(--subBgST) !important;
  3875.     border-color: transparent !important;
  3876.     font-family : var(--subFont);
  3877.     font-size   : 1.4rem !important;
  3878. }
  3879.  
  3880. .settNameSmall {
  3881.     border       : none !important;
  3882.     font-family  : var(--subFont);
  3883.     font-size    : 1.6rem !important;
  3884.     margin-bottom: 2rem !important;
  3885. }
  3886.  
  3887. #hostActionH {
  3888.     border       : none !important;
  3889.     padding      : 1rem !important;
  3890.     background   : var(--subBgST) !important;
  3891.     border-radius: 5px;
  3892. }
  3893.  
  3894. #hostActionH div[style="color:rgba(255,255,255,0.3);font-size:22px"] {
  3895.     font-family: var(--mainFont);
  3896.     font-size  : 1.5rem !important;
  3897. }
  3898.  
  3899. #hostActionH div[style="color:rgba(255,255,255,0.3);font-size:22px"] span {
  3900.     font-family: var(--subFont);
  3901.     font-size  : 1.5rem !important;
  3902. }
  3903.  
  3904. #hostActionH .hostCBtn {
  3905.     border        : none;
  3906.     background    : var(--subBgST);
  3907.     font-family   : var(--mainFont);
  3908.     font-size     : 2rem;
  3909.     letter-spacing: 4px;
  3910.     text-transform: uppercase;
  3911.     color         : var(--accentColor) !important;
  3912. }
  3913.  
  3914. #commMap {
  3915.     font-family: var(--mainFont);
  3916.     font-size  : 1.8rem !important;
  3917. }
  3918.  
  3919. .hostToggle,
  3920. .advancedToggle {
  3921.     border-color  : transparent !important;
  3922.     padding       : 0.4rem 0.6rem;
  3923.     letter-spacing: 1px;
  3924.     font-family   : var(--subFont);
  3925.     font-size     : 1.2rem;
  3926.     background    : var(--accentColorST);
  3927.     color         : var(--accentColor) !important;
  3928. }
  3929.  
  3930. .hostToggle:hover,
  3931. .advancedToggle:hover {
  3932.     background: var(--accentColor);
  3933.     color     : var(--primaryBg) !important;
  3934. }
  3935.  
  3936. .advancedToggle {
  3937.     background: var(--subBgST);
  3938.     color     : var(--accentColor);
  3939. }
  3940.  
  3941. .advancedToggle[style="background-color: rgb(33, 150, 243);"] {
  3942.     background: var(--accentColor) !important;
  3943.     color     : var(--primaryBg) !important;
  3944. }
  3945.  
  3946. .hostOpt {
  3947.     background-color: transparent;
  3948.     border-color    : transparent;
  3949.     height          : 3rem;
  3950.     width           : 208.4px;
  3951. }
  3952.  
  3953. .hostOpt .optName {
  3954.     position         : absolute;
  3955.     top              : 50%;
  3956.     -webkit-transform: translateY(-50%);
  3957.     transform        : translateY(-50%);
  3958.     font-family      : var(--subFont);
  3959.     text-shadow      : none;
  3960.     font-size        : 1.2rem;
  3961. }
  3962.  
  3963. .hostOpt .optImg {
  3964.     top              : 50%;
  3965.     -webkit-transform: translateY(-50%);
  3966.     transform        : translateY(-50%);
  3967. }
  3968.  
  3969. .hostOpt input:checked+.optCheck {
  3970.     background-color: var(--accentColorST);
  3971. }
  3972.  
  3973. .hostOpt .optCheck {
  3974.     background: var(--subBgST);
  3975. }
  3976.  
  3977. .hostOpt input:hover+.optCheck {
  3978.     background-color: var(--subBgST) !important;
  3979.     -webkit-filter  : brightness(1.4) !important;
  3980.     filter          : brightness(1.4) !important;
  3981. }
  3982.  
  3983. .hostPresetBtn {
  3984.     float: right;
  3985. }
  3986.  
  3987. .hostPresetBtn:nth-child(3) {
  3988.     color: var(--orange) !important;
  3989. }
  3990.  
  3991. .hostPresetBtn:nth-child(4) {
  3992.     color: var(--green) !important;
  3993. }
  3994.  
  3995. .hostPresetBtn:nth-child(5) {
  3996.     color: var(--purple) !important;
  3997. }
  3998.  
  3999. .hostPresetBtn:last-child {
  4000.     margin-right: 1rem;
  4001. }
  4002.  
  4003. #referralHeader {
  4004.     font-family: var(--mainFont);
  4005.     font-size  : 2.5rem;
  4006.     background : transparent;
  4007. }
  4008.  
  4009. #accName {
  4010.     margin-bottom: 1.5rem !important;
  4011. }
  4012.  
  4013. #accName,
  4014. #accPass {
  4015.     font-family: var(--subFont) !important;
  4016.     font-size  : 1.4rem !important;
  4017.     padding    : 1.7rem 3rem !important;
  4018.     font-size  : 1.7rem !important;
  4019.     margin     : 1rem 1.5rem !important;
  4020.     width      : 94%;
  4021. }
  4022.  
  4023. #accName::-webkit-input-placeholder,
  4024. #accPass::-webkit-input-placeholder {
  4025.     font-size: 1.7rem !important;
  4026. }
  4027.  
  4028. #accName:-ms-input-placeholder,
  4029. #accPass:-ms-input-placeholder {
  4030.     font-size: 1.7rem !important;
  4031. }
  4032.  
  4033. #accName::-ms-input-placeholder,
  4034. #accPass::-ms-input-placeholder {
  4035.     font-size: 1.7rem !important;
  4036. }
  4037.  
  4038. #accName::placeholder,
  4039. #accPass::placeholder {
  4040.     font-size: 1.7rem !important;
  4041. }
  4042.  
  4043. #accResp {
  4044.     font-family: var(--subFont);
  4045.     font-size  : 1.5rem !important;
  4046. }
  4047.  
  4048. #accResp span {
  4049.     font-family: var(--mainFont);
  4050. }
  4051.  
  4052. div[style="width:100%;text-align:center;margin-top:10px;background-color:rgba(0,0,0,0.3);padding-top:10px;padding-bottom:20px;"] {
  4053.     background: transparent !important;
  4054. }
  4055.  
  4056. .accBtn {
  4057.     background: var(--subBgST) !important;
  4058.     padding   : 0.8rem 0rem !important;
  4059. }
  4060.  
  4061. .accBtn:first-child {
  4062.     color: var(--orange) !important;
  4063. }
  4064.  
  4065. .accBtn:first-child:hover {
  4066.     color     : var(--primaryBg) !important;
  4067.     background: var(--orange) !important;
  4068. }
  4069.  
  4070. .accBtn:last-child {
  4071.     color: var(--accentColor) !important;
  4072. }
  4073.  
  4074. .accBtn:last-child:hover {
  4075.     color     : var(--primaryBg) !important;
  4076.     background: var(--accentColor) !important;
  4077. }
  4078.  
  4079. .bigMenTabs {
  4080.     background: transparent;
  4081. }
  4082.  
  4083. .bigMenTabs .bigMenTab {
  4084.     padding       : 15px 0 15px;
  4085.     background    : unset;
  4086.     font-family   : var(--mainFont);
  4087.     font-size     : 1.4rem;
  4088.     letter-spacing: 2px;
  4089.     text-transform: uppercase;
  4090.     color         : var(--c_whiteST) !important;
  4091. }
  4092.  
  4093. .bigMenTabs .bigMenTabDis {
  4094.     opacity: 0.4;
  4095. }
  4096.  
  4097. .bigMenTabs .bigMenTab span.material-icons[style*="color:#fbc02d"],
  4098. .bigMenTabs .bigMenTab span.material-icons-outlined[style*="color:#fbc02d"] {
  4099.     color: var(--c_whiteST) !important;
  4100. }
  4101.  
  4102. .bigMenTabs .bigMenTabA {
  4103.     color        : var(--c_white) !important;
  4104.     border-bottom: 5px solid var(--accentColor) !important;
  4105. }
  4106.  
  4107. .bigMenTabs .bigMenTabA span.material-icons[style*="color:#fbc02d"],
  4108. .bigMenTabs .bigMenTabA span.material-icons-outlined[style*="color:#fbc02d"] {
  4109.     color: var(--accentColor) !important;
  4110. }
  4111.  
  4112. #profilePicM {
  4113.     margin-top  : 0.85rem;
  4114.     border-color: var(--subBgST);
  4115.     background  : var(--subBgST);
  4116. }
  4117.  
  4118. #profilePicM img[src*="https://assets.krunker.io"] {
  4119.     -ms-interpolation-mode: nearest-neighbor !important;
  4120.     image-rendering       : -webkit-optimize-contrast !important;
  4121.     image-rendering       : -moz-crisp-edges !important;
  4122.     image-rendering       : -o-pixelated !important;
  4123.     image-rendering       : pixelated !important;
  4124.     opacity               : 0;
  4125. }
  4126.  
  4127. #profilePicM::after {
  4128.     content            : "";
  4129.     position           : absolute;
  4130.     top                : 0;
  4131.     bottom             : 0;
  4132.     left               : 0;
  4133.     right              : 0;
  4134.     background-image   : var(--profile-pic, url("https://assets.krunker.io/textures/classes/icon_0.png"));
  4135.     -webkit-filter     : var(--profile-pic, grayscale(1) opacity(0.5));
  4136.     filter             : var(--profile-pic, grayscale(1) opacity(0.5));
  4137.     background-size    : cover;
  4138.     background-repeat  : no-repeat;
  4139.     background-position: center;
  4140.     position           : absolute;
  4141.     image-rendering    : optimizeQuality !important;
  4142.     border-radius      : 100px;
  4143.     z-index            : -1;
  4144. }
  4145.  
  4146. #profilePicM.blurred {
  4147.     -webkit-filter : unset !important;
  4148.     filter         : unset !important;
  4149.     image-rendering: unset;
  4150. }
  4151.  
  4152. .setBodH[style="display:inline-block;padding-top:10px;vertical-align:top;width:680px;margin-left:15px;margin-top:0px;"] {
  4153.     width        : 74% !important;
  4154.     padding-right: 0 !important;
  4155. }
  4156.  
  4157. .setBodH[style="display:inline-block;padding-top:10px;vertical-align:top;width:680px;margin-left:15px;margin-top:0px;"] .settName[style="width:100%;margin-top:0px"] a,
  4158. .setBodH[style="display:inline-block;padding-top:10px;vertical-align:top;width:680px;margin-left:15px;margin-top:0px;"] .settName[style="width:100%"] a {
  4159.     font-family   : var(--mainFont);
  4160.     letter-spacing: 1px;
  4161.     font-size     : 1.8rem;
  4162. }
  4163.  
  4164. .settName a[onclick*="showWindow(13)"] {
  4165.     font-family   : var(--mainFont);
  4166.     letter-spacing: 1px;
  4167.     font-size     : 1.8rem;
  4168. }
  4169.  
  4170. .setBodH .settName .floatR {
  4171.     font-family   : var(--mainFont);
  4172.     letter-spacing: 1px;
  4173.     font-size     : 1.8rem;
  4174. }
  4175.  
  4176. .setBodH .settName .floatR span {
  4177.     font-family   : var(--mainFont);
  4178.     letter-spacing: 1px;
  4179.     font-size     : 1.8rem;
  4180. }
  4181.  
  4182. .xpBar {
  4183.     height       : 20px !important;
  4184.     border-radius: 100px !important;
  4185.     width        : 98% !important;
  4186.     background   : var(--subBgST);
  4187. }
  4188.  
  4189. .xpBar .xpBarB {
  4190.     background   : -webkit-gradient(linear, left top, right top, from(var(--gradientColor4)), to(var(--gradientColor3)));
  4191.     background   : linear-gradient(to right, var(--gradientColor4), var(--gradientColor3));
  4192.     border-radius: 100px;
  4193. }
  4194.  
  4195. .xpBar .xpBarV {
  4196.     left       : unset;
  4197.     top        : -154%;
  4198.     right      : 0;
  4199.     font-family: var(--subFont);
  4200.     font-size  : 1.4rem;
  4201. }
  4202.  
  4203. #crtrCode,
  4204. #crtrEmail,
  4205. #oldPass,
  4206. #newPass,
  4207. #repNPass {
  4208.     margin-bottom: 1rem !important;
  4209.     margin-top   : 1rem !important;
  4210. }
  4211.  
  4212. .xpBar[style="margin-bottom:15px;margin-top:20px"] {
  4213.     border-radius: 100px !important;
  4214.     width        : 98.5% !important;
  4215.     margin-top   : 6rem !important;
  4216. }
  4217.  
  4218. .setHed[style="float:right;color:rgba(255,255,255,0.4)"] span,
  4219. .setHed[style="float:right;color:rgba(255,255,255,0.4)"] a,
  4220. .setHed[style="margin-top:10px;"] span,
  4221. .setHed[style="margin-top:10px;"] a,
  4222. .setHed[style="margin-top:20px"] span,
  4223. .setHed[style="margin-top:20px"] a,
  4224. .setHed[style="margin-top:16px"] span,
  4225. .setHed[style="margin-top:16px"] a,
  4226. .setHed[style="margin-top:0px"] span,
  4227. .setHed[style="margin-top:0px"] a {
  4228.     font-family: var(--mainFont);
  4229. }
  4230.  
  4231. #clanErr .setBodH .settName a {
  4232.     font-family: var(--subFont);
  4233.     color      : var(--c_white);
  4234. }
  4235.  
  4236. #clanErr .setBodH .settName div {
  4237.     font-family: var(--mainFont);
  4238. }
  4239.  
  4240. .challHeadrT,
  4241. .challHeadrS,
  4242. .challHeadrI {
  4243.     color         : white !important;
  4244.     font-family   : var(--mainFont);
  4245.     font-size     : 3rem;
  4246.     letter-spacing: 7px;
  4247.     border-color  : var(--primaryBg);
  4248. }
  4249.  
  4250. .challHeadrT span,
  4251. .challHeadrS span,
  4252. .challHeadrI span {
  4253.     font-size     : 1.5rem;
  4254.     color         : var(--c_white) !important;
  4255.     letter-spacing: 5px;
  4256. }
  4257.  
  4258. .challHeadrT span:not(.material-icons),
  4259. .challHeadrS span:not(.material-icons),
  4260. .challHeadrI span:not(.material-icons) {
  4261.     font-family: var(--mainFont);
  4262. }
  4263.  
  4264. .challHeadrT .challHeadrBck,
  4265. .challHeadrT .challHeadrS,
  4266. .challHeadrS .challHeadrBck,
  4267. .challHeadrS .challHeadrS,
  4268. .challHeadrI .challHeadrBck,
  4269. .challHeadrI .challHeadrS {
  4270.     border-top-left-radius    : 5px;
  4271.     border-bottom-right-radius: 5px;
  4272. }
  4273.  
  4274. .xpBar[style="margin-top:15px;"] {
  4275.     width     : 99% !important;
  4276.     margin-top: 5rem !important;
  4277. }
  4278.  
  4279. .chalCard[style*="margin-left:20px"] {
  4280.     margin-left: 0 !important;
  4281. }
  4282.  
  4283. .chalCard {
  4284.     background  : var(--subBgST) !important;
  4285.     border-color: transparent !important;
  4286.     width       : calc(100% - 28px);
  4287. }
  4288.  
  4289. .chalCard .chalImgC {
  4290.     background  : var(--subBgST) !important;
  4291.     border-color: transparent !important;
  4292. }
  4293.  
  4294. .chalCard .chalRight {
  4295.     font-family          : var(--mainFont);
  4296.     font-size            : 2.2rem;
  4297.     letter-spacing       : 1px;
  4298.     display              : -ms-inline-grid;
  4299.     display              : inline-grid;
  4300.     -ms-grid-columns     : 1fr 20%;
  4301.     grid-template-columns: 1fr 20%;
  4302. }
  4303.  
  4304. .chalCard .chalRight .chalDesc {
  4305.     font-family: var(--subFont);
  4306.     font-size  : 1.4rem;
  4307.     color      : var(--c_whiteST) !important;
  4308. }
  4309.  
  4310. .chalCard .chalRight .chalExpr {
  4311.     font-size          : 26px;
  4312.     font-family        : var(--subFont);
  4313.     -ms-flex-item-align: end;
  4314.     -ms-grid-row-align : end;
  4315.     align-self         : end;
  4316.     text-align         : right;
  4317.     padding-bottom     : 1rem;
  4318. }
  4319.  
  4320. .chalCard .chalRight .chalXPBar {
  4321.     width        : 100% !important;
  4322.     border-radius: 100px !important;
  4323.     background   : var(--subBgST) !important;
  4324.     margin-top   : 40px;
  4325.     height       : 24px;
  4326.     grid-column  : 2 span;
  4327. }
  4328.  
  4329. .chalCard .chalRight .chalXPBar .chalXPBarC {
  4330.     background   : -webkit-gradient(linear, left top, right top, from(var(--gradientColor4)), to(var(--gradientColor3))) !important;
  4331.     background   : linear-gradient(to right, var(--gradientColor4), var(--gradientColor3)) !important;
  4332.     border-radius: 100px !important;
  4333. }
  4334.  
  4335. .chalCard .chalRight .chalXPBar .chalProg,
  4336. .chalCard .chalRight .chalXPBar .chalXPVal {
  4337.     top           : -47px !important;
  4338.     right         : 7px !important;
  4339.     left          : unset !important;
  4340.     font-family   : var(--mainFont) !important;
  4341.     letter-spacing: 2px !important;
  4342.     font-size     : 1.4rem !important;
  4343. }
  4344.  
  4345. .chalCard .chalRews {
  4346.     border-color: transparent;
  4347. }
  4348.  
  4349. .chalCard .chalRews .chalRewV {
  4350.     font-family: var(--mainFont);
  4351.     font-size  : 1.6rem;
  4352. }
  4353.  
  4354. .chalCard .chalRews .chalRewV span:first-child {
  4355.     display: none;
  4356. }
  4357.  
  4358. .chalCard .chalRews .chalRewV span:not(.material-icons) {
  4359.     font-family: var(--mainFont);
  4360.     color      : white !important;
  4361. }
  4362.  
  4363. .chalCard .chalRews .chalRewSkn {
  4364.     border-color    : transparent;
  4365.     background-color: var(--subBgST);
  4366. }
  4367.  
  4368. .chalCard[style*="box-shadow: 0 0 14px #ffa000;"] {
  4369.     -webkit-box-shadow: inset 0 0 50px var(--accentColorST) !important;
  4370.     box-shadow        : inset 0 0 50px var(--accentColorST) !important;
  4371. }
  4372.  
  4373. .chalCard[style*="box-shadow: 0 0 14px #ffa000;"] .chalRews {
  4374.     border-color: transparent !important;
  4375. }
  4376.  
  4377. .clsXPBarV {
  4378.     color      : transparent !important;
  4379.     text-shadow: none !important;
  4380. }
  4381.  
  4382. .challCrdMsg {
  4383.     background : var(--subBgST);
  4384.     font-family: var(--subFont);
  4385.     color      : var(--c_white) !important;
  4386. }
  4387.  
  4388. .challCrdMsg a {
  4389.     font-family: var(--mainFont);
  4390. }
  4391.  
  4392. .challMapCrd {
  4393.     width        : 376px;
  4394.     border-radius: 5px;
  4395.     border-color : var(--primaryBg);
  4396. }
  4397.  
  4398. .challMapCrd .challMapName {
  4399.     font-family      : var(--mainFont);
  4400.     text-transform   : uppercase;
  4401.     letter-spacing   : 4px;
  4402.     text-shadow      : none;
  4403.     text-align       : left;
  4404.     -webkit-transform: translateY(-50%);
  4405.     transform        : translateY(-50%);
  4406.     left             : 20px;
  4407. }
  4408.  
  4409. .challMapCrd .challMapPrg {
  4410.     border-radius         : 0px;
  4411.     border-top-left-radius: 5px;
  4412.     background            : #000000ad;
  4413.     font-family           : var(--mainFont);
  4414.     font-size             : 2.8rem;
  4415.     letter-spacing        : 7px;
  4416.     color                 : white !important;
  4417. }
  4418.  
  4419. .challMapCrd .challMapPrg span {
  4420.     font-family   : var(--mainFont);
  4421.     font-size     : 1.3rem;
  4422.     color         : var(--c_white) !important;
  4423.     letter-spacing: 5px;
  4424. }
  4425.  
  4426. .challMapCrd .challRotImg {
  4427.     -webkit-transform: scale(2.35) rotate(20deg);
  4428.     transform        : scale(2.35) rotate(20deg);
  4429. }
  4430.  
  4431. #statHolder .bigMenTabs {
  4432.     display              : grid;
  4433.     grid-template-columns: repeat(4, 1fr);
  4434.     gap                  : 1.2rem;
  4435.     width                : 99% !important;
  4436.     margin-top           : 3rem !important;
  4437.     text-align           : center;
  4438.  
  4439. }
  4440.  
  4441. #statHolder> :nth-child(1) {
  4442.     display: none;
  4443. }
  4444.  
  4445. /* Only visible tabs (not .hide) will get the grid layout */
  4446. #statHolder>div:not(.hide):not(.bigMenTabs):not([style]) {
  4447.     display              : grid;
  4448.     grid-template-columns: repeat(4, 1fr);
  4449.     gap                  : 1.2rem;
  4450.     width                : 99%;
  4451.     margin-top           : 3rem;
  4452. }
  4453.  
  4454. /* Ensure .hide actually hides the element */
  4455. .hide {
  4456.     display: none !important;
  4457. }
  4458.  
  4459. #statHolder .pSt {
  4460.     text-shadow       : unset !important;
  4461.     margin            : 0 !important;
  4462.     width             : 100% !important;
  4463.     height            : 10rem;
  4464.     display           : grid;
  4465.     place-content     : center;
  4466.     gap               : 0.5rem;
  4467.     border-color      : transparent !important;
  4468.     background        : var(--subBgST) !important;
  4469.     font-family       : var(--mainFont) !important;
  4470.     font-size         : 1.1rem !important;
  4471.     padding           : 0 !important;
  4472.     letter-spacing    : 1px;
  4473.     -webkit-transition: -webkit-filter 280ms;
  4474.     transition        : -webkit-filter 280ms;
  4475.     transition        : filter 280ms;
  4476.     transition        : filter 280ms, -webkit-filter 280ms;
  4477. }
  4478.  
  4479. #statHolder .pSt:hover {
  4480.     -webkit-filter: brightness(1.2);
  4481.     filter        : brightness(1.2);
  4482. }
  4483.  
  4484. #statHolder .pSt strong {
  4485.     font-family: var(--subFont) !important;
  4486.     font-size  : 1.6rem !important;
  4487. }
  4488.  
  4489. #menuWindow div[style="height:15px;margin-top:30px;border-top:4px solid rgba(255, 255, 255, 0.8);"] {
  4490.     border-color: transparent !important;
  4491. }
  4492.  
  4493. #windowCHolder>#menuWindow[style="overflow-y: auto; width: 850px;"] {
  4494.     width: 1000px !important;
  4495. }
  4496.  
  4497.  
  4498. .menuLink {
  4499.     font-family: var(--mainFont);
  4500.     font-size  : 1.8rem;
  4501. }
  4502.  
  4503.  
  4504. .setBodH[style="padding-top:10px;padding-bottom:10px;margin-bottom:20px;"] {
  4505.     background  : var(--subBgST) !important;
  4506.     border-color: transparent !important;
  4507.     font-family : var(--subFont);
  4508.     font-size   : 1.4rem !important;
  4509.     padding     : 1rem;
  4510.     width       : 95%;
  4511. }
  4512.  
  4513. #friendList>div {
  4514.     padding      : 1rem 1rem !important;
  4515.     margin       : 0.4rem !important;
  4516.     background   : var(--subBgST) !important;
  4517.     width        : 95% !important;
  4518.     margin-bottom: 1.2rem !important;
  4519. }
  4520.  
  4521. #friendList>div>div {
  4522.     border : none !important;
  4523.     padding: 0 !important;
  4524.     margin : 0 !important;
  4525. }
  4526.  
  4527. #friendList>div>div .folPfp {
  4528.     border-color    : var(--subBgST);
  4529.     background-color: var(--subBgST);
  4530. }
  4531.  
  4532. #friendList>div>div .folInfHldr {
  4533.     margin-left: 0.7rem;
  4534.     margin-top : 0 !important;
  4535. }
  4536.  
  4537. #friendList>div>div .folInfHldr .lName {
  4538.     font-family: var(--mainFont);
  4539.     font-size  : 1.8rem;
  4540. }
  4541.  
  4542. #friendList>div>div .folInfHldr>div {
  4543.     font-family: var(--subFont);
  4544.     font-size  : 1.5rem !important;
  4545. }
  4546.  
  4547. #friendList>div>div .buttonR,
  4548. #friendList>div>div .buttonG {
  4549.     font-size     : 1.2rem !important;
  4550.     font-family   : var(--subFont) !important;
  4551.     letter-spacing: 1px;
  4552.     background    : var(--subBgST);
  4553.     padding       : 1rem;
  4554.     display       : -ms-grid;
  4555.     display       : grid;
  4556.     place-content : center;
  4557.     color         : var(--orange) !important;
  4558.     display       : inline-block !important;
  4559. }
  4560.  
  4561. #friendList>div>div .buttonG {
  4562.     color: var(--accentColor) !important;
  4563. }
  4564.  
  4565. #gameURL {
  4566.     margin-bottom: 1rem !important;
  4567. }
  4568.  
  4569. .accountButton,
  4570. .joinBtn {
  4571.     font-size         : 28px;
  4572.     color             : var(--accentColor) !important;
  4573.     background        : var(--subBgST) !important;
  4574.     font-family       : var(--mainFont);
  4575.     padding           : 0.8rem 0rem !important;
  4576.     cursor            : pointer;
  4577.     text-align        : center;
  4578.     border-radius     : 100px;
  4579.     width             : 29% !important;
  4580.     float             : right;
  4581.     -webkit-transition: color 280ms, background 280ms;
  4582.     transition        : color 280ms, background 280ms;
  4583. }
  4584.  
  4585. .accountButton:hover,
  4586. .joinBtn:hover {
  4587.     color     : var(--subBgM) !important;
  4588.     background: var(--accentColor) !important;
  4589. }
  4590.  
  4591. #menuWindow[style*="overflow-y: auto; width: 1000px;"]>div:first-child {
  4592.     font-family: var(--mainFont);
  4593.     font-size  : 30px;
  4594. }
  4595.  
  4596. #menuWindow[style*="overflow-y: auto; width: 1000px;"]>div:first-child .button {
  4597.     background    : var(--subBgST) !important;
  4598.     padding       : 0.6rem 1rem !important;
  4599.     letter-spacing: 1px !important;
  4600.     font-size     : 21px !important;
  4601.     color         : var(--l-accentColor) !important;
  4602. }
  4603.  
  4604. .mailObj {
  4605.     border-color: transparent !important;
  4606.     background  : var(--subBgST) !important;
  4607.     padding     : 1.8rem 1rem !important;
  4608.     font-family : var(--mainFont) !important;
  4609. }
  4610.  
  4611. .mailObj .followFrom {
  4612.     font-family: var(--subFont);
  4613.     font-size  : 26px;
  4614. }
  4615.  
  4616. .mailObj .followFrom a {
  4617.     font-family   : var(--mainFont);
  4618.     letter-spacing: 1px;
  4619.     font-weight   : 600;
  4620. }
  4621.  
  4622. .mailDate {
  4623.     font-family: var(--subFont);
  4624.     font-size  : 1.4rem;
  4625. }
  4626.  
  4627. .mailFrom {
  4628.     border-color: var(--subBgST);
  4629.     font-family : var(--mainFont);
  4630.     font-size   : 1.7rem;
  4631. }
  4632.  
  4633. .mailSubj {
  4634.     font-family: var(--subFont);
  4635.     font-size  : 1.3rem !important;
  4636. }
  4637.  
  4638. .mailText {
  4639.     background : var(--subBgST);
  4640.     font-family: var(--subFont);
  4641.     font-size  : 1.3rem;
  4642. }
  4643.  
  4644. .mailText a {
  4645.     font-family   : var(--mainFont);
  4646.     letter-spacing: 1px;
  4647.     font-weight   : 600;
  4648. }
  4649.  
  4650. .followBack {
  4651.     border-color: transparent !important;
  4652.     background  : var(--subBgST) !important;
  4653.     padding     : 0.5rem 1rem !important;
  4654.     font-family : var(--subFont);
  4655.     font-size   : 1.2rem !important;
  4656.     color       : var(--accentColor) !important;
  4657. }
  4658.  
  4659. .followBack:hover {
  4660.     color       : var(--primaryBg) !important;
  4661.     border-color: transparent !important;
  4662.     background  : var(--accentColor) !important;
  4663. }
  4664.  
  4665. .pListTable {
  4666.     background: var(--subBgST) !important;
  4667. }
  4668.  
  4669. .pListTable * {
  4670.     font-family: var(--subFont);
  4671.     font-size  : 1.3rem;
  4672. }
  4673.  
  4674. .pListTable tr {
  4675.     border-color : transparent;
  4676.     margin-bottom: 1rem;
  4677. }
  4678.  
  4679. .pListTable tr:hover {
  4680.     background: var(--subBgST) !important;
  4681. }
  4682.  
  4683. .pListTable .pListName span[style="color:#353535"] {
  4684.     color: var(--c_white) !important;
  4685. }
  4686.  
  4687. .setHed[style="margin-top:0px"]>div {
  4688.     font-family: var(--mainFont) !important;
  4689. }
  4690.  
  4691. #ot-sdk-btn-floating {
  4692.     top              : unset;
  4693.     bottom           : 285px !important;
  4694.     right            : 329px !important;
  4695.     left             : unset;
  4696.     -webkit-transform: scale(0.95);
  4697.     transform        : scale(0.95);
  4698.     z-index          : 2147483;
  4699. }
  4700.  
  4701. #ot-sdk-btn-floating .ot-floating-button__front {
  4702.     background-color  : transparent !important;
  4703.     -webkit-box-shadow: none !important;
  4704.     box-shadow        : none !important;
  4705. }
  4706.  
  4707. #ot-sdk-btn-floating .ot-floating-button__back {
  4708.     background: transparent !important;
  4709. }
  4710.  
  4711. #instructions {
  4712.     display: none;
  4713. }
  4714.  
  4715. #instructionsFadeBG {
  4716.     background-image:
  4717.         var(--spinner-url),
  4718.         var(--splash-logo) !important;
  4719.     background-size:
  4720.         5%,
  4721.         15%;
  4722.     background-repeat:
  4723.         no-repeat,
  4724.         no-repeat;
  4725.     background-position:
  4726.         bottom,
  4727.         center;
  4728. }
  4729.  
  4730.  
  4731. #initLoader>*:first-child {
  4732.     display: none !important;
  4733. }
  4734.  
  4735. #initLoader #loadHeader {
  4736.     display: none;
  4737. }
  4738.  
  4739. #initLoader #loadTipsHolder {
  4740.     bottom           : 6%;
  4741.     left             : 0;
  4742.     right            : 0;
  4743.     -webkit-transform: unset;
  4744.     transform        : unset;
  4745.     width            : calc(100% - 6rem);
  4746.     padding          : 0rem 3rem;
  4747.     font-family      : var(--subFont);
  4748.     font-size        : 22px;
  4749.     letter-spacing   : 1px;
  4750.     opacity          : 0.7;
  4751. }
  4752.  
  4753. #initLoader #loadEditrBtn,
  4754. #initLoader #loadInfoRHolder,
  4755. #initLoader #loadInfoLHolder {
  4756.     display: none;
  4757. }
  4758.  
  4759. #bigMFeatName {
  4760.     font-family: var(--mainFont);
  4761.     font-size  : 3rem;
  4762.     top        : 2rem !important;
  4763. }
  4764.  
  4765. #bigMFeatVbar {
  4766.     font-size  : 1.7rem;
  4767.     font-family: var(--subFont);
  4768.     top        : 7rem !important;
  4769. }
  4770.  
  4771. #bigMFeatVbar>div {
  4772.     display: none !important;
  4773. }
  4774.  
  4775. #bigMFeatHBtn {
  4776.     all               : unset;
  4777.     position          : absolute;
  4778.     text-align        : center;
  4779.     cursor            : pointer;
  4780.     -webkit-transition: all 0.08s;
  4781.     transition        : all 0.08s;
  4782.     font-family       : var(--subFont);
  4783.     font-size         : 1.7rem;
  4784.     padding           : 0.4rem !important;
  4785. }
  4786.  
  4787. #bigMFeatHBtn span {
  4788.     color      : var(--accentColor) !important;
  4789.     font-family: inherit;
  4790. }
  4791.  
  4792. #bigMFeatHBtn:hover {
  4793.     border           : unset !important;
  4794.     -webkit-transform: unset !important;
  4795.     transform        : unset !important;
  4796. }
  4797.  
  4798. #bigMFeatHBtn:hover span {
  4799.     text-decoration: underline;
  4800. }
  4801.  
  4802. #bigMFeatHBtn[onclick*="selectHostMap("] {
  4803.     background   : var(--subBgST);
  4804.     color        : white !important;
  4805.     bottom       : 9.7%;
  4806.     right        : 25%;
  4807.     border-radius: 100px;
  4808.     padding      : 0.4rem 2rem !important;
  4809.     border       : 2px solid white !important;
  4810. }
  4811.  
  4812. #bigMFeatPBtn {
  4813.     border       : 3px solid var(--accentColor);
  4814.     font-family  : var(--mainFont);
  4815.     font-size    : 1.6rem;
  4816.     border-radius: 100px;
  4817. }
  4818.  
  4819. a.menuLink[href*="mods&openPubMo"]+div {
  4820.     font-family: var(--subFont);
  4821.     font-size  : 1.8rem;
  4822. }
  4823.  
  4824. a.menuLink[href*="mods&openPubMo"]+div span {
  4825.     font-family: var(--mainFont);
  4826. }
  4827.  
  4828. .mapListItem {
  4829.     background-color: var(--subBgST);
  4830. }
  4831.  
  4832. .mapListItem .mapAgeD {
  4833.     margin                   : 2px;
  4834.     margin                   : 2px;
  4835.     font-family              : var(--mainFont);
  4836.     font-size                : 1.5rem;
  4837.     border-bottom-left-radius: 24px;
  4838.     padding                  : 0.5rem 1rem;
  4839. }
  4840.  
  4841. .mapListItem a {
  4842.     font-family: var(--subFont);
  4843.     font-size  : 1.3rem;
  4844.     color      : var(--c_white);
  4845. }
  4846.  
  4847. .mapListItem span {
  4848.     font-family: var(--mainFont);
  4849.     font-size  : 1.2rem !important;
  4850.     padding-top: 3px;
  4851. }
  4852.  
  4853. .mapListItem span span {
  4854.     font-family: inherit;
  4855. }
  4856.  
  4857. .mapListThumb {
  4858.     border-radius: 5px 5px 0px 0px;
  4859.     background   : transparent;
  4860.     top          : 39%;
  4861.     width        : 100%;
  4862. }
  4863.  
  4864. .mapActionOvrl {
  4865.     width : 100%;
  4866.     height: 100%;
  4867.     top   : 0;
  4868. }
  4869.  
  4870. .mapActionOvrl .mapActionHol span {
  4871.     font-size: 5rem !important;
  4872. }
  4873.  
  4874. .mapActionOvrl .mapActionHol .mapActionB:last-child,
  4875. .mapActionOvrl .mapActionHol .mapActionB:first-child:not([onClick*="loadUserMod"]) {
  4876.     -webkit-transform: scale(0.4);
  4877.     transform        : scale(0.4);
  4878. }
  4879.  
  4880. .likdByFrnd {
  4881.     font-family: var(--subFont);
  4882. }
  4883.  
  4884. .likdByFrnd span:not(.material-icons) {
  4885.     font-family: var(--mainFont);
  4886. }
  4887.  
  4888. .bigMFeatHold #bigMFeatVid {
  4889.     width : 276px;
  4890.     height: 155px;
  4891. }
  4892.  
  4893. .bigMFeatHold #bigMFeatVbar span:not(.material-icons) {
  4894.     font-family: var(--subFont);
  4895. }
  4896.  
  4897. .bigMFeatHold #bigMFeatDesc {
  4898.     width      : 680px;
  4899.     font-family: var(--subFont);
  4900.     font-size  : 1.4rem;
  4901.     line-height: 2.3rem;
  4902.     margin-top : 0.3rem;
  4903.     bottom     : 25px;
  4904. }
  4905.  
  4906. .bigMFeatHold {
  4907.     height: 300px;
  4908. }
  4909.  
  4910. .bigMFeatHold #bigMFeatDesc2 {
  4911.     font-family            : var(--subFont);
  4912.     line-height            : 2.5rem;
  4913.     font-size              : 1.4rem;
  4914.     background             : transparent;
  4915.     -webkit-backdrop-filter: unset;
  4916.     backdrop-filter        : unset;
  4917.     padding                : 0px;
  4918.     text-shadow            : 0px 0px 10px #0000005e;
  4919. }
  4920.  
  4921. .crftRcpeCrd {
  4922.     background: var(--subBgST);
  4923. }
  4924.  
  4925. .crftRcpeCrd .craftRcIcn {
  4926.     border-color    : transparent !important;
  4927.     background-color: var(--subBgST);
  4928.     background-image: 100%;
  4929. }
  4930.  
  4931. .crftRcpeCrd .craftRiHl .crftItmNm {
  4932.     font-family: var(--mainFont);
  4933.     font-size  : 2.1rem;
  4934.     width      : 220px;
  4935. }
  4936.  
  4937. .crftRcpeCrd .craftRiHl .crftItmNm[style*="#292929"] {
  4938.     color: var(--c_white) !important;
  4939. }
  4940.  
  4941. .crftRcpeCrd .craftRiHl .crftItmReq {
  4942.     border-color    : transparent;
  4943.     background-color: var(--subBgST);
  4944. }
  4945.  
  4946. .crftRcpeCrd .craftRiHl .crftItmJnk {
  4947.     font-family: var(--mainFont);
  4948.     font-size  : 2rem;
  4949. }
  4950.  
  4951. .crftRcpeCrd .craftRiHl .crftTim {
  4952.     margin-top : 17px;
  4953.     background : var(--subBg);
  4954.     font-family: var(--subFont);
  4955. }
  4956.  
  4957. .bigMFeatHold {
  4958.     background-color: var(--subBgST) !important;
  4959. }
  4960.  
  4961. .bigMFeatHold .biMFeatInfH {
  4962.     background : transparent;
  4963.     font-family: var(--subFont);
  4964.     font-size  : 1.3rem;
  4965.     line-height: 2.4rem;
  4966.     padding    : 0;
  4967. }
  4968.  
  4969. .bigMFeatHold .biMFeatInfB {
  4970.     border        : 0;
  4971.     font-family   : var(--mainFont);
  4972.     letter-spacing: 1px;
  4973.     padding       : 1rem 1rem;
  4974.     width         : -webkit-fit-content;
  4975.     width         : -moz-fit-content;
  4976.     width         : fit-content;
  4977.     display       : inherit;
  4978.     background    : var(--subBgST);
  4979. }
  4980.  
  4981. .bigMFeatHold .biMFeatInfB:hover {
  4982.     border    : none !important;
  4983.     background: var(--gradientColor4) !important;
  4984. }
  4985.  
  4986. /* Death */
  4987. #deathUIBottom {
  4988.     backdrop-filter: unset;
  4989.     background     : unset;
  4990.     animation      : unset;
  4991. }
  4992.  
  4993. .death-stats,
  4994. .death-row-user-stat,
  4995. .death-stats-row .death-row-right,
  4996. .death-row-kills,
  4997. .death-row-left .death-row-weapon-img,
  4998. .death-column[style='justify-content: start;'],
  4999. .death-column[style='justify-content: center;'],
  5000. .death-row-bottom-bg {
  5001.     display: none !important;
  5002. }
  5003.  
  5004. .death-row-class-level {
  5005.     font-family: var(--mainFont);
  5006.     position   : fixed;
  5007.     left       : calc(50% - 215px);
  5008.     bottom     : 10px;
  5009.     filter     : unset;
  5010.     z-index    : 9999999999;
  5011. }
  5012.  
  5013. .death-row-user-text {
  5014.     font-family: var(--mainFont);
  5015.     position   : absolute;
  5016.     top        : 10px;
  5017.     left       : calc(50% - 115px);
  5018.     font-size  : 23px;
  5019.     filter     : unset;
  5020. }
  5021.  
  5022. .death-row-weapon-text {
  5023.     font-family: var(--mainFont);
  5024.     position   : fixed;
  5025.     left       : calc(50% - 115px);
  5026.     font-size  : 23px;
  5027.     bottom     : 129px;
  5028.     filter     : unset;
  5029.     z-index    : 9999999999;
  5030. }
  5031.  
  5032. .death-row-bottom {
  5033.     font-family     : var(--mainFont);
  5034.     position        : fixed;
  5035.     right           : 50%;
  5036.     height          : 85px;
  5037.     background-color: var(--primaryBg) !important;
  5038.     transform       : translate(50%, 50%);
  5039.     outline         : unset;
  5040.     border-radius   : unset;
  5041. }
  5042.  
  5043. .death-row-bottom::before {
  5044.     font-family: var(--mainFont);
  5045.     content    : 'Killed By';
  5046.     position   : absolute;
  5047.     font-size  : 25px;
  5048.     left       : calc(50% - 200px);
  5049.     top        : -40px;
  5050.     color      : var(--accentColor);
  5051. }
  5052.  
  5053. .death-row-class {
  5054.     font-family: var(--mainFont);
  5055.     height     : 65px;
  5056.     width      : 65px;
  5057.     margin     : 10px;
  5058. }
Tags: Krunker
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!