/* GENERATED by tools/cs2_panorama_css.py -- do not hand-edit.
   Source: panorama/styles/hud/hudteamcounter.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:
     ui-scale
*/
.cs2tc { zoom: var(--cs2-ui-scale, 1); }
.cs2tc * { grid-area: 1 / 1; }
.cs2tc div { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
.cs2tc .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; }

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


/* ---- hudteamcounter.css ---- */
@keyframes Avatar__Sound--1Animate {
  0% { opacity: 0.0; }
  20% { opacity: 1.0; }
  80% { opacity: 1.0; }
  100% { opacity: 0.0; }
}

@keyframes Avatar__Sound--2Animate {
  0% { opacity: 0.0; }
  40% { opacity: 1.0; }
  60% { opacity: 1.0; }
  100% { opacity: 0.0; }
}

@keyframes gg-last-level {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.5); }
}

@keyframes gg-last-level--image {
  100% { filter: drop-shadow(0px 0px 4px gold); }
}

@keyframes on-kill {
  0% { transform: scale3d( 1.2,1.2,1 ); opacity: 1; }
  100% { transform: translateY( 0px ); }
}

@keyframes bombDet {
  0% { opacity: 0.5; }
  50% { opacity: 1.0; }
  100% { opacity: 0.5; }
}

@keyframes bombLines {
  0% { opacity: 0.0; transform: scale3d( 1, 1, 1 ); }
  50% { opacity: 1.0; transform: scale3d( 1.2, 1.2, 1 ); }
  100% { opacity: 0.0; transform: scale3d( 1.4, 1.4, 1 ); }
}

@keyframes JoinPanel--Animate-FadeIn {
  0% { opacity: 0.0; transform: translateY( -26px ); }
  100% { opacity: 1.0; transform: translateY( 0px ); }
}

@keyframes JoinPanel--Animate-FadeOut {
  0% { opacity: 1.0; transform: translateY( 0px ); }
  100% { opacity: 0.0; transform: translateY( -26px ); }
}

.cs2tc CSGOHudTeamCounter {
  opacity: 1.0;
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.1s;
  background-color: #ffffff00;
}

.cs2tc .pid-TeamCounterBG {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 2px;
}

.cs2tc .pid-TeamLargeCT, .cs2tc .pid-TeamLargeT, .cs2tc .pid-ScoreAndTime, .cs2tc .pid-AliveBackgroundCT, .cs2tc .pid-AliveBackgroundT {
  align-self: flex-start;
}

.cs2tc .pid-TeamLargeCT {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  display: flex;
  flex-direction: row;
  position: relative;
  transform-origin: 100% 0%;
}

.cs2tc .pid-TeamLargeT {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  display: flex;
  flex-direction: row;
  position: relative;
  transform-origin: 0% 0%;
}

.cs2tc .pid-TeamLargeCT, .cs2tc .pid-TeamLargeT {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.cs2tc .PlayerCountInsteadOfAvatars .pid-TeamLargeCT, .cs2tc .PlayerCountInsteadOfAvatars .pid-TeamLargeT {
  opacity: 0;
}

.cs2tc .pid-TeamAll {
  transform-origin: 50% 0%;
}

.cs2tc .TeamLarge__PlayerCount::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.05;
  background-image: url(bluedots_large_png.png);
  background-size: 360px 360px;
  background-position: 100% 100%;
}

.cs2tc .TeamLarge__PlayerCount {
  width: 54px;
  flex-shrink: 0;
  height: 106px;
  flex-shrink: 0;
  align-self: flex-start;
  font-family: stratum2 bold condensed, 'Arial Unicode MS';
  font-size: 38px;
  text-align: center;
  opacity: 0;
  margin-left: 1px;
  margin-right: 1px;
  background-color: rgba(0, 0, 0, 0.918);
  -webkit-mask-image: url(playercount-mask.svg);
  mask-image: url(playercount-mask.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  overflow: hidden;
  position: relative;
}

.cs2tc .PlayerCountInsteadOfAvatars .TeamLarge__PlayerCount {
  opacity: 1;
}

.cs2tc .team__large_container--left .TeamLarge__PlayerCount, .cs2tc .team__large_container--left .TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  color: #B5D4EE;
}

.cs2tc .team__large_container--right .TeamLarge__PlayerCount, .cs2tc .team__large_container--right .TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  color: #EAD18A;
}

.cs2tc .TeamLarge__PlayerCount .TeamLarge__PlayerCount__Alive {
  font-family: stratum2 condensed, 'Arial Unicode MS';
  font-size: 14px;
  width: 100%;
  text-align: center;
  align-self: center;
  top: -8px;
  position: relative;
}

.cs2tc .team__large_container--left {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  flex: 1.0 1 0px;
}

.cs2tc .team__large_container--right {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  flex: 1.0 1 0px;
}

.cs2tc .team__large_container--left, .cs2tc .team__large_container--right {
  align-self: flex-start;
}

.cs2tc .pid-TeamCounterBG {
  width: 1920px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  opacity: 1.0;
}

.cs2tc .pid-Visible {
  display: block;
  visibility: visible;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}

.cs2tc .pid-Invisible {
  display: none;
}

.cs2tc .preserveSize.AvatarL__Skull {
  background-size: 92% 92%;
}

.cs2tc .hidden {
  display: none;
}

