.tid_OE5NJWCCVJQP1PfRc {
  border-radius: 6px;
  max-width: min(364px, 100vw);
  max-width: 364px;
  min-width: min(364px, 100vw);
  min-width: 364px;
  max-height: min(364px, 100vh);
  max-height: 364px;
  min-height: min(364px, 100vh);
  min-height: 364px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.BasicUIContextMenu .tid_OE5NJWCCVJQP1PfRc {
  background-color: #23262e;
  border-radius: 0;
}
._1yVkTX9Mo_7qb2sxWhM0Cr {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  border-bottom: 2px solid #2b2c2f;
}
._2CJ0LpiSgVs2JuTlwbzBM {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-bottom: 4px solid transparent;
  padding: 2px 2px;
  cursor: pointer;
}
._2CJ0LpiSgVs2JuTlwbzBM._1xH5si_KorJpS4ST2Geksh ._1mROo5bpUJSg8D8ILx7qpw {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
._2CJ0LpiSgVs2JuTlwbzBM._1ddEQAfz6GuVRSEqk-d0r {
  border-bottom: 4px solid #4297f8;
  cursor: default;
}
._2CJ0LpiSgVs2JuTlwbzBM ._1mROo5bpUJSg8D8ILx7qpw {
  border-radius: 4px;
  padding: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  opacity: 0.8;
}
._2CJ0LpiSgVs2JuTlwbzBM
  ._1mROo5bpUJSg8D8ILx7qpw:hover:not(._1ddEQAfz6GuVRSEqk-d0r) {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
._2CJ0LpiSgVs2JuTlwbzBM ._1mROo5bpUJSg8D8ILx7qpw._1ddEQAfz6GuVRSEqk-d0r {
  padding: 2px;
  width: 28px;
  height: 28px;
  opacity: 1;
  color: #fff;
}
.dUQIH8Qg80N6kjB8UQO0P {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: 0 12px;
}
._2OWGRbhpXNcuR3oih9IGrX {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
._2OWGRbhpXNcuR3oih9IGrX ._1SFqyFzFrpPOEAKCrq2kKZ {
  padding: 3px;
  margin: 1px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._2OWGRbhpXNcuR3oih9IGrX ._1SFqyFzFrpPOEAKCrq2kKZ:hover,
._2OWGRbhpXNcuR3oih9IGrX ._1SFqyFzFrpPOEAKCrq2kKZ._1xH5si_KorJpS4ST2Geksh {
  background-color: rgba(0, 0, 0, 0.2);
}
.ZmsElITvVzU-7a2HXKBZI,
._3WuFl419BivPeLqeVIC939 {
  text-transform: uppercase;
  color: gray;
  padding: 8px 0;
  letter-spacing: 1.5px;
  width: 100%;
}
._3WuFl419BivPeLqeVIC939 {
  font-size: 14px;
}
.ZmsElITvVzU-7a2HXKBZI {
  font-size: 16px;
}
.EuFePPYFGrcf99uLXmBYN {
  box-sizing: border-box;
  width: 100%;
  padding: 6px;
}
.EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf {
  box-sizing: border-box;
  height: 28px;
  background-color: #2b2c2f;
}
.EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf:hover,
.EuFePPYFGrcf99uLXmBYN ._2l4z-U60lABvd9XWArGjAf:focus {
  background-color: #2b2c2f !important;
}
.BasicUIContextMenu .EuFePPYFGrcf99uLXmBYN {
  display: none;
}
._2wUk7QR9TZiiKB4bX_9EgD {
  font-size: 13px;
  font-style: italic;
  padding-bottom: 4px;
}
._2wUk7QR9TZiiKB4bX_9EgD a {
  color: #4297f8;
  text-decoration: none;
}
._3O2gRFANfKKg3mYONXvlcL {
  background: radial-gradient(
    ellipse farthest-corner at 50% 50%,
    rgba(255, 153, 0, 0.8) 0%,
    rgba(233, 154, 35, 0.2) 45%,
    rgba(233, 154, 35, 0) 85%
  );
  position: absolute;
  top: -5%;
  right: -5%;
  left: 55%;
  bottom: 55%;
  display: flex;
  align-items: center;
}
._3O2gRFANfKKg3mYONXvlcL .JRMFrrhowzfdWhJcPIMB1 {
  width: 5px;
  height: 5px;
  background-color: #ff0;
  border-radius: 50%;
  overflow: hidden;
  margin: auto;
}
._1_1QI6qRSlB5SDDnagoV5j {
  max-height: 50vh;
  display: flex;
  flex-direction: column;
  max-width: 302px;
}
._1_1QI6qRSlB5SDDnagoV5j img.AB86vEzEKPL0y5fK_m4pT._4xBaTT5razIZJ5CecJ7s9 {
  width: 27px;
  height: 27px;
}
.XWWY6XX9jHFGKPn7b1-PH {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  flex: 1;
}
._2rvMUWTGDDCOa1i9w3vGor {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
}
._2rvMUWTGDDCOa1i9w3vGor ._3_kYchhn19OZ8ClWnlvpFy {
  height: 2px;
  background: #8492a4;
}
._2cdkFMkQC0EsD9BuCmMauN {
  display: flex;
  align-content: flex-start;
  padding: 5px;
  flex-shrink: 0;
}
._2C8r7RcyTuBVZCJmaoQx_N {
  margin: 2px;
  width: 28px;
  height: 28px;
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
}
._2C8r7RcyTuBVZCJmaoQx_N:hover .AB86vEzEKPL0y5fK_m4pT._4xBaTT5razIZJ5CecJ7s9 {
  transform: scale(1.25);
  filter: brightness(1.25);
}
._1vWJHaLfUABGrsiiY4ubmI {
  position: relative;
}
img.AB86vEzEKPL0y5fK_m4pT {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  transition-property: width, height, margin-top, margin-bottom;
  transition-duration: .1s;
  transition-timing-function: ease-in-out;
}
img.AB86vEzEKPL0y5fK_m4pT._4xBaTT5razIZJ5CecJ7s9 {
  width: 32px;
  height: 32px;
  margin-top: -14px;
  margin-bottom: -14px;
}
._2-uNY5pp8tdsmuvnE1mHf2,
._3-4KSMO-yuBSbJzVCdeAbk {
  text-transform: uppercase;
  color: gray;
  font-size: 10px;
  padding: 5px;
  letter-spacing: 1.5px;
  width: 100%;
}
._1tX6qGX09u4sZIv2e2UAi1 {
  padding: 5px;
}
._1tX6qGX09u4sZIv2e2UAi1 > a {
  color: #fff;
  text-decoration: none;
}
._2A8FlIBZPAgoEmflXSEbEN {
  height: 2px;
  width: 90%;
  background-color: #2b2c2f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 4px;
}
._2IZ1KVJ-9W5aK6VFegHBqF {
  height: 2px;
  width: 90%;
  background-color: #2b2c2f;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 4px;
  margin-top: 5px;
}
._3Wc3jBAd8xYHu8EUsa93VY {
  width: 40px;
  height: 40px;
}
.nnnSnQuyFsNqDmaSxknlB {
  width: 64px;
  height: 64px;
}
.emoticon_hover_arrow {
  width: 13px;
  height: 26px;
  background-image: url("https://steamcommunity-a.akamaihd.net/public/shared/images/popups/hover_arrow_both.gif");
  background-repeat: no-repeat;
  position: absolute;
  top: 26px;
}
.emoticon_hover_arrow.left {
  background-position: left top;
  left: .5px;
}
.emoticon_hover_arrow.right {
  background-position: right top;
  right: .5px;
}
.hover_arrow {
  position: absolute;
  top: 30px;
}
.emoticon_hover_content {
  padding: 6px 10px 6px 6px;
  background-color: #3b3938;
  border: 1px solid #797979;
  margin: 12px;
  box-shadow: 0 0 12px #000;
  white-space: nowrap;
}
.emoticon_hover_content.client {
  margin: 0;
  box-shadow: none;
  display: inline-block;
}
.emoticon_hover_content_inner {
  position: relative;
  min-height: 54px;
  padding-left: 62px;
  font-size: 13px;
}
.emoticon_hover_content_inner img.emoticon_large {
  position: absolute;
  left: 0;
  top: 0;
}
.emoticon_hover_title {
  padding-top: 8px;
  color: #898989;
}
.emoticon_hover_desc {
  color: #686868;
}
._36iQ4zr5AiMWVmmiHee0mN {
  margin: 0 4px;
  padding: 8px;
  min-width: 160px;
  min-height: 54px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #1c1d22;
  border-radius: 4px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}
._36iQ4zr5AiMWVmmiHee0mN ._1EGMuGj8BnVwY9FY_hre1R {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  text-align: left;
  padding-left: 8px;
}
._36iQ4zr5AiMWVmmiHee0mN ._1EGMuGj8BnVwY9FY_hre1R ._1AncwmbW9wMCUYJFht59NF {
  font-size: 14px;
  padding-bottom: 2px;
}
._36iQ4zr5AiMWVmmiHee0mN ._1EGMuGj8BnVwY9FY_hre1R ._335w0RQ7aldGlE8E-fqm82 {
  font-size: 12px;
}
._2VN79s9aYNt-l_v5Jyv4Xj,
._3ngRvhpTH9vbu5JeIB2iT6 {
  max-width: 80px;
  max-height: 80px;
}
._3JpKJFAvvDJ0Js0f3-arto {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
._3JpKJFAvvDJ0Js0f3-arto svg {
  width: 100%;
  height: 100%;
}
._3JpKJFAvvDJ0Js0f3-arto._2osi8r23eZgeNkWUaot-Vz {
  padding: 2px;
}
.gZL645YbPyHbNeh1a3zfX {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.j_bDCIOMLFNOKaIFJzk2_ {
  position: absolute;
  left: 83px;
  margin-left: -25px;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background-image: url("https://community.cloudflare.steamstatic.com/public/shared/images/sharedfiles/sketchfab_play.png");
  background-size: 100%;
  background-position-y: 0px;
  background-repeat: no-repeat;
}
._1hkVJ0EfOR3lTom2cDAN4w {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
._1hkVJ0EfOR3lTom2cDAN4w iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._2OrALNR-dII7L3YP3pXWBG {
  position: relative;
  font-family: Helvetica, Arial, sans-serif;
  background: -webkit-linear-gradient(
    60deg,
    rgba(87, 92, 104, 0.3) 5%,
    rgba(255, 255, 255, 0.05) 95%
  );
  background: linear-gradient(
    60deg,
    rgba(87, 92, 104, 0.3) 5%,
    rgba(255, 255, 255, 0.05) 95%
  );
  border-radius: 6px;
  padding: 8px;
  margin: 10px 0px 10px 0px;
  cursor: pointer;
  overflow: hidden;
}
._3__9JYEkVlbq76JT_4TByA {
  float: left;
  margin-right: 14px;
  max-height: 88px;
  max-width: 75%;
}
._2ocugWm5DDJzRPwAxIsCtq {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300;
  color: silver;
  text-shadow: 0 0 16px #000;
  font-size: 13px;
  line-height: normal;
  text-align: left;
  display: flow-root;
}
._3a1nw-REuLvtrUfFX3lonG {
  font-size: 15px;
  color: #aad8ec;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 300;
  border-bottom: 1px dotted rgba(109, 207, 246, 0.6);
  padding-bottom: 0px;
  display: inline-block;
  margin-bottom: 6px;
}
._31hqFGM_Of2_4xkXfb8TtV {
  color: #c6d4df;
}
._13lYjZu0VIgol2-cHgw8vK {
  height: 16px;
  font-size: 12px;
  color: #95a6b2;
  margin-bottom: 4px;
}
._2L6sVk9vOgKcXO6DgZHpJ9 {
  width: 100px;
}
._1-2t1NI3qbO2JgWmCss7AW {
  flex-grow: 2;
  flex-basis: 0;
}
._3rRqPJdGrYx9YMtQMciIFY {
  display: block;
}
._3F7-FkJu8-JstT7SouP8XJ {
  margin-bottom: 16px;
  font-size: 12px;
  flex: 1;
  display: inline-block;
}
._3y7kVhhGmtbSgbZdte0EuV {
  font-size: 14px;
  background-color: #383e47;
  box-shadow: 0 0 12px #00000066;
  border: 1px solid #404754;
  border-radius: 2px;
  padding: 8px;
  max-width: 370px;
}
@media only screen and (min-width: 400px) {
  ._1NC9nn23Pdd7FtZW6zM7he {
    display: flex;
  }
}
._1NC9nn23Pdd7FtZW6zM7he img {
  max-width: 128px;
  width: 128px;
  margin-right: 8px;
}
@media only screen and (min-width: 400px) {
  ._1NC9nn23Pdd7FtZW6zM7he img {
    flex: 1;
  }
}
._1bMpEcCbkVkKo1Oc02WFoJ {
  font-size: 14px;
  padding: 8px 8px 8px 0px;
}
@media only screen and (min-width: 400px) {
  ._1bMpEcCbkVkKo1Oc02WFoJ {
    flex: 2;
  }
}
._2Vo0lUG19xIopljkxhtSod {
  font-weight: bold;
}
._2yP7s2N28D9PFHs9yUr3jD {
  padding: 8px 8px 8px 0px;
}
._16UyHpAXG98qQsfN8mBk3x {
  display: inline-block;
  margin-right: 12px;
}
._3HRa-mVPX65qnntN2DS0xc {
  position: relative;
  margin: 0 auto;
  max-width: 940px;
}
._3HRa-mVPX65qnntN2DS0xc .videoContainer {
  height: unset;
  width: unset;
  display: block;
  position: relative;
  padding-bottom: 56.25%;
}
._3HRa-mVPX65qnntN2DS0xc .BroadcastPlaceholderImg {
  position: absolute;
  width: 100%;
}
._3HRa-mVPX65qnntN2DS0xc .videoSrc {
  width: 100%;
  height: auto;
  border-left: none;
  border-right: none;
  background-color: unset;
}
.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
  cursor: pointer;
}
.image___xtQGH {
  display: block;
  width: 100%;
  height: 100%;
}
.spinner___27VUp {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  animation-name: spin___S3UuE;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 4px solid #a9a9a9;
  border-top-color: #000;
  border-radius: 30px;
}
@keyframes spin___S3UuE {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.container___2O72F {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.overlay___IV4qY {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: zoom-in;
  transition: opacity .3s, transform .3s;
}
.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
  opacity: 1;
}
.imageLoadingSpinnerContainer___3UIPD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
.slide___3-Nqo {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 0;
  margin: 0;
  list-style-type: none;
}
.slide___3-Nqo:focus {
  outline: none !important;
}
.slideHorizontal___1NzNV {
  float: left;
}
[dir="rtl"] .slideHorizontal___1NzNV {
  direction: rtl;
  transform: scaleX(-1);
}
.slideInner___2mfX9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.focusRing___1airF {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  pointer-events: none;
  outline-width: 5px;
  outline-style: solid;
  outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .focusRing___1airF {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}
.horizontalSlider___281Ls {
  position: relative;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
}
[dir="rtl"] .horizontalSlider___281Ls {
  direction: ltr;
  transform: scaleX(-1);
}
.horizontalSliderTray___1L-0W {
  overflow: hidden;
  width: 100%;
}
.verticalSlider___34ZFD {
  position: relative;
  overflow: hidden;
}
.verticalSliderTray___267D8 {
  overflow: hidden;
}
.verticalTray___12Key {
  float: left;
}
.verticalSlideTrayWrap___2nO7o {
  overflow: hidden;
}
.sliderTray___-vHFQ {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sliderAnimation___300FY {
  transition: transform .5s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}
.masterSpinnerContainer___1Z6hB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
._13rGo4vexAbY9-CP7FsLOg {
  border: none;
  background-color: transparent;
  outline: none !important;
  display: flex;
  cursor: pointer;
  padding: 0px;
}
._13rGo4vexAbY9-CP7FsLOg:hover svg {
  opacity: 1;
}
._13rGo4vexAbY9-CP7FsLOg:disabled svg {
  opacity: 0.1;
  filter: none;
}
._13rGo4vexAbY9-CP7FsLOg.S8IHdovT5T2iEVg_97xve {
  transform: rotateZ(180deg);
}
._13rGo4vexAbY9-CP7FsLOg svg {
  opacity: 0.7;
  transition: opacity .2s ease-in-out, filter .2s ease-in-out;
}
._3zfZ9tkIrSDZdSTv8mvZ3- {
  display: flex;
  z-index: 1;
  align-items: center;
  position: absolute;
  padding: 0px;
  width: 50px;
  top: 0px;
  bottom: 0px;
}
._3zfZ9tkIrSDZdSTv8mvZ3-.S8IHdovT5T2iEVg_97xve {
  left: -68px;
}
._3zfZ9tkIrSDZdSTv8mvZ3-.Cq59o5WQ49zTvvFY56QYS {
  right: -68px;
}
._3zfZ9tkIrSDZdSTv8mvZ3- svg {
  width: 50px;
  height: 50px;
}
.BasicUI ._3zfZ9tkIrSDZdSTv8mvZ3- {
  display: none;
}
._3a31O8XB_8lD-yov8FB9-9 {
  display: flex;
  flex-direction: column;
  position: relative;
}
._2M3SnYGvMvplWUC8yGhowo {
  position: relative;
}
.SaleSectionCarousel .carousel__slider {
  padding: 10px 0px;
  margin: -10px -7px 0px -7px;
}
html.responsive.touch .SaleSectionCarousel .carousel__slider {
  margin: 0;
}
@media screen and (max-width: 910px) {
  html:not(.force_desktop) .SaleSectionCarousel .carousel__slider {
    margin: 0;
  }
}
.BasicUI .SaleSectionCarousel .carousel__slider {
  padding: unset;
}
.BasicUI ._2VUpHDtxN8lR1LDahY_cI2 {
  column-gap: 12px;
}
._3HjnEmKg66o82ah74EIvmq {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.LY1m24ODS7AFRuzclt0Sl {
  display: flex;
  flex-flow: row;
}
._3SyN-YtXsML6ado0q-Gdve {
  display: flex;
  flex-direction: row;
  height: 35px;
  margin: 2px 10px 0px 10px;
}
.BasicUI ._3SyN-YtXsML6ado0q-Gdve {
  display: none;
}
.contenthubmaincarousel ._3SyN-YtXsML6ado0q-Gdve {
  max-width: 940px;
  width: 100%;
  margin: 0px auto;
}
._3SyN-YtXsML6ado0q-Gdve .qE43Jfzl0qJX_a6XrMgSr {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
._3SyN-YtXsML6ado0q-Gdve .qE43Jfzl0qJX_a6XrMgSr.S8IHdovT5T2iEVg_97xve {
  padding-left: 0px;
  padding-right: 20px;
}
._3SyN-YtXsML6ado0q-Gdve .qE43Jfzl0qJX_a6XrMgSr svg {
  height: 30px;
}
._3SyN-YtXsML6ado0q-Gdve ._95I5gwXXMBghRg-4uNQLr {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
}
._3SyN-YtXsML6ado0q-Gdve ._95I5gwXXMBghRg-4uNQLr ._1cpdoEGU0uiIWbGIU_qMbZ {
  width: 100%;
  height: 100%;
}
._3SyN-YtXsML6ado0q-Gdve .EMd4F6A8qdMk-l6os415A {
  position: relative;
  flex-grow: 1;
  height: 100%;
}
._3SyN-YtXsML6ado0q-Gdve .EMd4F6A8qdMk-l6os415A .WUHeTNYGQDQQg_jQe-78W {
  position: absolute;
  left: 0px;
  top: 17px;
  bottom: 17px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.13);
  margin: auto 0;
}
._3SyN-YtXsML6ado0q-Gdve .EMd4F6A8qdMk-l6os415A .PQzkJfi8IxzjcFEDG-yv- {
  position: absolute;
  top: 16px;
  bottom: 16px;
  background-color: rgba(255, 255, 255, 0.35);
  transition: left right;
  transition-duration: .4s;
}
._3TKX37FakYHikXh3Wtg2BU {
  padding-top: 10px;
}
._3TKX37FakYHikXh3Wtg2BU ._3Byg6Wc4TX36gkUptUIk72 {
  width: 28px;
  height: 25px;
  position: relative;
}
._3TKX37FakYHikXh3Wtg2BU ._3Byg6Wc4TX36gkUptUIk72 ._1u4YJiW1cdufpC_wssM8Us {
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  text-align: center;
}
._3Byg6Wc4TX36gkUptUIk72 {
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
  width: 18px;
  height: 15px;
  opacity: 0.3;
  padding: 1px 2px;
  margin: 0px;
  transition: opacity .2s;
}
._3Byg6Wc4TX36gkUptUIk72 img {
  width: 100%;
  height: 100%;
}
._3Byg6Wc4TX36gkUptUIk72.carousel__dot--selected {
  opacity: 1;
}
._3Cc2bMRML2lEkSyi2IAZ9G div {
  outline-width: 0px;
}
._3J8-bW87K3pb8EpRNYq0JG {
  transition: none;
}
._1nUtBXgWizhgU1jv-8wVC7 {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 940px) {
  ._1nUtBXgWizhgU1jv-8wVC7 {
    margin-right: -2vw;
  }
}
._1xGaMOW4aakB5uwqOCT3nI {
  position: relative;
}
.CCBFyy2uP4GNSQGfe2T1L {
  position: absolute;
  bottom: 72px;
  left: 16px;
  min-width: 260px;
  background: #2c3036;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 10px 32px 0px #000000ab;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.CCBFyy2uP4GNSQGfe2T1L img {
  border-radius: 4px;
  box-shadow: 0 0 4px 1px #000;
  margin-right: auto;
  margin-left: auto;
}
.CCBFyy2uP4GNSQGfe2T1L ._2Fs53eUCdV8xsO83Jc40DH {
  fill: #788a92;
  background-color: #0004;
  border-radius: 4px;
  height: 150px;
  width: 100%;
}
.CCBFyy2uP4GNSQGfe2T1L ._2Fs53eUCdV8xsO83Jc40DH path {
  transform: scale(0.85);
  transform-origin: 50% 50%;
}
._1cXUbzBtV9qFc_63x_j2F2 {
  max-height: 200px;
  max-width: 250px;
}
._21dZgGfG0xtybuVTE6nCv0 {
  flex: 1;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  user-select: none;
  text-align: center;
  max-width: 250px;
}
.rFDt7lDfNBv3BUjppBm9i {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  border-radius: 3px;
  background-color: rgba(67, 73, 83, 0.9);
  padding: 4px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  box-shadow: 0 0 4px 1px #00000088;
}
.rFDt7lDfNBv3BUjppBm9i ._1H7hrp21ukrcZyCAzv9Oc1 line {
  stroke: #fff;
}
.rFDt7lDfNBv3BUjppBm9i:hover {
  background-color: rgba(92, 100, 114, 0.9);
}
._2FFH3ZhSGGItb8Z61CSGfe {
  user-select: none;
  margin-top: 5px;
  background: #ccc;
  color: #000;
  border-radius: 10px;
  padding: 3px;
  line-height: 8px;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}
._2FFH3ZhSGGItb8Z61CSGfe:hover {
  background: #fff;
}
._1UobbffXVmx8rwsOHYeNb5 {
  position: absolute;
  width: 250px;
  bottom: 55px;
  background: #2c3036;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 10px 32px 0px #000000ab;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.tFbvGbecHSHr8P3EdINV- {
  width: 100%;
  height: 10px;
}
._288RbRaiLR6h9q5sWoD2eC {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  user-select: none;
  text-align: center;
  width: 100%;
}
._2Sg7W8jsvFcXVuQ7fbhSLJ,
.Lc2PK-Vkkvr2TUS0TfCqq {
  color: #c44848;
}
._42__6kBR5lkICeFfkFnwz,
.Lc2PK-Vkkvr2TUS0TfCqq,
._3fVv6M5HyJXcQ6kNF1SvoH {
  display: block;
  padding: 10px;
  padding-left: 42px;
  background-image: url("https://community.cloudflare.steamstatic.com/public/images//sharedfiles/icons/icon_warning.png");
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 6px;
}
._3fVv6M5HyJXcQ6kNF1SvoH {
  background-color: #472025;
}
.Lc2PK-Vkkvr2TUS0TfCqq._2aKylEXoZKcXuXfFcmcuQc {
  padding: 5px;
  padding-left: 32px;
  font-size: 14px;
  position: absolute;
  bottom: -5px;
  background-color: #682d2c;
  z-index: 1;
  box-shadow: 2px 2px 5px #000;
  text-wrap: nowrap;
}
._2Sg7W8jsvFcXVuQ7fbhSLJ > div,
.Lc2PK-Vkkvr2TUS0TfCqq > div {
  display: inline;
  color: #d78484;
}
._3gxgE6PMPecWZDBSlGjMX_,
._1S_uSkD_E5ayHa48JzzE0E {
  color: #b8860b;
}
._2jM80ZtA-oI5okavBZZqnF,
._1S_uSkD_E5ayHa48JzzE0E,
.UYrHsewdjj7dSkpWGgikw {
  padding: 10px;
  padding-left: 42px;
  background-image: url("https://community.cloudflare.steamstatic.com/public/images//sharedfiles/icons/icon_warning.png");
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 10px;
}
.UYrHsewdjj7dSkpWGgikw {
  background-color: #b8860b;
  color: #fff;
}
.UYrHsewdjj7dSkpWGgikw ._2b5wWgFg1yvry3TDzRUfFt {
  position: sticky;
  top: 89px;
  z-index: 1;
}
._1S_uSkD_E5ayHa48JzzE0E._3e0cNuLANduciMmeZz1dnk {
  padding: 5px;
  padding-left: 32px;
  font-size: 14px;
  position: absolute;
  bottom: -5px;
  background-color: #523d07;
  z-index: 1;
  box-shadow: 2px 2px 5px #000;
  text-wrap: nowrap;
}
._2lreMbIjEILzP1Eomy1QZM,
._1_-PibdcIVQzDZEP0_PeLV {
  color: #556b2f;
}
._3kyPzolDIjhIh7zW0wA6fy,
._1_-PibdcIVQzDZEP0_PeLV,
._3gNTI5UYknHdJwDfou9Iih {
  padding: 10px;
  padding-left: 42px;
  background-image: url("https://community.cloudflare.steamstatic.com/public/images//sharedfiles/icons/icon_spoiler_tag.png");
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: 10px;
}
._3gNTI5UYknHdJwDfou9Iih {
  background-color: #556b2f;
  color: #fff;
}
._3gNTI5UYknHdJwDfou9Iih ._2b5wWgFg1yvry3TDzRUfFt {
  position: sticky;
  top: 89px;
  z-index: 1;
}
._36hmaGtzxNb1Pql2UhfM5Z {
  padding-top: 10px;
}
.ModalPosition_Content .UfQcb76CCbHawnpQ9tbu3.DialogContent {
  width: initial;
}
.ModalPosition_Content
  .UfQcb76CCbHawnpQ9tbu3.DialogContent
  .DialogContent_InnerWidth
  > form {
  padding-right: 8px;
}
.Pl7AIUjh5siFakQJbPFO9 .DialogFooter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.Pl7AIUjh5siFakQJbPFO9 .DialogFooter button.DialogButton {
  margin-left: 8px;
  width: fit-content;
}
._1wBO1L1tT0f1wtl3CpBWbn .DialogFooter .DialogTwoColLayout {
  gap: 8px;
}
._2RwDkHMoOnosJANzYXpE {
  height: 32px;
}
._1un0dZktOVEKH7zzpSTtoF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
._1zUv_m9l3wknw_k_rwz0uy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
._1zUv_m9l3wknw_k_rwz0uy button.DialogButton {
  padding: 0px 12px;
}
._3Ule3rolhZJiBN4yNNtk1s {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  background-color: #1b1c20;
  box-shadow: inset 0px 0px 4px #000;
  outline-width: 0px;
  color: #aaa;
  border: 0px solid transparent;
  padding-right: 2px;
}
._113iuw_HlE_qSgt9cGWCSv {
  resize: none;
  margin-right: 4px;
  height: 42px;
  background-color: transparent;
  box-shadow: inset 0px 0px 4px transparent;
  outline-width: 0px;
  color: #aaa;
  border: 0px solid transparent;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
  padding: 4px 4px 4px 8px;
  flex-shrink: 1;
  width: 100%;
}
._113iuw_HlE_qSgt9cGWCSv.GamepadMode,
.GamepadMode ._113iuw_HlE_qSgt9cGWCSv {
  box-shadow: none;
  font-size: 16px;
  padding: 10px 0 0 8px;
  margin-right: 0;
  max-height: 34px;
  height: 34px;
  transition: none;
}
._113iuw_HlE_qSgt9cGWCSv.GamepadMode.gpfocus,
.GamepadMode ._113iuw_HlE_qSgt9cGWCSv.gpfocus {
  color: #fff;
}
._2WfNoLBdfKwyutA6ho4aSH {
  padding: 2px;
  box-shadow: #000 0px 0px 4px inset;
  background-color: #1b1c20;
  margin-left: 8px;
}
.W0OhkJtz8zMUW8Mhu0BMO,
._2WfNoLBdfKwyutA6ho4aSH {
  display: flex;
  flex-direction: row;
}
.W0OhkJtz8zMUW8Mhu0BMO {
  max-height: 50px;
  align-self: flex-end;
}
._2zeehYTQ2oNY7TvjqGC_gL {
  min-height: 0;
}
.compactView ._113iuw_HlE_qSgt9cGWCSv {
  height: 24px;
  line-height: 18px;
}
.RVIs84dAE6wHcjH9tkinc {
  position: relative;
  border: 1px solid #1b1c20;
  color: #c9c9c9;
  margin: 0px;
  margin-top: 2px;
  max-width: 46px;
  max-height: 46px;
  padding: 0;
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 46px;
  cursor: pointer;
}
.RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW,
.RVIs84dAE6wHcjH9tkinc.Aupswi7-c-w3XwNO5cp2i {
  flex: 0;
  min-width: 46px;
  position: relative;
  background-color: #2c3036;
  margin: 0px;
  margin-top: 0px;
  max-width: 46px;
  max-height: 46px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW SVG,
.RVIs84dAE6wHcjH9tkinc.Aupswi7-c-w3XwNO5cp2i SVG {
  width: 24px;
  height: 24px;
  color: #898989;
}
.RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW {
  max-width: 46px;
  max-height: 46px;
}
.RVIs84dAE6wHcjH9tkinc:focus {
  outline: none;
}
.RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW:hover,
.RVIs84dAE6wHcjH9tkinc._3zOBeq5W4cNK3lRz_7aroW:focus {
  background-color: #3d424b;
  color: #fff;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus.GamepadMode,
.GamepadMode .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus {
  background: #fff;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy)
  .SVGIcon_Button.SVGIcon_Submit
  path.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy)
  .SVGIcon_Button.SVGIcon_Submit
  path {
  fill: #fff;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_Button.SVGIcon_Submit
  path,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_Button.SVGIcon_Submit
  path,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy)
  .SVGIcon_Button.SVGIcon_Submit
  path {
  fill: #fff;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_Button.SVGIcon_Submit
  path.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_Button.SVGIcon_Submit
  path,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_Button.SVGIcon_Submit
  path.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_Button.SVGIcon_Submit
  path,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy)
  .SVGIcon_Button.SVGIcon_Submit
  path.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy)
  .SVGIcon_Button.SVGIcon_Submit
  path {
  fill: #000;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus .SVGIcon_Button,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover .SVGIcon_Button {
  fill: #f5ffd7;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_Button.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_Button,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_Button.GamepadMode,
.GamepadMode
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_Button {
  fill: #000;
}
.RVIs84dAE6wHcjH9tkinc._3G-I9qj7vqOe6SOFG27ohD .SVGIcon_Microphone_Off {
  opacity: 1;
}
.RVIs84dAE6wHcjH9tkinc.jaQN2IyN4P8LZXJ6P11qy {
  color: #898989;
  cursor: default;
  background-color: #2c3036;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus .SVGIcon_VoiceRoom,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover .SVGIcon_VoiceRoom {
  fill: rgba(0, 0, 0, 0);
  stroke: #f5ffd7;
}
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_VoiceRoom
  .IWabakUFeIH_d5rhBZ6dG,
.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_VoiceRoom
  .IWabakUFeIH_d5rhBZ6dG {
  fill: #f5ffd7;
}
._37tPtXtV-sv9XgDHjS2cnj.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_VoiceRoom,
._37tPtXtV-sv9XgDHjS2cnj.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_VoiceRoom {
  fill: #fff;
  stroke: #000;
}
._37tPtXtV-sv9XgDHjS2cnj.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):focus
  .SVGIcon_VoiceRoom
  .IWabakUFeIH_d5rhBZ6dG,
._37tPtXtV-sv9XgDHjS2cnj.RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy):hover
  .SVGIcon_VoiceRoom
  .IWabakUFeIH_d5rhBZ6dG {
  fill: #000;
}
.RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit {
  width: 26px;
  height: 26px;
  margin-top: 4px;
}
.compactView .RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit {
  margin-top: 3px;
}
.RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit path {
  fill: #5f5f5f;
  stroke-width: 2px;
}
.RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit path.GamepadMode,
.GamepadMode .RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit path {
  stroke-width: 0px;
  fill: #67707b;
}
.RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit.GamepadMode,
.GamepadMode .RVIs84dAE6wHcjH9tkinc .SVGIcon_Submit {
  margin-top: 4px;
  margin-left: 2px;
}
._3zOBeq5W4cNK3lRz_7aroW {
  background-image: none;
  margin-right: 2px;
  font-size: 28px;
  text-align: center;
  color: #8492a4;
  padding: 0px;
}
._3zOBeq5W4cNK3lRz_7aroW .SVGIcon_Paperclip {
  width: 26px;
  height: 26px;
}
._3zOBeq5W4cNK3lRz_7aroW .SVGIcon_Paperclip path {
  stroke: #8492a4;
  stroke-width: 12px;
}
._3zOBeq5W4cNK3lRz_7aroW:focus .SVGIcon_Paperclip path,
._3zOBeq5W4cNK3lRz_7aroW:hover .SVGIcon_Paperclip path,
.SVGIcon_Paperclip {
  stroke: #fff;
}
.Aupswi7-c-w3XwNO5cp2i {
  margin-right: 1px;
}
.Aupswi7-c-w3XwNO5cp2i:hover,
.Aupswi7-c-w3XwNO5cp2i:focus {
  background-color: #3d424b;
  color: #fff;
}
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon {
  width: 26px;
  height: 26px;
}
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_CSGO {
  width: 32px;
  height: 32px;
  fill: #dfc408;
  margin-left: 1px;
  margin-top: 4px;
}
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon line,
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon circle,
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon path {
  stroke: #8492a4;
  stroke-width: 10px;
}
.Aupswi7-c-w3XwNO5cp2i .SVGIcon_Emoticon line {
  stroke-width: 16px;
}
.Aupswi7-c-w3XwNO5cp2i:hover .SVGIcon_Emoticon line,
.Aupswi7-c-w3XwNO5cp2i:focus .SVGIcon_Emoticon line,
.Aupswi7-c-w3XwNO5cp2i:hover .SVGIcon_Emoticon circle,
.Aupswi7-c-w3XwNO5cp2i:focus .SVGIcon_Emoticon circle,
.Aupswi7-c-w3XwNO5cp2i:hover .SVGIcon_Emoticon path,
.Aupswi7-c-w3XwNO5cp2i:focus .SVGIcon_Emoticon path {
  stroke: #fff;
}
._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc {
  align-self: flex-end;
  min-height: 46px;
  margin-bottom: 2px;
  background: #24272b;
  transition: background .3s ease;
}
._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy) {
  background: linear-gradient(136deg, #0056d6 1%, #1a9fff 60%);
}
._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc.GamepadMode,
.GamepadMode ._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc {
  min-height: 0px;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: 0px solid transparent;
  background-color: transparent;
  max-width: 44px;
  min-width: 0;
}
._3Ule3rolhZJiBN4yNNtk1s
  .RVIs84dAE6wHcjH9tkinc.GamepadMode:not(.jaQN2IyN4P8LZXJ6P11qy),
.GamepadMode
  ._3Ule3rolhZJiBN4yNNtk1s
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy) {
  background-color: #67707b;
  color: #fff;
}
._3Ule3rolhZJiBN4yNNtk1s
  .RVIs84dAE6wHcjH9tkinc.GamepadMode:not(.jaQN2IyN4P8LZXJ6P11qy).gpfocus,
.GamepadMode
  ._3Ule3rolhZJiBN4yNNtk1s
  .RVIs84dAE6wHcjH9tkinc:not(.jaQN2IyN4P8LZXJ6P11qy).gpfocus {
  background-color: #fff;
}
.compactView ._3Ule3rolhZJiBN4yNNtk1s .RVIs84dAE6wHcjH9tkinc {
  height: 28px;
  min-height: 28px;
  margin-bottom: 2px;
}
.compactView .RVIs84dAE6wHcjH9tkinc {
  min-width: 32px;
}
.chatEntry.compactView .RVIs84dAE6wHcjH9tkinc svg {
  width: 20px;
  height: 20px;
}
.ChatMessageEntryVoice {
  flex: 0;
  min-width: 46px;
  position: relative;
  color: #c9c9c9;
  margin: 0px;
  margin-top: 0px;
  max-width: 46px;
  max-height: 50px;
  padding: 2px;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  box-shadow: #000 0px 0px 4px inset;
  transition-property: width, max-width, min-width, border-radius,
    background-position;
  transition-duration: .3s, .3s, .3s, .6s;
  background: radial-gradient(
    128px 128px at 20% 50%,
    #1da834 0%,
    rgba(27, 28, 32, 0) 100%
  );
  background-position: -190px 0px;
  background-color: #1b1c20;
  background-repeat: no-repeat;
  background-size: 256px 128px;
  overflow: hidden;
}
.friendListHeaderContainer .activeVoicePushToTalk,
.ChatMessageEntryVoice .activeVoicePushToTalk {
  font-size: 11px;
  margin-top: 12px;
  margin-bottom: -18px;
  opacity: 1;
  transition: opacity .3s ease-out;
  white-space: nowrap;
  user-select: none;
}
.ChatMessageEntryVoice.Disabled {
  opacity: 0.2;
  border: 1px dashed #000;
  outline: 2px solid #0007;
}
.ChatMessageEntryVoice.Active {
  min-width: 136px;
  max-width: 136px;
  width: 136px;
  background-position: 0px 0px;
}
.ChatMessageEntryVoice .buttonsContainer {
  display: flex;
}
.ChatMessageEntryVoice .activeVoicePushToTalk {
  position: absolute;
  top: 33px;
  left: 49px;
  width: 87px;
  text-align: center;
  color: #74c069;
  background-color: #0005;
  font-size: 10px;
  margin-top: 0px;
}
.ChatMessageEntryVoice.pushToTalkEnabled .activeVoiceButtons {
  margin-top: -8px;
}
.ChatMessageEntryVoice.pushToTalkEnabled .VoiceControlPanelButton {
  min-height: 14px;
}
.ChatMessageEntryVoice.pushToTalkEnabled
  .activeVoiceButtons
  .SVGIcon_Button.SVGIcon_Shadow {
  top: 2px;
}
.ChatMessageEntryVoice .activeVoiceButtons {
  min-width: 0px;
  width: 84px;
}
.ChatMessageEntryVoice .activeVoiceControls {
  min-width: 0px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  background: none;
}
.ChatMessageEntryVoice.Inactive .VoiceControlPanelButton {
  pointer-events: none;
}
.ChatMessageEntryVoice.Active
  .VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone
  SVG,
.VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone SVG {
  color: #e64a35;
}
.ChatMessageEntryVoice.Active
  .VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone:active,
.VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone:active {
  background-color: rgba(197, 23, 11, 0.5);
  transition-duration: 0s;
}
.ChatMessageEntryVoice.Active
  .VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone:active
  SVG,
.VoiceControlPanelButton.ToggleMicrophoneButton.NoMicrophone:active SVG {
  color: #e64a35;
}
.ChatMessageEntryVoice .VoiceControlPanelButton.ToggleVoiceOutputButton {
  transform: translateX(-64px) scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
  cursor: pointer;
}
.ChatMessageEntryVoice .VoiceControlPanelButton.ToggleMicrophoneButton {
  transform: translateX(-32px) scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
  cursor: pointer;
}
.ChatMessageEntryVoice.Active .VoiceControlPanelButton.ToggleVoiceOutputButton,
.ChatMessageEntryVoice.Active .VoiceControlPanelButton.ToggleMicrophoneButton {
  opacity: 1;
  transform: translateX(0px) scale(1);
}
.ChatMessageEntryVoice .VoiceControlPanelButton.chatEndVoiceChat {
  display: none;
}
.ChatMessageEntryVoice.Active .VoiceControlPanelButton:active,
.VoiceControlPanelButton:active {
  background-color: rgba(97, 253, 151, 0.5);
}
.ChatMessageEntryVoice.pushToTalkEnabled
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone,
.friendListHeaderContainer
  .pushToTalkEnabled
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone {
  fill: rgba(200, 241, 194, 0.2);
}
.ChatMessageEntryVoice.pushToTalkEnabled
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone.SVGIcon_Shadow,
.friendListHeaderContainer
  .pushToTalkEnabled
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone.SVGIcon_Shadow {
  fill: rgba(0, 0, 0, 0.2);
}
.ChatMessageEntryVoice.pushToTalkEnabled.pushToTalkKeyDown
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone.SVGIcon_Shadow,
.friendListHeaderContainer
  .pushToTalkEnabled.pushToTalkKeyDown
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone.SVGIcon_Shadow {
  fill: #000;
}
.ChatMessageEntryVoice.pushToTalkEnabled.pushToTalkKeyDown
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone,
.friendListHeaderContainer
  .pushToTalkEnabled.pushToTalkKeyDown
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone {
  fill: #c8f1c2;
}
.chatEntry.compactView .VoiceToggle {
  height: 28px;
}
.VoiceIconCtn {
  position: relative;
  width: 24px;
  height: 24px;
  margin: auto;
  color: #c8f1c2;
}
.VoiceIconCtn:hover SVG {
  color: #fff;
}
.VoiceIconCtn .NoMicrophone SVG {
  color: #f43;
}
.VoiceToggleIconCtn {
  color: #898989;
}
.VoiceControlPanelButton.chatEndVoiceChat:hover .VoiceIconCtn {
  color: #fff;
}
.chatEntry.compactView .VoiceToggleIconCtn {
  height: 24px;
  top: 3px;
}
.chatEntry.compactView .activeVoiceFlexBox {
  height: 28px;
}
.chatEntry.compactView .activeVoiceButtons button {
  max-width: 28px;
  min-width: 28px;
  min-height: 28px;
  max-height: 28px;
  margin-top: 2px;
}
.chatEntry.compactView .SVGIcon_Button.SVGIcon_Shadow {
  top: 6px;
  left: 10px;
}
.chatEntry.compactView
  .VoiceControlPanelButton:active
  .SVGIcon_Microphone.SVGIcon_Shadow,
.chatEntry.compactView
  .VoiceControlPanelButton:active
  .SVGIcon_Headphones.SVGIcon_Shadow {
  top: 3px;
  left: 7px;
}
.chatEntry.compactView
  .VoiceControlPanelButton.ToggleVoiceOutputButton
  .SVGIcon_Headphones,
.chatEntry.compactView
  .VoiceControlPanelButton.ToggleMicrophoneButton
  .SVGIcon_Microphone {
  padding-top: 2px;
  width: 20px;
  height: 20px;
}
.VoiceToggle.Inactive:hover {
  background-color: #3d424b;
}
.chatEntry.compactView .ChatMessageEntryVoice .activeVoiceButtons {
  width: 64px;
}
.chatEntry.compactView .ChatMessageEntryVoice .activeVoiceControls {
  width: 64px;
}
.chatEntry.compactView .ChatMessageEntryVoice.Active {
  min-width: 114px;
  max-width: 114px;
  width: 114px;
}
.chatEntry.compactView
  .ChatMessageEntryVoice.pushToTalkEnabled
  .activeVoiceButtons {
  margin-top: -2px;
}
.chatEntry.compactView
  .ChatMessageEntryVoice.pushToTalkEnabled
  .VoiceControlPanelButton {
  min-height: 14px;
}
.chatEntry.compactView
  .ChatMessageEntryVoice.pushToTalkEnabled
  .activeVoiceButtons
  .SVGIcon_Button.SVGIcon_Shadow {
  top: 2px;
}
.chatEntry.compactView .ChatMessageEntryVoice .activeVoicePushToTalk {
  top: 18px;
  right: 0px;
  width: 66px;
  text-align: center;
  color: #74c069;
  background-color: #0000;
}
