Kraze's custom 2 by mightypaypay

/* ==UserStyle==
@name         Kraze's custom  2
@version      20220709.03.31
@namespace    userstyles.world/user/mightypaypay
@description  It's old NT but it's updated 
@author       mightypaypay
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         Kraze's custom 
@version      20220708.03.20
@namespace    userstyles.world/user/mightypaypay
@description  Old NT
@author       mightypaypay
@license      No License
==/UserStyle== */

@-moz-document domain("nitrotype.com") {
@import url("https://fontlibrary.org//face/segment7");

/* Adding UI background images */
.racev3 {background: black; box-shadow: none; border-radius: 0; margin: 10px 0px 250px 0px;}
.dash {background: 50% 0 / contain no-repeat url('https://i.imgur.com/dNzQvjp.png'); height: 180px; overflow: visible;}
.dash-bg {content: url('https://i.imgur.com/NVMSbln.png'); width: 900px; height: 175px; transform: translateX(32px);}

.dash-side, .dash-side .h4 {font-family: 'Segment7Standard', sans-serif; color: #5fbf55; text-shadow: #393939 0 0 4px; text-align: right;}
.dash-metrics .list-item .h4 {font-size: 25px;}
.dash-metrics .list-item .tsxs {display: none;}
.dash-metrics .list-item:first-child {transform: translate(8px, 84px);}
.dash-metrics .list-item:last-child {transform: translate(49px, -9px); text-align: center;}
.dash-metrics .list-item:last-child .h4:after {content: '%'; font-size: 17px; font-family: 'Montserrat', sans-serif;}
.dash-pos {transform: translate(798px, -91px);}
.dash-inv {transform: translate(-112px, -26px); display: flex; align-items: center;}
.dash-inv .tsxxl {font-size: 22px; margin-right: 3px;}
.dash-inv .tsxs, .dash-pos .tsxs {display: none;}

.dash-metrics:before {content: ''; width: 3px; height: 45px; background: red; position: absolute; transform-origin: 50% 100%; top: 12px; left: 46px; transform: rotate(-140deg);}

/* Nitros */
@keyframes nitrouse {0% {width: 106px; margin-right: 0;} 100% {width: 0; margin-right: 106px;}}
.dash-nitro {animation: none; transform: rotate(0) translate(-29px, -33px) scale(1.06); transition: none;}
.dash-nitro-img {content: url('https://i.imgur.com/nbNKv2z.png'); object-fit: cover; object-position: left; height: 50px;}
.dash-nitro.is-used .dash-nitro-img {animation: nitrouse 1s 1 both; opacity: 1; filter: none;}
.dash-nitro:before {content: ''; width: 106px; height: 150px; background: center / 100% 33% repeat url('https://i.imgur.com/Mtls42f.png'); position: absolute; z-index: -1;}

.dash-center {align-items: center;}
.dash-copyContainer, .nmDash-message {width: 535px; height: 125px; margin-top: 3px; border-radius: 10px; background: none; padding: 7px 10px; box-shadow: none;}
.dash-copyContainer.is-single-line {padding: 15px !important;}
.dash-copyContainer:not(.is-single-line) .dash-copy {font-family: 'Droid Serif',Georgia,serif; color: #3e4951;}

.dash-word {display: flex; flex-direction: row;}
.dash-letter {padding: 0 2px;}
.dash-copyContainer.is-single-line .dash-letter {padding: 0 1px;}
.dash-letter.is-waiting {background: #94e79c; color: #3e4951;}
.dash-letter.is-incorrect {background: #f0aa9c; color: #3e4951;}

.dashShield {transform: translate(128px, -480px);}

.nmDash-messages {width: 100%;}
.nmDash-message {margin-bottom: 30px; font-family: 'Droid Serif',Georgia,serif; color: #3e4951; letter-spacing: 2px; font-size: 18px; opacity: 0.7;}
.nmDash-message .bucket-media {display: none;}

.dashShield-layer {width: 77%;}
.dashShield.is-retracting .dashShield-layer {display: none;}
.dashShield-layer--top, .dashShield-layer--mid, .dashShield-layer--btm {width: 780px; height: 80px; margin: auto auto; right: 0;}
.dashShield-layer--mid {background: black; border-radius: 7px;}
.dashShield-layer--btm, .dashShield-deco {display: none;}
.dash .dash--tip {width: 100%; height: 100%; padding: 10px 40px 10px 40px; font-size: 11.5px; border: none; box-shadow: none; background: none; font-family: 'Droid Serif',Georgia,serif; font-size: 13px;}
.dashShield .nmDash-message {display: none;}

.dash .race-host-controls .race-host-controls--actions > :first-child {padding-bottom: 0; padding-right: 350px;}
.dash .race-host-controls .race-host-controls--info {display: none;}
.dashShield-layer--top div {display: flex; align-items: center; justify-content: space-between;}
.race-host-controls {flex-direction: row;}

.dash-actions {margin-top: 3px;}
.dash-actions .list-item {position: absolute; margin-right: 0;}
.dash-actions .btn {width: 100px; color: transparent !important;}
.dash-actions .btn:hover {background: none; box-shadow: none;}
.dash-actions .btn:after {content: ''; width: 90px; height: 25px; background-image: url('https://i.imgur.com/9XLizym.png'); background-size: 100% 200%; position: absolute;}
.dash-actions .btn:before {display: none !important;}
.dash-actions .list-item:first-child .btn:after {background-position: 0% 0%;}
.dash-actions .list-item:last-child .btn:after {background-position: 0% 100%;}
.dash-actions .btn.is-on {display: none;}

.racePanel--loading {box-shadow: none; background: #b8b8b8;}
.raceLoader {width: 100%;}
.raceLoader-hero {display: none;}
.raceLoader-copy {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.raceLoader-copy .tsxs {display: none;}
.raceLoader-copy .tsxl, .raceLoader-copy:after {font-size: 20px; font-family: 'Droid Serif',Georgia,serif; color: #7f7f7f; margin-top: 50px;}
.raceLoader-copy:after {content: 'complete'; margin-left: 6px;}

.raceChat {height: 395px;}
.raceLoader .tsm {font-size: 36px; color: #0e4f7e; font-family: Orbitron,sans-serif; font-weight: bold;}
.racev3-header {z-index: 3; position: relative; background: 0 0 / 100% 100% no-repeat url('https://i.imgur.com/6RakVLl.png');}

.btn:before {display: none !important;}
.racev3Pre-action .icon {display: none;}
.racev3Pre-action.btn--tertiary {background: linear-gradient(to bottom,#848484 0,#a1a1a1 100%); font-family: 'Orbitron' ,sans-serif; color: #0e4f7e; border-radius: 5px; border: 1px solid #4a4a4a; box-shadow: 0 1px 8px 0 rgb(0 0 0 / 50%) inset, 0 2px 0 2px #505050, 0 3px 0 3px #222323 !important; padding: 5px 20px; font-weight: bold; transition-duration: 0.30s; transform: translateX(25px) !important;}
.btn:hover {color: #fff;}
.racev3Pre-action.btn--primary {border: 1px solid #5a0406; background: linear-gradient(to bottom,#790609 0,#cc0403 100%); box-shadow: 0 0 15px 1px rgb(0 0 0 / 50%) inset, 0 2px 0 2px #2d0a0b, 0 3px 0 3px #222323 !important; color: #000; font-family: 'Orbitron', sans-serif; font-weight: bold; overflow: visible; transition-duration: 0.30s; padding: 10px 40px 10px 20px; transform: translateX(-25px) !important;}
.racev3Pre-action.btn--primary:hover {border: 1px solid #5a0406; background: #cc0403; background: linear-gradient(to bottom,#790609 0,#cc0403 100%); box-shadow: 0 0 15px 1px rgb(0 0 0 / 50%) inset, 0 2px 0 2px #2d0a0b, 0 3px 0 3px #222323; color: #fff;}
.racev3Pre-action.btn--primary:after {content: ""; width: 54px; height: 37px; background: url('https://i.imgur.com/buXPpEo.png') no-repeat; position: absolute; right: -11px; top: -11px;}

.racev3-header .sound-controls .list {flex-direction: column; background: none; transform: translate(4px, 16px);}
.sound-controls .btn {width: 37px; height: 20px; border-radius: 0; background: 0% 100% / 200% 207% no-repeat url('https://i.imgur.com/vzzjhbf_d.png'); transition-duration: 0s; color: transparent !important;}
.sound-controls .btn:hover {box-shadow: none;}
.sound-controls .list-item:first-child .btn {background-position: 100% 100%; transform: translateY(5px);}
.sound-controls .list-item:first-child .btn.is-on {background-position: 100% 0%;}
.sound-controls .list-item:last-child .btn {background-position: 0% 100%;}
.sound-controls .list-item:last-child .btn.is-on {background-position: 0% 0%;}

body {background: url('https://i.imgur.com/ZKnskvJ.gif');}

/* Adding UI background images */
.racev3 {background: black; box-shadow: none; border-radius: 0; margin: 10px 0px 250px 0px;}
.dash {background: 50% 0 / contain no-repeat url('https://i.imgur.com/dNzQvjp.png'); height: 180px; overflow: visible;}
.dash-bg {content: url('https://i.imgur.com/NVMSbln.png'); width: 900px; height: 175px; transform: translateX(32px);}

.dash-side, .dash-side .h4 {font-family: 'Segment7Standard', sans-serif; color: #5fbf55; text-shadow: #393939 0 0 4px; text-align: right;}
.dash-metrics .list-item .h4 {font-size: 25px;}
.dash-metrics .list-item .tsxs {display: none;}
.dash-metrics .list-item:first-child {transform: translate(8px, 84px);}
.dash-metrics .list-item:last-child {transform: translate(49px, -9px); text-align: center;}
.dash-metrics .list-item:last-child .h4:after {content: '%'; font-size: 17px; font-family: 'Montserrat', sans-serif;}
.dash-pos {transform: translate(798px, -91px);}
.dash-inv {transform: translate(-112px, -26px); display: flex; align-items: center;}
.dash-inv .tsxxl {font-size: 22px; margin-right: 3px;}
.dash-inv .tsxs, .dash-pos .tsxs {display: none;}

.dash-metrics:before {content: ''; width: 3px; height: 45px; background: red; position: absolute; transform-origin: 50% 100%; top: 12px; left: 46px; transform: rotate(-140deg);}

/* Nitros */
@keyframes nitrouse {0% {width: 106px; margin-right: 0;} 100% {width: 0; margin-right: 106px;}}
.dash-nitro {animation: none; transform: rotate(0) translate(-29px, -33px) scale(1.06); transition: none;}
.dash-nitro-img {content: url('https://i.imgur.com/nbNKv2z.png'); object-fit: cover; object-position: left; height: 50px;}
.dash-nitro.is-used .dash-nitro-img {animation: nitrouse 1s 1 both; opacity: 1; filter: none;}
.dash-nitro:before {content: ''; width: 106px; height: 150px; background: center / 100% 33% repeat url('https://i.imgur.com/Mtls42f.png'); position: absolute; z-index: -1;}

.dash-center {align-items: center;}
.dash-copyContainer, .nmDash-message {width: 535px; height: 125px; margin-top: 3p...