.cs2tc .Avatar {
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2tc .pid-AvatarImage {
  transition-property: height, brightness;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.cs2tc .pid-AvatarL__ImageBG.AvatarImageT__Color.AvatarL__Default--T.Avatar__PlayerBorder--T {
  display: block;
  visibility: visible;
}

.cs2tc .pid-Avatar__Image.Avatar__CommonMargin.AvatarL__Internal {
  display: block;
  visibility: visible;
}

.cs2tc .Avatar__CommonMargin {
  margin: 0px;
}

.cs2tc .Avatar__HealthMargin {
  margin-left: 0px;
  margin-right: 0px;
}

.cs2tc .AvatarImageCT__Color {
  background-color: #7289A3;
}

.cs2tc .AvatarImageCT__InternalColor {
  background-color: #7C858F;
}

.cs2tc .AvatarImageT__Color {
  background-color: #916D41;
}

.cs2tc .AvatarImageT__InternalColor {
  background-color: #756337;
}

.cs2tc .Avatar__PlayerOutline--None {
  border: 0px solid #00000000;
}

.cs2tc .Avatar__PlayerOutline--White {
  border: 2.5px solid white;
}

.cs2tc .Avatar__PlayerOutline--Spectate {
  border: 3px solid #D8D8D8D8;
}

.cs2tc .Avatar__SpectateTarget .pid-AvatarImage {
  filter: brightness(2);
}

.cs2tc .Avatar__SpectateTarget .AvatarL_BG {
  opacity: 1;
}

.cs2tc .AvatarL_BG {
  width: 100%;
  height: 120px;
  flex-shrink: 0;
  position: absolute;
  z-index: -11;
  background-image: linear-gradient(180deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 50%, rgba(255, 255, 255, 0) 100%);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  opacity: 0;
  overflow: hidden;
}

.cs2tc .SHOW-EQUIPINFO .AvatarL_BG {
  height: 100%;
  background-color: rgba(255, 255, 255,0.8);
}

.cs2tc .Avatar__PlayerOutline--CT {
  border: 2.5px solid #7ED9FF;
}

.cs2tc .Avatar__PlayerOutline--T {
  border: 2.5px solid #FFD46D;
}

.cs2tc .Avatar__PlayerOutline--White .Avatar__CommonMargin, .cs2tc .Avatar__PlayerOutline--Spectate .Avatar__CommonMargin, .cs2tc .Avatar__PlayerOutline--CT .Avatar__CommonMargin, .cs2tc .Avatar__PlayerOutline--T .Avatar__CommonMargin {
  margin: 0px;
}

.cs2tc .Avatar__PlayerOutline--White .Avatar__HealthMargin, .cs2tc .Avatar__PlayerOutline--Spectate .Avatar__HealthMargin, .cs2tc .Avatar__PlayerOutline--CT .Avatar__HealthMargin, .cs2tc .Avatar__PlayerOutline--T .Avatar__HealthMargin {
  margin: 0px;
}

.cs2tc .Avatar__PlayerBorder--CT {
  border: 2px solid #B5D4EE;
}

.cs2tc .Avatar__PlayerBorder--T {
  border: 2px solid #EAD18A;
}

.cs2tc .Avatar__Skull--White, .cs2tc .Avatar__Skull--Red, .cs2tc .Avatar__Skull--CT, .cs2tc .Avatar__Skull--T {
  opacity: 0.5;
}

.cs2tc .Avatar__Skull--White {
  --wash: white;
}

.cs2tc .Avatar__Skull--Red {
  --wash: #cc0033;
}

.cs2tc .Avatar__Skull--CT {
  --wash: #061724;
}

.cs2tc .Avatar__Skull--T {
  --wash: #271d07;
}

.cs2tc .Avatar__Bot--CT {
  --wash: #d0f0ffDD;
}

.cs2tc .Avatar__Bot--T {
  --wash: #fff1cfDD;
}

.cs2tc .AvatarL__name {
  font-size: 14px;
  font-family: Stratum2 Light Condensed;
  letter-spacing: 1px;
  text-align: center;
  width: 54px;
  flex-shrink: 0;
  text-overflow: ellipsis;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  color: white;
  background-color: #000000cc;
  height: 0px;
  flex-shrink: 0;
  transition-property: height;
  transition-duration: 0.5s;
  overflow: hidden;
  position: relative;
}

.cs2tc .pid-TeamLargeCT .AvatarL__name {
  --wash: #a7e3ffdd;
}

.cs2tc .pid-TeamLargeT .AvatarL__name {
  --wash: #ffd063dd;
}

.cs2tc .competitive .ROUNDDOWNTIME .AvatarL__name, .cs2tc .competitive.HUD--localplayer--dead .AvatarL__name, .cs2tc .competitive.HUD--localplayer--spectator .AvatarL__name, .cs2tc .scrimcomp2v2 .ROUNDDOWNTIME .AvatarL__name, .cs2tc .scrimcomp2v2.HUD--localplayer--dead .AvatarL__name, .cs2tc .scrimcomp2v2.HUD--localplayer--spectator .AvatarL__name {
  height: 14px;
  flex-shrink: 0;
}

.cs2tc .Avatar__SoundWithShadow {
  width: fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}

.cs2tc .Avatar__Sound--1Animate {
  opacity: 0.0;
  animation-name: Avatar__Sound--1Animate;
  animation-duration: 0.25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .Avatar__Sound--2Animate {
  opacity: 0.0;
  animation-name: Avatar__Sound--2Animate;
  animation-duration: 0.25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .pid-ArsenalProgress {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  height: fit-content;
  width: 100%;
  padding: 0px 2px;
  z-index: -1;
  display: flex;
  flex-direction: column;
  position: relative;
  position: absolute;
  top: 54px;
  overflow: hidden;
}

.cs2tc .pid-ArsenalProgress.gglevel-0, .cs2tc .pid-ArsenalProgress.gglevel--1 {
  --wash: gold;
  animation-name: gg-last-level;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.cs2tc .pid-ArsenalProgress.gglevel-0 .Image, .cs2tc .pid-ArsenalProgress.gglevel--1 .Image {
  animation-name: gg-last-level--image;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.cs2tc .endofmatch .AvatarL__ArsenalProgress, .cs2tc .endofmatch .JoinPanelRoot {
  opacity: 0;
}

.cs2tc .Avatar__HealthBar--Red {
  background-color: white;
}

.cs2tc .Avatar__HealthBar--Normal {
  background-color: white;
}

.cs2tc .Avatar__HealthBar--Full {
  background-color: white;
}

.cs2tc .dead .pid-AvatarL__ImageBG {
  opacity: 0.2;
  filter: saturate(0.0);
  filter: brightness(1);
  filter: contrast(0.9);
}

.cs2tc .dead .avatar-team-color, .cs2tc .dead .AvatarL__PlayerLetter {
  display: none;
}

.cs2tc .dead .Avatar__PlayerBorder--T, .cs2tc .dead .Avatar__PlayerBorder--CT {
  border: 2px solid #000000ff;
}

.cs2tc .Avatar__BG--Hidden.AvatarS__Default--CT, .cs2tc .Avatar__BG--Hidden.AvatarS__Default--T, .cs2tc .Avatar__BG--Hidden.AvatarL__Default--CT, .cs2tc .Avatar__BG--Hidden.AvatarL__Default--T {
  background-image: none;
}

.cs2tc .AvatarLargeSnippet {
  display: flex;
  flex-direction: column;
  position: relative;
  transition-property: transform;
  transition-duration: 0.1s;
}

.cs2tc .AavatarVisibleContainer {
  width: 54px;
  flex-shrink: 0;
  height: 54px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
  position: relative;
}

.cs2tc .pid-AvatarL__ImageBG {
  width: 100%;
  height: 62px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__Internal {
  top: 0px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  background-color: #7f7f7f;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .healthbar-container {
  align-self: flex-start;
  height: 4px;
  flex-shrink: 0;
  margin: 2px;
  width: 52px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  transition-property: height;
  transition-duration: 0.5s;
  overflow: hidden;
  position: relative;
}

.cs2tc .SHOW-EQUIPINFO .healthbar-container {
  height: 14px;
  flex-shrink: 0;
}

.cs2tc .healthbar-container .healthbar__health-number {
  margin: 0px;
  height: 14px;
  flex-shrink: 0;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  display: none;
}

.cs2tc .healthbar-container .healthbar__health-number .Label {
  font-size: 14px;
  align-self: center;
  text-align: center;
  color: black;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 1px rgba(255, 255, 255, 0.4);
  top: -.5px;
  left: 1px;
  position: relative;
}

.cs2tc .SHOW-EQUIPINFO .healthbar-container .healthbar__health-number {
  display: block;
  visibility: visible;
}

.cs2tc .dead .healthbar-container .healthbar__health-number {
  opacity: 0;
}

.cs2tc .healthbar__bg {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(255,0,0,1) 50%, rgba(255,0,0,1) 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .dead .healthbar__bg {
  opacity: 0;
}

.cs2tc .AvatarL__HealthBar {
  height: 100%;
  mix-blend-mode: plus-lighter;
  filter: brightness(10);
  box-shadow: 1px 1px 1px #00000080;
}

.cs2tc .AvatarL__Bot {
  width: 42px;
  flex-shrink: 0;
  height: 42px;
  flex-shrink: 0;
  left: 0px;
  top: 9px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  mix-blend-mode: screen;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__Skull {
  padding: 4px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .avatar-speaking {
  width: 34px;
  flex-shrink: 0;
  height: 34px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  --wash: #DDDDDD;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}

.cs2tc .avatar-s-speaking {
  width: 20px;
  flex-shrink: 0;
  height: 20px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  --wash: #BBBBBB;
  padding-left: -5px;
  padding-bottom: 2px;
  opacity: 0.8;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__Sound {
  left: 20px;
  top: 36px;
  display: flex;
  flex-direction: row;
  position: relative;
  opacity: .8;
}

.cs2tc .AvatarL__Sound--2 {
  margin-top: 3px;
  margin-right: 2px;
}

.cs2tc .AvatarL__Sound--1 {
  margin-top: 6px;
  margin-right: 2px;
}

.cs2tc .AvatarL__SoundShadow--2 {
  margin-top: 3px;
  margin-right: 2px;
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .AvatarL__SoundShadow--1 {
  margin-top: 6px;
  margin-right: 2px;
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .AvatarL__SoundShadow--Off {
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .AvatarL__PlayerLetter {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: flex-start;
  text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black;
  font-size: 14px;
  top: 3px;
  left: 5px;
  color: white;
  position: relative;
}

.cs2tc .AvatarL__PlayerNumber {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-start;
  text-shadow: 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black, 1px 1px 2px black;
  text-align: right;
  font-size: 14px;
  top: 0px;
  left: -4px;
  color: white;
  position: relative;
}

.cs2tc .AvatarL__Dominated {
  width: 54px;
  flex-shrink: 0;
  height: 54px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__Nemesis {
  width: 42px;
  flex-shrink: 0;
  height: 42px;
  flex-shrink: 0;
  opacity: 0.7;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  --wash: red;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
  overflow: hidden;
  position: relative;
}

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

.cs2tc .AvatarL__GGTextBG {
  width: 100%;
  height: 32px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  background-color: #0000006f;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__GGText {
  font-weight: bold;
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-end;
}

.cs2tc .AvatarL__GGText--Player {
  color: #FFFFFF;
}

.cs2tc .AvatarL__GGText--Bot {
  color: #ffffff50;
}

.cs2tc .AvatarL__GGIconBG {
  width: 54px;
  flex-shrink: 0;
  margin-top: 4px;
  padding: 2px;
}

.cs2tc .AvatarL__GGIcon {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  filter: drop-shadow(1px 1px 1px #00000090);
  overflow: hidden;
}

.cs2tc .AvatarS {
  width: 27px;
  flex-shrink: 0;
  height: 27px;
  flex-shrink: 0;
  margin-left: 1px;
  margin-right: 1px;
  overflow: hidden;
  position: relative;
}

.cs2tc .pid-AvatarS__ImageBG {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .AvatarS__Internal {
  width: 40px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  background-color: #7f7f7f;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__PlayerImage {
  align-self: center;
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .AvatarS__PlayerImage .AvatarImage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .AvatarS__HealthBar {
  align-self: flex-end;
  height: 3px;
  flex-shrink: 0;
}

.cs2tc .AvatarS__Default--CT {
  background-image: url(teamcounter_alivebgct_png.png);
  background-size: 92% 92%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1.5px solid #B5D4EE;
}

.cs2tc .AvatarS__Default--T {
  background-image: url(teamcounter_alivebgt_png.png);
  background-size: 92% 92%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1.5px solid #EAD18A;
}

.cs2tc .AvatarS__Overlay--Empty {
  Opacity: 0.5;
  width: 27px;
  flex-shrink: 0;
  height: 27px;
  flex-shrink: 0;
  background-image: url(teamcounter_skull-teammate_png.png);
  background-size: 60% 80%;
  background-repeat: no-repeat;
  background-position: left 10px top 3px;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__Skull {
  width: 20px;
  flex-shrink: 0;
  height: 20px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__Bot {
  width: 26px;
  flex-shrink: 0;
  height: 26px;
  flex-shrink: 0;
  left: 0px;
  top: 2px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__Dominated {
  width: 30px;
  flex-shrink: 0;
  height: 30px;
  flex-shrink: 0;
  left: 1px;
  top: -2px;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__Nemesis {
  width: 16px;
  flex-shrink: 0;
  height: 28px;
  flex-shrink: 0;
  left: 13px;
  top: -1px;
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarS__Sound {
  left: 2px;
  top: 6px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-self: center;
  filter: drop-shadow(1px 1px 1px #0000003b);
  opacity: .5;
}

.cs2tc .AvatarS__Sound--2 {
  left: 20px;
  top: 0px;
  align-self: center;
  filter: drop-shadow(1px 1px 1px #0000003b);
  position: relative;
}

.cs2tc .AvatarS__Sound--1 {
  left: 15px;
  top: 0px;
  align-self: center;
  filter: drop-shadow(1px 1px 1px #0000003b);
  position: relative;
}

.cs2tc .AvatarS__SoundShadow--2 {
  margin-top: 3px;
  margin-right: 2px;
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .AvatarS__SoundShadow--1 {
  margin-top: 6px;
  margin-right: 2px;
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .AvatarS__SoundShadow--Off {
  filter: blur(2px);
  transform: translate3d( 2px, 2px, 0px );
  --wash: black;
}

.cs2tc .pid-TeamCounter {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 100%;
}

.cs2tc .Team__All {
  display: flex;
  flex-direction: row;
  position: relative;
  width: fit-content;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2tc .Team__Large {
  display: flex;
  flex-direction: row;
  position: relative;
  width: fit-content;
  margin-left: 0px;
  margin-right: 0px;
}

.cs2tc .TeamCounter__AliveCT {
  width: 51px;
  flex-shrink: 0;
  height: 55px;
  flex-shrink: 0;
  margin-right: 3px;
  display: flex;
  flex-direction: column;
  position: relative;
  background-image: url(teamcounter_alivebgct_png.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  overflow: hidden;
}

.cs2tc .TeamCounter__AliveT {
  width: 51px;
  flex-shrink: 0;
  height: 55px;
  flex-shrink: 0;
  margin-left: 3px;
  display: flex;
  flex-direction: column;
  position: relative;
  background-image: url(teamcounter_alivebgt_png.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  overflow: hidden;
}

.cs2tc .TeamCounter__AliveCount {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  text-align: center;
  margin-top: 0px;
  margin-bottom: -8px;
  font-weight: bold;
  font-size: 40px;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
  color: black;
}

.cs2tc .HTC__kills {
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2tc .dead .HTC__kills .Image {
  --wash: #dddddd;
}

.cs2tc .HTC__kill-flag {
  width: 10px;
  flex-shrink: 0;
  display: none;
  opacity: 1;
  margin-top: 1px;
  filter: drop-shadow(1px 1px 1px #00000090);
}

.cs2tc .AvatarL__C4 {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  top: -5px;
  left: -3px;
  width: 16px;
  flex-shrink: 0;
  height: 16px;
  flex-shrink: 0;
  opacity: 1;
  --wash: rgb(255, 255, 95);
  filter: drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black);
  overflow: hidden;
  position: relative;
}

.cs2tc .AvatarL__DefuseKit {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  top: -3px;
  left: -3px;
  width: 20px;
  flex-shrink: 0;
  height: 20px;
  flex-shrink: 0;
  opacity: 1;
  --wash: rgb(119, 221, 255);
  filter: drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black) drop-shadow(1px 1px 1px black);
  overflow: hidden;
  position: relative;
}

.cs2tc .HTC__Avatar__1Kill .HTC__kill-flag1, .cs2tc .HTC__Avatar__2Kills .HTC__kill-flag1, .cs2tc .HTC__Avatar__3Kills .HTC__kill-flag1, .cs2tc .HTC__Avatar__4Kills .HTC__kill-flag1, .cs2tc .HTC__Avatar__5Kills .HTC__kill-flag1, .cs2tc .HTC__Avatar__2Kills .HTC__kill-flag2, .cs2tc .HTC__Avatar__3Kills .HTC__kill-flag2, .cs2tc .HTC__Avatar__4Kills .HTC__kill-flag2, .cs2tc .HTC__Avatar__5Kills .HTC__kill-flag2, .cs2tc .HTC__Avatar__3Kills .HTC__kill-flag3, .cs2tc .HTC__Avatar__4Kills .HTC__kill-flag3, .cs2tc .HTC__Avatar__5Kills .HTC__kill-flag3, .cs2tc .HTC__Avatar__4Kills .HTC__kill-flag4, .cs2tc .HTC__Avatar__5Kills .HTC__kill-flag4, .cs2tc .HTC__Avatar__5Kills .HTC__kill-flag5 {
  display: block;
  visibility: visible;
  animation-name: on-kill;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
}

.cs2tc .HTC__kills__count {
  font-size: 12px;
  display: none;
  color: white;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
}

.cs2tc .HTC__Avatar__MoreKills .HTC__kills__count, .cs2tc .HTC__Avatar__MoreKills .HTC__kill-flagmore {
  display: block;
  visibility: visible;
}

.cs2tc .TeamCounter__AliveText {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
  margin-bottom: 4px;
  color: white;
}

.cs2tc .TeamCounter__AliveSkull {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  margin-top: 10px;
}

.cs2tc .pid-ScoreAndTimeAndBomb {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 84px;
  flex-shrink: 0;
  height: fit-content;
  margin-bottom: 4px;
  overflow: hidden;
}

.cs2tc .pid-ScoreAndTime {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 100%;
  height: fit-content;
  overflow: hidden;
}

.cs2tc .pid-GameTime {
  width: 100%;
  height: 32px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2tc .pid-Timer {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}

.cs2tc .teamcounter_timer {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  color: white;
  width: 82px;
  flex-shrink: 0;
}

.cs2tc .teamcounter_timer.teamcounter_red_timer {
  margin-left: 0px;
  color: red;
}

.cs2tc .pid-BombStatus {
  top: -23px;
  width: 100%;
  height: 80px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
  position: relative;
}

.cs2tc .bomb_planted {
  width: 50%;
  height: 60%;
  left: 30%;
  align-self: center;
  --wash: #b80000;
  overflow: hidden;
  position: relative;
}

.cs2tc .bomb_planted.bomb_line {
  left: 30%;
  width: 50%;
  height: 60%;
  align-self: center;
  --wash: #b80000;
  overflow: hidden;
  position: relative;
}

.cs2tc .bomb_defused {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  width: 60%;
  height: 60%;
  left: 4.5px;
  padding: 2px;
  --wash: #45aa2e;
  overflow: hidden;
  position: relative;
}

.cs2tc .BombPlantedPulse__Slow {
  opacity: 1.0;
  animation-name: bombDet;
  animation-duration: 0.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.cs2tc .BombPlantedPulse__Medium {
  opacity: 1.0;
  animation-name: bombDet;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.cs2tc .BombPlantedPulse__Fast {
  opacity: 1.0;
  animation-name: bombDet;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.cs2tc .BombPlantedLines__Slow {
  animation-name: bombLines;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .BombPlantedLines__Medium {
  animation-name: bombLines;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .BombPlantedLines__Fast {
  animation-name: bombLines;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .pid-GameScore {
  margin-top: 1px;
  width: 100%;
  height: 30px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}

.cs2tc .pid-PlayerCount {
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  display: flex;
  flex-direction: row;
  position: relative;
  top: 60px;
  width: 100%;
}

.cs2tc .pid-PlayerCount .Label {
  font-size: 16px;
  text-align: center;
}

.cs2tc .PlayerCountInsteadOfAvatars .pid-PlayerCount {
  opacity: 0;
}

.cs2tc .pid-PlayerCount .playercount--left {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  margin-left: 10px;
  margin-top: 10px;
  --wash: #B5D4EE;
}

.cs2tc .pid-PlayerCount .playercount--right {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  margin-right: 12px;
  margin-top: 10px;
  --wash: #EAD18A;
}

.cs2tc .pid-PlayerCount .Label {
  align-self: center;
}

.cs2tc .pid-PlayerCount .Image {
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
  align-self: center;
}

.cs2tc .GameScore__BGL {
  width: 42px;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.cs2tc .GameScore__BGR {
  width: 42px;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.cs2tc .TeamScoreL {
  margin-top: 1px;
  color: #B5D4EE;
}

.cs2tc .TeamScoreR {
  margin-top: 1px;
  color: #EAD18A;
}

.cs2tc .TeamScore {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: center;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding-top: 1px;
}

.cs2tc .hrTop {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background-image: linear-gradient(90deg, #ffffff00 0%, #ffffff00 20%, #ffffff45 50%, #ffffff00 80%, #ffffff00 100%);
  align-self: flex-start;
  overflow: hidden;
  position: relative;
}

.cs2tc .JoinPanel--Animate-FadeIn {
  opacity: 1.0;
  animation-name: JoinPanel--Animate-FadeIn;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.cs2tc .JoinPanel--Animate-FadeOut {
  opacity: 0.0;
  animation-name: JoinPanel--Animate-FadeOut;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.cs2tc .Language_vietnamese CSGOHudTeamCounter .JoinPanel .Label {
  font-family: 'Noto Mono', 'Arial Unicode MS';
}

.cs2tc .pid-JoinTextCT {
  font-size: 18px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  letter-spacing: 0.5px;
  color: #B5D4EE;
  margin-top: 2px;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
}

.cs2tc .pid-JoinTextT {
  font-size: 18px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  letter-spacing: 0.5px;
  color: #EAD18A;
  margin-top: 2px;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
}

.cs2tc .pid-JoinTextBot {
  font-size: 18px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  align-self: flex-start;
  letter-spacing: 0.5px;
  color: white;
  margin-top: 2px;
  text-shadow: 0px 0px 3px #00000080, 0px 0px 3px #00000080;
}

.cs2tc .GameModeGunGame .pid-TeamCounter {
  display: flex;
  flex-direction: column;
  position: relative;
}

.cs2tc .GameModeGunGame .team__large_container--left, .cs2tc .GameModeGunGame .team__large_container--right {
  display: none;
}

/* ---- hudteamcounter-equipmentinfo.css ---- */
.cs2tc .debug {
  font-size: 12px;
  width: 40px;
  flex-shrink: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.cs2tc .show-equip-info {
  transition-property: ui-scale;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
}

.cs2tc .equipinfo-root {
  opacity: 0;
  transform: translateY( -100px );
  transition-property: margin-top;
  transition-duration: 0.5s;
  margin-top: 0px;
  transition-property: transform, opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  position: absolute;
  z-index: -10;
}

.cs2tc .competitive .ROUNDDOWNTIME .equipinfo-root, .cs2tc .competitive.HUD--localplayer--dead .equipinfo-root, .cs2tc .competitive.HUD--localplayer--spectator .equipinfo-root, .cs2tc .scrimcomp2v2 .ROUNDDOWNTIME .equipinfo-root, .cs2tc .scrimcomp2v2.HUD--localplayer--dead .equipinfo-root, .cs2tc .scrimcomp2v2.HUD--localplayer--spectator .equipinfo-root {
  margin-top: 14px;
}

.cs2tc .equipinfo-root .Image {
  filter: drop-shadow(1px 1px 1px #00000090);
}

.cs2tc .equipinfo-root .Label {
  text-shadow: 1px 1px 1px black;
}

.cs2tc .dead .equipinfo-root .Image, .cs2tc .dead .equipinfo-root .Label {
  --wash: #dddddd;
}

.cs2tc .SHOW-EQUIPINFO .equipinfo-root {
  opacity: 1;
  transform: translateY( 0px );
}

.cs2tc .equipinfo-root .equipinfo__container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 0px 2px;
  padding-top: 86px;
}

.cs2tc .equipinfo-root .equipinfo__row {
  height: 16px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin: 2px 0px;
  display: none;
}

.cs2tc .equipinfo-root .equipinfo__armor--nohelmet, .cs2tc .equipinfo-root .equipinfo__armor--helmet, .cs2tc .equipinfo-root .equipinfo__c4, .cs2tc .equipinfo-root .equipinfo__defuser {
  display: none;
}

.cs2tc .equipinfo-root .equipinfo__row--money, .cs2tc .equipinfo-root.SHOW-WEAPON .equipinfo__row--weapon, .cs2tc .equipinfo-root .equipinfo__row--nades, .cs2tc .equipinfo-root.SHOW-ARMOR .equipinfo__row--armor, .cs2tc .equipinfo-root.SHOW-ARMOR-HELMET .equipinfo__row--armor, .cs2tc .equipinfo-root.SHOW-C4 .equipinfo__row--armor, .cs2tc .equipinfo-root.SHOW-DEFUSER .equipinfo__row--armor, .cs2tc .equipinfo-root.SHOW-ARMOR .equipinfo__armor--nohelmet, .cs2tc .equipinfo-root.SHOW-ARMOR-HELMET .equipinfo__armor--helmet, .cs2tc .equipinfo-root.SHOW-C4 .equipinfo__c4, .cs2tc .equipinfo-root.SHOW-DEFUSER .equipinfo__defuser {
  display: block;
  visibility: visible;
}

.cs2tc .equipinfo-root .equipinfo__money {
  font-size: 17px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  text-align: center;
  color: white;
}

.cs2tc .equipinfo-root.SHRINK-MONEY .equipinfo__money {
  font-size: 15px;
}

.cs2tc .equipinfo-root .equipinfo__row--nades {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  overflow: visible;
}

.cs2tc .equipinfo-root .equipinfo__row--nades .equipinfo__nade {
  height: 16px;
  flex-shrink: 0;
  align-self: center;
  width: 13.5px;
  flex-shrink: 0;
  overflow: visible;
}

.cs2tc .equipinfo-root .equipinfo__row--armor {
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2tc .equipinfo__bg-container {
  width: 94%;
  height: 176px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  display: none;
  overflow: hidden;
  position: relative;
}

.cs2tc .SHOW-EQUIPINFO .equipinfo__bg-container, .cs2tc .pid-ScoreAndTimeAndBomb .equipinfo__bg-container {
  display: block;
  visibility: visible;
}

.cs2tc .dead .equipinfo__bg-container {
  height: 101px;
  flex-shrink: 0;
}

.cs2tc .pid-ScoreAndTimeAndBomb .equipinfo__bg-container {
  height: 106px;
  flex-shrink: 0;
  width: 98%;
  overflow: hidden;
  position: relative;
}

.cs2tc .deathmatch .pid-ScoreAndTimeAndBomb .equipinfo__bg-container, .cs2tc .gungameprogressive .pid-ScoreAndTimeAndBomb .equipinfo__bg-container {
  height: 34px;
  flex-shrink: 0;
}

.cs2tc .equipinfo__bg-container .equipinfo__blurbg::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.15;
  background-image: url(bluedots_large_png.png);
  background-size: 360px 360px;
  background-position: 100% 100%;
}

.cs2tc .equipinfo__bg-container .equipinfo__blurbg {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask-image: url(top-bottom-fade-4_png.png);
  mask-image: url(top-bottom-fade-4_png.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .equipinfo__bg-container .equipinfo--score-time__bg::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.025;
  background-image: url(bluedots_large_png.png);
  background-size: 360px 360px;
  background-position: 100% 100%;
}

.cs2tc .equipinfo__bg-container .equipinfo--score-time__bg {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url(score-time-mask.svg);
  mask-image: url(score-time-mask.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: #000000f0;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .PlayerCountInsteadOfAvatars .equipinfo__bg-container .equipinfo--score-time__bg {
  -webkit-mask-image: url(score-time-mask--playercount.svg);
  mask-image: url(score-time-mask--playercount.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cs2tc .deathmatch .equipinfo__bg-container .equipinfo--score-time__bg, .cs2tc .gungameprogressive .equipinfo__bg-container .equipinfo--score-time__bg {
  -webkit-mask-image: url(score-time-dm-mask.svg);
  mask-image: url(score-time-dm-mask.svg);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cs2tc .equipinfo__bg-container .equipinfo__bg {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, #000000c0 0%, #000000c0 50%, #00000060 100%);
  transition-property: height, brightness;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  -webkit-mask-image: url(top-bottom-fade-4_png.png);
  mask-image: url(top-bottom-fade-4_png.png);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-image: linear-gradient(180deg, #000000ff 0%, #000000ff 50%, #000000ff 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .pid-Hud:not(.HUD--localplayer--spectator) .pid-ScoreAndTimeAndBomb .equipinfo__bg-container .equipinfo__bg {
  background-color: #000000c0;
}

.cs2tc .Avatar__SpectateTarget .equipinfo__bg-container .equipinfo__bg {
  background-image: linear-gradient(180deg, #555555ff 0%, #555555ff 30%, #000000ff 100%);
}

.cs2tc .dead .equipinfo__bg-container .equipinfo__bg, .cs2tc .pid-ScoreAndTimeAndBomb .equipinfo__bg-container .equipinfo__bg {
  background-image: linear-gradient(180deg, #000000c0 0%, #000000c0 100%);
}

.cs2tc .equipinfo__row--divider {
  width: 80%;
  height: 1px;
  flex-shrink: 0;
  background-color: #ffffff10;
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  display: none;
  overflow: hidden;
  position: relative;
}

/* ---- hudvoicestatus.css ---- */
@keyframes ShowAndHide {
  0% { opacity: 0.0; }
  5% { opacity: 1.0; }
  90% { opacity: 1.0; }
  95% { opacity: 0.0; }
}

@keyframes QuickHide {
  0% { opacity: 1.0; }
  100% { opacity: 0.0; }
}

@keyframes SoundIcon1Anim {
  0% { opacity: 0.0; }
  40% { opacity: 1.0; }
  100% { opacity: 1.0; }
}

@keyframes SoundIcon2Anim {
  0% { opacity: 0.0; }
  40% { opacity: 0.0; }
  70% { opacity: 1.0; }
  100% { opacity: 1.0; }
}

@keyframes SoundIcon3Anim {
  0% { opacity: 0.0; }
  70% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

.cs2tc CSGOHudVoiceStatus.EndOfMatchChat {
  padding-bottom: 250px;
}

.cs2tc .pid-EndOfMatch > CSGOHudVoiceStatus {
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  align-self: flex-end;
}

.cs2tc .StatusPanel {
  width: 560px;
  flex-shrink: 0;
  height: 300px;
  flex-shrink: 0;
  overflow: hidden;
  margin-bottom: 2px;
}

.cs2tc .AlertPanel {
  width: 560px;
  flex-shrink: 0;
  max-height: 116px;
  transition-property: position;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}

.cs2tc .AlertBg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2tc .AlertText {
  font-family: Stratum2, 'Arial Unicode MS';
  width: 100%;
  text-align: left;
  align-self: flex-end;
  color: white;
  font-size: 18px;
  font-weight: medium;
  padding-left: 8px;
  padding-bottom: 0px;
  text-shadow: 0px 0px 1px #0000003a;
}

.cs2tc .AlertPanel.AlertHidden {
  opacity: 0.0;
}

.cs2tc .AlertPanel.ShowAndHide {
  opacity: 0.0;
  animation-name: ShowAndHide;
  animation-duration: 15.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.cs2tc .AlertPanel.QuickHide {
  opacity: 0.0;
  animation-name: QuickHide;
  animation-duration: 0.1s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.cs2tc .VoicePanel {
  transform: translate(0px, 182px);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
}

.cs2tc .VoiceNotice {
  height: 22px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  position: relative;
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  margin-left: 2px;
}

.cs2tc .VoiceNotice.Hidden {
  opacity: 0.0;
  transition-duration: 0.3s;
}

.cs2tc .VoiceNotice.OpenMic .AvatarPanel, .cs2tc .VoiceNotice.OpenMic .VoiceText, .cs2tc .VoiceNotice.OpenMic .SoundIcon1, .cs2tc .VoiceNotice.OpenMic .SoundIcon2, .cs2tc .VoiceNotice.OpenMic .SoundIcon3 {
  opacity: 0.0;
}

.cs2tc .SoundIcon1 {
  opacity: 1;
}

.cs2tc .SoundAnim {
  align-self: center;
  display: flex;
  flex-direction: row;
  position: relative;
}

.cs2tc .SpeakerIcon {
  width: 24px;
  flex-shrink: 0;
  height: 24px;
  flex-shrink: 0;
  align-self: center;
  background-image: url(sound_off.svg);
  filter: drop-shadow(1px 1px 1px #00000040);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  margin-left: 6px;
  overflow: hidden;
  position: relative;
}

.cs2tc .SoundIcon1 {
  width: 6px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  align-self: center;
  margin-left: 0;
  margin-right: auto;
  justify-self: start;
  background-image: url(sound_1.svg);
  filter: drop-shadow(1px 1px 1px #00000040);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  margin-left: -10px;
  overflow: hidden;
  position: relative;
}

.cs2tc .Looping .SoundIcon1 {
  animation-name: SoundIcon1Anim;
  animation-duration: .4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .SoundIcon1 .SoundOff {
  opacity: 0.0;
}

.cs2tc .SoundIcon2 {
  width: 6px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  align-self: center;
  background-image: url(sound_2.svg);
  filter: drop-shadow(1px 1px 1px #00000040);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  margin-left: -4px;
  overflow: hidden;
  position: relative;
}

.cs2tc .Looping .SoundIcon2 {
  animation-name: SoundIcon2Anim;
  animation-duration: .4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .SoundOff .SoundIcon2, .cs2tc .SoundLow .SoundIcon2 {
  opacity: 0.0;
}

.cs2tc .SoundIcon3 {
  width: 6px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  align-self: center;
  background-image: url(sound_3.svg);
  filter: drop-shadow(1px 1px 1px #00000040);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
  margin-left: -4px;
  overflow: hidden;
  position: relative;
}

.cs2tc .Looping .SoundIcon3 {
  animation-name: SoundIcon3Anim;
  animation-duration: .4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2tc .SoundOff .SoundIcon3, .cs2tc .SoundLow .SoundIcon3, .cs2tc .SoundHigh .SoundIcon3 {
  opacity: 0.0;
}

.cs2tc .AvatarPanel {
  align-self: center;
}

.cs2tc .AvatarBG {
  width: 22px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2tc .VoiceNotice.DefaultAvatarCT .AvatarPanel .AvatarBG {
  background-image: url(iconct42_png.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.cs2tc .VoiceNotice.DefaultAvatarT .AvatarPanel .AvatarBG {
  background-image: url(icont42_png.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% 100%;
}

.cs2tc .SteamAvatar {
  width: 22px;
  flex-shrink: 0;
  height: 22px;
  flex-shrink: 0;
  opacity: 0.0;
  overflow: hidden;
  position: relative;
}

.cs2tc .CSGOAvatarImage.SteamAvatar .AvatarImage {
  padding: 0px;
  background-color: none;
  border-radius: 0px;
}

.cs2tc .VoiceNotice.DynamicAvatar .AvatarPanel .SteamAvatar {
  opacity: 1.0;
}

.cs2tc .Skull {
  width: 26px;
  flex-shrink: 0;
  height: 26px;
  flex-shrink: 0;
  background-image: url(kill.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 90% 90%;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  opacity: 0.0;
  overflow: hidden;
  position: relative;
}

.cs2tc .VoiceNotice.ShowSkull .AvatarPanel .Skull {
  width: 16px;
  flex-shrink: 0;
  height: 15px;
  flex-shrink: 0;
  opacity: 1.0;
  overflow: hidden;
  position: relative;
}

.cs2tc .VoiceNotice.ShowSkull .AvatarPanel .SteamAvatar {
  --wash: #6666669c;
}

.cs2tc .VoiceText {
  width: 795px;
  flex-shrink: 0;
  text-align: left;
  align-self: center;
  margin-left: 4px;
  overflow: visible;
  font-family: Stratum2, 'Arial Unicode MS';
  font-size: 18px;
  font-weight: medium;
  color: white;
  letter-spacing: 0px;
}

.cs2tc .voice-disabled-indicator {
  display: flex;
  flex-direction: row;
  position: relative;
  width: fit-content;
  height: 24px;
  flex-shrink: 0;
  display: none;
  background-image: linear-gradient(90deg, #00000000 0%, #00000055 30%, #00000077 70%, #00000055 90%, #00000000 100%);
  align-self: flex-end;
}

.cs2tc .voice-disabled .voice-disabled-indicator, .cs2tc .clutch-mode .voice-disabled-indicator {
  display: block;
  visibility: visible;
}

.cs2tc .voice-disabled-indicator-label {
  font-size: 12px;
  color: white;
}

.cs2tc .voice-disabled-indicator-icon {
  opacity: 0.7;
}