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

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


/* ---- hudweaponselection.css ---- */
@keyframes weapon-selection-item--weapon-selection-item--on-active {
  0% { opacity: 1; filter: brightness(1); }
  49% { opacity: 1; filter: brightness(1); }
  50% { opacity: 0.5; filter: brightness(4); }
  99% { opacity: 0.5; filter: brightness(2); }
  100% { opacity: 1; filter: brightness(1); }
}

@keyframes weapon-selection-item--weapon-selection-item--on-active-scale {
  0% { transform: scale3d( 1.0, 1.0, 1.0 ); }
  49% { transform: scale3d( 1.0, 1.0, 1.0 ); }
  50% { transform: scale3d( 1.1, 1.1, 1.1 ); }
  99% { transform: scale3d( 1.0, 1.0, 1.0 ); }
  100% { transform: scale3d( 1.0, 1.0, 1.0 ); }
}

@keyframes weapon-selection-item--weapon-selection-item--on-active-icon {
  0% { filter: brightness(1); }
  49% { filter: brightness(0.2); }
  50% { filter: brightness(4); }
  99% { filter: brightness(0.2); }
  100% { filter: brightness(1); }
}

@keyframes weapon-row-background--weapon-row--on-active {
  0% { opacity: 1; }
  49% { opacity: 1; }
  50% { opacity: 0.5; }
  99% { opacity: 0.5; }
  100% { opacity: 1; }
}

@keyframes bomb-zone-highlight-enter {
  0% { transform: scaleX(1.0) scaleY(1.0); }
  40% { transform: scaleX(1.3) scaleY(1.3); }
  75% { transform: scaleX(0.8) scaleY(0.8); }
  100% { transform: scaleX(1.0) scaleY(1.0); }
}

