[class~=voiceText][class~=speak] { background: rgba(21, 138, 192, .699); } *, *:before { -webkit-box-sizing: border-box; } [class~=info][class~=vehicle] #speedometer svg circle[class~=mask] { stroke: rgba(0, 0, 0, .35); } .info.vehicle #speedometer li#seatbelt.on span { background: linear-gradient(180deg, #18b70b 0%, #128c08 100%); } [class~=icon][class~=text] i:before, [class~=info][class~=vehicle] #speedometer #vehicle-speed { position: absolute; } [class~=icon][class~=text], [class~=icon][class~=text] i { display: inline-block; } [class~=info][class~=vehicle] #speedometer svg circle[class~=speed] { stroke: url("#speed-gradient"); } *:before, * { -moz-box-sizing: border-box; } [class~=info][class~=vehicle] #speedometer svg circle[class~=speed] { stroke-dashoffset: 180; } [class~=info][class~=vehicle] #speedometer li#lights[class~=high] span, [class~=info][class~=vehicle] #speedometer li#lights[class~=normal] span { background: linear-gradient(180deg, #00c3ff 0%, #008fbb 100%); } [class~=icon][class~=text] { overflow: visible; } [class~=icon][class~=text] i, [class~=info][class~=weapon] #weapon_image { float: left; } [class~=info][class~=player] #money #ID i { background: linear-gradient(180deg, #1a406d 0%, #0f4a8d 100%); } *:before { box-sizing: border-box; } [class~=icon], [class~=info][class~=weapon][class~=armed], [class~=info][class~=vehicle] #speedometer svg circle, div[class~=separator] { display: block; } .info.server #server img { max-width: 100%; } .info.player #money #coin i { background: linear-gradient(180deg, #ffbb00 0%, #ffa600 100%); } .info.player #money #compart i { background: linear-gradient(180deg, #ae00ff 0%, #9e1aaa 100%); } [class~=icon][class~=text] i:before, [class~=info][class~=vehicle] #speedometer #vehicle-speed { left: 50%; } [class~=icon], #ui, [class~=info][class~=vehicle] #speedometer, [class~=icon][class~=text] i { position: relative; } *:before { text-rendering: optimizeLegibility; } [class~=icon] { padding-left: 6pt; } [class~=icon][class~=text] i { transform: translate(0%, 0%); } .info.server #server img { opacity: .75; } div[class~=separator], [class~=info][class~=player] #money { clear: both; } [class~=info][class~=vehicle] #speedometer #vehicle-speed { top: 50%; } [class~=info][class~=vehicle] #speedometer #vehicle-speed { transform: translate(-50%, -50%); } *:before { -webkit-font-smoothing: antialiased; } [class~=icon][class~=text] i { left: 0; } [class~=info][class~=vehicle] #speedometer { width: 202.5pt; } *:before { -moz-osx-font-smoothing: grayscale; } [class~=info][class~=vehicle] #speedometer { height: 97.5pt; } [class~=icon][class~=text] { width: auto; } *:before { margin-left: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-speed { text-align: center; } [class~=icon], [class~=icon][class~=text] i { padding-bottom: .104166667in; } [class~=info][class~=player] #job span { font-size: 1.5pc; } [class~=icon][class~=text] i { top: 0; } [class~=info][class~=player] #job span, .info.weapon #weapon_bullets .clip { font-weight: 900; } [class~=icon], *:before { margin-bottom: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-speed, [class~=info][class~=player] #job span, [class~=info][class~=weapon] #weapon_bullets { color: #fff; } [class~=info][class~=vehicle] #speedometer svg circle { fill: transparent; } [class~=info][class~=player] #money #wallet i { background: linear-gradient(180deg, #22701b 0%, #1a4e15 100%); } *:before { margin-right: 0; } [class~=info][class~=vehicle][class~=active] { opacity: 1; } *:before { margin-top: 0; } [class~=icon] { padding-right: 6pt; } *:before, [class~=icon][class~=text] { padding-left: 0; } [class~=info][class~=vehicle][class~=inactive] { opacity: 0; } *:before, [class~=icon][class~=text] { padding-bottom: 0; } [class~=info][class~=player] #job span { text-transform: uppercase; } [class~=icon] { padding-top: .104166667in; } div[class~=separator], #ui { width: 100%; } [class~=icon] { margin-left: 5px; } .info.vehicle #speedometer li#signals.dying span { background: linear-gradient(180deg, #18b70b 0%, #128c08 100%); } [class~=info][class~=weapon] #weapon_image { width: 2.083333333in; } [class~=info][class~=vehicle] #speedometer #vehicle-gear, [class~=icon] i { position: absolute; } [class~=info][class~=weapon] #weapon_image { height: 2.5pc; } [class~=info][class~=weapon] #weapon_bullets, [class~=info][class~=player] #job span { text-shadow: 0pt .010416667in 1px rgba(0, 0, 0, .75); } [class~=info][class~=weapon] #weapon_image { text-align: left; } [class~=info][class~=weapon] #weapon_image { position: relative; } [class~=icon][class~=text] i { padding-left: .083333333in; } [class~=info][class~=vehicle] #speedometer svg circle { stroke-width: 3.75pt; } [class~=info][class~=player] #money div[id] { float: right; } *:before, [class~=icon][class~=text] { padding-right: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { bottom: 0; } [class~=info][class~=vehicle] #speedometer svg circle { stroke-linecap: round; } [class~=info][class~=weapon][class~=armed] { opacity: 1; } [class~=info][class~=weapon] #weapon_bullets, [class~=info][class~=vehicle] #speedometer #vehicle-status-left ul li { float: left; } [class~=info][class~=player] #job2 span { font-size: 14px; } *:before, [class~=icon][class~=text] { padding-top: 0; } *:after { -webkit-box-sizing: border-box; } [class~=info][class~=vehicle] #speedometer svg circle { stroke-dasharray: 283; } [class~=info][class~=vehicle] #speedometer svg:first-child { z-index: 11; } [class~=icon] i, [class~=info][class~=vehicle] #speedometer #vehicle-gear { left: 50%; } *:after { -moz-box-sizing: border-box; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { width: 51.75pt; } *:after { box-sizing: border-box; } [class~=info][class~=player] #job2 span { color: #777; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { transform: translate(-50%, 0); } [class~=info][class~=player] #money #blackMoney i { background: linear-gradient(180deg, #474747 0%, #252525 100%); } [class~=info][class~=vehicle] #speedometer svg circle[class~=zero] { stroke: #00c3ff; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { margin-left: auto; } [class~=info][class~=weapon][class~=unarmed] { display: none; } [class~=icon] { margin-right: .3125pc; } *:after { text-rendering: optimizeLegibility; } [class~=icon] { margin-top: 10px; } .icon.dying:not(.customstatus) span { animation: trew-status-blink 500ms infinite; } .info.weapon #weapon_bullets .clip { font-size: 22px; } [class~=info][class~=player] #job2 span { font-weight: 600; } [class~=icon][class~=text] i { padding-right: .083333333in; } [class~=info][class~=player] #job2 span { text-transform: uppercase; } [class~=info][class~=weapon] #weapon_bullets { width: 26.25pt; } #ui { height: 100%; } [class~=icon][class~=text] i, [class~=icon] { width: .3125in; } #ui, [class~=icon] { overflow: hidden; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { margin-bottom: auto; } [class~=icon], [class~=icon][class~=text] i { height: 30px; } [class~=info][class~=vehicle] #speedometer svg circle { stroke-dashoffset: 75; } *:after, * { -webkit-font-smoothing: antialiased; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { margin-right: auto; } [class~=info][class~=weapon] #bullets i[class~=clone] { background: none; } [class~=info][class~=player] #job2 span { text-shadow: 0px .010416667in 1px rgba(0, 0, 0, .75); } [class~=icon] i { top: 50%; } [class~=info][class~=weapon] #weapon_bullets { line-height: 1; } *:after, * { -moz-osx-font-smoothing: grayscale; } .info.weapon #bullets { margin-left: 20px; } *:after { margin-left: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { margin-top: auto; } *:after, .info.weapon #bullets { margin-bottom: 0; } [class~=icon] { border-radius: 1.041666667in; } .info.weapon #bullets, *:after { margin-right: 0; } .info.weapon #bullets { margin-top: 5px; } [class~=info][class~=server] { top: .46875in; } [class~=icon][class~=text] i { padding-top: .104166667in; } [class~=info][class~=server] { right: 1.625pc; } [class~=info][class~=vehicle] #speedometer svg circle[class~=zero] { stroke-dashoffset: 235; } .info.weapon #weapon_bullets .ammo { font-weight: 700; } [class~=icon][class~=text] i:before, [class~=icon] i { transform: translate(-50%, -50%); } * { box-sizing: border-box; } .info.vehicle #speedometer li#signals.dying span { animation: trew-status-blink 750ms infinite; } .info.weapon #bullets { float: left; } *:after { margin-top: 0; } [class~=info][class~=server] { width: .9375in; } [class~=info][class~=server] { height: 90px; } *:after { padding-left: 0; } #ui, .voiceText { display: block; } *:after { padding-bottom: 0; } [class~=info][class~=player2] { bottom: 35px; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-left-width: .020833333in; } [class~=info][class~=vehicle] #speedometer svg circle { transform-origin: 50% 50%; } [class~=icon] { background: rgba(0, 0, 0, .35); } [class~=info][class~=player] #id span { color: #00d647; } [class~=icon][class~=text] i { border-radius: .052083333in 0in 0pc 5px; } [class~=info][class~=vehicle] #speedometer svg circle { transition: all 250ms linear; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-bottom-width: .020833333in; } [class~=icon] i, [class~=icon][class~=text] i { color: #fff; } [class~=info][class~=weapon][class~=unarmed] { opacity: 0; } [class~=info][class~=player2] { right: .208333333in; } * { text-rendering: optimizeLegibility; } [class~=icon][class~=text] span, .voiceText { position: relative; } .info.weapon #weapon_bullets .ammo { font-size: .166666667in; } .info.weapon #bullets { overflow: visible; } [class~=info][class~=weapon] #bullets i img, [class~=icon][class~=text] i:before { top: 50%; } .info.weapon #bullets { transform: scale(1.1); } [class~=info][class~=player] #id span { font-weight: 900; } [class~=info][class~=player2] { text-align: right; } .voiceText { font-size: .125in; } [class~=info][class~=weapon] #bullets i[class~=clone], [class~=info][class~=vehicle] #speedometer svg, [class~=info][class~=weapon] #bullets i img, [class~=info][class~=weapon] #weapon_image img { position: absolute; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-right-width: .020833333in; } [class~=info][class~=player] #id span { text-shadow: 0pt .75pt 1px rgba(0, 0, 0, .75); } #blockInfo { border-left-width: 0pc; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-top-width: .020833333in; } [class~=icon] i { z-index: 11; } .info.radio #voice { width: 26.25pt; } [class~=icon] i { font-size: .9375pc; } .info.radio #voice { height: .364583333in; } [class~=info][class~=vehicle] #speedometer svg { top: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-left-style: solid; } [class~=info][class~=weapon] #bullets i[class~=clone] { float: none; } [class~=info][class~=player] #money #bank i { background: linear-gradient(180deg, #8a0f0f 0%, #7c0c0c 100%); } [class~=info][class~=player] #money #society i { background: linear-gradient(180deg, #874c14 0%, #6a3c10 100%); } [class~=info][class~=weapon] #bullets i[class~=clone] { top: .9375pc; } .info.radio #voice { border-radius: 50%; } .info.radio #voice { overflow: hidden; } [class~=info][class~=weapon] #bullets i img, [class~=info][class~=vehicle] #speedometer svg { left: 50%; } .voiceText { padding-left: .5pc; } [class~=info][class~=time-and-place] [class~=data] div { padding-left: .260416667in; } [class~=icon] img, * { margin-left: 0; } [class~=info][class~=vehicle] #speedometer svg { transform: translate(-50%, 0) rotate(138deg); } .info.radio #voice { background: linear-gradient(180deg, #18b70b 0%, #128c08 100%); } *:after, .info.radio #voice { padding-right: 0; } .voiceText { padding-bottom: 6pt; } .info.player { top: .260416667in; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-bottom-style: solid; } .voiceText { padding-right: .5pc; } [class~=icon][class~=text] span { width: auto; } .info.radio #voice { text-align: center; } .voiceText { padding-top: 6pt; } .info.radio #voice { padding-left: 0; } *:after { padding-top: 0; } [class~=icon] img { width: 16px; } body, html { width: 100%; } [class~=info][class~=weapon] #bullets[class~=shooting] i[class~=clone] { animation: trew-bullets 250ms 1; } [class~=info][class~=weapon] #weapon_image img, .info.player { right: 25px; } [class~=info][class~=player] #money #coin2 i { background: linear-gradient(180deg, #00e1ff 0%, #00a2ff 100%); } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-right-style: solid; } [class~=icon][class~=text] span { height: auto; } body, html { height: 100%; } [class~=info][class~=vehicle] #speedometer svg { width: 8.125pc; } *, [class~=icon] img { margin-bottom: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-speed span { display: block; } [class~=info][class~=vehicle] #speedometer svg circle[class~=twentyfive] { stroke: #18b70b; } .info.weapon #weapon_bullets .ammo { opacity: .7; } .voiceText { margin-left: 0pt; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-top-style: solid; } .voiceText { margin-bottom: 0px; } [class~=info][class~=vehicle] #speedometer svg circle[class~=twentyfive] { stroke-dashoffset: 180; } [class~=icon] img, * { margin-right: 0; } body, html { -webkit-touch-callout: none; } .voiceText { margin-right: 11.25pt; } [class~=info][class~=weapon] #weapon_image img, [class~=info][class~=time-and-place] [class~=data] { top: 50%; } [class~=info][class~=weapon] #bullets i img { transform: translate(-50%, -35%); } html, body { -webkit-user-select: none; } .info.radio #voice, [class~=info][class~=time-and-place] [class~=data] div { padding-bottom: 0; } #blockInfo { border-bottom-width: 0pc; } .info.player { text-align: right; } #blockInfo { border-right-width: 0pc; } html, body { -khtml-user-select: none; } [class~=info][class~=vehicle] { bottom: 20px; } [class~=info][class~=vehicle] { left: 50%; } [class~=info][class~=time-and-place] [class~=data] { position: relative; } body, html { -moz-user-select: none; } html, body { -ms-user-select: none; } [class~=icon][class~=text] span { left: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-left-color: transparent; } * { margin-top: 0; } [class~=info][class~=weapon] #bullets i[class~=clone] { left: inherit; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-bottom-color: transparent; } body, html { user-select: none; } [class~=info][class~=weapon] #weapon_image img { transform: translateY(-50%); } [class~=info][class~=vehicle] #speedometer #vehicle-speed span { font-weight: 900; } .voiceText { margin-top: .625pc; } [class~=info][class~=radio] #voice[class~=whisper] { background: linear-gradient(180deg, #ffb700 0%, #e0a102 100%); } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-right-color: transparent; } .voiceText { height: 30px; } * { padding-left: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-top-color: transparent; } [class~=info][class~=vehicle] #speedometer #vehicle-speed span { font-size: 1.875pc; } .voiceText { border-radius: .3125pc; } [class~=info][class~=vehicle] #speedometer #vehicle-speed span { text-shadow: 0px 1px .0625pc rgba(0, 0, 0, .75); } [class~=icon][class~=text] span { transform: translate(0, 0); } .voiceText { overflow: hidden; } [class~=info][class~=vehicle] #speedometer #vehicle-others, [class~=info][class~=vehicle] { transform: translate(-50%, 0); } [class~=info][class~=vehicle] #speedometer #vehicle-gear { border-image: none; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong, [class~=icon][class~=text] span { display: inline-block; } [class~=info][class~=vehicle] #speedometer #vehicle-others, [class~=icon] span, .watermark, [class~=info] { position: absolute; } [class~=info][class~=weapon] #weapon_image img { height: 2.5pc; } .info.radio #voice { padding-top: 5.25pt; } [class~=info][class~=vehicle] #speedometer #vehicle-others { bottom: 0; } .info.weapon #bullets i, [class~=info][class~=radio] #voice i[class~=fas] { color: #fff; } [class~=icon] img { margin-top: -.03125in; } *, [class~=icon][class~=text] span { padding-bottom: 0; } [class~=info][class~=radio], [class~=info][class~=vehicle] { z-index: 11; } [class~=info][class~=weapon] { bottom: .885416667in; } [class~=info][class~=weapon] #bullets i[class~=clone] { left: .625pc; } [class~=icon][class~=text] span { font-size: 9pt; } .voiceText { background: rgba(0, 0, 0, .35); } .voiceText { color: white; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong, [class~=icon][class~=text] span { padding-left: 3.75pt; } [class~=info][class~=vehicle] #speedometer #vehicle-status-right ul li { float: left; } .info.weapon #bullets i { float: right; } [class~=info][class~=vehicle] #speedometer #vehicle-others, [class~=icon] span { left: 50%; } .info.radio #voice { transition: all .1s linear; } [class~=info][class~=time-and-place] [class~=data] { transform: translate(0, -50%); } [class~=info][class~=vehicle] #speedometer #vehicle-others { width: 51.75pt; } [class~=info][class~=weapon] #bullets i[class~=clone] { opacity: 0; } [class~=icon] span { display: block; } * { padding-right: 0; } #blockInfo { border-top-width: 0pc; } .watermark, [class~=info][class~=radio], [class~=info][class~=weapon] { right: 1.5625pc; } #blockInfo { border-left-style: solid; } #blockInfo { border-bottom-style: solid; } .watermark { top: .260416667in; } [class~=info][class~=radio] { bottom: 1.1875pc; } [class~=info][class~=radio] #voice i[class~=fas] { font-size: .1875in; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { font-size: .625pc; } [class~=info][class~=vehicle] #speedometer #vehicle-others { margin-left: auto; } [class~=info][class~=radio] #voice[class~=normal] { background: linear-gradient(180deg, #18b70b 0%, #128c08 100%); } [class~=info][class~=vehicle] #speedometer #vehicle-others { margin-bottom: auto; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { font-weight: 900; } [class~=icon][class~=text] span { padding-right: .104166667in; } .info.weapon #bullets i { height: 2.125pc; } [class~=info][class~=time-and-place] [class~=data] div { padding-right: .260416667in; } .info.weapon #bullets i { width: 25.5pt; } [class~=icon][class~=text] span { padding-top: 7px; } [class~=icon] span { bottom: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-others { margin-right: auto; } #blockInfo, [class~=info][class~=vehicle] #speedometer #vehicle-others { border-right-style: solid; } .info.weapon #bullets i, [class~=info][class~=vehicle] #speedometer #vehicle-speed strong, [class~=info][class~=time-and-place] { border-radius: 6.25pc; } .info.vehicle #speedometer li#seatbelt span, [class~=info][class~=radio] #voice[class~=shout] { background: linear-gradient(180deg, #f00 0%, #a00 100%); } [class~=icon] span { transform: translate(-50%, 0); } .info.vehicle #speedometer #vehicle-status-left, [class~=info][class~=time-and-place] { position: absolute; } [class~=icon][class~=text] span { font-weight: 400; } [class~=info][class~=vehicle] #speedometer svg circle[class~=fifty] { stroke: #ff8000; } [class~=info][class~=vehicle] #speedometer #vehicle-others { margin-top: auto; } [class~=icon][class~=text] span, [class~=info][class~=time-and-place] { color: #fff; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-left-width: .020833333in; } [class~=icon] span { width: 100%; } [class~=icon][class~=pulse] i { animation: trew-pulse 500ms 1; } [class~=info][class~=vehicle] #speedometer li#fuel span { background: linear-gradient(180deg, #ff8000 0%, #cd6700 100%); } *, [class~=info][class~=time-and-place] [class~=data] div { padding-top: 0; } [class~=info][class~=time-and-place] { bottom: 13.5pt; } [class~=info][class~=vehicle] #speedometer #vehicle-others, #blockInfo { border-top-style: solid; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-bottom-width: .020833333in; } [class~=info][class~=vehicle] #speedometer svg circle[class~=fifty] { stroke-dashoffset: 125; } [class~=info][class~=time-and-place] { right: .677083333in; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-right-width: .020833333in; } [class~=info][class~=radio] #voice[class~=speak] { animation: trew-soundwave 1s infinite; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-top-width: .020833333in; } [class~=info][class~=time-and-place] { height: .395833333in; } .info.vehicle #speedometer svg circle.seventyfive { stroke: #f00; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { padding-bottom: .020833333in; } [class~=icon] span { height: 100%; } #blockInfo { border-left-color: #333; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { padding-right: 3.75pt; } #blockInfo { border-bottom-color: #333; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { padding-top: .020833333in; } [class~=info][class~=time-and-place] { font-size: .114583333in; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-left-style: solid; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-bottom-style: solid; } .info.vehicle #speedometer svg circle.seventyfive { stroke-dashoffset: 75; } [class~=info][class~=time-and-place] { background: rgba(0, 0, 0, .35); } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { text-shadow: 0px .0625pc 1px rgba(0, 0, 0, .75); } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-left-color: transparent; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong { transition: all 150ms linear; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-bottom-color: transparent; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-right-color: transparent; } [class~=info][class~=time-and-place] { text-align: right; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-top-color: transparent; } [class~=info][class~=vehicle] #speedometer #vehicle-gear i { top: -2px; } [class~=info][class~=vehicle] #speedometer #vehicle-gear span { padding-left: .625pc; } [class~=info][class~=vehicle] #speedometer #vehicle-gear span { padding-bottom: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-others { border-image: none; } #blockInfo { border-right-color: #333; } [class~=info][class~=vehicle] #speedometer #vehicle-gear span { padding-right: 11.25pt; } #blockInfo { border-top-color: #333; } .info.vehicle #speedometer #vehicle-status-right, .info.vehicle #speedometer #vehicle-status-left { bottom: 0; } .info.vehicle #speedometer #vehicle-status-left { left: 0; } #blockInfo { border-image: none; } .info.vehicle #speedometer #vehicle-status-right { position: absolute; } .info.vehicle #speedometer #vehicle-status-right { right: 0; } [class~=info][class~=vehicle] #speedometer #vehicle-gear span { padding-top: .3125pc; } #blockInfo { overflow: auto; } [class~=info][class~=vehicle] #speedometer #vehicle-gear[class~=pulsing] { animation: trew-siren 1s infinite; } [class~=info][class~=vehicle] #speedometer #vehicle-speed strong[class~=on] { background: #18b70b; } @keyframes trew-siren { 0% { border-color: rgba(255, 0, 0, 0); box-shadow: 0 0 10px 10px rgba(255, 0, 0, 0); } 50% { border-color: rgba(255, 0, 0, 1); box-shadow: 0 0 10px 10px rgba(255, 0, 0, .5); } 100% { border-color: rgba(255, 0, 0, 0); box-shadow: 0 0 10px 10px rgba(255, 0, 0, 0); } } @keyframes trew-soundwave { 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, .75); } 100% { box-shadow: 0 0 0 25px rgba(255, 255, 255, 0); } } @keyframes trew-status-blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes trew-pulse { 0% { transform: scale(1); } 25% { transform: scale(1.5); } 100% { transform: scale(1); } } @keyframes trew-speed { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; } 100% { stroke-dashoffset: 280; } } @keyframes trew-bullets { 0% { opacity: 0; } 25% { opacity: 1; } 100% { transform: translate(30px, -60px) rotate(90deg); opacity: 0; } } @keyframes trew-rainbow { 100%, 0% { background: rgba(255, 0, 0, .7); } 8% { background: rgba(255, 127, 0, .7); } 16% { background: rgba(230, 205, 23, .7); } 25% { background: rgba(127, 255, 0, .7); } 33% { background: rgba(0, 255, 0, .7); } 41% { background: rgba(0, 255, 127, .7); } 50% { background: rgba(0, 255, 255, .7); } 58% { background: rgba(0, 127, 255, .7); } 66% { background: rgba(0, 0, 255, .7); } 75% { background: rgba(127, 0, 255, .7); } 83% { background: rgba(255, 0, 255, .7); } 91% { background: rgba(255, 0, 127, .7); } } [class~=icon2] i, .icon2.text i:before { position: absolute; } [class~=icon2] i { left: 50%; } [class~=icon2] { display: block; } [class~=icon2][class~=dying]:not([class~=customstatus]) span, [class~=icon3][class~=dying]:not([class~=customstatus]) span { animation: trew-status-blink 500ms infinite; } [class~=info][class~=player2] #status ul li#stamina { width: 20px; } [class~=icon2][class~=text] span, [class~=icon2][class~=text] i, [class~=icon3][class~=text] i, [class~=icon2][class~=text] { display: inline-block; } [class~=info][class~=player2] #status ul li#stamina span { background: linear-gradient(180deg, #eca900 0%, #d69a00 100%); } [class~=icon2] i { top: 50%; } [class~=icon2][class~=text] i { float: left; } [class~=icon2][class~=text] i { transform: translate(0%, 0%); } [class~=icon2][class~=text] i, [class~=icon2][class~=text] span { left: 0; } [class~=icon2][class~=text] i { top: 0; } [class~=icon3][class~=text] i, [class~=icon2][class~=text] i, [class~=icon2], [class~=icon2][class~=text] span { position: relative; } [class~=icon2][class~=text] i, [class~=info][class~=player2] #status ul li#stamina { height: 22.5pt; } [class~=icon2] img, [class~=info][class~=player2] #status ul { margin-left: 0; } [class~=icon2][class~=text] i, [class~=icon2] { padding-left: 6pt; } [class~=icon2] i { transform: translate(-50%, -50%); } [class~=info][class~=player2] #status ul li#hunger span { background: linear-gradient(180deg, #3cb646 0%, #1f8624 100%); } [class~=icon2][class~=text] i, [class~=icon2] { padding-bottom: .104166667in; } [class~=icon2], [class~=icon2][class~=text] i { padding-right: 6pt; } [class~=icon2][class~=text] i, [class~=icon2] { padding-top: .104166667in; } [class~=icon3][class~=text] i, [class~=icon2][class~=text] i, [class~=icon2][class~=text] span, [class~=icon2] i { color: #fff; } [class~=icon2] i { z-index: 11; } [class~=icon2][class~=text] i { width: .3125in; } [class~=icon2] i { font-size: 15px; } [class~=icon2] img { width: 12pt; } [class~=info][class~=player2] #status ul li#thirst span { background: linear-gradient(180deg, #4ac1e6 0%, #297f99 100%); } [class~=icon2][class~=text] { overflow: visible; } [class~=icon2][class~=text] span, [class~=icon2][class~=text] { width: auto; } [class~=icon2] img, [class~=info][class~=player2] #status ul { margin-bottom: 0; } [class~=info][class~=player2] #status ul li#exp span { background: linear-gradient(180deg, #812a97 0%, #5e3069 100%); } [class~=icon2][class~=text] span { height: auto; } [class~=icon2][class~=text] span { transform: translate(0, 0); } [class~=info][class~=player2] #status ul li#health span { background: linear-gradient(180deg, #f00 0%, #a00 100%); } [class~=icon2] { margin-left: -3.75pt; } [class~=info][class~=player2] #status ul li#stamina { border-radius: 0pt 3.75pt 3.75pt 0in; } [class~=icon2] img { margin-right: 0; } [class~=icon2][class~=text] span { font-size: 12px; } [class~=icon2] { margin-bottom: -.625pc; } [class~=info][class~=player2] #status ul li#stamina { border-left-width: .010416667in; } [class~=icon2] img { margin-top: -3px; } [class~=icon2][class~=text] span { padding-left: 3.75pt; } [class~=info][class~=player2] #status ul li#armor span { background: linear-gradient(180deg, #3c54db 0%, #2437a1 100%); } [class~=icon3], [class~=icon2] span { display: block; } [class~=icon2][class~=text], [class~=icon2][class~=text] span { padding-bottom: 0; } [class~=icon2][class~=text] span { padding-right: .625pc; } [class~=icon2][class~=text] span { padding-top: .072916667in; } [class~=icon2][class~=text] span { font-weight: 400; } [class~=icon3] i, [class~=icon2] span { position: absolute; } [class~=icon2] { margin-right: .3125pc; } [class~=icon2] { margin-top: 10px; } .icon2.text i:before, [class~=icon2] span { left: 50%; } .icon2.pulse i { animation: trew-pulse 500ms 1; } [class~=icon3][class~=text] i { float: left; } [class~=icon3][class~=text] i { transform: translate(0%, 0%); } [class~=info][class~=player2] #status ul li#stamina { border-left-style: solid; } .icon3.text span, [class~=icon3][class~=text] i { left: 0; } [class~=icon2] span { bottom: 0; } [class~=icon2][class~=text] { padding-left: 0; } [class~=icon3][class~=text] i { top: 0; } [class~=info][class~=player2] #status ul li#stamina { border-left-color: rgba(0, 0, 0, .5); } [class~=icon2] { width: 22.5pt; } [class~=icon3][class~=text] i { padding-left: .5pc; } [class~=info][class~=player2] #status ul li#stamina { border-image: none; } [class~=icon3][class~=text] i { padding-bottom: .104166667in; } [class~=icon2] { height: 22.5pt; } [class~=icon2] span { transform: translate(-50%, 0); } [class~=icon3][class~=text] i { padding-right: .5pc; } [class~=icon3][class~=text] i { padding-top: .104166667in; } [class~=icon2] { overflow: hidden; } [class~=icon2] span { width: 100%; } [class~=icon3][class~=text] i { width: 15px; } [class~=icon2] span { height: 100%; } [class~=icon2] { background: rgba(0, 0, 0, .35); } [class~=icon3][class~=text] i { height: .15625in; } .icon3.text span, [class~=icon3] { position: relative; } [class~=icon2][class~=text] { padding-right: 0; } [class~=icon3] i, .icon2.text i:before { top: 50%; } [class~=icon3] { padding-left: 0pt; } [class~=icon3] { padding-bottom: 0px; } [class~=info][class~=player2] #status ul li#hunger { border-radius: .052083333in 0pt 0pt .052083333in; } .icon3.text span, [class~=icon3][class~=text] { width: auto; } [class~=icon3] i { left: .125in; } .icon3.text span { height: auto; } [class~=icon3] { padding-right: 0pt; } [class~=icon3] { padding-top: 0px; } .icon3.text span { transform: translate(0, 0); } [class~=info][class~=player2] #status ul li#hunger, [class~=info][class~=player2] #status ul li#exp { margin-left: 5px; } [class~=icon3] i, .icon2.text i:before { transform: translate(-50%, -50%); } .icon3.text span, [class~=icon3][class~=text] { display: inline-block; } [class~=icon3][class~=text], [class~=icon2][class~=text] { padding-top: 0; } [class~=icon3] i, .icon3.text span { font-size: 12px; } [class~=info][class~=player2] #status { clear: both; } [class~=icon3] i { color: rgba(255, 255, 255, .8); } [class~=icon3] i { z-index: 11; } [class~=info][class~=player2] #status ul li#thirst { border-radius: 0pt .052083333in 3.75pt 0px; } .icon3.text span { font-weight: 400; } .icon3 img { width: .166666667in; } .icon3.text span { color: #fff; } [class~=icon3] { margin-left: -5px; } [class~=icon3][class~=pulse] i { animation: trew-pulse 500ms 1; } [class~=info][class~=player2] #status ul li#health[class~=dead] { animation: trew-pulse 500ms infinite; } .icon3 img { margin-left: 0; } .icon3 img { margin-bottom: 0; } [class~=icon3][class~=text] { overflow: visible; } [class~=icon3] { margin-bottom: -10px; } .icon3 img, [class~=info][class~=player2] #status ul { margin-right: 0; } [class~=info][class~=player2] #status ul li#exp { border-radius: 6.25pc; } [class~=icon3] { margin-right: .3125pc; } .icon3 img { margin-top: -2.25pt; } [class~=icon3][class~=text] { padding-left: 0; } [class~=icon3][class~=text] { padding-bottom: 0; } [class~=info][class~=player2] #status ul li { float: right; } [class~=icon3], [class~=info][class~=player2] #status ul { margin-top: .625pc; } [class~=icon3] span { display: block; } [class~=icon3][class~=text] i:before, [class~=icon3] span { position: absolute; } [class~=icon3] { width: 4.6875pc; } [class~=icon3] span { left: 0; } [class~=icon3] span { bottom: 0; } [class~=icon3] span { transform: translate(0, 0); } [class~=icon3] span { width: 100%; } [class~=icon3][class~=text] { padding-right: 0; } [class~=info][class~=player2] #status ul li#health { border-radius: .052083333in 0px 0in 0px; } [class~=icon3] { height: 15px; } [class~=icon3] span { height: 100%; } [class~=info][class~=player2] #status ul li#armor { border-radius: 0px 0pt 0in 3.75pt; } [class~=icon3] { overflow: hidden; } [class~=icon3] { background: rgba(0, 0, 0, .35); } [class~=icon3][class~=text] i:before { left: 50%; } [class~=icon3][class~=text] i:before { top: 50%; } [class~=icon3][class~=text] i:before { transform: translate(-50%, -50%); } [class~=info][class~=player2] #status ul li#health[class~=dead] i[class~=fas]:before { content: ""; } [class~=info][class~=player2] #status ul li#health[class~=dead] span { height: 0 !important; }