/* GENERATED by tools/cs2_panorama_css.py -- do not hand-edit.
   Source: panorama/styles/hud/hud.vcss
   Valve's own rules, converted from Panorama to browser CSS. The px
   are UNCHANGED at Panorama's 1080p reference; the root scales with
   zoom: calc(100vh / 1080), which is what the engine itself does.
   Panorama properties with no browser equivalent were dropped:
     
*/
.cs2bt { zoom: var(--cs2-ui-scale, 1); }
.cs2bt * { grid-area: 1 / 1; }
.cs2bt div { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
.cs2bt .washed { background-color: var(--wash, #fff); -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }

@font-face { font-family: 'Stratum2'; src: url(fonts/stratum2-regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Light'; src: url(fonts/stratum2-light.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Medium'; src: url(fonts/stratum2-medium.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Bold'; src: url(fonts/stratum2-bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Black'; src: url(fonts/stratum2-black.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Thin'; src: url(fonts/stratum2-thin.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Light Italic'; src: url(fonts/stratum2-lightitalic.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Medium Italic'; src: url(fonts/stratum2-mediumitalic.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Black Italic'; src: url(fonts/stratum2-blackitalic.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Thin Italic'; src: url(fonts/stratum2-thinitalic.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Condensed'; src: url(fonts/stratum2condensed-regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Light Condensed'; src: url(fonts/stratum2condensed-light.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Medium Condensed'; src: url(fonts/stratum2condensed-medium.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Bold Condensed'; src: url(fonts/stratum2condensed-bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Black Condensed'; src: url(fonts/stratum2condensed-black.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Thin Condensed'; src: url(fonts/stratum2condensed-thin.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'stratum2 condensed'; src: url(fonts/stratum2condensed-regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'stratum2 bold condensed'; src: url(fonts/stratum2condensed-bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 TF'; src: url(fonts/stratum2_tf_regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Light TF'; src: url(fonts/stratum2_tf_light.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Medium TF'; src: url(fonts/stratum2_tf_medium.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Bold TF'; src: url(fonts/stratum2_tf_bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Black TF'; src: url(fonts/stratum2_tf_black.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Thin TF'; src: url(fonts/stratum2_tf_thin.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Bold Monodigit'; src: url(fonts/stratum2_tf_bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Regular Monodigit'; src: url(fonts/stratum2_tf_regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Mono'; src: url(fonts/stratum2mono-regular.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Mono Light'; src: url(fonts/stratum2mono-light.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Stratum2 Mono Bold'; src: url(fonts/stratum2mono-bold.otf) format('opentype'); font-display: block; }
@font-face { font-family: 'Noto Mono'; src: url(fonts/notomono-regular.ttf) format('truetype'); font-display: block; }

.cs2bt @define monospaceFont: notomono-regular;
@define stratum2Font: Stratum2, "Arial Unicode MS";
@define stratum2monoFont: Stratum2 Regular Monodigit, "Arial Unicode MS";
@define stratum2monoFontBold: Stratum2 Bold Monodigit, "Arial Unicode MS";
Label.MonoNumbersFont,TextEntry.MonoNumbersFont {
  font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS';
}
.cs2bt .stratum-font {
  font-family: Stratum2, 'Arial Unicode MS';
}
.cs2bt .mono-spaced-font {
  font-family: Stratum2 Regular Monodigit, 'Arial Unicode MS';
}
.cs2bt .mono-spaced-font-bold {
  font-family: Stratum2 Bold Monodigit, 'Arial Unicode MS';
}
.cs2bt .stratum-thin {
  font-family: Stratum2 Thin, "Arial Unicode MS";
}
.cs2bt .stratum-thin-italic {
  font-family: Stratum2 Thin Italic, "Arial Unicode MS";
}
.cs2bt .stratum-thin-condensed {
  font-family: Stratum2 Thin Condensed, "Arial Unicode MS";
}
.cs2bt .stratum-thin-tf {
  font-family: Stratum2 Thin TF, "Arial Unicode MS";
}
.cs2bt .stratum-light {
  font-family: Stratum2 Light, "Arial Unicode MS";
}
.cs2bt .stratum-light-italic {
  font-family: Stratum2 Light Italic, "Arial Unicode MS";
}
.cs2bt .stratum-light-condensed {
  font-family: Stratum2 Light Condensed, "Arial Unicode MS";
}
.cs2bt .stratum-light-tf {
  font-family: Stratum2 Light TF, "Arial Unicode MS";
}
.cs2bt .stratum-regular {
  font-family: Stratum2, "Arial Unicode MS";
  font-weight: normal;
}
.cs2bt .stratum-regular-italic {
  font-family: Stratum2, "Arial Unicode MS";
  font-style: italic;
  font-weight: normal;
}
.cs2bt .stratum-regular-condensed {
  font-family: Stratum2 Condensed, "Arial Unicode MS";
  font-weight: normal;
}
.cs2bt .stratum-regular-tf {
  font-family: Stratum2 TF, "Arial Unicode MS";
  font-weight: normal;
}
.cs2bt .stratum-medium {
  font-family: Stratum2 Medium, "Arial Unicode MS";
}
.cs2bt .stratum-medium-italic {
  font-family: Stratum2 Medium Italic, "Arial Unicode MS";
}
.cs2bt .stratum-medium-condensed {
  font-family: Stratum2 Medium Condensed, "Arial Unicode MS";
}
.cs2bt .stratum-medium-tf {
  font-family: Stratum2 Medium TF, "Arial Unicode MS";
}
.cs2bt .stratum-bold {
  font-family: Stratum2, "Arial Unicode MS";
  font-weight: bold;
}
.cs2bt .stratum-bold-italic {
  font-family: Stratum2, "Arial Unicode MS";
  font-weight: bold;
  font-style: italic;
}
.cs2bt .stratum-bold-condensed {
  font-family: Stratum2 Bold Condensed, "Arial Unicode MS";
}
.cs2bt .stratum-bold-tf {
  font-family: Stratum2 Bold TF, "Arial Unicode MS";
}
.cs2bt .stratum-black {
  font-family: Stratum2 Black, "Arial Unicode MS";
}
.cs2bt .stratum-black-italic {
  font-family: Stratum2 Black Italic, "Arial Unicode MS";
}
.cs2bt .stratum-black-condensed {
  font-family: Stratum2 Black Condensed, "Arial Unicode MS";
}
.cs2bt .stratum-black-tf {
  font-family: Stratum2 Black TF, "Arial Unicode MS";
}
.cs2bt .stratum-light-mono {
  font-family: Stratum2 Mono Light, "Arial Unicode MS";
}
.cs2bt .stratum-regular-mono {
  font-family: Stratum2 Mono, "Arial Unicode MS";
  font-weight: normal;
}
.cs2bt .stratum-bold-mono {
  font-family: Stratum2 Mono, "Arial Unicode MS";
  font-weight: bold;
}
.cs2bt .csgo-hud__color-0.HUD--team--ct .hud-colorize {
  color: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-0.HUD--team--terrorist .hud-colorize {
  color: #eabe54;
}
.cs2bt .csgo-hud__color-12.HUD--team--ct .hud-colorize {
  color: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-12.HUD--team--terrorist .hud-colorize {
  color: #eabe54;
}
.cs2bt .hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize {
  color: rgb(248, 246, 45);
}
.cs2bt .hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize {
  color: rgb(192, 54, 153);
}
.cs2bt .hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize {
  color: rgb(29, 162, 132);
}
.cs2bt .hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize {
  color: rgb( 136, 206, 245);
}
.cs2bt .hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize {
  color: rgb(255, 155, 37);
}
.cs2bt .csgo-hud__color-1 .hud-colorize {
  color: #e8e8e8;
}
.cs2bt .csgo-hud__color-2 .hud-colorize {
  color: #ffffff;
}
.cs2bt .csgo-hud__color-3 .hud-colorize {
  color: #96c8ff;
}
.cs2bt .csgo-hud__color-4 .hud-colorize {
  color: #2478ff;
}
.cs2bt .csgo-hud__color-5 .hud-colorize {
  color: #c864ff;
}
.cs2bt .csgo-hud__color-6 .hud-colorize {
  color: #ff2924;
}
.cs2bt .csgo-hud__color-7 .hud-colorize {
  color: #ff7124;
}
.cs2bt .csgo-hud__color-8 .hud-colorize {
  color: #fff724;
}
.cs2bt .csgo-hud__color-9 .hud-colorize {
  color: #3eff24;
}
.cs2bt .csgo-hud__color-10 .hud-colorize {
  color: #70ffdb;
}
.cs2bt .csgo-hud__color-11 .hud-colorize {
  color: #ff9ccd;
}
.cs2bt .csgo-hud__color-0.HUD--team--ct .hud-colorize-bg {
  background-color: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-0.HUD--team--terrorist .hud-colorize-bg {
  background-color: #eabe54;
}
.cs2bt .csgo-hud__color-12.HUD--team--ct .hud-colorize-bg {
  background-color: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-12.HUD--team--terrorist .hud-colorize-bg {
  background-color: #eabe54;
}
.cs2bt .hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-bg {
  background-color: rgb(248, 246, 45);
}
.cs2bt .hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-bg {
  background-color: rgb(192, 54, 153);
}
.cs2bt .hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-bg {
  background-color: rgb(29, 162, 132);
}
.cs2bt .hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-bg {
  background-color: rgb( 136, 206, 245);
}
.cs2bt .hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-bg {
  background-color: rgb(255, 155, 37);
}
.cs2bt .csgo-hud__color-1 .hud-colorize-bg {
  background-color: #e8e8e8;
}
.cs2bt .csgo-hud__color-2 .hud-colorize-bg {
  background-color: #ffffff;
}
.cs2bt .csgo-hud__color-3 .hud-colorize-bg {
  background-color: #96c8ff;
}
.cs2bt .csgo-hud__color-4 .hud-colorize-bg {
  background-color: #2478ff;
}
.cs2bt .csgo-hud__color-5 .hud-colorize-bg {
  background-color: #c864ff;
}
.cs2bt .csgo-hud__color-6 .hud-colorize-bg {
  background-color: #ff2924;
}
.cs2bt .csgo-hud__color-7 .hud-colorize-bg {
  background-color: #ff7124;
}
.cs2bt .csgo-hud__color-8 .hud-colorize-bg {
  background-color: #fff724;
}
.cs2bt .csgo-hud__color-9 .hud-colorize-bg {
  background-color: #3eff24;
}
.cs2bt .csgo-hud__color-10 .hud-colorize-bg {
  background-color: #70ffdb;
}
.cs2bt .csgo-hud__color-11 .hud-colorize-bg {
  background-color: #ff9ccd;
}
.cs2bt .hud-t-colorize {
  --wash: #eabe54;
}
.cs2bt .hud-ct-colorize {
  --wash: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-0.HUD--team--ct .hud-colorize-wash {
  --wash: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-0.HUD--team--terrorist .hud-colorize-wash {
  --wash: #eabe54;
}
.cs2bt .csgo-hud__color-12.HUD--team--ct .hud-colorize-wash {
  --wash: rgb(150, 200, 250);
}
.cs2bt .csgo-hud__color-12.HUD--team--terrorist .hud-colorize-wash {
  --wash: #eabe54;
}
.cs2bt .hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-wash {
  --wash: rgb(248, 246, 45);
}
.cs2bt .hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-wash {
  --wash: rgb(192, 54, 153);
}
.cs2bt .hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-wash {
  --wash: rgb(29, 162, 132);
}
.cs2bt .hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-wash {
  --wash: rgb( 136, 206, 245);
}
.cs2bt .hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-wash {
  --wash: rgb(255, 155, 37);
}
.cs2bt .csgo-hud__color-1 .hud-colorize-wash {
  --wash: #e8e8e8;
}
.cs2bt .csgo-hud__color-2 .hud-colorize-wash {
  --wash: #ffffff;
}
.cs2bt .csgo-hud__color-3 .hud-colorize-wash {
  --wash: #96c8ff;
}
.cs2bt .csgo-hud__color-4 .hud-colorize-wash {
  --wash: #2478ff;
}
.cs2bt .csgo-hud__color-5 .hud-colorize-wash {
  --wash: #c864ff;
}
.cs2bt .csgo-hud__color-6 .hud-colorize-wash {
  --wash: #ff2924;
}
.cs2bt .csgo-hud__color-7 .hud-colorize-wash {
  --wash: #ff7124;
}
.cs2bt .csgo-hud__color-8 .hud-colorize-wash {
  --wash: #fff724;
}
.cs2bt .csgo-hud__color-9 .hud-colorize-wash {
  --wash: #3eff24;
}
.cs2bt .csgo-hud__color-10 .hud-colorize-wash {
  --wash: #70ffdb;
}
.cs2bt .csgo-hud__color-11 .hud-colorize-wash {
  --wash: #ff9ccd;
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-wash {
  --wash: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-wash {
  --wash: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-wash {
  --wash: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-wash {
  --wash: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-wash {
  --wash: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-wash {
  --wash: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-wash {
  --wash: rgb(255, 155, 37);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-wash {
  --wash: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-wash {
  --wash: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-wash {
  --wash: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-wash {
  --wash: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-wash {
  --wash: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-wash {
  --wash: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-wash {
  --wash: rgb(255, 155, 37);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize {
  color: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize {
  color: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize {
  color: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize {
  color: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize {
  color: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize {
  color: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize {
  color: rgb(255, 155, 37);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize {
  color: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize {
  color: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize {
  color: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize {
  color: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize {
  color: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize {
  color: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize {
  color: rgb(255, 155, 37);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-bg {
  background-color: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-bg {
  background-color: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-bg {
  background-color: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-bg {
  background-color: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-bg {
  background-color: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-bg {
  background-color: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-bg {
  background-color: rgb(255, 155, 37);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-bg {
  background-color: rgb(150, 200, 250);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-bg {
  background-color: #eabe54;
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-bg {
  background-color: rgb(248, 246, 45);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-bg {
  background-color: rgb(192, 54, 153);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-bg {
  background-color: rgb(29, 162, 132);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-bg {
  background-color: rgb( 136, 206, 245);
}
.cs2bt .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-bg {
  background-color: rgb(255, 155, 37);
}
.cs2bt .left-right-flow {
  display: flex;
  flex-direction: row;
  position: relative;
}
.cs2bt .left-right-flow-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}
.cs2bt .top-bottom-flow-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}
.cs2bt .top-bottom-flow {
  display: flex;
  flex-direction: column;
  position: relative;
}
.cs2bt .horizontal-center {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}
.cs2bt .horizontal-align-right {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}
.cs2bt .horizontal-align-left {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
}
.cs2bt .vertical-center {
  align-self: center;
}
.cs2bt .vertical-align-top {
  align-self: flex-start;
}
.cs2bt .vertical-align-bottom {
  align-self: flex-end;
}
.cs2bt .full-width {
  width: 100%;
}
.cs2bt .width-fill-parent-flow {
  flex: 1.0 1 0px;
}
.cs2bt .full-height {
  height: 100%;
}
.cs2bt .fill-parent-flow-height {
  flex: 1 1 0px;
}


/* ---- hud.css ---- */
.cs2bt CSGOHud, .cs2bt .pid-PopupManager, .cs2bt .pid-ItemPreviewDebugManager, .cs2bt .pid-TooltipManager, .cs2bt .pid-ContextMenuManager, .cs2bt .pid-HudInstructor {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .pid-HudElemBlur {
  display: none;
  width: 100%;
  height: 100%;
  filter: blur(333px);
  display: block;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudBlur {
  width: 100%;
  height: 100%;
  filter: blur(224px);
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudBlurLess {
  width: 100%;
  height: 100%;
  filter: blur(113px);
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .pid-HudTopLeft {
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .pid-HudTopCenter {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  opacity: 1.0;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
}

.cs2bt .pid-HudBottomCenter {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
  width: 100%;
  height: 100%;
  opacity: 1.0;
  margin-bottom: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudBottomCenter--float {
  position: absolute;
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  top: -150px;
  height: 300px;
  flex-shrink: 0;
}

.cs2bt .pid-HudBottomGradient {
  background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 600px;
  flex-shrink: 0;
  align-self: flex-end;
  opacity: 1;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-HudLowerLeft {
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: ease-out;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: flex-end;
}

.cs2bt .pid-HudBottomCenter, .cs2bt .pid-HudLowerLeft, .cs2bt .pid-HudBottomRight {
  transition-property: transform;
  transition-duration: .1s;
  transition-timing-function: ease-out;
}

.cs2bt .DemoControllerFull .pid-HudBottomCenter, .cs2bt .DemoControllerFull .pid-HudLowerLeft, .cs2bt .DemoControllerFull .pid-HudBottomRight {
  transform: translateY(-86px);
}

.cs2bt .DemoControllerMinimal .pid-HudBottomCenter, .cs2bt .DemoControllerMinimal .pid-HudLowerLeft, .cs2bt .DemoControllerMinimal .pid-HudBottomRight {
  transform: translateY(-50px);
}

.cs2bt .pid-HudTimerPanel .Label {
  color: white;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  font-size: 26px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.cs2bt .pid-HudTimerPanel .Label.TimerAlert {
  color: red;
}

.cs2bt .pid-HudTopRight {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .pid-HudCenter {
  width: 100%;
  height: 100%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .pid-HudRadio {
  transform: translate(0px, 460px);
}

.cs2bt .pid-HudBottomRight {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
}

.cs2bt .pid-HudWeaponPanel {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
}

.cs2bt .pid-HudWeaponSelection {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
}

.cs2bt .pid-HudInWorld, .cs2bt .pid-HudDamageIndicator, .cs2bt .pid-HudReticle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .pid-HudTeamCounter {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  opacity: 1.0;
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .pid-HudVote {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: center;
}

.cs2bt .HUD--localplayer--spectator .WinPanelRoot--Win-T .WinPanelRow__BG__Glitch, .cs2bt .HUD--localplayer--spectator .WinPanelRoot--Win-T .WinPanelRow__BG__Dots {
  --wash: #eabe54;
}

/* ---- hudhealthammocenter.css ---- */
@keyframes weapon--change {
  0% { transform: scale3d( 0.75, 0.75, 0.75 ); }
  100% { transform: scale3d( 1, 1, 1.0 ); }
}

@keyframes on-damage {
  0% { transform: translateY( 0% ); filter: brightness(1); color: #DD0000; opacity: 1; text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px #DD0000, 0px 0px 9px #DD0000; }
  10% { transform: translateY( 0% ); filter: brightness(5); color: #DD0000; opacity: 1; text-shadow: 0px 0px 0px #DD0000, 0px 0px 0px #DD0000, 0px 0px 0px #DD0000; }
  75% { filter: brightness(1); color: #DD0000; opacity: 0.5; text-shadow: 0px 0px 0px #DD0000; }
  100% { transform: translateY( 25% ); color: #DD0000; filter: brightness(1); opacity: 0; text-shadow: 0px 0px 0px #DD0000; }
}

@keyframes jitter-bar {
  0% { transform: scale3D( 1.15, 1.15, 1 ) translate3d( -2px, 2px, 0px); filter: brightness(3); }
  25% { transform: scale3D( 1, 1, 1 ) translate3d( 0px, 2px, 0px); filter: brightness(5); }
  50% { transform: scale3D( 1, 1, 1 ) translate3d( 2px, -3px, 0px); filter: brightness(3); }
  100% { transform: scale3D( 1, 1, 1 ) translate3d( 0px, 0px, 0px); filter: brightness(1); }
}

@keyframes ExpectedBombDamage {
  0% { background-color: #ff8000a0; }
  50% { background-color: #ff0000ff; }
  100% { background-color: #ff8000a0; }
}

@keyframes jitter-number {
  0% { transform: scale3D( 1.15, 1.15, 1 ) translate3d( -3px, -4px, 0px); filter: brightness(3); }
  25% { transform: scale3D( 1, 1, 1 ) translate3d( 0px, -2px, 0px); filter: brightness(5); }
  50% { transform: scale3D( 1, 1, 1 ) translate3d( 3px, 5px, 0px); filter: brightness(3); }
  100% { transform: scale3D( 1, 1, 1 ) translate3d( 0px, 0px, 0px); filter: brightness(1); }
}

@keyframes on-c4-pickup {
  0% { transform: translateY( -100px ) scale3d( -1.2, 1.2, 1); filter: brightness(1); opacity: 0; color: #eabe54; }
  50% { transform: translateY( 0px ) scale3d( -1.2, 1.2, 1); filter: brightness(1); opacity: 1; color: #eabe54; }
  75% { transform: translateY( 0px ) scale3d(-1.4, 1.4, 1); filter: brightness(2); opacity: 1; color: #eabe54; }
  100% { transform: translateY( 0px ) scale3d( -1, 1, 1); filter: brightness(1); opacity: 1; color: none; }
}

@keyframes on-kit-pickup {
  0% { transform: translateY( -100px ) scale3d( -1.2, 1.2, 1); filter: brightness(1); opacity: 0; color: rgb(150, 200, 250); }
  50% { transform: translateY( 0px ) scale3d( -1.2, 1.2, 1); filter: brightness(1); opacity: 1; color: rgb(150, 200, 250); }
  75% { transform: translateY( 0px ) scale3d(-1.4, 1.4, 1); filter: brightness(2); opacity: 1; color: rgb(150, 200, 250); }
  100% { transform: translateY( 0px ) scale3d( -1, 1, 1); filter: brightness(1); opacity: 1; --wash: none; }
}

@keyframes reload {
  0% { transform: translateY(0px); }
  50% { transform: translateY(50px); }
  50.01% { transform: translateY(-50px); }
  100% { transform: translateY(0px); }
}

@keyframes hud-HA-armor--pickup {
  0% { opacity: 1; filter: brightness(1); transform: scale3d( 1.2, 1.2, 1.2 ); }
  49% { opacity: 1; filter: brightness(1); transform: scale3d( 1.2, 1.2, 1.2 ); }
  50% { opacity: 0.5; filter: brightness(4); transform: scale3d( 1.4, 1.4, 1.4 ); }
  99% { opacity: 0.5; filter: brightness(2); transform: scale3d( 1.0, 1.0, 1.0 ); }
  100% { opacity: 1; filter: brightness(1); }
}

@keyframes fast-reload {
  0% { transform: translateY(0px); --wash: red; opacity: 1; }
  100% { transform: translateY(100px); --wash: red; opacity: 0; }
}

@keyframes on-kill {
  0% { filter: brightness(6); }
  30% { filter: brightness(6); }
  100% { filter: brightness(1); }
}

@keyframes on-kill-spotlight {
  0% { opacity: 0; }
  1% { opacity: 0.2; }
  30% { opacity: 0.2; }
  100% { opacity: 0; }
}

@keyframes on-health-low {
  0% { opacity: .45; }
  50% { opacity: 1; }
  100% { opacity: .45; }
}

.cs2bt CSGOHudHealthAmmoCenter {
  height: 180px;
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: visible;
  margin-bottom: 16px;
  display: none;
}

.cs2bt CSGOHudHealthAmmoCenter.HUD--HA--active {
  display: block;
  visibility: visible;
}

.cs2bt .hud-HA-main.HUD--has-helmet:not(.HUD--has-armor) .hud-HA-icon--armor, .cs2bt .hud-HA-main.HUD--has-helmet.HUD--has-armor .hud-HA-icon--armor {
  opacity: 0.0;
}

.cs2bt .hud-HA-main:not(.HUD--has-helmet) .hud-HA-icon--helmet {
  opacity: 0.0;
}

.cs2bt .hud-HA-main:not(.HUD--has-heavyassaultsuit) .hud-HA-icon--heavy {
  opacity: 0.0;
}

.cs2bt .HUD--weapon--on-change.hud-WPN-main {
  animation-name: weapon--change;
  animation-duration: 0.1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.cs2bt CSGOHudHealthAmmoCenter.HUD--no-player {
  display: none;
}

.cs2bt .hud-HA-bar.HUD--health--on-damage {
  transform-origin: 50% -50%;
  animation-name: jitter-bar;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .hud-HA-bar, .cs2bt .pid-AmmoClipBar {
  width: 65px;
  flex-shrink: 0;
  height: 8px;
  flex-shrink: 0;
  border: 1px solid #00000000;
  overflow: hidden;
  position: relative;
}

.cs2bt .hud-HA-bar {
  background-image: linear-gradient(90deg, rgba(255,0,0,0.1) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);
  filter: brightness(1);
  top: -10px;
  left: -2px;
  border: 1px solid #000000;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  position: relative;
}

.cs2bt .hud-HA-bar .ProgressBarLeft {
  background-color: #ffffff;
}

.cs2bt .hud-HA-bar .ProgressBarRight {
  background-color: rgba(0,0,0,0);
}

.cs2bt .pid-ExpectedBombHealthBar.BombPlantedPulse__Slow .ProgressBarMiddle {
  animation-duration: 0.8s;
}

.cs2bt .pid-ExpectedBombHealthBar.BombPlantedPulse__Medium .ProgressBarMiddle {
  animation-duration: 0.5s;
}

.cs2bt .pid-ExpectedBombHealthBar.BombPlantedPulse__Fast .ProgressBarMiddle {
  animation-duration: 0.3s;
}

.cs2bt .pid-ExpectedBombHealthBar {
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  transform: scale3d( 1, 4, 1);
  opacity: 0;
}

.cs2bt .pid-ExpectedBombHealthBar .ProgressBarLeft, .cs2bt .pid-ExpectedBombHealthBar .ProgressBarMiddle, .cs2bt .pid-ExpectedBombHealthBar .ProgressBarRight {
  background-color: white;
  transition-duration: 1s;
}

.cs2bt .pid-ExpectedBombHealthBar.expected-bomb-damage-active {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1;
  transform: scale3d( 1, 1, 1);
}

.cs2bt .pid-ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarLeft {
  background-color: rgba(0, 255, 0, 0.603);
}

.cs2bt .pid-ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarMiddle {
  animation-name: ExpectedBombDamage;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

.cs2bt .pid-ExpectedBombHealthBar.expected-bomb-damage-active .ProgressBarRight {
  background-color: rgba(0,0,0,0);
}

.cs2bt .hud-HA--on-damage .hud-HA-bar--health .ProgressBarLeft, .cs2bt .hud-HA--critical .hud-HA-bar--health .ProgressBarLeft {
  background-color: red;
}

.cs2bt .hud-HA-health .hud-HA-health_or_ammo-label.HUD--health--on-damage {
  animation-name: on-damage;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .hud-HA-health .hud-HA-text.HUD--health--on-damage {
  transform-origin: 50% -50%;
  animation-name: jitter-number;
  animation-duration: .15s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .HUD--weapon--on-fired {
  transform-origin: 50% 50%;
  animation-name: jitter-number;
  animation-duration: .05s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .HUD--has-c4--on-pickup {
  animation-name: on-c4-pickup;
  animation-duration: 1.25s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.cs2bt .HUD--has-kit--on-pickup {
  animation-name: on-kit-pickup;
  animation-duration: 1.25s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

.cs2bt .HudHealthAmmoCenter .Label {
  top: 2px;
  position: relative;
}

.cs2bt .Language_vietnamese .HudHealthAmmoCenter .Label.stratum-bold {
  font-family: ForceStratum2, 'Arial Unicode MS';
  font-weight: bold;
}

.cs2bt .hud-HA-icon-container {
  width: 32px;
  flex-shrink: 0;
  height: 100%;
  opacity: 1.0;
  overflow: hidden;
  position: relative;
}

.cs2bt .hud-HA-icon-container .hud-WPN-ammo-reserve__icon {
  height: 18px;
  flex-shrink: 0;
  width: auto;
  aspect-ratio: 1 / 1;
  align-self: center;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  margin-left: 4px;
  top: -1px;
  display: none;
  position: relative;
}

.cs2bt .hud-HA-icon-container.HUD--on-reload {
  animation-name: reload;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.cs2bt .hud-HA-icon-outline-container {
  left: 0px;
  align-self: center;
  height: 100%;
  opacity: 1.0;
  top: 3px;
  position: relative;
}

.cs2bt .hud-HA {
  width: 800px;
  flex-shrink: 0;
  height: 72px;
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  opacity: 0.0;
  overflow: visible;
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2bt .hud-HA.HUD--on-kill {
  animation-name: on-kill;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .survival .hud-HA {
  width: 550px;
  flex-shrink: 0;
}

.cs2bt .HUD--HA--active .hud-HA {
  opacity: 1.0;
}

.cs2bt .hud-HA-main-container {
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  margin-right: 200px;
}

.cs2bt .hud-HA-main-container .hud-HA-main {
  height: 100%;
  align-self: center;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2bt .hud-HA-main-container .hud-HA-main .hud-HA-health {
  height: 53px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  align-self: center;
  width: fit-content;
  overflow: visible;
}

.cs2bt .hud-HA-main-container .hud-HA-main .hud-HA-health .hud-HA-text {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  text-align: right;
  width: fit-content;
  align-self: center;
  overflow: visible;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2bt .hud-HA__stroke {
  width: 60%;
  height: 1px;
  flex-shrink: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
  position: relative;
}

.cs2bt .HUD--spectating-target .hud-HA__stroke {
  display: none;
}

.cs2bt .hud-HA__stroke.right {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  width: 50%;
}

.cs2bt .hud-HA__stroke.left {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  width: 50%;
}

.cs2bt .hud-HA-icon {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  opacity: 1;
}

.cs2bt .hud-HA-icon--health {
  width: 22px;
  flex-shrink: 0;
}

.cs2bt .hud-HA--critical .hud-HA-icon--health {
  --wash: #ff0000;
}

.cs2bt .hud-HA-icon--heavy {
  padding-top: 1px;
  --wash: #ffffff;
}

.cs2bt .hud-HA-icon--helmet, .cs2bt .hud-WPN-icon--reserve {
  opacity: 1;
  transform: translateY( -3px );
}

.cs2bt .hud-HA-icon--armor {
  opacity: 1;
}

.cs2bt .hud-HA-armor {
  height: 100%;
  align-self: center;
  opacity: 0;
  transform: translateY(5px);
}

.cs2bt .HUD--has-armor .hud-HA-armor {
  opacity: 1;
}

.cs2bt .hud-HA-armor-text, .cs2bt .hud-WPN-reserve-text {
  width: fit-content;
  align-self: center;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2bt .hud-HA-text .Label, .cs2bt .hud-WPN-text .Label {
  font-size: 42px;
  width: 70px;
  flex-shrink: 0;
  color: #ffffff;
  align-self: center;
  letter-spacing: 0px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  text-align: center;
  text-overflow: shrink;
}

.cs2bt .hud-WPN-text .Label {
  padding-left: 0px;
  text-align: center;
}

.cs2bt .hud-WPN-pipe {
  padding: 0px 4px 0px 0px;
  font-size: 28px;
  opacity: .4;
  width: 15px;
  flex-shrink: 0;
}

.cs2bt .hud-HA-armor-text .Label, .cs2bt .hud-WPN-reserve-text__label {
  font-size: 18px;
  width: fit-content;
  text-align: center;
  text-overflow: shrink;
  letter-spacing: 0px;
  padding-left: 0px;
  color: white;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2bt .hud-HA-armor-text .Label {
  transform: translateY(3px);
}

.cs2bt .hud-WPN-reserve-text__label {
  font-size: 32px;
  text-align: right;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  width: 30px;
  flex-shrink: 0;
}

.cs2bt .hud-HA--critical .hud-HA-bg-h {
  background-image: linear-gradient(90deg, #77000000 0%, #770000EE 10%, #770000EE 100%);
}

.cs2bt .hud-HA--critical .hud-HA-text .hud-HA-health_or_ammo-label {
  text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px #DD0000;
}

.cs2bt .HUD--health--low .hud-HA-text .hud-HA-health_or_ammo-label {
  filter: brightness(1.75);
  text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px #DD0000, 0px 0px 9px #DD0000;
}

.cs2bt .HUD--ammo-clip--low .hud-WPN-text .hud-HA-health_or_ammo-label, .cs2bt .HUD--ammo-reserve--low .hud-WPN-reserve-text__label {
  text-shadow: 0px 0px 9px #DD0000, 0px 0px 9px #DD0000;
}

.cs2bt .hud-HA-armor--pickup .hud-HA-armor {
  animation-name: hud-HA-armor--pickup;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 6;
}

.cs2bt .hud-HA-center {
  width: 64px;
  flex-shrink: 0;
  height: 64px;
  flex-shrink: 0;
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  background-color: #000000a0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask-image: url(circle_png.png);
  mask-image: url(circle_png.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cs2bt .hud-HA-center__circle {
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .hud-HA-center__circle__border {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 3px solid rgb(255, 255, 255);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .hud-HA-center__equipment {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2bt .hud-HA-center-ct-icon, .cs2bt .hud-HA-center-t-icon {
  padding: 0px;
  opacity: 1;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  display: none;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: ease-in-out;
}

.cs2bt .HUD--team--terrorist .hud-HA-center-t-icon {
  display: block;
  visibility: visible;
}

.cs2bt .HUD--team--ct .hud-HA-center-ct-icon {
  display: block;
  visibility: visible;
}

.cs2bt .hud-WPN-main {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  height: 100%;
  align-self: center;
  margin-left: 200px;
}

.cs2bt .hud-WPN-ammo-reserve {
  height: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  transition-property: opacity, transform;
  transition-duration: .0s;
  transition-timing-function: ease-in-out;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-ammo {
  height: 100%;
  width: fit-content;
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-ammo .hud-WPN-text {
  align-self: center;
  height: 100%;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-ammo .hud-HA-ammo-mode-icon_container {
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  top: -5px;
  position: relative;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-ammo .pid-AmmoClipBar {
  background-color: rgba(255,255,255,0.1);
  filter: brightness(1);
  height: 4px;
  flex-shrink: 0;
  top: -14px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
  border: 1px solid #000000;
  position: relative;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-ammo .pid-AmmoClipBar .ProgressBarLeft {
  background-color: #ffffff;
}

.cs2bt .HUD--ammo-clip--low .hud-WPN-ammo-reserve .hud-WPN-ammo .pid-AmmoClipBar .ProgressBarLeft {
  --wash: red;
  box-shadow: #DD0000 0px 0px 5px 0px;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-reserve {
  height: 100%;
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2bt .hud-WPN-ammo-reserve .hud-WPN-reserve .pid-HudReserveMagsContainer {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2bt .hud-WPN-ammo-icon--single, .cs2bt .hud-WPN-ammo-icon--fullauto, .cs2bt .hud-WPN-ammo-icon--burst {
  width: 55px;
  flex-shrink: 0;
  height: auto;
  aspect-ratio: 1 / 0.1;
  display: none;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2bt .HUD--weapon--single.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--single {
  display: block;
  visibility: visible;
}

.cs2bt .HUD--weapon--burst.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--burst {
  display: block;
  visibility: visible;
}

.cs2bt .HUD--weapon--semi-auto.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--single {
  display: block;
  visibility: visible;
}

.cs2bt .HUD--weapon--full-auto.HUD--weapon--can-change-fire-mode .hud-WPN-ammo-icon--fullauto {
  display: block;
  visibility: visible;
}

.cs2bt .pid-HudReserveMagsContainer {
  display: none;
}

.cs2bt .reserve-ammo-as-numbers .pid-HudReserveMagsContainer {
  display: none;
}

.cs2bt .show-mags .pid-HudReserveMagsContainer {
  display: block;
  visibility: visible;
}

.cs2bt .pid-HudReserveAmmoCounter {
  display: block;
  visibility: visible;
}

.cs2bt .reserve-ammo-as-icons .pid-HudReserveAmmoCounter {
  display: none;
}

.cs2bt .HUD--ammo-reserve--magazine .ammo-reserve--magazine, .cs2bt .HUD--ammo-reserve--shotgun_shell .ammo-reserve--shotgun_shell, .cs2bt .HUD--ammo-reserve--box .ammo-reserve--box, .cs2bt .HUD--ammo-reserve--revolver_loader .ammo-reserve--revolver_loader, .cs2bt .HUD--ammo-reserve--banana_mag .ammo-reserve--banana_mag, .cs2bt .HUD--ammo-reserve--bizon_tube .ammo-reserve--bizon_tube, .cs2bt .HUD--ammo-reserve--p90 .ammo-reserve--p90, .cs2bt .HUD--ammo-reserve--generic_bullet .ammo-reserve--generic_bullet {
  display: block;
  visibility: visible;
}

.cs2bt .HUD--holding-0ammo .hud-WPN-ammo-reserve, .cs2bt .HUD--holding-1ammo .hud-WPN-ammo-reserve {
  display: none;
}

.cs2bt .hud-WPN-burst-icon {
  transform: translateY( -4px );
  opacity: 0.5;
}

.cs2bt .HUD--holding-1ammo .hud-WPN-reserve {
  display: none;
}

.cs2bt .hud-HA__kills {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 150px;
  flex-shrink: 0;
  height: 300px;
  flex-shrink: 0;
  transform: translate3d( 0px, 52px, 0px);
  overflow: hidden;
  position: relative;
}

.cs2bt .kill-flag-svg-container {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .hud-HA__kill-flag {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  transform: translate3d( 0px, 42px, 0px);
  transition-property: transform;
  transition-duration: 0.0s;
  transition-timing-function: ease-in-out;
  height: 100%;
}

.cs2bt .kill-flag-svg-size {
  height: 152px;
  flex-shrink: 0;
  align-self: center;
}

.cs2bt .kill-flag-spotlight {
  background-image: linear-gradient(180deg, white 0%, #ffffff00 100%);
  width: 36px;
  flex-shrink: 0;
  height: 100px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  overflow: visible;
  border-radius: 10px;
  opacity: 0;
}

.cs2bt .kill-flag-bg-blur {
  width: 100%;
  height: 152px;
  flex-shrink: 0;
  -webkit-mask-image: url(kill_mask.svg);
  mask-image: url(kill_mask.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #000000a0;
  overflow: hidden;
  position: relative;
}

.cs2bt .kill-flag-bg-pattern::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-image: url(bluedots_large_png.png);
  background-size: 360px 360px;
}

.cs2bt .kill-flag-bg-pattern {
  width: 100%;
  height: 152px;
  flex-shrink: 0;
  -webkit-mask-image: url(kill_mask.svg);
  mask-image: url(kill_mask.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.cs2bt .kill-flag-bg-design {
  display: none;
  width: 100%;
  height: 152px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2bt .hud-HA__kill-flag.animate {
  transition-duration: 0.2s;
}

.cs2bt .Label.hud-HA__kills__count {
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  top: 21px;
  left: -1px;
  color: white;
  text-align: center;
  border: 1px solid #00000000;
  letter-spacing: 0px;
  text-align: center;
  font-size: 21px;
  position: relative;
}

.cs2bt .HUD--NumKills--1 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--1.HUD--required-1Kill .hud-HA__kill-flag1, .cs2bt .HUD--required-1Kill .HUD--required-kill-flag1 {
  transform: translate3d( 0px, 0px, 0px) rotateZ(0deg);
}

.cs2bt .HUD--NumKills--2 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--1.HUD--required-2Kills .hud-HA__kill-flag1, .cs2bt .HUD--required-2Kills .HUD--required-kill-flag1 {
  transform: translate3d( -2px, 2px, 0px) rotateZ(-6deg);
}

.cs2bt .HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--1.HUD--required-3Kills .hud-HA__kill-flag1, .cs2bt .HUD--required-3Kills .HUD--required-kill-flag1 {
  transform: translate3d( -3px, 4px, 0px)rotateZ(-12deg);
}

.cs2bt .HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--1.HUD--required-4Kills .hud-HA__kill-flag1, .cs2bt .HUD--required-4Kills .HUD--required-kill-flag1 {
  transform: translate3d( -5px, 6px, 0px)rotateZ(-18deg);
}

.cs2bt .HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--1.HUD--required-5Kills .hud-HA__kill-flag1, .cs2bt .HUD--required-5Kills .HUD--required-kill-flag1, .cs2bt .HUD--NumKills--extra .HUD--required-kill-flag1 {
  transform: translate3d( -7px, 8px, 0px) rotateZ(-24deg);
}

.cs2bt .HUD--NumKills--2:not(.scrimcomp2v2) .hud-HA__kill-flag2, .cs2bt .HUD--required-2Kills .HUD--required-kill-flag2 {
  transform: translate3d( 2px, 0px, 0px) rotateZ(6deg);
}

.cs2bt .HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag2, .cs2bt .HUD--required-3Kills .HUD--required-kill-flag2 {
  transform: translate3d( 0px, 2px, 0px) rotateZ(0deg);
}

.cs2bt .HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag2, .cs2bt .HUD--required-4Kills .HUD--required-kill-flag2 {
  transform: translate3d( -2px, 4px, 0px) rotateZ(-6deg);
}

.cs2bt .HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag2, .cs2bt .HUD--required-5Kills .HUD--required-kill-flag2, .cs2bt .HUD--NumKills--extra .HUD--required-kill-flag2 {
  transform: translate3d( -3px, 6px, 0px) rotateZ(-12deg);
}

.cs2bt .HUD--NumKills--3:not(.scrimcomp2v2) .hud-HA__kill-flag3, .cs2bt .HUD--required-3Kills .HUD--required-kill-flag3 {
  transform: translate3d( 3px, 0px, 0px) rotateZ(12deg);
}

.cs2bt .HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag3, .cs2bt .HUD--required-4Kills .HUD--required-kill-flag3 {
  transform: translate3d( 2px, 2px, 0px) rotateZ(6deg);
}

.cs2bt .HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag3, .cs2bt .HUD--required-5Kills .HUD--required-kill-flag3, .cs2bt .HUD--NumKills--extra .HUD--required-kill-flag3 {
  transform: translate3d( 0px, 4px, 0px) rotateZ(0deg);
}

.cs2bt .HUD--NumKills--4:not(.scrimcomp2v2) .hud-HA__kill-flag4, .cs2bt .HUD--required-4Kills .HUD--required-kill-flag4 {
  transform: translate3d( 5px, 0px, 0px) rotateZ(18deg);
}

.cs2bt .HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag4, .cs2bt .HUD--required-5Kills .HUD--required-kill-flag4, .cs2bt .HUD--NumKills--extra .HUD--required-kill-flag4 {
  transform: translate3d( 3px, 2px, 0px) rotateZ(12deg);
}

.cs2bt .HUD--NumKills--5:not(.scrimcomp2v2) .hud-HA__kill-flag5, .cs2bt .HUD--required-5Kills .HUD--required-kill-flag5, .cs2bt .HUD--NumKills--extra .HUD--required-kill-flag5 {
  transform: translate3d( 7px, 0px, 0px) rotateZ(24deg);
}

.cs2bt .scrimcomp2v2.HUD--NumKills--2 .hud-HA__kill-flag5, .cs2bt .scrimcomp2v2.HUD--NumKills--extra .hud-HA__kill-flag-extra {
  transform: translate3d( 2px, 0px, 0px) rotateZ(6deg);
}

.cs2bt .scrimcomp2v2.HUD--NumKills--3 .hud-HA__kill-flag-extra, .cs2bt .scrimcomp2v2.HUD--NumKills--4 .hud-HA__kill-flag-extra, .cs2bt .scrimcomp2v2.HUD--NumKills--5 .hud-HA__kill-flag-extra, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag-extra {
  transform: translate3d( 0px, 0px, 0px) rotateZ(0deg);
}

.cs2bt .HUD--NumKills--1 .hud-HA__kill-flag1.animate, .cs2bt .HUD--NumKills--2 .hud-HA__kill-flag2.animate, .cs2bt .HUD--NumKills--3 .hud-HA__kill-flag3.animate, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag4.animate, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag5.animate, .cs2bt .HUD--on-kill.hud-HA__kill-flag-extra {
  animation-name: on-kill;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .HUD--NumKills--1 .hud-HA__kill-flag1.animate .kill-flag-spotlight, .cs2bt .HUD--NumKills--2 .hud-HA__kill-flag2.animate .kill-flag-spotlight, .cs2bt .HUD--NumKills--3 .hud-HA__kill-flag3.animate .kill-flag-spotlight, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag4.animate .kill-flag-spotlight, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag5.animate .kill-flag-spotlight, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag-extra.animate .kill-flag-spotlight {
  animation-name: on-kill-spotlight;
  animation-duration: 0.7s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2bt .HUD--NumKills--1 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--2 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--3 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag1, .cs2bt .HUD--NumKills--2 .hud-HA__kill-flag2, .cs2bt .HUD--NumKills--3 .hud-HA__kill-flag2, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag2, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag2, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag2, .cs2bt .HUD--NumKills--3 .hud-HA__kill-flag3, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag3, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag3, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag3, .cs2bt .HUD--NumKills--4 .hud-HA__kill-flag4, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag4, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag4, .cs2bt .HUD--NumKills--5 .hud-HA__kill-flag5, .cs2bt .HUD--NumKills--extra .hud-HA__kill-flag5, .cs2bt .HUD--NumKills--extra .hud-HA__kills__count {
  display: block;
  visibility: visible;
}

.cs2bt .default, .cs2bt .headshot, .cs2bt .blast, .cs2bt .burn, .cs2bt .slash, .cs2bt .shock {
  display: none;
}

.cs2bt .HUD--Kill1--default .hud-HA__kill-flag1 .default, .cs2bt .HUD--Kill2--default .hud-HA__kill-flag2 .default, .cs2bt .HUD--Kill3--default .hud-HA__kill-flag3 .default, .cs2bt .HUD--Kill4--default .hud-HA__kill-flag4 .default, .cs2bt .HUD--Kill5--default .hud-HA__kill-flag5 .default, .cs2bt .HUD--Kill1--headshot .hud-HA__kill-flag1 .headshot, .cs2bt .HUD--Kill2--headshot .hud-HA__kill-flag2 .headshot, .cs2bt .HUD--Kill3--headshot .hud-HA__kill-flag3 .headshot, .cs2bt .HUD--Kill4--headshot .hud-HA__kill-flag4 .headshot, .cs2bt .HUD--Kill5--headshot .hud-HA__kill-flag5 .headshot, .cs2bt .HUD--Kill1--blast .hud-HA__kill-flag1 .blast, .cs2bt .HUD--Kill2--blast .hud-HA__kill-flag2 .blast, .cs2bt .HUD--Kill3--blast .hud-HA__kill-flag3 .blast, .cs2bt .HUD--Kill4--blast .hud-HA__kill-flag4 .blast, .cs2bt .HUD--Kill5--blast .hud-HA__kill-flag5 .blast, .cs2bt .HUD--Kill1--burn .hud-HA__kill-flag1 .burn, .cs2bt .HUD--Kill2--burn .hud-HA__kill-flag2 .burn, .cs2bt .HUD--Kill3--burn .hud-HA__kill-flag3 .burn, .cs2bt .HUD--Kill4--burn .hud-HA__kill-flag4 .burn, .cs2bt .HUD--Kill5--burn .hud-HA__kill-flag5 .burn, .cs2bt .HUD--Kill1--slash .hud-HA__kill-flag1 .slash, .cs2bt .HUD--Kill2--slash .hud-HA__kill-flag2 .slash, .cs2bt .HUD--Kill3--slash .hud-HA__kill-flag3 .slash, .cs2bt .HUD--Kill4--slash .hud-HA__kill-flag4 .slash, .cs2bt .HUD--Kill5--slash .hud-HA__kill-flag5 .slash, .cs2bt .HUD--Kill1--shock .hud-HA__kill-flag1 .shock, .cs2bt .HUD--Kill2--shock .hud-HA__kill-flag2 .shock, .cs2bt .HUD--Kill3--shock .hud-HA__kill-flag3 .shock, .cs2bt .HUD--Kill4--shock .hud-HA__kill-flag4 .shock, .cs2bt .HUD--Kill5--shock .hud-HA__kill-flag5 .shock {
  display: block;
  visibility: visible;
}

.cs2bt .pid-WeaponPanelBottom {
  height: 54px;
  flex-shrink: 0;
}

.cs2bt .WeaponPanel {
  opacity: 1.0;
  transition-property: opacity, transform;
  transition-duration: .25s;
  transition-timing-function: ease-in-out;
  width: 260px;
  flex-shrink: 0;
  height: fit-content;
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}

.cs2bt .pid-WeaponPanelBottomBG {
  height: 100%;
  width: 200px;
  flex-shrink: 0;
  opacity: 1.0;
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  background-image: linear-gradient(90deg, #00000000 0%, #000000BB 10%, #000000CC 40%, #000000CC 70%, #00000000 100%);
  overflow: hidden;
}

.cs2bt .pid-WeaponPanelBottomBGGradient {
  height: 100%;
  width: 130px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-WeaponPanelBottomBGSolid {
  height: 100%;
  width: 130px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-WeaponPanelBottom {
  width: 200px;
  flex-shrink: 0;
  height: fit-content;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-WeaponPanelBottomContent {
  height: fit-content;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2bt .AmmoAnim__Grenades {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  padding: 5px;
}

.cs2bt .AmmoAnim__Grenades--Hidden {
  display: none;
}

.cs2bt .AmmoAnim_GrenadeIcon {
  width: 20px;
  flex-shrink: 0;
  margin-left: 5px;
  transform: rotateZ( 20deg );
  --wash: #ffffff;
}

.cs2bt .AmmoAnim_GrenadeIcon--Hidden {
  display: none;
}

.cs2bt .hud-spectator-bkg-BOT {
  width: 100%;
  height: 3px;
  flex-shrink: 0;
  align-self: flex-end;
  background-image: linear-gradient(180deg, #00000000 0%, #000000BB 100%);
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayer__Bg {
  display: none;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
  width: 460px;
  flex-shrink: 0;
  height: 72px;
  flex-shrink: 0;
  border-radius: 5px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #000000a0;
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayer__Bg_panel::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .03;
  background-image: url(bluedots_large_png.png);
  background-size: 360px 360px;
}

.cs2bt .HudSpecplayer__Bg_panel {
  width: 460px;
  flex-shrink: 0;
  height: 72px;
  flex-shrink: 0;
  align-self: flex-end;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
  position: relative;
}

.cs2bt .hud-spec-side-bar {
  width: 2px;
  flex-shrink: 0;
  height: 100%;
  background-color: white;
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayer__Avatar {
  display: none;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudSpecplayer__Avatar .HudSpecplayerRoot--visible {
  display: block;
  visibility: visible;
}

.cs2bt .HudSpecplayerRoot--visible {
  display: block;
  visibility: visible;
  transition-property: transform, opacity;
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}

.cs2bt .HudSpecplayerParentContainer {
  height: fit-content;
  width: 642px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  display: none;
  margin-bottom: 10px;
  overflow: hidden;
}

.cs2bt .HudSpecplayerRoot__avatar {
  width: 57px;
  flex-shrink: 0;
  height: 57px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  overflow: hidden;
  position: relative;
}

.cs2bt .HUD--team--ct .HudSpecplayerRoot__avatardefault {
  background-image: url(teamcounter_alivebgct_png.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.cs2bt .HUD--team--terrorist .HudSpecplayerRoot__avatardefault {
  background-image: url(teamcounter_alivebgt_png.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.cs2bt .HudSpecplayer__player-name-contianer {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: center;
  padding-left: 14px;
  max-width: 190px;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .HudSpecplayer__player-name {
  font-size: 20px;
  height: 21px;
  flex-shrink: 0;
  align-self: center;
  text-align: left;
  width: 190px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.753);
  white-space: nowrap;
  text-overflow: shrink min( 14px ) ellipsis;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-jsHonorIcon {
  width: 16px;
  flex-shrink: 0;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-left: 0px;
  margin-right: 4px;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2bt .HudSpecplayer__player-clan {
  font-size: 16px;
  height: 17px;
  flex-shrink: 0;
  align-self: center;
  text-align: left;
  width: 190px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.753);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayer__key-hints {
  width: fit-content;
  height: 30px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: visible;
  display: flex;
  flex-direction: row;
  position: relative;
  display: block;
  visibility: visible;
}

.cs2bt .HudSpecplayer__key-hints-text {
  width: fit-content;
  font-family: Stratum2, 'Arial Unicode MS';
  font-size: 14px;
  text-shadow: 1px 1px 1px black, 1px 1px 1px black;
  color: #BBBBBBFF;
  margin-top: 7px;
  align-self: flex-start;
  padding-left: 10px;
}

.cs2bt .pid-ServerSponserLogosContainer {
  width: 500px;
  flex-shrink: 0;
  height: 90px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  background-color: #00000000;
  display: none;
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayer__SponserLogos {
  height: 110px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
}

.cs2bt .HudSpecplayerBG {
  height: 100%;
  width: 500px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
  opacity: 1.0;
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecplayerBG__Border {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudSpecplayerBG__TeamLogo {
  pre-transform-rotate2d: -20deg;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  margin-right: 0px;
  margin-bottom: 0px;
  opacity: 0.15;
  background-repeat: no-repeat;
  background-position: 15% 41%;
  background-size: 17% 215%;
  background-image: url(ct_patch_png.png);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2bt .HudSpecplayer__Item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  filter: drop-shadow(1px 3px 2px #313131) drop-shadow(1px 3px 2px #313131) drop-shadow(1px 3px 2px #313131) drop-shadow(1px 3px 2px #313131);
}

.cs2bt .HudSpecplayer__ItemName__label {
  font-family: Stratum2, 'Arial Unicode MS';
  font-weight: medium;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: center;
  text-align: right;
  width: 190px;
  flex-shrink: 0;
}

.cs2bt .HudSpecplayer__ItemName {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: center;
  padding-right: 14px;
  max-width: 190px;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2bt .possessive-player-name {
  color: #adadad;
  text-align: right;
  text-overflow: ellipsis;
  max-width: 10px;
  font-size: 13px;
}

.cs2bt .weapon-name {
  font-size: 18px;
}

.cs2bt .weapon-kit-name {
  font-size: 15px;
}

.cs2bt .weapon-name-custom {
  font-size: 13px;
  text-overflow: ellipsis;
}

.cs2bt .original-owner-seal {
  width: 16px;
  flex-shrink: 0;
  height: 16px;
  flex-shrink: 0;
  margin-right: 6px;
  transform: translateY(-2px);
  overflow: hidden;
  position: relative;
}

.cs2bt .HudSpecAdr-container {
  display: flex;
  flex-direction: row;
  position: relative;
  align-self: flex-end;
}

.cs2bt .HudSpecAdr__text, .cs2bt .HudSpecAdr__text--title {
  font-size: 13px;
  align-self: center;
}

.cs2bt .HudSpecAdr__text--title {
  text-overflow: shrink;
  font-weight: lighter;
  align-self: center;
  padding-right: 2px;
}

.cs2bt .pid-HudHighlightClip {
  width: 345px;
  flex-shrink: 0;
  height: 195px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  top: -92px;
  display: none;
  opacity: 0;
  filter: brightness(100);
  pre-transform-scale2d: 1, 0;
  transition-property: opacity, pre-transform-scale2d, brightness;
  transition-duration: .0s, .2s, 1s;
  transition-timing-function: ease-in-out;
  padding: 5px;
  background-color: black;
  overflow: hidden;
  position: relative;
}

.cs2bt .pid-HudHighlightClip.IsPlaying {
  display: block;
  visibility: visible;
  opacity: 1;
  pre-transform-scale2d: 1, 1;
  filter: brightness(1);
  transition-property: opacity, pre-transform-scale2d, brightness;
  transition-duration: 0s, 0s, 0s;
  transition-timing-function: ease-in-out;
}

/* ---- hudmoney.css ---- */
@keyframes money-anim__add-survival {
  0% { opacity: 0.0; left: 0px; top: 66px; z: 0px; transform: translate(0px, 0px); }
  13% { opacity: 1.0; left: 0px; top: 80px; z: 0px; transform: translate(0px, 0px); }
  87% { opacity: 1.0; left: 0px; top: 80px; z: 0px; transform: translate(0px, 0px); }
  100% { opacity: 0.0; left: 0px; top: 40px; z: 0px; transform: translate(0px, 0px); }
}

@keyframes money-anim__add-flash-survival {
  0% { opacity: 1.0; transform: scale3d( 1, 1, 1 ); left: 36px; top: 40px; z: 0px; transform: translate(0px, 0px); }
  100% { opacity: 0.0; transform: scale3d( 2, 2, 1 ); left: 36px; top: 40px; z: 0px; transform: translate(0px, 0px); }
}

.cs2bt .money-text-label, .cs2bt .money-anim {
  font-size: 24px;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-start;
  padding-right: 20px;
  text-shadow: 0px 0px 1px black, 0px 0px 1px black;
}

.cs2bt .Language_vietnamese .money-text-label, .cs2bt .Language_vietnamese .money-anim {
  font-family: ForceStratum2, 'Arial Unicode MS';
}

.cs2bt .buymenu CSGOMoneyPanel.money__in-buy-zone .steam-button-glyph, .cs2bt .buymenu CSGOMoneyPanel.money__in-buy-zone .money-text-buy-icon {
  opacity: 0;
}

.cs2bt .buymenu .pid-buymenu-info-money {
  height: 30px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  margin-top: 4px;
}

.cs2bt .buymenu .pid-buymenu-info-money .digitpanel-container {
  height: 30px;
  flex-shrink: 0;
}

.cs2bt .buymenu .pid-buymenu-info-money .digitpanel-container .Label {
  width: 11px;
  flex-shrink: 0;
  font-size: 24px;
  font-weight: medium;
}

.cs2bt .buymenu .pid-buymenu-info-money .money-text-bg {
  height: fit-content;
}

.cs2bt .buymenu .pid-buymenu-info-money .money-text {
  top: 0px;
  position: relative;
}

.cs2bt .money {
  height: 80px;
  flex-shrink: 0;
  opacity: 1.0;
  z-index: 1;
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.1s;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2bt CSGOMoneyPanel .steam-button-glyph {
  width: 24px;
  flex-shrink: 0;
  height: 24px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2bt .money-text-buy-icon {
  margin-left: 6px;
  margin-right: 6px;
  align-self: flex-end;
  width: 30px;
  flex-shrink: 0;
  height: 30px;
  flex-shrink: 0;
  opacity: 0;
  filter: drop-shadow(1px 1px 2px #00000033);
  --wash: lightgreen;
  overflow: hidden;
  position: relative;
}

.cs2bt CSGOMoneyPanel.money__in-buy-zone .steam-button-glyph, .cs2bt .money__in-buy-zone .money-text-buy-icon {
  opacity: 1;
}

.cs2bt .money-text-explorebonus-icon {
  margin-left: 20px;
  margin-right: -16px;
  width: 48px;
  flex-shrink: 0;
  height: 48px;
  flex-shrink: 0;
  display: none;
  filter: drop-shadow(1px 1px 2px #00000033);
  --wash: lightgreen;
  overflow: hidden;
  position: relative;
}

.cs2bt .money__has-explorebonus .money-text-explorebonus-icon {
  display: block;
  visibility: visible;
}

.cs2bt .money-text-bombwavebonus-icon {
  margin-left: 20px;
  margin-right: -16px;
  width: 48px;
  flex-shrink: 0;
  height: 48px;
  flex-shrink: 0;
  display: none;
  filter: drop-shadow(1px 1px 2px #00000033);
  --wash: lightgreen;
  overflow: hidden;
  position: relative;
}

.cs2bt .money__has-bombwavebonus .money-text-bombwavebonus-icon {
  display: block;
  visibility: visible;
}

.cs2bt .money-text-bg {
  width: 100%;
  height: 48px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
}

.cs2bt .survival .money-text-bg {
  height: 64px;
  flex-shrink: 0;
}

.cs2bt .money-text {
  align-self: flex-end;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  padding-right: 20px;
  top: -22px;
  position: relative;
}

.cs2bt .money-text-label {
  color: #ffffff;
  text-shadow: 0px 0px 3px #000000DD;
}

.cs2bt .money-anim.money-anim__add-survival {
  display: block;
  visibility: visible;
  color: #8fff6f;
  left: 0px;
  top: 8px;
  opacity: 0.0;
  animation-name: money-anim__add-survival;
  animation-duration: 0.7s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  position: relative;
}

.cs2bt .money-anim.money-anim__add-flash-survival {
  color: #d3e798;
  left: 20px;
  top: 140px;
  opacity: 0.0;
  animation-name: money-anim__add-flash-survival;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  position: relative;
}

.cs2bt CSGOMoneyPanel CCSGOSteamInputAction.ControllerConnected {
  display: none;
}

.cs2bt .ConsoleControlsInUse CSGOMoneyPanel.money__in-buy-zone CCSGOSteamInputAction.ControllerConnected {
  display: block;
  visibility: visible;
}

.cs2bt CSGOMoneyPanel .steam-button-glyph {
  width: 24px;
  flex-shrink: 0;
  height: 24px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2bt .digitpanel-container {
  height: 36px;
  flex-shrink: 0;
  transform: translateY(0px);
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
}

.cs2bt .digitpanel-container .digitpanel__digit {
  transition-property: transform;
  transition-duration: 10s;
  transition-timing-function: ease-in-out;
}

.cs2bt .digitpanel-container .Label {
  width: 18px;
  flex-shrink: 0;
  font-size: 38px;
  font-weight: bold;
  color: #ffffff;
}

.cs2bt .pid-HudLowerLeft .money {
  align-self: flex-end;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
}

.cs2bt .pid-HudBottomRight .money {
  margin-right: 30px;
}