@keyframes bomb-zone-bounce {
  0% { transform: translate(0px, 0px); }
  25% { transform: translate(0px, 10px); }
  30% { transform: translate(0px, 2px); }
  60% { transform: translate(0px, 10px); }
  95% { transform: translate(0px, 10px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes bomb-zone-highlight {
  0% { --wash: #ffb136; }
  50% { --wash: #ffc15e; }
  100% { --wash: #ffb136; }
}

@keyframes bomb-pulse {
  0% { opacity: 1; filter: brightness(0.0); }
  10% { opacity: 1; filter: brightness(2); }
  100% { opacity: 1; filter: brightness(0.0); }
}

@keyframes armsrace-earn-pip {
  0% { background-color: #ffffffff; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
  30% { background-color: #ffffffff; transform: scaleX(1.5) scaleY(1.3); animation-timing-function: ease-in-out; }
  50% { background-color: #ffffffff; transform: scaleX(0.9) scaleY(0.9); animation-timing-function: ease-in-out; }
  75% { background-color: #00ff00ff; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
  100% { background-color: #00ff00ff; transform: scaleX(1.0) scaleY(1.0); animation-timing-function: ease-in-out; }
}

@keyframes armsrace-current-pip {
  0% { background-color: #80808080; transform: scaleX(0.8) scaleY(0.8); animation-timing-function: ease-in-out; }
  90% { background-color: #ffffffff; transform: scaleX(1.1) scaleY(1.1); animation-timing-function: ease-in-out; }
  100% { background-color: #ffffffff; transform: scaleX(1.0) scaleY(1.0); animation-timing-function: ease-in-out; }
}

.cs2wp CSGOHudWeaponSelection .Label, .cs2wp CSGOWeaponSelectionView .Label {
  color: #fff;
}

.cs2wp .HUD--team--ct .HWS--use-team-color {
  --wash: rgb(150, 200, 250);
}

.cs2wp .HUD--team--terrorist .HWS--use-team-color {
  --wash: #eabe54;
}

.cs2wp .weapon-selection {
  height: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2wp .weapon-selection--hidden {
  display: none;
}

.cs2wp .weapon-selection-list {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
}

.cs2wp .weapon-selection--animation-enable .weapon-selection-item, .cs2wp .weapon-selection--animation-enable .weapon-row-number {
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: linear;
}

.cs2wp .weapon-selection--fade .weapon-selection-item--fade-ok.weapon-row, .cs2wp .weapon-selection--fade .weapon-row-number {
  transition-property: opacity;
  transition-duration: 0.1s;
  opacity: 0;
}

.cs2wp .weapon-selection-item--fade-ok.weapon-row {
  transition-property: opacity;
  transition-duration: 4s;
  opacity: 1;
}

.cs2wp .weapon-selection--animation-enable.weapon-selection--fade.weapon-row, .cs2wp .weapon-selection--animation-enable.weapon-selection--fade .weapon-row-number {
  transition-property: opacity;
  transition-duration: 0.1s;
}

.cs2wp .weapon-selection-item {
  display: flex;
  flex-direction: column;
  position: relative;
  opacity: 1;
  transform: translateX(125%);
  margin-bottom: 0px;
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item {
  padding-left: 400px;
  margin-left: -400px;
}

.cs2wp .weapon-row--anim .weapon-selection-item {
  transition-property: position,transform,opacity;
  transition-duration: 0.2s,0.2s,0.2s;
  transition-timing-function: linear;
}

.cs2wp .weapon-selection-item.weapon-selection-item--active {
  transform: translateX(0px);
}

.cs2wp .weapon-selection-item.weapon-selection-item--active-pop {
  transform: translateX(0px);
}

.cs2wp .weapon-selection-item.weapon-selection-item--deleted {
  transform: translateX(0px);
  opacity: 0;
}

.cs2wp .weapon-selection-item-name {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  width: 1px;
  flex-shrink: 0;
  margin-right: 12px;
  margin-top: -8px;
  margin-bottom: 4px;
  overflow: visible;
  opacity: 0;
}

.cs2wp .weapon-selection-list__always-on-container .weapon-selection-item-name {
  margin-top: -10px;
}

.cs2wp .weapon-selection-item--selected .weapon-selection-item-name {
  opacity: 1;
}

.cs2wp .embedded-weapons-overview .weapon-selection-item--selected .weapon-selection-item-name {
  opacity: 0;
}

.cs2wp .weapon-selection-item-name-text, .cs2wp .weapon-selection-item-name-text-owned {
  font-size: 16px;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}

.cs2wp .weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text, .cs2wp .weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-name-text-owned {
  animation-name: weapon-selection-item--weapon-selection-item--on-active;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 8;
}

.cs2wp .weapon-selection-item-name-text-owned {
  display: none;
}

.cs2wp .weapon-selection-item--show-owner .weapon-selection-item-name-text-owned {
  display: block;
  visibility: visible;
}

.cs2wp .weapon-selection-item--show-owner .weapon-selection-item-name-text {
  display: none;
}

.cs2wp .weapon-selection-item-count {
  font-weight: medium;
  display: none;
  align-self: flex-end;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  margin-bottom: 20px;
  margin-right: 0px;
  font-size: 16px;
  color: #a0a0a0;
}

.cs2wp .weapon-selection-item--has-multiple .weapon-selection-item-count {
  display: block;
  visibility: visible;
}

.cs2wp .weapon-selection-item--selected .weapon-selection-item-count {
  color: #ffffff;
}

.cs2wp .weapon-selection-item-icon {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
}

.cs2wp .weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon {
  animation-name: weapon-selection-item--weapon-selection-item--on-active, weapon-selection-item--weapon-selection-item--on-active-scale;
  animation-duration: 0.4s, 0.4s;
  animation-timing-function: linear, linear;
  animation-iteration-count: 8, 8;
}

.cs2wp .weapon-selection--animation-enable .weapon-selection-item--active .weapon-selection-item-icon .weapon-selection-item-icon-main {
  animation-name: weapon-selection-item--weapon-selection-item--on-active-icon;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 8;
}

.cs2wp .weapon-selection-item-icon-main {
  margin-right: 10px;
  padding: 7px;
  transform: scale3d(0.7,0.7,1);
  opacity: 0.8;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  transform-origin: 100% 50%;
  height: 61.5px;
  flex-shrink: 0;
}

.cs2wp .weapon-selection-item--bomb .weapon-selection-item-icon-main {
  --wash: #f3e78b;
}

.cs2wp .gear-slot--0 .weapon-selection-item-icon-main, .cs2wp .gear-slot--1 .weapon-selection-item-icon-main, .cs2wp .gear-slot--2 .weapon-selection-item-icon-main {
  pre-transform-scale2d: -1, 1;
}

.cs2wp .weapon-selection--armsrace .gear-slot--0 .weapon-selection-item-icon-main, .cs2wp .weapon-selection--armsrace .gear-slot--1 .weapon-selection-item-icon-main {
  opacity: 0.0;
}

.cs2wp .gear-slot--3 .weapon-selection-item-icon-main, .cs2wp .gear-slot--4 .weapon-selection-item-icon-main {
  transform: scale3d(0.7,0.7,1) translateY(6px);
}

.cs2wp .csgo-hud__color-0.HUD--team--ct .hud-colorize-wash--hsv {
  --wash: #8bb6e1;
}

.cs2wp .csgo-hud__color-0.HUD--team--terrorist .hud-colorize-wash--hsv {
  --wash: #d3ad51;
}

.cs2wp .csgo-hud__color-1 .hud-colorize-wash--hsv {
  --wash: #d1d1d1;
}

.cs2wp .csgo-hud__color-2 .hud-colorize-wash--hsv {
  --wash: #e6e6e6;
}

.cs2wp .csgo-hud__color-3 .hud-colorize-wash--hsv {
  --wash: #8bb6e6;
}

.cs2wp .csgo-hud__color-4 .hud-colorize-wash--hsv {
  --wash: #2871e6;
}

.cs2wp .csgo-hud__color-5 .hud-colorize-wash--hsv {
  --wash: #b660e6;
}

.cs2wp .csgo-hud__color-6 .hud-colorize-wash--hsv {
  --wash: #e62d28;
}

.cs2wp .csgo-hud__color-7 .hud-colorize-wash--hsv {
  --wash: #e66b28;
}

.cs2wp .csgo-hud__color-8 .hud-colorize-wash--hsv {
  --wash: #e6df28;
}

.cs2wp .csgo-hud__color-9 .hud-colorize-wash--hsv {
  --wash: #3fe628;
}

.cs2wp .csgo-hud__color-10 .hud-colorize-wash--hsv {
  --wash: #6ae6c6;
}

.cs2wp .csgo-hud__color-11 .hud-colorize-wash--hsv {
  --wash: #e690ba;
}

.cs2wp .csgo-hud__color-12.HUD--team--ct .hud-colorize-wash--hsv {
  --wash: #8bb6e1;
}

.cs2wp .csgo-hud__color-12.HUD--team--terrorist .hud-colorize-wash--hsv {
  --wash: #d3ad51;
}

.cs2wp .hud-teammatecolor--yellow.csgo-hud__color-12 .hud-colorize-wash--hsv {
  --wash: #dfdd30;
}

.cs2wp .hud-teammatecolor--purple.csgo-hud__color-12 .hud-colorize-wash--hsv {
  --wash: #ad368b;
}

.cs2wp .hud-teammatecolor--green.csgo-hud__color-12 .hud-colorize-wash--hsv {
  --wash: #1f9278;
}

.cs2wp .hud-teammatecolor--blue.csgo-hud__color-12 .hud-colorize-wash--hsv {
  --wash: #7ebbdc;
}

.cs2wp .hud-teammatecolor--orange.csgo-hud__color-12 .hud-colorize-wash--hsv {
  --wash: #e68f29;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.HUD--team--ct .hud-colorize-wash--hsv {
  --wash: #8bb6e1;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.HUD--team--terrorist .hud-colorize-wash--hsv {
  --wash: #d3ad51;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--yellow .hud-colorize-wash--hsv {
  --wash: #dfdd30;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--purple .hud-colorize-wash--hsv {
  --wash: #ad368b;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--green .hud-colorize-wash--hsv {
  --wash: #1f9278;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--blue .hud-colorize-wash--hsv {
  --wash: #7ebbdc;
}

.cs2wp .HUD--spec-override.HUD--localplayer--spectator.hud-teammatecolor--orange .hud-colorize-wash--hsv {
  --wash: #e68f29;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.HUD--team--ct .hud-colorize-wash--hsv {
  --wash: #8bb6e1;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.HUD--team--terrorist .hud-colorize-wash--hsv {
  --wash: #d3ad51;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--yellow .hud-colorize-wash--hsv {
  --wash: #dfdd30;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--purple .hud-colorize-wash--hsv {
  --wash: #ad368b;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--green .hud-colorize-wash--hsv {
  --wash: #1f9278;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--blue .hud-colorize-wash--hsv {
  --wash: #7ebbdc;
}

.cs2wp .HUD--spec-override.HUD--localplayer--dead.hud-teammatecolor--orange .hud-colorize-wash--hsv {
  --wash: #e68f29;
}

.cs2wp .weapon-selection-item--selected .weapon-selection-item-icon-main, .cs2wp .weapon-selection-item--selected.weapon-selection-item--bomb:not(.weapon-selection-item--fade-ok) .weapon-selection-item-icon-main {
  filter: brightness(1.5);
  opacity: 1.0;
  mix-blend-mode: normal;
  transition-property: brightness, transform;
  transition-duration: .2s;
  transform: scale3d(0.9,0.9,1);
}

.cs2wp .gear-slot--3 .weapon-selection-item--selected .weapon-selection-item-icon-main, .cs2wp .gear-slot--4 .weapon-selection-item--selected .weapon-selection-item-icon-main {
  transform: scale3d(0.9,0.9,1) translateY(6px);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-0 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-0 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-default 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-1 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-1 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-common 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-2 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-2 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-uncommon 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-3 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-3 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-rare 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-4 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-4 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-mythical 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-5 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-5 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-legendary 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-6 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-6 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-ancient 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-7 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-7 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-immortal 0px 0px 1.75);
}

.cs2wp .weapon-selection-item--selected.weapon-selection-item--rarity-99 .weapon-selection-item-icon-main, .cs2wp .armsrace-item--selected .weapon-selection-item--rarity-99 .weapon-selection-item-icon-armsrace {
  filter: drop-shadow(color-rarity-unusual 0px 0px 1.75);
}

.cs2wp .weapon-selection-item-icon-bombzone {
  margin-top: 18px;
  opacity: 0;
}

.cs2wp .weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone {
  opacity: 1;
}

.cs2wp .weapon-selection--animation-enable.weapon-selection--bomb-zone .weapon-selection-item-icon-bombzone {
  animation-name: bomb-zone-highlight-enter, bomb-zone-bounce, bomb-zone-highlight;
  animation-duration: 0.5s, 1.5s, 0.5s;
  animation-iteration-count: 1, infinite, infinite;
  animation-delay: 0s, 0.4s, 0.15s;
  animation-timing-function: ease-in-out, ease-in-out, ease-in-out;
}

.cs2wp .weapon-selection--fade .weapon-selection-item--fade-ok .weapon-selection-item-icon-bombzone {
  transition-property: opacity;
  transition-duration: 1s;
  opacity: 0;
}

.cs2wp .weapon-row {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  width: 300px;
  flex-shrink: 0;
  opacity: 1;
  margin-right: 6px;
}

.cs2wp .weapon-row.weapon-row--active {
  opacity: 1;
}

.cs2wp .weapon-row.weapon-row--deleted {
  opacity: 0;
}

.cs2wp .weapon-row-background {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2wp .weapon-row--selected .weapon-row-background {
  display: block;
  visibility: visible;
}

.cs2wp .weapon-selection--animation-enable .weapon-row--active .weapon-row-background {
  animation-name: weapon-row-background--weapon-row--on-active;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: 8;
}

.cs2wp .weapon-selection-list__always-on-container {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  width: 500px;
  flex-shrink: 0;
  height: 84px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2wp .deathmatch .weapon-selection-list__always-on-container, .cs2wp .gungameprogressive .weapon-selection-list__always-on-container {
  display: none;
}

.cs2wp .weapon-row.gear-slot--3 {
  width: 100%;
}

.cs2wp .HUD--max-nades-3 .weapon-row.gear-slot--3 {
  width: 100%;
}

.cs2wp .weapon-row.gear-slot--3 .weapon-selection-item {
  width: fit-content;
}

.cs2wp .weapon-row.gear-slot--3 .weapon-selection-item-icon {
  width: 52px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-4 .weapon-row.gear-slot--3 .weapon-selection-item-icon {
  width: 48px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-5 .weapon-row.gear-slot--3 .weapon-selection-item-icon {
  width: 44px;
  flex-shrink: 0;
}

.cs2wp .weapon-row.gear-slot--3 .weapon-row-horiz-container-inner {
  width: fit-content;
}

.cs2wp .weapon-selection-list__always-on-container % .weapon-selection-item-icon {
  height: 70px;
  flex-shrink: 0;
}

.cs2wp .weapon-selection-list__always-on-container % .weapon-selection-item-icon-main {
  transform-origin: 50% 50%;
  padding: 0px;
  margin: 0px;
}

.cs2wp .hud-bottom-row-background--right {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
  margin-right: 16px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cs2wp .hud-bottom-row-background--right--objective, .cs2wp .hud-bottom-row-background--right--nades {
  margin-bottom: 10px;
  height: 200px;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
}

.cs2wp .hud-bottom-row-background--right--nades {
  width: fit-content;
}

.cs2wp .HUD--max-nades-3 .hud-bottom-row-background--right--nades {
  width: fit-content;
}

.cs2wp .grenade-pip-master-container {
  height: 100%;
  width: fit-content;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}

.cs2wp .grenade-pip_container {
  overflow: visible;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-top: 7px;
  width: 52px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-4 .grenade-pip_container {
  width: 48px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-5 .grenade-pip_container {
  width: 44px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-3 .nade4 {
  display: none;
}

.cs2wp .HUD--nades-1 .nade1, .cs2wp .HUD--nades-2 .nade1, .cs2wp .HUD--nades-3 .nade1, .cs2wp .HUD--nades-4 .nade1, .cs2wp .HUD--nades-2 .nade2, .cs2wp .HUD--nades-3 .nade2, .cs2wp .HUD--nades-4 .nade2, .cs2wp .HUD--nades-3 .nade3, .cs2wp .HUD--nades-4 .nade3, .cs2wp .HUD--nades-4 .nade4 {
  opacity: 0;
}

.cs2wp .grenade-pip {
  height: 50px;
  flex-shrink: 0;
  width: 50px;
  flex-shrink: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  opacity: 0.7;
  --wash: black;
  mix-blend-mode: normal;
  overflow: hidden;
  position: relative;
}

.cs2wp .hud-bottom-row-background--right--objective {
  width: auto;
  aspect-ratio: 1 / 1;
  left: -225px;
  position: relative;
}

.cs2wp .HUD--max-nades-3 .hud-bottom-row-background--right--objective {
  left: -170px;
  position: relative;
}

.cs2wp .weapon-selection-item--bomb .WEAPON-ICON {
  animation-name: bomb-pulse;
  animation-delay: 0s;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.cs2wp .HUD--in-bomb-zone.HUD--has-c4 .weapon-selection-item--bomb {
  animation-delay: 0s;
  animation-duration: 0.4s;
}

.cs2wp .hud-bottom-row-background--right--objective .grenade-pip-master-container {
  margin-right: 20px;
}

.cs2wp .weapon-row.gear-slot--4, .cs2wp .weapon-row.kit {
  transform: translateX(-225px);
}

.cs2wp .weapon-row.kit {
  height: 70px;
  flex-shrink: 0;
}

.cs2wp .HUD--max-nades-3 .weapon-row.gear-slot--4, .cs2wp .HUD--max-nades-3 .weapon-row.kit {
  transform: translateX(-170px);
}

.cs2wp .HUD--max-nades-5 .weapon-row.gear-slot--4, .cs2wp .HUD--max-nades-5 .weapon-row.kit {
  transform: translateX(-255px);
}

.cs2wp .weapon-selection-list__kit {
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  height: 40px;
  flex-shrink: 0;
  transform: translate(-10px, -4px);
  opacity: 0;
}

.cs2wp .HUD--has-kit .weapon-selection-list__kit {
  opacity: 1;
}

.cs2wp .weapon-row-number {
  font-size: 16px;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
  opacity: 1;
  align-self: flex-start;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  margin-bottom: 5px;
}

.cs2wp .ConsoleControlsInUse .weapon-row-number {
  display: none;
}

.cs2wp .embedded-weapons-overview .weapon-row-number {
  opacity: 0;
}

.cs2wp .weapon-row-horiz-container {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  width: 100%;
}

.cs2wp .weapon-row-horiz-container-inner {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  width: 100%;
  margin-right: 10px;
}

.cs2wp .weapon-selection-classic {
  align-self: flex-end;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}

.cs2wp CSGOHudWeaponSelection CCSGOSteamInputAction {
  align-self: flex-end;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  display: none;
}

.cs2wp CSGOHudWeaponSelection .weapon-selection-item-icon CCSGOSteamInputAction {
  display: none;
}

.cs2wp .ConsoleControlsInUse CCSGOSteamInputAction.ControllerConnected.NextWeaponSelection {
  display: block;
  visibility: visible;
}

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

.cs2wp CSGOHudWeaponSelection .Label.steam-button-name {
  display: none;
}

.cs2wp .pid-weapon-selection--armsrace-list {
  height: 100%;
  margin-bottom: 93px;
  display: none;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  align-self: flex-end;
}

.cs2wp .weapon-selection--armsrace .pid-weapon-selection--armsrace-list {
  display: block;
  visibility: visible;
}

.cs2wp .armsrace-item {
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  transition-property: opacity, height, margin-top;
  transition-duration: .2s;
  opacity: 0;
  height: 120px;
  flex-shrink: 0;
  margin-top: -10px;
  padding-top: 5px;
  margin-right: 16px;
  overflow: visible;
}

.cs2wp .armsrace-item.armsrace-item--next3 {
  opacity: .25;
}

.cs2wp .armsrace-item.armsrace-item--next2 {
  opacity: .5;
}

.cs2wp .armsrace-item.armsrace-item--next1 {
  opacity: .75;
}

.cs2wp .armsrace-item.armsrace-item--current {
  opacity: 1;
  margin-top: 0px;
}

.cs2wp .armsrace-item.armsrace-item--current.armsrace-item--knife {
  opacity: 0;
}

.cs2wp .armsrace-item.armsrace-item--done {
  opacity: 0;
  height: 0px;
  margin-top: 0px;
}

.cs2wp .pid-armsrace-weapon-outline, .cs2wp .pid-armsrace-weapon-filled {
  transform-origin: 100% 50%;
  pre-transform-scale2d: -1, 1;
  transition-property: opacity, transform, brightness;
  transition-duration: .2s;
  padding: 7px;
  transform: scale3d(0.7,0.7,1);
  align-self: flex-end;
}

.cs2wp .pid-armsrace-weapon-outline {
  opacity: 1;
  --wash: black;
}

.cs2wp .armsrace-item--future .pid-armsrace-weapon-outline, .cs2wp .armsrace-item--current .pid-armsrace-weapon-outline, .cs2wp .armsrace-item--done .pid-armsrace-weapon-outline {
  opacity: 0;
}

.cs2wp .armsrace-item--next1 .pid-armsrace-weapon-outline, .cs2wp .armsrace-item--next2 .pid-armsrace-weapon-outline, .cs2wp .armsrace-item--next3 .pid-armsrace-weapon-outline {
  --wash: black;
}

.cs2wp .pid-armsrace-weapon-filled {
  opacity: 0;
}

.cs2wp .armsrace-item--current .pid-armsrace-weapon-filled {
  opacity: 1;
}

.cs2wp .armsrace-item--selected .pid-armsrace-weapon-filled {
  transform: scale3d(0.9,0.9,1);
  filter: brightness(1.5);
}

.cs2wp .pid-armsrace-level {
  align-self: center;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  margin-right: 45px;
  border-radius: 50%;
  background-color: black;
  color: white;
  height: 20px;
  flex-shrink: 0;
  width: 20px;
  flex-shrink: 0;
  text-align: center;
  font-size: 15px;
  display: none;
  overflow: hidden;
  position: relative;
}

.cs2wp .pid-armsrace-pips {
  align-self: flex-start;
  left: -30px;
  margin-left: auto;
  margin-right: 0;
  justify-self: end;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  opacity: 0.5;
  margin-top: -4px;
  margin-right: 5px;
  transition-property: opacity;
  overflow: visible;
}

.cs2wp .armsrace-item--current .pid-armsrace-pips {
  opacity: 1;
}

.cs2wp .armsrace-pip {
  width: 10px;
  flex-shrink: 0;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-bottom: 20px;
  background-color: #000000c0;
  border-radius: 50%;
}

.cs2wp .armsrace-pip.armsrace-pip--earned {
  background-color: white;
  mix-blend-mode: plus-lighter;
  filter: brightness(1);
}

.cs2wp .progression-pip {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  height: 10px;
  flex-shrink: 0;
  width: 6px;
  flex-shrink: 0;
  background-color: #80808080;
  margin: 1px;
  overflow: hidden;
  position: relative;
}

.cs2wp .progression-pip.progression-pip--current {
  background-color: #ffffffff;
  height: 12px;
  flex-shrink: 0;
  width: 10px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.cs2wp .weapon-selection--animation-enable .progression-pip.progression-pip--current {
  animation-name: armsrace-current-pip;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.cs2wp .progression-pip.progression-pip--earned {
  background-color: #00ff00ff;
}

.cs2wp .weapon-selection--animation-enable .progression-pip.progression-pip--earned {
  animation-name: armsrace-earn-pip;
  animation-duration: 0.5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}